﻿/**********************************************************************************/
/************************************* Fonts **************************************/
/**********************************************************************************/
@font-face {
  font-family: 'axisfirst';
  src: url('fonts/AXISFirst/axisfirst.eot?40173586');
  src: url('fonts/AXISFirst/axisfirst.eot?40173586#iefix') format('embedded-opentype'),
       url('fonts/AXISFirst/axisfirst.woff2?40173586') format('woff2'),
       url('fonts/AXISFirst/axisfirst.woff?40173586') format('woff'),
       url('fonts/AXISFirst/axisfirst.ttf?40173586') format('truetype'),
       url('fonts/AXISFirst/axisfirst.svg?40173586#axisfirst') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'express-fontello-axis';
  src: url('/fonts/express-fontello-axis/fontello-axis.eot') format('embedded-opentype'),
       url('/fonts/express-fontello-axis/fontello-axis.woff2') format('woff2'),
       url('/fonts/express-fontello-axis/fontello-axis.woff') format('woff'),
       url('/fonts/express-fontello-axis/fontello-axis.ttf') format('truetype'),
       url('/fonts/express-fontello-axis/fontello-axis.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  ont-display: swap;
}

video#bgvid { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(/images/software/warehouse_management_background_2.jpg) no-repeat;
    background-size: cover; 
}

#vidback.container{
  background: rgba(256,256,256,0.9);
}

/* ----  Colours  ---- */
.business, .style-1 {
	--primary-colour-0: #db651b;
	--primary-colour-1: #ee730b;
	--primary-colour-2: #f48322;
	--primary-colour-3: #f6923d;
	--primary-colour-4: #f7a259;
	--primary-colour-5: #f8b175;
	--primary-colour-6: #fac190;
	--primary-colour-7: #fbd0ac;
	--primary-colour-8: #fce0c8;
	--primary-colour-9: #feefe3;
	
	--site-logo-location: url("/images/logo.svg");
}

.software, .style-2 {
	--primary-colour-0: #663399;
	--primary-colour-1: #753bb0;
	--primary-colour-2: #8547c2;
	--primary-colour-3: #945ec9;
	--primary-colour-4: #a375d1;
	--primary-colour-5: #b28cd9;
	--primary-colour-6: #c2a3e0;
	--primary-colour-7: #d1bae8;
	--primary-colour-8: #e0d1f0;
	--primary-colour-9: #f0e8f7;
	
	--site-logo-location: url("/images/logo-2.svg");
}

.internet, .style-3 {
	--primary-colour-0: #5f7b27;
	--primary-colour-1: #90a26e;
	--primary-colour-2: #88b038;
	--primary-colour-3: #9ac446;
	--primary-colour-4: #a9cd60;
	--primary-colour-5: #b7d57b;
	--primary-colour-6: #c5dd95;
	--primary-colour-7: #d4e6b0;
	--primary-colour-8: #e2eeca;
	--primary-colour-9: #f1f7e5;
	
	--site-logo-location: url("/images/logo-3.svg");
}

.technology, .style-4 {
	--primary-colour-0: #336699;
	--primary-colour-1: #3b75b0;
	--primary-colour-2: #4785c2;
	--primary-colour-3: #5e94c9;
	--primary-colour-4: #75a3d1;
	--primary-colour-5: #8cb2d9;
	--primary-colour-6: #a3c2e0;
	--primary-colour-7: #bad1e8;
	--primary-colour-8: #d1e0f0;
	--primary-colour-9: #e8f0f7;
	
	--site-logo-location: url("/images/logo-4.svg");
}

.convergence, .style-5 {
	--primary-colour-0: #990000;
	--primary-colour-1: #bd0000;
	--primary-colour-2: #e00000;
	--primary-colour-3: #ff0505;
	--primary-colour-4: #ff2929;
	--primary-colour-5: #ff4c4c;
	--primary-colour-6: #ff7070;
	--primary-colour-7: #ff9494;
	--primary-colour-8: #ffb8b8;
	--primary-colour-9: #ffdbdb;
	
	--site-logo-location: url("/images/logo-5.svg");
}

/* ---- temporary styling of page text content ---- */

label{font-size:15px;color:#333333;line-height:27px;margin-bottom:3px;}
/*input:not([type='checkbox'])*/input,select,textarea{max-width:100%;height:34px;background-color:#ffffff;border:0;margin-bottom:15px!important;padding-left:5px;font-size:14px!important;color:#333333!important;line-height:27px!important;border:1px solid #d3d3d3;}
textarea{min-height:150px;}
select[multiple]{height:auto;}

table{border-collapse:collapse;border-spacing:0;font-size:13px;line-height:20px;margin:0 0 20px;/*width:100%;*/font-family:'Open Sans', sans-serif;}
table th,table th a,table td{font-weight:normal;text-align:left;text-decoration:none;vertical-align:top;}
table th{font-weight:bold;}

td{white-space: normal;}
.AXISTableHead td, td.AXISTableHead{white-space:nowrap;padding-left:7px;padding-right:7px;}
.AXISPageResults{font-size:15px;color:#333333;line-height:20px;font-family:"Open Sans", sans-serif;font-weight:400;margin-bottom:15px;}


#main-content{padding:30px 0;}
/* body.home-page #main-content{padding-top:142px;} */

#main-content h1, #main-content h2, #main-content h3, #main-content h4, #main-content h4, #main-content h6{font-family:"Open Sans", sans-serif;font-weight: 400;margin-bottom: 10px;padding:0;}
#main-content h1{font-size:30px;line-height:34px;border-bottom:1px solid #d3d3d3;padding-bottom:14px;margin-bottom:26px;margin-top:0;font-weight:600;letter-spacing: -0.5px;}
#main-content h2{font-size:21px;line-height:26px;/*font-weight:600;*/font-weight:700;}
#main-content h3{font-size:17px;line-height:22px;/*font-weight:600;*/font-weight:700;}
#main-content h4{font-size:15px;line-height:18px;}
#main-content h5{font-size:11px;line-height:16px;}
#main-content h6{font-size:9px;line-height:14px;}

#main-content * + h1, #main-content * + h2, #main-content * + h3, #main-content * + h4, #main-content * + h5, #main-content * + h6 {
	margin-top: 30px;
}

#main-content p, #main-content blockquote{font-size:15px;color:#333333;line-height:24px;font-family:"Open Sans", sans-serif;font-weight:400;margin-bottom:15px;}
#main-content p strong{font-weight:700;}
#main-content * a{text-decoration:none;font-weight:600;}
#main-content * a:hover{text-decoration:underline;}
#main-content > a {font-size:15px;line-height:20px;font-family:"Open Sans", sans-serif;font-weight:600;margin-bottom:15px;text-decoration:none;display: block;}
#main-content > a:after{font-size:13px;font-family:FontAwesome;content:"\f101";display:inline-block;padding-left:5px;}
#main-content blockquote{/*border-left:1px solid;*/padding-left:10px;margin-left:0;margin-top:10px;}
#main-content * img{height:auto;display:block;max-width:100%;margin-bottom:15px;}
#main-content p img{display:inline;margin-bottom:0;}
#main-content ul{margin-bottom:20px;text-align:left;list-style:none;}
#main-content ul li ul{padding-left:20px;padding-top:15px;}
#main-content li{color:#333333;font-size:15px;line-height:22px;font-family:"Open Sans", sans-serif;font-weight:400;margin-bottom:5px;}
#main-content ul li:before{content:"• ";font-size:20px;vertical-align:top;}
#main-content ul li:after{content: "";display: block;height: 10px;}
#main-content td{vertical-align:top;}
#main-content hr{width:100%;height:1px;border:0;background-color:#d3d3d3;margin:0 0 15px;}

.business #main-content * h1,.business #main-content * h2,.business #main-content * h3,.business #main-content * h4,.business #main-content * h5,.business #main-content * h6,.business #main-content * a:not(#callback-tab):not(.department-hover):not(.area-section-block):not(.button1):not(.button6){color:#d2660a;border-left-color:#d2660a!important;}

.software #main-content * h1,.software #main-content * h2,.software #main-content * h3,.software #main-content * h4,.software #main-content * h5,.software #main-content * h6,.software #main-content * a:not(#callback-tab):not(.department-hover):not(.button1):not(.button6){color:#663399;border-left-color:#663399!important;}

.technology #main-content * h1,.technology #main-content * h2,.technology #main-content * h3,.technology #main-content * h4,.technology #main-content * h5,.technology #main-content * h6,.technology #main-content * a:not(#callback-tab):not(.department-hover):not(.button1):not(.button6){color:#336699;border-left-color:#336699!important;}

.convergence #main-content * h1,.convergence #main-content * h2,.convergence #main-content * h3,.convergence #main-content * h4,.convergence #main-content * h5,.convergence #main-content * h6,.convergence #main-content * a:not(#callback-tab):not(.department-hover):not(.button1):not(.button6){color:#990000;border-left-color:#990000!important;}

.internet #main-content * h1,.internet #main-content * h2,.internet #main-content * h3,.internet #main-content * h4,.internet #main-content * h5,.internet #main-content * h6,.internet #main-content * a:not(#callback-tab):not(.department-hover):not(.button1):not(.button6){color:#5f7b27;border-left-color:#5f7b27!important;}


/* -- --- -- */
.business .department-back-col {
  background-color: #e77323; }

.business .department-font-col {
  color: #e77323; }

.business .primary-button,.business button,.business input[type=button],.business input[type=reset],.business input[type=submit] {
  /*background-color: #fb9a47;*/ background-color: #f8a56b; }
  .business .primary-button:hover,.business button:hover,.business input[type=button]:hover,.business input[type=reset]:hover,.business input[type=submit]:hover {
    background-color: #e77323; }

.business .page-content h1, .business .page-content h2, .business .page-content h3, .business .page-content h4, .business .page-content h5, .business .page-content h6, .business .page-content p a, .business .page-content blockquote a, .business .page-content > a, .business .page-content blockquote, .business .page-content li:before {
  color: #e77323; }

.business .sidebar-item a, .business .sidebar-listing h3, .business .sidebar-bulletin h3, .business .sidebar-bulletin li:before {
  color: #e77323; }

.business #callback-tab:hover #callback-icon, .business #callback-popup-title {
  background-color: #e77323; }

.business ::selection {
  background-color: #e77323;
  color: #ffffff; }

.business .link-list li:before{
  color: #e77323!important;
}

.business .link-list a:hover{
  color: #e77323!important;
}
  
.business .sidebar-form h3,.business .sidebar-form span,.business .sidebar-form label{color:#e77323!important;}
  
#nav-ul > li:nth-child(1) > a:after {
  border-top-color: #e77323; }

#nav-ul > li:nth-child(1) > a:hover, #nav-ul > li:nth-child(1) > a.active {
  background-color: #e77323; }

#nav-ul > li:nth-child(1) .megaMenuList > .megaMenuListItem > a {
  color: #d2660a; }

.featured-slide.business .featured-slide-content {
  border-color: #e77323; }

.featured-slide.business .slide-heading {
  color: #e77323!important; }
  
.business .featured-navigation .fa:hover{
	color: #e77323; }
	
.business .home-background-bottom{background-color:rgba(231,115,35,0.8)}
	
.business .below-slide-content h3 a{color:#ffde45!important;}

.business .below-navigation .fa{color: #ffde45;}

.business .below-navigation .fa:hover{color: #f59e62;}

.business .below-slide-icon{color: #e77323!important;}

.business .below-slide-icon:hover{background-color:#e77323;}

/*.department-block.business:hover .department-icon {
  background-color: #e77323; }*/
.department-block.business .department-hover-icon .axisfirst-icon:before,.department-block.business .department-hover-inner .fa-times{
	color: #e77323;}

.department-block.business .department-hover-content h3 {
  color: #e77323; }
  
.business .home-info-block h3 {
  color: #d2660a!important; }

/*
.home-info-block.business h3, .home-info-block.business .primary-button {
  color: #e77323!important; }
  */

.home-info-block.business .primary-button:hover {
  background-color: #e77323!important; }

.business .contact-info-block .fa {
    color: #e77323; }
 
.business .contact-info-block p {
	color: #e77323!important; }
	
.business .footer-contact-info .fa{
	color: #e77323; }

.software .department-back-col {
  background-color: #663399; }

.software .department-font-col {
  color: #663399; }

.software .primary-button,.software button,.software input[type=button],.software input[type=reset],.software input[type=submit] {
  /*background-color: #855cad;*/ background-color: #bca2d6; }
  .software .primary-button:hover,.software button:hover,.software input[type=button]:hover,.software input[type=reset]:hover,.software input[type=submit]:hover {
    background-color: #663399; }

.software .page-content h1, .software .page-content h2, .software .page-content h3, .software .page-content h4, .software .page-content h5, .software .page-content h6, .software .page-content p a, .software .page-content blockquote a, .software .page-content > a, .software .page-content blockquote, .software .page-content li:before {
  color: #663399; }

.software .sidebar-item a, .software .sidebar-listing h3, .software .sidebar-bulletin h3, .software .sidebar-bulletin li:before {
  color: #663399; }

.software #callback-tab:hover #callback-icon, .software #callback-popup-title {
  background-color: #663399; }

.software ::selection {
  background-color: #663399;
  color: #ffffff; }

.software .link-list li:before{
  color: #663399!important;
}

.software .link-list a:hover{
  color: #663399!important;
}
  
.software .sidebar-form h3,.software .sidebar-form span,.software .sidebar-form label{color:#663399!important;}

#nav-ul > li:nth-child(2) > a:after {
  border-top-color: #663399; }

#nav-ul > li:nth-child(2) > a:hover, #nav-ul > li:nth-child(2) > a.active {
  background-color: #663399; }

#nav-ul > li:nth-child(2) .megaMenuList > .megaMenuListItem > a {
  color: #663399; }

.featured-slide.software .featured-slide-content {
  border-color: #663399; }

.featured-slide.software .slide-heading {
  color: #663399!important; }
 
.software .featured-navigation .fa:hover{
	color: #663399; }

.software .home-background-bottom{background-color:rgba(102,51,153,0.8);}

.software .below-slide-content h3 a{color:#e99eff!important;}

.software .below-navigation .fa{color: #e99eff;}

.software .below-navigation .fa:hover{color: #935cca;}

.software .below-slide-icon{color: #663399;}

.software .below-slide-icon:hover{background-color:#663399;}

.department-block.software .department-icon {
  color: #663399; }
/*.department-block.software .department-icon:before {
	content: "\E800";}*/
/*.department-block.software:hover .department-icon {
  background-color: #663399; 
  color: #FFFFFF;}*/
.department-block.software .department-hover-icon .axisfirst-icon:before,.department-block.software .department-hover-inner .fa-times{
	color: #663399;}

.department-block.software .department-hover-content h3 {
  color: #663399!important; }

.software .home-info-block h3 {
  color: #663399!important; }

/*
.home-info-block.software h3, .home-info-block.software .primary-button {
  color: #663399!important; }
  */

.software .home-info-block .primary-button {
  /*background-color: #855cad!important;*/ background-color: #bca2d6!important; }

.software .home-info-block .primary-button:hover {
  background-color: #663399!important; }

.software .portfolio-item-title{
	background-color:#f0e1fa; }
	
.software .bottom-block-items .portfolio-item:hover .portfolio-item-title{
	background-color:#663399; }

.software .contact-info-block .fa {
    color: #663399; }
 
.software .contact-info-block p {
	color: #663399!important; }

.software .footer-contact-info .fa{
	color: #663399; }

.technology .department-back-col {
  background-color: #336699; }

.technology .department-font-col {
  color: #336699; }

.technology .primary-button,.technology button,.technology input[type=button],.technology input[type=reset],.technology input[type=submit] {
  /*background-color: #5c85ad;*/ background-color: #8dafcf; }
  .technology .primary-button:hover,.technology button:hover,.technology input[type=button]:hover,.technology input[type=reset]:hover,.technology input[type=submit]:hover {
    background-color: #336699; }

.technology .page-content h1, .technology .page-content h2, .technology .page-content h3, .technology .page-content h4, .technology .page-content h5, .technology .page-content h6, .technology .page-content p a, .technology .page-content blockquote a, .technology .page-content > a, .technology .page-content blockquote, .technology .page-content li:before {
  color: #336699; }

.technology .sidebar-item a, .technology .sidebar-listing h3, .technology .sidebar-bulletin h3, .technology .sidebar-bulletin li:before {
  color: #336699; }

.technology #callback-tab:hover #callback-icon, .technology #callback-popup-title {
  background-color: #336699; }

.technology ::selection {
  background-color: #336699;
  color: #ffffff; }

.technology .link-list li:before{
  color: #336699!important;
}

.technology .link-list a:hover{
  color: #336699!important;
}
  
.technology .sidebar-form h3,.technology .sidebar-form span,.technology .sidebar-form label{color:#336699!important;}

#nav-ul > li:nth-child(3) > a:after {
  border-top-color: #336699; }

#nav-ul > li:nth-child(3) > a:hover, #nav-ul > li:nth-child(3) > a.active {
  background-color: #336699; }

#nav-ul > li:nth-child(3) .megaMenuList > .megaMenuListItem > a {
  color: #336699; }

.featured-slide.technology .featured-slide-content {
  border-color: #336699; }

.featured-slide.technology .slide-heading {
  color: #336699!important; }

.technology .featured-navigation .fa:hover{
	color: #336699; }

.technology .home-background-bottom{background-color:rgba(51,102,153,0.8)}

.technology .below-slide-content h3 a{color:#4fcbff!important;}

.technology .below-navigation .fa{color: #4fcbff;}

.technology .below-navigation .fa:hover{color: #568dc3;}

.technology .below-slide-icon{color: #336699;}

.technology .below-slide-icon:hover{background-color: #336699;}

.department-block.technology .department-icon {
  color: #336699; }
/*.department-block.technology .department-icon:before {
	content: "\E801";}*/
/*.department-block.technology:hover .department-icon {
  background-color: #336699; 
  color: #FFFFFF;}*/
.department-block.technology .department-hover-icon .axisfirst-icon:before,.department-block.technology .department-hover-inner .fa-times{
	color: #336699;}

.department-block.technology .department-hover-content h3 {
  color: #336699!important; }
  
.technology .home-info-block h3 {
  color: #336699!important; }

/*
.home-info-block.technology h3, .home-info-block.technology .primary-button {
  color: #336699!important; }
  */

.technology .home-info-block .primary-button {
  /*background-color: #5c85ad!important;*/ background-color: #8dafcf!important; }

.technology .home-info-block .primary-button:hover {
  background-color: #336699!important; }

.technology .contact-info-block .fa {
    color: #336699; }
 
.technology .contact-info-block p {
	color: #336699!important; }
	
.technology .footer-contact-info .fa{
	color: #336699; }

.convergence .department-back-col {
  background-color: #990000; }

.convergence .department-font-col {
  color: #990000; }
  
.convergence .primary-button,.convergence button,.convergence input[type=button],.convergence input[type=reset],.convergence input[type=submit] {
  /*background-color: #ad4948;*/ background-color: #d88382; }
  .convergence .primary-button:hover,.convergence button:hover,.convergence input[type=button]:hover,.convergence input[type=reset]:hover,.convergence input[type=submit]:hover {
    background-color: #981b1a; }

.convergence .page-content h1, .convergence .page-content h2, .convergence .page-content h3, .convergence .page-content h4, .convergence .page-content h5, .convergence .page-content h6, .convergence .page-content p a, .convergence .page-content blockquote a, .convergence .page-content > a, .convergence .page-content blockquote, .convergence .page-content li:before {
  color: #990000; }

.convergence .sidebar-item a, .convergence .sidebar-listing h3, .convergence .sidebar-bulletin h3, .convergence .sidebar-bulletin li:before {
  color: #990000; }

.convergence #callback-tab:hover #callback-icon, .convergence #callback-popup-title {
  background-color: #990000; }

.convergence ::selection {
  background-color: #990000;
  color: #ffffff; }

.convergence .link-list li:before{
  color: #990000!important;
}

.convergence .link-list a:hover{
  color: #990000!important;
}

.convergence .sidebar-form h3,.convergence .sidebar-form span,.convergence .sidebar-form label{color:#990000!important;}

#nav-ul > li:nth-child(4) > a:after {
  border-top-color: #990000; }

#nav-ul > li:nth-child(4) > a:hover, #nav-ul > li:nth-child(4) > a.active {
  background-color: #990000; }

#nav-ul > li:nth-child(4) .megaMenuList > .megaMenuListItem > a {
  color: #990000; }

.featured-slide.convergence .featured-slide-content {
  border-color: #990000; }

.featured-slide.convergence .slide-heading {
  color: #990000!important; }
  
.convergence .featured-navigation .fa:hover{
	color: #990000; }

.convergence .home-background-bottom{/*background-color:#990000;*/background-color:rgba(153,0,0,0.8);}

.convergence .below-slide-content h3 a{color:#fea0c4!important;}

.convergence .below-navigation .fa{color: #fea0c4;}

.convergence .below-navigation .fa:hover{color: #ce2e2e;}

.convergence .below-slide-icon{color: #990000;}

.convergence .below-slide-icon:hover{background-color: #990000;}

.department-block.convergence .department-icon {
  color: #990000; }
/*.department-block.convergence .department-icon:before {
	content: "\E802";}*/
/*.department-block.convergence:hover .department-icon {
  background-color: #990000; 
  color: #FFFFFF;}*/
.department-block.convergence .department-hover-icon .axisfirst-icon:before,.department-block.convergence .department-hover-inner .fa-times{
	color: #990000;}

.department-block.convergence .department-hover-content h3 {
  color: #990000!important; }

.convergence .home-info-block h3 {
  color: #990000!important; }

/*
.home-info-block.convergence h3, .home-info-block.convergence .primary-button {
  color: #990000!important; }
  */

.convergence .home-info-block .primary-button {
  /*background-color: #ad4948!important;*/ background-color: #d88382!important; }

.convergence .home-info-block .primary-button:hover {
  background-color: #990000!important; }

.convergence .contact-info-block .fa {
    color: #990000; }
 
.convergence .contact-info-block p {
	color: #990000!important; }
	
.convergence .footer-contact-info .fa{
	color: #990000; }

.internet .department-back-col {
  background-color: #5f7b27; }

.internet .department-font-col {
  color: #5f7b27; }

.internet .primary-button,.internet button,.internet input[type=button],.internet input[type=reset],.internet input[type=submit] {
  /*background-color: #7f9552;*/ background-color: #95a86d; }
  .internet .primary-button:hover,.internet button:hover,.internet input[type=button]:hover,.internet input[type=reset]:hover,.internet input[type=submit]:hover {
    background-color: #5f7b27; }

.internet .page-content h1, .internet .page-content h2, .internet .page-content h3, .internet .page-content h4, .internet .page-content h5, .internet .page-content h6, .internet .page-content p a, .internet .page-content blockquote a, .internet .page-content > a, .internet .page-content blockquote, .internet .page-content li:before {
  color: #5f7b27; }

.internet .sidebar-item a, .internet .sidebar-listing h3, .internet .sidebar-bulletin h3, .internet .sidebar-bulletin li:before {
  color: #5f7b27; }

.internet #callback-tab:hover #callback-icon, .internet #callback-popup-title {
  background-color: #5f7b27; }

.internet ::selection {
  background-color: #5f7b27;
  color: #ffffff; }

.internet .link-list li:before{
  color: #5f7b27!important;
}
 
.internet .link-list a:hover{
  color: #5f7b27!important;
}

.internet .sidebar-form h3,.internet .sidebar-form span,.internet .sidebar-form label{color:#5f7b27!important;}

#nav-ul > li:nth-child(5) > a:after {
  border-top-color: #5f7b27; }

#nav-ul > li:nth-child(5) > a:hover, #nav-ul > li:nth-child(5) > a.active {
  background-color: #5f7b27; }

#nav-ul > li:nth-child(5) .megaMenuList > .megaMenuListItem > a {
  color: #5f7b27; }

.featured-slide.internet .featured-slide-content {
  border-color: #5f7b27; }

.featured-slide.internet .slide-heading {
  color: #5f7b27!important; }

.internet .featured-navigation .fa:hover{
	color: #5f7b27; }

.internet .home-background-bottom{/*background-color:#5f7b27;*/background-color:rgba(95,123,39,0.8);}

.internet .below-slide-content h3 a{color:#a3e062!important;}

.internet .below-navigation .fa{color: #a3e062;}

.internet .below-navigation .fa:hover{color: #82a242;}

.internet .below-slide-icon{color: #5f7b27;}

.internet .below-slide-icon:hover{background-color: #5f7b27;}

.department-block.internet .department-icon {
  color: #5f7b27; }
/*.department-block.internet .department-icon:before {
	content: "\E803";}*/
/*.department-block.internet:hover .department-icon {
  background-color: #5f7b27; 
  color: #FFFFFF;}*/
.department-block.internet .department-hover-icon .axisfirst-icon:before,.department-block.internet .department-hover-inner .fa-times{
	color: #5f7b27;}

.department-block.internet .department-hover-content h3 {
  color: #5f7b27!important; }

.internet .home-info-block h3 {
  color: #5f7b27!important; }

/*
.home-info-block.internet h3, .home-info-block.internet .primary-button {
  color: #5f7b27!important; }
  */

.internet .home-info-block .primary-button {
  /*background-color: #7f9552!important;*/ background-color: #95a86d!important; }

.internet .home-info-block .primary-button:hover {
  background-color: #5f7b27!important; }
  
.internet .portfolio-item-title{
	background-color:#d7e9b2; }
	
.internet .portfolio-item-title{
	background-color:#d7e9b2; }
	
.internet .bottom-block-items .portfolio-item:hover .portfolio-item-title{
	background-color:#5f7b27; }
  
.internet .contact-info-block .fa {
    color: #5f7b27; }
 
.internet .contact-info-block p {
	color: #5f7b27!important; } 

.internet .footer-contact-info .fa{
	color: #5f7b27; } 


/* -- ========== ALL PAGE STYLING ========== -- */

	.font-light, .font-reg, .font-semibold, .font-bold {font-family: "Open Sans", sans-serif;}
	.font-light {font-weight: 300 }
	.font-reg {font-weight: 400;}
	.font-semibold {font-weight: 600;}
	.font-bold {font-weight: 700;}
	
	.font-increase {font-size:1.1em!important;}
	
	.intro-paragraph {font-weight:bold!important;}


	/* -- buttons -- */
	
	button, input[type=button], input[type=reset], input[type=submit], .primary-button {font-size: 15px!important;color: #ffffff!important;line-height: 28px!important;/*background-color: #e6e6e6;*/font-weight: 600!important;border-radius: 5px;padding: 1px 27px;text-decoration: none;display: inline-block!important;text-align: center;border: 0;-webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;-moz-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;-ms-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;-o-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;cursor: pointer; }
	
	button[disabled], a[class*="-button"][disabled] {
		cursor: no-drop;
		opacity: .5;
	}

	.primary-button:hover{text-decoration:none!important;}
	
	.secondary-button {font-size: 15px!important;line-height: 28px!important;/*background-color: #e6e6e6;*/font-weight: 600!important;border-radius: 5px;padding: 1px 27px;text-decoration: none;display: inline-block!important;text-align: center;border: 0;-webkit-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;-moz-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;-ms-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;-o-transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out; }
	.secondary-button:hover{text-decoration:none!important;}
	

	/* -- section title -- */
	
	.section-title {border-bottom: 1px solid #d3d3d3;padding: 32px 0 6px 0;margin-bottom: 26px;}
	.section-title h1, .section-title h2 {font-size: 30px!important;line-height: 39px!important;margin: 0!important;border: 0!important;padding-bottom: 6px;}


	/* -- page content -- */
	
	.page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {
		font-family: "Open Sans", sans-serif;
		font-weight: 400;
		margin-bottom: 10px;
	}
	
	.page-content h2{font-size:21px;line-height:26px;}
	.page-content h3{font-size:17px;line-height:22px;}
	.page-content h4{font-size:13px;line-height:18px;}
	.page-content h5{font-size:11px;line-height:16px;}
	.page-content h6{font-size:9px;line-height:14px;}
	
	.page-content * + h1, .page-content * + h2, .page-content * + h3, .page-content * + h4, .page-content * + h5, .page-content * + h6 {
		margin-top: 30px;
	}
	
	.page-content p, .page-content blockquote{font-size:15px;color:#333333;line-height:20px;font-family:"Open Sans", sans-serif;font-weight:400;margin-bottom:15px;}
	.page-content p strong{font-weight:700;}
	.page-content * a{text-decoration:none;font-weight:600;}
	.page-content > a {font-size:15px;line-height:20px;font-family:"Open Sans", sans-serif;font-weight:600;margin-bottom:15px;text-decoration:none;display: block;}
	.page-content > a:after{font-size:13px;font-family:FontAwesome;content:"\f101";display:inline-block;padding-left:5px;}
	.page-content blockquote{border-left:1px solid;padding-left:15px;margin-left:0;margin-top:10px;}
	.page-content * img{height:auto;display:block;max-width:100%;margin-bottom:15px;}
	.page-content p img{display:inline;margin-bottom:0;}
	.page-content ul{margin-bottom:20px;text-align:left;list-style:none;}
	.page-content ul li ul{padding-left:20px;padding-top:15px;}
	.page-content li{color:#333333;font-size:15px;line-height:22px;font-family:"Open Sans", sans-serif;font-weight:400;display:table-row;
vertical-align:top;}
	.page-content ul li:before{content:"• ";font-size:20px;vertical-align:top!important;display:table-cell;text-align:left;padding-right:10px;}
	.page-content td{vertical-align:top;}
	.page-content hr{width:100%;height:1px;border:0;background-color:#d3d3d3;margin:0 0 15px;}
	
	.link-list li{margin-bottom:5px;}
	.link-list li:before{content:none!important;font-family:FontAwesome;content:"\f0da"!important;font-size:14px!important;padding-right:7px;vertical-align:middle;}
	.link-list a{font-size:15px;line-height:18px;color:#333333!important;}
	.link-list a:hover{text-decoration:underline!important;}


	/* -- page sidebar -- */
	
	.sidebar-item{/*margin-bottom:50px;*/margin-bottom:20px;font-family:"Open Sans", sans-serif;}
	.sidebar-item:last-child{margin-bottom:0;}
	.sidebar-item img{max-width:100%;display:block;margin-bottom:0!important;border-radius:9px;border:1px solid #cbcccd;overflow:hidden;}
	.sidebar-item a{text-decoration:none;}
	
	.sidebar-image p{font-weight:700!important;font-size:12px!important;color:#535353!important;line-height:16px!important;margin-top:8px;margin-bottom:0!important;}
	
	.sidebar-listing{padding:28px 22px;background-color:#e6e6e6;border-radius:10px;font-weight:700;}
	.sidebar-listing img{margin-bottom: 14px;}
	.sidebar-listing img:last-child{margin-bottom:0;}
	.sidebar-listing h3{font-size:18px;line-height:22px;margin-bottom:5px;}
	.sidebar-listing p{font-size:13px;color:#333333;line-height:18px;margin-bottom:18px;}
	
	.sidebar-bulletin h3{font-size:14px!important;line-height:22px!important;font-weight:700!important;margin-bottom:15px!important;}
	.sidebar-bulletin img{margin-bottom:20px;}
	.sidebar-bulletin ul{list-style:none;}
	.sidebar-bulletin li{margin-bottom:6px;}
	.sidebar-bulletin li a{font-size:13px;color:#333333!important;line-height:19px;padding-left:15px;float:left;width:99%;}
	.sidebar-bulletin li:before{content:" ";font-family:FontAwesome;content:"\f0da";font-size:15px;margin-top:2px;float:left;width:1%;}
	.sidebar-bulletin li:after{content:'';display:block;font-size:0;height:0;clear:both;}
	
	.sidebar-quote{padding:45px 30px 60px;border-radius:8px;background-image:url('../images/sidebar_quote_dots.png');background-position:right top;background-repeat:no-repeat;}
	.sidebar-quote p{font-size:32px!important;line-height:40px!important;font-weight:300!important;margin-bottom:0!important;}
	.quote-author,.quote-company{font-size:15px;color:#444444;line-height:19px;display:block;}
	.quote-author{font-style:italic;margin-top:17px;}
	.quote-company{margin-top:2px;}

	.software .sidebar-quote{background-color:#f6ecf9;}
	.software .sidebar-quote p{color:#663399!important;}
	
	.technology .sidebar-quote{background-color:#ecf3f8;}
	.technology .sidebar-quote p{color:#336699!important;}

	.internet .sidebar-quote{background-color:#eefdd1;}
	.internet .sidebar-quote p{color:#5f7b27!important;}
	
	.convergence .sidebar-quote{background-color:#faeded;}
	.convergence .sidebar-quote p{color:#990000!important;}
	
	.sidebar-card{padding:45px 36px 50px;border-radius:8px;background-image:url('../images/sidebar_quote_dots.png');background-position:right top;background-repeat:no-repeat;}
	.sidebar-card.purple-card{background-color:#cdc3fb;}
	.sidebar-card.green-card{background-color:#c6ea8e;}
	.sidebar-card p{font-size:21px!important;color:#336699!important;line-height:26px!important;font-weight:400!important;margin-bottom:5px!important;}
	.sidebar-card .large{font-size:32px!important;line-height:36px!important;font-weight:bold!important;}
	.sidebar-card i{font-weight:300!important;}
	
	.sidebar-form{padding:45px 36px 50px;border-radius:8px;background-color:#f1e6f4;background-image:url('../images/sidebar_quote_dots.png');background-position:right top;background-repeat:no-repeat;}
	.technology .sidebar-form {background-color:#d8e2f0;}
	.sidebar-form span{font-size:20px;color:#663399;line-height:24px;margin-bottom:4px;display:block;}
	.sidebar-form h3{font-size:32px!important;line-height:36px!important;font-weight:300!important;margin-top:0!important;margin-bottom:18px!important;}
	.sidebar-form p{color:#000000!important;margin-bottom:17px!important;}
	.sidebar-form label{color:#663399;font-weight:bold;display:block;}
	.sidebar-form input,.sidebar-form select{width:100%;}
	.sidebar-form .form-checkbox {display: flex;align-items: flex-start;}
	.sidebar-form #reCaptchaContainer {display: flex;justify-content: center;margin: 10px 0 0;}
	.sidebar-form .form-checkbox input[type=checkbox]{width:13px;height:auto;margin-top:4px;margin-right: 10px;}
	.sidebar-form .form-checkbox span{width:90%;font-size:14px!important;color:#333333!important;font-style:italic;line-height:19px!important;}
	.sidebar-form input[type=submit]{margin-top:25px;margin-bottom:0!important;}
	
	.referral-form h3{font-size:26px!important;font-weight:400!important;}
	.referral-form label{font-size:13px;}
	.referral-validate{color:red!important;}
	
	.client-referral-banner{width:300px;height:159px;display:block;background-image:url('../images/client_referral_off.jpg');background-repeat:no-repeat;}
	.client-referral-banner:hover{background-image:url('../images/client_referral_over.jpg');background-repeat:no-repeat;}
	
	.latest-updates{width:100%;border-radius:10px;padding:20px;text-align:center;margin-bottom:20px!important;;}
	.business .latest-updates{background-color:#eee4db;}
	.software .latest-updates{background-color:#eae1f2;}
	.internet .latest-updates{background-color:#e5e9db;}
	.technology .latest-updates{background-color:#ecf3f8;}
	.convergence .latest-updates{background-color:#faeded;}
	
	.latest-updates h3{text-align:left;margin-bottom:16px!important;}
	.latest-updates h3 a{font-size:23px!important;line-height:27px!important;font-weight:400!important;}
	.latest-updates ul{margin-bottom:10px!important;}
	.latest-updates li{background-color:#ffffff;padding:18px;border-radius:5px;}
	.latest-updates li:before{display:none;content:"";}
	.latest-updates li h4{font-size:17px!important;color:#545454!important;font-weight:bold!important;border-bottom:1px solid #d3d3d3;padding-bottom:10px!important;margin-bottom:11px!important;}
	.latest-updates li h5{font-size:15px!important;margin:0 0 10px 0!important;}
	.latest-updates li p{font-size:13px!important;color:#333333!important;line-height:17px!important;}
	.latest-updates li p:last-child{margin-bottom:0!important;}
	.latest-updates .update-customer{font-style:italic;margin-bottom:23px!important;}
	/*.latest-updates .update-customer .software{color:#663399}*/
	.latest-updates .update-date span{color:#e77323;}
	
	.business .latest-updates h3 a,.business .latest-updates li h5 a,.business .latest-updates p a,.business .latest-updates .update-date span,.business .latest-updates .update-customer a{color:#d2660a!important;}
	.software .latest-updates h3 a,.software .latest-updates li h5 a,.software .latest-updates p a,.software .latest-updates .update-date span,.software .latest-updates .update-customer a{color:#663399!important;}
	.internet .latest-updates h3 a,.internet .latest-updates li h5 a,.internet .latest-updates p a,.internet .latest-updates .update-date span,.internet .latest-updates .update-customer a{color:#5f7b27!important;}
	.technology .latest-updates h3 a,.technology .latest-updates li h5 a,.technology .latest-updates p a,.technology .latest-updates .update-date span,.technology .latest-updates .update-customer a{color:#336699!important;}
	.convergence .latest-updates h3 a,.convergence .latest-updates li h5 a,.convergence .latest-updates p a,.convergence .latest-updates .update-date span,.convergence .latest-updates .update-customer a{color:#990000!important;}
	
	.business .latest-updates .primary-button{background-color:#e77323;color:#ffffff!important;}
	.business .latest-updates .primary-button:hover{background-color:#ffffff;color:#e77323!important;}
	
	.software .latest-updates .primary-button{background-color:#ad9cbe;color:#ffffff!important;}
	.software .latest-updates .primary-button:hover{background-color:#ffffff;color:#ad9cbe!important;}
	
	.internet .latest-updates .primary-button{background-color:#96a27c;color:#ffffff!important;}
	.internet .latest-updates .primary-button:hover{background-color:#ffffff;color:#96a27c!important;}
	
	.technology .latest-updates .primary-button{background-color:#336699;color:#ffffff!important;}
	.technology .latest-updates .primary-button:hover{background-color:#ffffff;color:#336699!important;}
	
	.convergence .latest-updates .primary-button{background-color:#990000;color:#ffffff!important;}
	.convergence .latest-updates .primary-button:hover{background-color:#ffffff;color:#990000!important;}


	/* -- page breadcrumbs -- */
	
	.page-breadcrumbs {margin-top: 4px;font-size: 12px;display:none!important;float:left; color: #333333;}
	.page-breadcrumbs a, .page-breadcrumbs span {font-size: 12px;color: #909090;line-height: 21px;text-decoration: none;display: inline-block;}
	/*.page-breadcrumbs a:after {font-size: 13px;font-family: FontAwesome;content: "\f105";display: inline-block;padding: 0 10px;}*/
	.page-breadcrumbs span {color: #535353;}
	#main-content .container .page-breadcrumbs #breadCrumbContainer a {color: #808080;}
	.business #main-content .container .page-breadcrumbs #breadCrumbContainer a:hover{color:#e77323;}
	.software #main-content .container .page-breadcrumbs #breadCrumbContainer a:hover{color:#663399;}
	.technology #main-content .container .page-breadcrumbs #breadCrumbContainer a:hover{color:#336699;}
	.convergence #main-content .container .page-breadcrumbs #breadCrumbContainer a:hover{color:#990000;}
	.internet #main-content .container .page-breadcrumbs #breadCrumbContainer a:hover{color:#5f7b27;}
	
	body:not(.no-breadcrumbs) .page-breadcrumbs{display:block!important;}
	
	#breadCrumbContainer {
		display: flex;
		align-items: center;
		padding: 8.5px 0;
	}
	
	@media (min-width: 991px) { 
		#breadCrumbContainer {
			padding: 19.5px 0 25px;
		}
	}
	.page-breadcrumbs {
		margin-top: 0;
	}
	
	.page-breadcrumbs, .page-breadcrumbs a, .page-breadcrumbs span {
		text-decoration: none;
		font-size: 0.8125rem;
		font-weight: 400 !Important;
		color: #494949 !Important;
	}
	
	.page-breadcrumbs a:hover {
		color: #db651b !Important;
	}
	
	.page-breadcrumbs .seperator:before {
		content: '\E802';
		margin: auto 8px !important;
		font-family: express-fontello-axis;
		font-size: 8px;
		color: #aeaeae;
	}
	
	.page-breadcrumbs span.disabled {
		font-weight: 700 !Important;
		color: #494949 !Important;
		cursor: not-allowed;
	}
	
	
	/* -- call back tab -- */
	
	#callback-tab {
		width: 110px;
		height: 40px;
		cursor: pointer;
		font-weight: bold!important;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		position: fixed;
		top: 240px;
		right: -39px;
		z-index: 100;
		box-shadow: -1px 1px 7px #a9a9a9;
		-webkit-box-shadow: -1px 1px 7px #a9a9a9;
		-moz-box-shadow: -1px 1px 7px #a9a9a9;
		border: 2px solid #ffffff;
		border-bottom: 0;
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform: rotate(270deg);
		-webkit-transition: background-color 0.25s ease-in-out;
		-moz-transition: background-color 0.25s ease-in-out;
		-ms-transition: background-color 0.25s ease-in-out;
		-o-transition: background-color 0.25s ease-in-out;
		transition: background-color 0.25s ease-in-out; 
	}

	#callback-tab span {font-size: 15px;color: #ffffff;line-height: 13px;float: left;}
	#callback-tab:hover {right: -35px;background-color: #8e8e8e;}
	#callback-tab:hover #callback-icon {border-color: #c7c7c7;}
	#callback-tab:hover #callback-icon .fa {top: -1px;left: 2px;-webkit-transform: rotate(190deg);-moz-transform: rotate(190deg);-ms-transform: rotate(190deg);transform: rotate(190deg);}
	
	#callback-text {margin-top: 11px;margin-left: 7px;}
	
	#callback-icon {width: 20px;height: 20px;border: 1px solid #f1f1f1;border-radius: 50%;position: relative;margin-top: 8px;margin-left: 4px;}

	#callback-icon .fa {
		position: absolute;
		top: -1px;
		left: -1px;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		font-size: 20px;
		width: 13px;
		font-size: 21px;
		width: 13px;
		-webkit-transform: rotate(222deg);
		-moz-transform: rotate(222deg);
		-ms-transform: rotate(222deg);
		transform: rotate(222deg);
		-webkit-transition: all 0.15s ease-in-out;
		-moz-transition: all 0.15s ease-in-out;
		-ms-transition: all 0.15s ease-in-out;
		-o-transition: all 0.15s ease-in-out;
		transition: all 0.15s ease-in-out;
	}

	#callback-popup-overlay {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 100;display: none;}
	#callback-popup-outer {width: 100%;height: 100%;position: relative;}
	#callback-popup-opacity {width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);position: absolute;top: 0;left: 0;}
	#callback-popup-inner {width: 470px;height: 470px;overflow: hidden;background-color: #ffffff;border: 1px solid #B2B2B2;border-radius: 10px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);z-index: 110;position: absolute;left: 0;right: 0;margin-left: auto;margin-right: auto;}
	#callback-popup-title {height: 92px;background-image: url("../images/header_dots.png");background-repeat: no-repeat;background-position: 260px 0px;}


	/* -- axisfirst font icons -- */
	
	.axisfirst-icon{display:inline-block;font:normal normal normal 14px/1 axisfirst;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
	
	
	.icon-it-solutions:before { content: '\e800'; } /* '' */
	.icon-navigation:before { content: '\e801'; } /* '' */
	.icon-it-support-services:before { content: '\e802'; } /* '' */
	.icon-searchengines:before { content: '\e803'; } /* '' */
	.icon-software-accounts:before { content: '\e804'; } /* '' */
	.icon-software-delivery-management:before { content: '\e805'; } /* '' */
	.icon-software-ebusiness:before { content: '\e806'; } /* '' */
	.icon-software-multichannel-retail:before { content: '\e807'; } /* '' */
	.icon-software-crm:before { content: '\e808'; } /* '' */
	.icon-software-payroll:before { content: '\e809'; } /* '' */
	.icon-software-stock-control:before { content: '\e80a'; } /* '' */
	.icon-software-payment-processing:before { content: '\e80b'; } /* '' */
	.icon-software-order-processing:before { content: '\e80c'; } /* '' */
	.icon-player:before { content: '\e80d'; } /* '' */
	.icon-web-services:before { content: '\e80e'; } /* '' */
	.icon-price&amp;location:before { content: '\e80f'; } /* '' */
	.icon-software-business-intelligence:before { content: '\e810'; } /* '' */
	.icon-business-software:before { content: '\e811'; } /* '' */
	.icon-telecoms-hosting:before { content: '\e812'; } /* '' */
	.icon-software-warehousing-management:before { content: '\e813'; } /* '' */
	.icon-telecoms-fixed-line:before { content: '\e814'; } /* '' */
	.icon-webservices-design:before { content: '\e815'; } /* '' */
	.icon-telecoms:before { content: '\e816'; } /* '' */
	.icon-webservices-cms:before { content: '\e817'; } /* '' */
	.icon-dp:before { content: '\e818'; } /* '' */
	.icon-it-network-solutions:before { content: '\e819'; } /* '' */
	.icon-it-hosting-cloud-computing:before { content: '\e81a'; } /* '' */
	.icon-software-safety:before { content: '\e81b'; } /* '' */


/* -- ========== HEADER ========== -- */

	header{position:fixed;top:0;width:100%;z-index:100;}
	
	.header-main {padding:19px 0 20px;background-image: url("../images/header_dots.png");background-repeat:no-repeat;background-position:right top;}


	/* -- header main left -- */
	
	#site-logo {width:165px;height:69px;background-image: url("../images/axis_logo_sprite.png");background-size:100%;background-repeat:no-repeat;display:inline-block;}
	.business #site-logo{background-position:0 0;}
	.software #site-logo{background-position:0 -70px;}
	.internet #site-logo{background-position:0 -140px;}
	.technology #site-logo{background-position:0 -210px;}
	.convergence #site-logo{background-position:0 -280px;}
	
	.header-main-left{float:left;}
	.header-main-left span,.header-main-left a:not(#site-logo){font-size:13px;color:#ffffff;line-height:18px;margin:0 0 0 14px;display:inline-block;vertical-align:bottom;max-width: 360px;}


	/* -- header main right -- */
	
	.header-main-right{float:right;}

	.header-top-link.callPortalDebug {position: absolute; top: 40px;}

	@media (max-width: 990px) { .header-top-link.callPortalDebug {position: relative; top: 0;}}	
	
	#header-top-links{float:right;}
	#header-top-links li{float:left;line-height:19px;}
	#header-top-links li a{font-size:13px;color:#ffffff;text-decoration:none;margin-left:15px;}
	#header-top-links li a[href^="tel:"]{font-size:16px;};
	.business #header-top-links li a:hover{color:#f7cfb4;}
	.software #header-top-links li a:hover{color:#e8d0ff;}
	.technology #header-top-links li a:hover{color:#cce2f7;}
	.convergence #header-top-links li a:hover{color:#e2bcbc;}
	.internet #header-top-links li a:hover{color:#e5f7c1;}

	#top-links > a{font-size:16px;color:#ffffff;line-height:20px;float:right;text-decoration:none;margin-left:20px;}
	#top-links .fa-phone{margin-right:5px;}

	#header-search{margin-top:24px;display:inline-block;float:right;}
	#search-form{float:left;margin-bottom:0;}
	#header-search .input-text{width:0;height:25px;background-color:rgba(255, 255, 255, 1);border:0;border-radius:4px;margin-left:10px;margin-bottom:0!important;padding:0;color:#000000!important;font-size:12px;line-height:21px;transition: width 0.8s, padding 0.8s;}
	#header-search .submit{font-size:15px;color:#ffffff;line-height:21px;font-weight:600!important;background-color:transparent;border:0;margin:0;margin-bottom:0!important;height:auto;padding:0;
	width:0;
	transition: width 0.8s;overflow: hidden;}
	#header-search .submit:hover:after{color: rgba(255, 255, 255, 0.6);}
	#header-search .submit:after{font-family:FontAwesome;content:"\f0da";font-size:18px;color:#FFFFFF;vertical-align:middle;transition:color 0.8s;}
	
	#header-search .fa{font-size:18px;color:#ffffff;margin-top:5px;float:left;cursor: pointer;}
	/*#header-search.active .fa{float:left; color: rgba(255, 255, 255, 0.6)}*/
	#header-search.active #search-form{display:block;float:left!important;}
	#header-search.active .input-text{width: 250px;padding-left: 8px;}
	#header-search.active .submit{width: 1em;}
	


	/* -- header navigation main -- */

	#home-nav-link{font-size:19px;line-height:19px;float:left;margin:5px 27px 0 0;color:#878787;}
	#home-nav-link:hover,#home-nav-link.active{color:#e77323;}
	
	#home-link-text{display:none;font-family:"Open Sans", sans-serif;}
	
	.header-nav{background-color:#e6e6e6;}
	.header-nav .container{position:relative;}
	
	#nav-menu{float:left;}

	#nav-ul > li{float:left;/*height: 100%;*/white-space: nowrap;/*margin-right: 55px;*/margin-right:22px;}
	#nav-ul > li:last-child{margin-right:0;}
	#nav-ul > li > ul{display:none;}
	#nav-ul > li > a{font-size:13px;color:#535353;line-height:21px;padding:5px 20px;float:left;text-align:center;text-decoration:none;position:relative;}
	#nav-ul > li:last-child a{margin-right:0px;}
	#nav-ul > li > a:after{content:'';position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform: translateX(-50%);transform:translateX(-50%);top:31px;width:0;z-index:20;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid;clear:both;display:none;}
	#nav-ul > li > a:hover,#nav-ul > li > a.active{color:#ffffff;}
	#nav-ul > li > a:hover:after,#nav-ul > li > a.active:after{display:block;}
	#nav-ul > li .sub-drop-icon{display:none;}
	
	#nav-ul .header-top-link{display:none;}
	
	
	.business .corporate-nav-parent{background-color:#e77323;color:#ffffff!important;}
	.software .software-nav-parent{background-color:#663399;color:#ffffff!important;}
	.technology .technology-nav-parent{background-color:#336699;color:#ffffff!important;}
	.convergence .telecoms-nav-parent{background-color:#990000;color:#ffffff!important;}
	.internet .web-nav-parent{background-color:#5f7b27;color:#ffffff!important;}


	/* -- megamenu -- */

	#megaMenu{background-color:#ffffff;position:absolute;z-index:10;top:31px;left:15px;width:960px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;box-shadow:5px 5px 0px rgba(161,161,161,0.9);-webkit-box-shadow:5px 5px 0px rgba(161,161,161,0.9);-moz-box-shadow:5px 5px 0px rgba(161,161,161,0.9);padding:35px 45px 25px;display:none;}
	#megaMenu .megaMenuList > li{display:inline-block;/*margin: 0 40px 20px 0;*/margin-right:40px;vertical-align:top;width:180px;}
	#megaMenu .megaMenuList .megaMenuListItem a{text-decoration:none;font-family:"Open Sans", sans-serif; }
	#megaMenu .megaMenuList .megaMenuListItem > a{font-size:14px;line-height:21px;font-weight:700;margin-bottom:10px;display:block;}
	#megaMenu .megaMenuList .megaMenuListItem > a:hover{text-decoration:underline; }
	#megaMenu .megaMenuList .megaMenuListItemSecond{margin-top:25px;}
	#megaMenu .megaMenuList .megaMenuListItem ul li a{font-size:13px;color:#333333;line-height:19px;font-weight:400;margin-bottom:5px;display:block;}
	#megaMenu .megaMenuList .megaMenuListItem ul li a:hover{text-decoration:underline;}

	#nav-ul > li:nth-child(1) .megaMenuList .megaMenuListItem ul li a:hover{color:#663399;}
	#nav-ul > li:nth-child(2) .megaMenuList .megaMenuListItem ul li a:hover{color:#663399;}
	#nav-ul > li:nth-child(3) .megaMenuList .megaMenuListItem ul li a:hover{color:#336699;}
	#nav-ul > li:nth-child(4) .megaMenuList .megaMenuListItem ul li a:hover{color:#990000;}
	#nav-ul > li:nth-child(5) .megaMenuList .megaMenuListItem ul li a:hover{color:#5f7b27;}
	
	
	.one-drop-mega-parent{position:relative;}
	.one-drop-mega-parent #megaMenu{width:auto!important;left:-45px;}
	.one-drop-mega-parent #megaMenu .megaMenuList > li{margin-right:0;}
	
	.two-drop-mega-parent{position:relative;}
	.two-drop-mega-parent #megaMenu{width: 480px;}
	.two-drop-mega-parent:nth-child(1) #megaMenu, .two-drop-mega-parent:nth-child(2) #megaMenu{left: -45px;}
	.two-drop-mega-parent:nth-child(3) #megaMenu{left: 50%; margin-left: -240px;}
	.two-drop-mega-parent:nth-child(4) #megaMenu, .two-drop-mega-parent:nth-child(5) #megaMenu{right: -45px;left: auto;}
	
	.three-drop-mega-parent{position:relative;}
	.three-drop-mega-parent #megaMenu{width: 720px;}
	.three-drop-mega-parent:nth-child(1) #megaMenu, .three-drop-mega-parent:nth-child(2) #megaMenu{left: -45px;}
	.three-drop-mega-parent:nth-child(3) #megaMenu{left: 50%; margin-left: -350px;}
	.three-drop-mega-parent:nth-child(4) #megaMenu, .three-drop-mega-parent:nth-child(5) #megaMenu{right: -45px;left: auto;}

	.four-drop-mega-parent #megaMenu .megaMenuList > li{margin-right: 40px; width: 180px;}
	
	.five-drop-mega-parent #megaMenu{    padding: 35px 25px 25px;}
	.five-drop-mega-parent #megaMenu .megaMenuList > li{margin-right: 18px; width: 160px;}
	

	/* -- nav account links -- */
	
	#nav-account-links{float:right;margin-top:3px;}
	#nav-account-links li{float:left;margin-right:18px;}
	#nav-account-links li:last-child{margin-right:0;}
	#nav-account-links li a{font-size:13px;color:#535353;line-height:21px;text-decoration:none;position:relative;}
	#nav-account-links li a:hover span{text-decoration: underline;}
	.business #nav-account-links li a:hover{color:#e77323;}
	.software #nav-account-links li a:hover{color:#663399;}
	.technology #nav-account-links li a:hover{color:#336699;}
	.convergence #nav-account-links li a:hover{color:#990000;}
	.internet #nav-account-links li a:hover{color:#5f7b27;}
	#nav-account-links li a:after{content:" ";font-family:FontAwesome;content:"\f0da";font-size:12px;color:#999999;padding-left:7px;vertical-align:middle;}
	
	
	/* -- documentation edit -- */
	
	.documentation-edit{float:right;margin-top:10px;}
	/*.documentation-edit form{float:left;}*/
	.documentation-edit select{height:25px;border-radius:5px;font-size:12px!important;color:#333333!important;line-height:14px!important;margin-bottom:0!important;}
	.documentation-edit p,.documentation-edit a{font-size:12px!important;color:#535353!important;line-height:14px!important;}
	.documentation-edit p{float:right;margin-top: 10px;margin-bottom: 0!important;}
	.documentation-edit a:hover{text-decoration:underline!important;}
	
	
	
/* -- ========== FOOTER ========== -- */

	.footer-fixed{position:fixed;bottom:0;width:100%;z-index:99}
	

	/* -- footer nav -- */
	
	.footer-top{padding:4px 0 5px;}
	
	.footer-main-links{margin-bottom:8px;}
	.footer-links{float:right;}
	.footer-links li{float:left;margin-left:16px;}
	.footer-links li:before{display:none;content:"";}
	.footer-links li a{font-size:13px;color:#535353;line-height:15px;text-decoration:none;}
	.business .footer-links li a:hover{color:#e77323;}
	.software .footer-links li a:hover{color:#663399;}
	.technology .footer-links li a:hover{color:#336699;}
	.convergence .footer-links li a:hover{color:#990000;}
	.internet .footer-links li a:hover{color:#5f7b27;}
	
	/* -- footer main -- */
	
	.footer-main{background-color:#e6e6e6;padding:20px 0;}
	
	.footer-ms-partner{float:left;}
	.footer-ms-partner img{display:block;max-width: 100%;}
	
	.footer-main-right{float:right;}
	
	.footer-contact-info{margin:5px 0 11px;text-align:right;}
	.footer-contact-info span a{font-size:16px;color:#535353;line-height:21px;text-decoration:none;margin:7px 0 0 20px;display:inline-block;}
	.business .footer-contact-info span a:hover{color:#e77323;}
	.software .footer-contact-info span a:hover{color:#663399;}
	.technology .footer-contact-info span a:hover{color:#336699;}
	.convergence .footer-contact-info span a:hover{color:#990000;}
	.internet .footer-contact-info span a:hover{color:#5f7b27;}
	.footer-contact-info span .fa{margin-right:4px;}
	.footer-contact-info span .fa-envelope{font-size:15px;}


	/* -- footer social -- */

	#footer-social{float:right;}
	#footer-social li{float: left;}
	#footer-social li:before{display:none;content:"";}
	#footer-social li a{margin-left:8px;font-size:35px;line-height:30px;display:block;}
	#footer-social li:first-child a{margin-left:31px;}
	
	/* #footer-twitter i{color:#28aae1;}
	#footer-twitter i:hover{color:rgba(40,170,225,0.7);} */
	#footer-twitter i{color:#000000;}
	#footer-twitter i:hover{color:#444444;}
	#footer-facebook .fa{color:#395185;}
	#footer-facebook .fa:hover{color:rgba(57,81,133,0.7);}

	.footer-text {text-align: right;}
	.footer-text p,.footer-text a{font-size:11px;color:#828282;line-height:17px;text-decoration:none;}
	
	.footer-bottom{width:100%;height:20px;background-image:url("../images/footer_dots.png");background-repeat:no-repeat;background-position:left bottom;}



/* -- ========== HOME PAGE ========== -- */

	#main-content{position:relative;padding-bottom:30px;/*padding-top:172px;*//*padding-top:144px;*//*padding-top:179px*/}
	
	#main-content > .container{padding-top:30px;}
	
	#main-content .featured-carousel ~ .container{padding-top:0;}
	
	.no-cont-padding{padding-top:0!important;}
	
	/*#main-content > .container + .featured-carousel{padding-top:0;}*/


	/* -- featured carousel -- */
	
	.featured-carousel{height: 200px;margin:1px 0;overflow:hidden;position:relative;}
	
	.featured-slide{width:960px;height: 200px;position:relative;background-size:cover;background-position:top left;background-repeat:no-repeat;}
	.featured-slide .container{height:100%;}
	
	.featured-slide-overlay{width:100%;height: 200px;background-color:#ffffff;position:absolute;top:0;left:0;z-index:10;opacity:0.7;-webkit-transition: opacity 0.35s, ease-in-out;-moz-transition: opacity 0.35s, ease-in-out;-ms-transition: opacity 0.35s, ease-in-out;-o-transition: opacity 0.35s, ease-in-out;transition: opacity 0.35s, ease-in-out;}
	
	@media (min-width: 640px) {
		.featured-carousel{
			height:250px;
		}
		.featured-slide{
			height:250px;
		}
		.featured-slide-overlay {
			height:250px;
		}
		
	}
	
	@media (min-width: 991px) {
		.featured-carousel{
			height:300px;
		}
		.featured-slide{
			height:300px;
		}
		.featured-slide-overlay {
			height:300px;
		}
		
	}
	
	
	.featured-carousel .owl-item.active.center .featured-slide-overlay{opacity:0;}
	
	.featured-slide-content{max-width:55%;max-height:186px;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background-color:rgba(255, 255, 255, 0.85);border-bottom:10px solid;border-radius:6px;padding:0 30px 25px;}
	.featured-slide-content .slide-heading{font-size:20px!important;line-height:normal!important;margin:26px 0 5px!important;font-weight:bold!important;}
	.featured-slide-content .slide-heading:before{font-size:33px;color:#e77323;line-height:20px;font-family:FontAwesome;content:"\f105";display: inline-block;margin:-3px 6px 0 0;vertical-align:middle;}
	.featured-slide-content .slide-content{font-size:43px!important;color:#555555!important;line-height:47px!important;font-weight:300!important;margin-bottom:0!important;letter-spacing:-1px!important;}
	
	.featured-left{left:50px;text-align:left;}
	.featured-center{left:0;right:0;margin-left:auto;margin-right:auto;text-align:center;}
	.featured-right{right:50px;text-align:right;}
	
	.featured-nav-container{width:960px;height:100%;position:absolute;top:0;left:0;right:0;margin-left:auto;margin-right:auto;}
	.featured-navigation{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:10;}
	.featured-navigation .fa{font-size:30px;color:#ffffff;line-height:30px;cursor:pointer;}
	
	.featured-prev{left:10px;}
	.featured-next{right:10px;}


	/* -- below featured left -- */
	
	.below-carousel{padding:16px 0 25px;background-color:#ffffff;}
	
	.below-carousel-left{padding-left:50px;padding-top:28px;}
	.below-carousel-left h2{font-size:20px!important;line-height:28px!important;margin-bottom:15px!important;font-weight:600!important;}
	.below-carousel-left p{font-size:18px!important;color:#333333!important;line-height:24px!important;margin-bottom:10px!important;}
	.below-carousel-left a{font-size:16px;line-height:18px;text-decoration:none;}
	.below-carousel-left a:after{font-size:13px;font-family:FontAwesome;content:"\f101";display:inline-block;padding-left:5px;}


	/* -- below department diagram -- */
	
	.department-diagram{width:267px;height:174px;position:relative;float:right;margin-right:50px;}
	
	.department-diagram-border{width:198px;height:106px;border:5px solid #dfdfdf;border-radius:6px;position:absolute;top:50%;left:0;right:0;margin-left:auto;margin-right:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform: translateY(-50%);}
	
	.department-content{width:116px;position:absolute;top:50%;left:0;right:0;margin-left:auto;margin-right:auto;-webkit-transform: translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;}
	.department-content p{font-size:14px!important;color:#535353!important;line-height:19px!important;font-weight:bold!important;margin-bottom:0!important;}

	.department-block{width:75px;height:75px;background-color:#dfdfdf;border-radius:7px;position:absolute;}
	.department-block .department-block-inner{width:100%;height:100%;position:relative;padding:4px;}
	.department-block .department-icon,.department-hover-icon{width:100%;height:100%;background-color:#ffffff;position:relative;border-radius:7px;font-family:"axisfirst";font-size:50px;line-height:67px;text-align:center;}
	
	.department-icon .icon-convergence,.department-block.convergence .department-hover-icon .axisfirst-icon:before{font-size:52px;line-height:69px;}

	.department-block.department-top-left{top:0;left:0;}
	.department-block.department-top-right{top:0;right:0;}
	.department-block.department-bottom-right{bottom:0;right:0;}
	.department-block.department-bottom-left{bottom:0;left:0;}
	
	.department-block:hover .department-icon{color:#ffffff;}
	.department-block.software:hover .department-icon{background-color:#663399;}
	.department-block.technology:hover .department-icon{background-color:#336699;}
	.department-block.convergence:hover .department-icon{background-color:#990000;}
	.department-block.internet:hover .department-icon{background-color:#5f7b27;}

	
	/* --- HOVER(NOT USED) - KEEP ---
	
	.department-block.department-top-left .department-hover {top: 0;left: 0;}
	.department-block.department-top-right .department-hover {top: 0;right: 0;}
	.department-block.department-bottom-left .department-hover {bottom: 0;left: 0;}
	.department-block.department-bottom-right .department-hover {bottom: 0;right: 0;}
  	
	.department-hover{width:267px;height:174px;background-color:rgba(255,255,255,0.9);border:3px solid #d4d4d4;border-radius:7px;position:absolute;z-index:42;display:none;border-left-color:#d4d4d4!important;}
	.department-hover-inner{width:100%;height:100%;position:relative;}
	
	.department-block:hover .department-hover{display:block;}
	
	.department-hover-icon{width:65px;height:65px;border-radius:0;/position:static;margin-top:1px;margin-left:2px;float:left;}
	
	.department-block.software .department-hover-icon .axisfirst-icon:before{content:"\E800";}
	.department-block.technology .department-hover-icon .axisfirst-icon:before{content:"\E801";}
	.department-block.convergence .department-hover-icon .axisfirst-icon:before{content:"\E802";}
	.department-block.internet .department-hover-icon .axisfirst-icon:before{content:"\E803";}
	
	.department-block .department-hover-content {max-width: 155px;float: left;margin-left: 10px;}
	.department-block .department-hover-content h3 {font-size: 14px!important;line-height: 19px!important;font-weight: bold!important;margin-top: 29px;margin-bottom: 8px;}
	.department-block .department-hover-content p {font-size: 12px!important;color: #000000!important;line-height: 16px!important;}
	.department-block .department-hover-inner .fa-angle-right {font-size: 35px;color: #a6a6a6;position: absolute;top:50%;right:7px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
	.department-block .department-hover-inner .department-hover-close {position: absolute;top: 7px;right: 10px;font-size: 20px;z-index: 420;display: none;}
		
	*/
	
	/* -- home page intro text -- */
	
	.home-page-intro{text-align:center;background-color:#ffffff;padding:35px 0;}
	.home-page-intro h2{font-size:25px!important;line-height:29px!important;font-weight:600!important;}
	.home-page-intro p{font-size:18px!important;line-height:24px!important;}
	.home-page-intro a{font-size:15px;line-height:18px;font-weight:700!important;}

	
	/* -- below carousel -- */
	
	.home-background-bottom{border-radius:10px;margin:40px 50px 0;background-image:url("../images/home_background_dots.png");background-repeat: no-repeat;background-position:left top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}
	.home-background-bottom-img img{margin-bottom:0!important;padding:1px 30px 1px 0;}
	
	.below-slideshow-centered{width:100%;padding-right:30px;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
	
	.below-carousel-slideshow{position:relative;text-align:center;margin-left:30px;}
	
	#below-slideshow{width:385px;display:inline-block;}
	.below-slideshow-col{height:210px;}
	
	.below-slide{text-align:left;}
	.below-slide-icon{width:100px;height:100px;background-color:#ffffff;border-radius:12px;position:relative;display:block;margin-left: 12px;}
	.below-slide-icon:hover{color:#ffffff!important;}
	.below-slide-icon i{font-size:75px;line-height:50px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);text-align:center;}
	.below-slide .col-xlarge-7{padding-left:0;}
	.below-slide-content h3{font-size:18px!important;line-height:22px!important;text-transform:uppercase;margin-bottom:5px!important;}
	.below-slide-content h3 a{font-weight:700!important;}
	.below-slide-content h3:hover{text-decoration:underline;}
	.below-slide-content p, .below-slide-content > a{font-size:14px!important;color:#ffffff!important;line-height:20px!important;font-weight:bold!important;margin-bottom:0!important;}
	
	.below-navigation{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:10;}
	.below-navigation .fa{font-size:25px;color:#ffffff;line-height:25px;cursor:pointer;}
	
	.below-prev{left:0;}
	.below-next{right:0;}

	
	.business .below-slide-icon.software .axisfirst-icon{color:#663399!important;}
	.business .below-slide-icon.software:hover{background-color:#663399!important;}
	.business .below-slide-icon.software:hover .axisfirst-icon{color:#ffffff!important;}
	
	.business .below-slide-icon.technology .axisfirst-icon{color:#336699!important;}
	.business .below-slide-icon.technology:hover{background-color:#336699!important;}
	.business .below-slide-icon.technology:hover .axisfirst-icon{color:#ffffff!important;}

	.business .below-slide-icon.convergence .axisfirst-icon{color:#990000!important;}
	.business .below-slide-icon.convergence:hover{background-color:#990000!important;}
	.business .below-slide-icon.convergence:hover .axisfirst-icon{color:#ffffff!important;}

	.business .below-slide-icon.internet .axisfirst-icon{color:#5f7b27!important;}
	.business .below-slide-icon.internet:hover{background-color:#5f7b27!important;}
	.business .below-slide-icon.internet:hover .axisfirst-icon{color:#ffffff!important;}


	/* -- background image section -- */
	
	.home-background-image{padding:60px 0;background-repeat: no-repeat;background-size:cover;background-position: center center;border-bottom: 2px solid white;}
	
	/*.home-background-overlay{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#ffffff;opacity:0.6;z-index:10;}*/
	
	.business .home-background-image{background-image:url("../images/corporate_home_background.jpg");}
	.software .home-background-image{background-image:url("../images/software_home_background.jpg");}
	.technology .home-background-image{background-image:url("../images/technology_home_background.jpg");}
	.convergence .home-background-image{background-image:url("../images/convergence_home_background.jpg");}
  .cloudtele .home-background-image{background-image:url("../images/cloudtelephony_home_background.png");}
	.internet .home-background-image{background-image:url("../images/internet_home_background.jpg");}
  
	.home-background-content{margin:0 50px;}
	.home-background-content h2{font-size:25px!important;line-height:29px!important;margin-bottom:25px!important;font-weight:700!important;}
	.home-background-content p{font-size:18px!important;line-height:23px!important;}
	

	/* -- area section blocks -- */
	
	.area-section-blocks .home-blocks-title{border-bottom:0;}
	
	.area-section-blocks li:before{display:none!important;}
	.area-section-block{border-radius:8px;border:1px solid #d3d3d3;transition: background-color 0.25s ease-in-out;-webkit-transition: background-color 0.25s ease-in-out;display:block;}
	.area-section-block img{border-top-left-radius:7px;border-top-right-radius:7px;margin-bottom:0!important;}
	.area-section-block-inner{padding:20px;}
	.area-section-content h3{font-size:19px!important;color:#ffffff!important;line-height:23px!important;}
	.area-section-content p{color:#ffffff!important;}
	.area-section-block-inner .primary-button{padding:3px 25px!important;margin-top:15px;}
	
	.area-section-block:hover{text-decoration:none!important;}
	.area-section-block:hover .primary-button{background-color:#ffffff;}
	
	.area-section-block.software{background-color:rgba(102, 51, 153, 0.8);}
	.area-section-block.software:hover{background-color:rgba(102, 51, 153, 1);}
	.area-section-block.software:hover .primary-button{color:#663399!important;}
	
	.area-section-block.technology{background-color:rgba(51, 102, 153, 0.8);}
	.area-section-block.technology:hover{background-color:rgba(51, 102, 153, 1);}
	.area-section-block.technology:hover .primary-button{color:#336699!important;}
	
	.area-section-block.convergence{background-color:rgba(153, 0, 0, 0.8)}
	.area-section-block.convergence:hover{background-color:rgba(153, 0, 0, 1)}
	.area-section-block.convergence:hover .primary-button{color:#990000!important;}
	
	.area-section-block.internet{background-color:rgba(95, 123, 39, 0.8)}
	.area-section-block.internet:hover{background-color:rgba(95, 123, 39, 1)}
	.area-section-block.internet:hover .primary-button{color:#5f7b27!important;}
	

	/* -- info blocks -- */
	
	.home-blocks-title{text-align:center;margin-bottom:25px;border-bottom:1px solid #d3d3d3;padding-top:35px;}
	.home-blocks-title h2{font-size:25px!important;font-weight:700!important;}
	.home-blocks-title p{font-size:20px!important;margin-bottom:30px!important;line-height: 24px!important;}
	
	.home-info-blocks{padding-bottom:22px;}
	.home-info-blocks .section-title{padding-top:32px;}
	.home-info-blocks li:first-child{padding-top:0;}
	
	.home-info-blocks ul, .home-info-blocks li{list-style:none!important;}
	.home-info-blocks li:before{display:none!important;}
	
	.home-info-blocks .col-xlarge-3{padding-right:0;}
	.home-info-blocks .col-xlarge-7{padding-left:30px;}
	
	.home-info-block{padding:26px 0;border-bottom:1px solid #e8e8e8;}
	.home-info-block-img{border-radius:9px;border:1px solid #cbcccd;overflow:hidden;}
	.home-info-block-img img{margin-bottom:0!important;}
	.home-info-block h3, .home-info-block h3 a{font-size:18px!important;line-height:22px!important;margin:0 0 15px!important;font-weight:700!important;}
	#main-content .home-info-block p{font-size:15px;line-height:20px;margin-bottom:20px;}
	.info-block-news-link{font-size:13px;color:#656565!important;line-height:17px;font-style:italic;border-left:1px solid;padding-left:5px;}
	.home-info-block .primary-button{width:100%;margin-top:55px;padding:3px 13px;font-weight:600!important;}
	.home-info-block .primary-button:hover{color:#ffffff!important;}
	
	
	.business .home-info-block.software .primary-button{background-color:#855cad!important;}
	.business .home-info-block.software .primary-button:hover{background-color:#663399!important;}
	
	.business .home-info-block.technology .primary-button{background-color:#5c85ad!important;}
	.business .home-info-block.technology .primary-button:hover{background-color:#336699!important;}
	
	.business .home-info-block.convergence .primary-button{background-color:#ad4948!important;}
	.business .home-info-block.convergence .primary-button:hover{background-color:#990000!important;}
	
	.business .home-info-block.internet .primary-button{background-color:#7f9552!important;}
	.business .home-info-block.internet .primary-button:hover{background-color:#5f7b27!important;}
	
	.info-news-more{font-size:15px;line-height:19px;font-style:italic;float:right;display:block;}


/* -- ========== ABOUT PAGE ========== -- */

	.about-section {padding-bottom: 50px;}
	
	.about-section.about-axisfirst .section-title{/*padding: 32px 0 6px 0;*/padding-top:0!important;margin-bottom: 26px;}
	.about-section.about-axisfirst .section-title h1, .about-section.about-axisfirst .section-title h2{padding-bottom:0!important;}
	
	.about-page-top{padding-bottom:10px;}
	.about-page-top .section-title{margin-bottom:0;border:0;}
	
	#about-nav-scroll-outer{height:70px;}
	#about-nav-scroll.scroll-fixed{position:fixed;top:0;width:990px;z-index:137;}
	
	#about-nav-scroll li{float:left;padding:0;}
	#about-nav-scroll li:first-child{padding-left:15px;}
	#about-nav-scroll li:last-child{padding-right:15px;}
	
	.about-scroll-item{height:70px;display:block;background-color:#f6e7dd;border:1px solid #c9c9c9;border-bottom:6px solid #7c7c7c;padding:10px;text-decoration:none;-webkit-transition:background-color 0.4s, ease-in-out, border-color 0.4s, ease-in-out;-moz-transition:background-color 0.4s, ease-in-out, border-color 0.4s, ease-in-out;-ms-transition:background-color 0.4s, ease-in-out, border-color 0.4s, ease-in-out;-o-transition: background-color 0.4s, ease-in-out, border-color 0.4s, ease-in-out;transition:background-color 0.4s, ease-in-out, border-color 0.4s, ease-in-out;}
	.about-scroll-item p{font-size:15px;color:#535353;line-height:18px;}
	.about-scroll-item.active,.about-scroll-item:hover{background-color:#ffffff;border-bottom-color:#ec6f24;}
	
	#about-nav-scroll li:nth-child(2) a{border-left:0;}
	#about-nav-scroll li:nth-child(3) a{border-left:0;}
	#about-nav-scroll li:nth-child(4) a{border-left:0;}


	/* -- about axisfirst -- */
	
	.about-axisfirst .page-content h3{font-size:20px!important;line-height:20px!important;}


	/* -- partners -- */
	
	.about-partners{background-color:#f6e7dd;}
	
	.about-partners h2{color:#d2660a!important;}
	
	.microsoft-image img{display:block;max-width:100%;margin-bottom:0!important;}
	
	#partners-slideshow{height:160px;background-color:#ffffff;margin-top:30px;border-radius:10px;overflow:hidden;}
	#partners-slideshow .partner-slide{height:160px;position:relative;}
	#partners-slideshow .partner-slide img{max-width:65%!important;max-height:100%;position:absolute;top:50%;left:0;right:0;margin-left:auto;margin-right:auto;margin-bottom:0!important;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}


	/* -- team members -- */
	
	.about-team{background-color:#faf4f0;}
	
	.team-filter{margin-bottom:20px;}
	.team-filter li .active{color:#e77323;}


	/* -- job vacancies -- */
	
	.about-vacancies .container{position:relative;}
	
	.current-job-vacancies{margin-bottom:20px;}
	
	.job-vacancy-item{margin-bottom:9px;}
	.job-vacancy-item.active .job-vacancy-title{background-color:#e77323;}
	.job-vacancy-item.active .job-vacancy-title .fa{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
	
	.job-vacancy-title{background-color:#897869;padding:15px 20px 16px;border-radius:6px;-webkit-transition:background-color 0.15s ease-in-out;-moz-transition:background-color 0.15s ease-in-out;-ms-transition:background-color 0.15s ease-in-out;-o-transition:background-color 0.15s ease-in-out;transition:background-color 0.15s ease-in-out;}
	.job-vacancy-title h3{font-size:16px!important;color:#ffffff!important;line-height:22px!important;font-weight:bold!important;margin-bottom:0!important;float:left;}
	.job-vacancy-title .fa{font-size:20px;color:#ffffff;line-height:10px;margin-top:7px;float:right;-webkit-transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-ms-transition:all 0.15s ease-in-out;-o-transition:all 0.15s ease-in-out;transition:all 0.15s ease-in-out;}
	
	.job-vacancy-content{background-color:#f2f2f2;padding:30px;display:none;border-radius:6px;margin-top:3px;}
	
	.job-vacancy-details{margin-bottom:20px;}
	.job-vacancy-details li{font-size:14px!important;line-height:20px!important;}
	.job-vacancy-details li:before{display:none!important;}


	/* -- page scroll top -- */
	
	#page-scroll-top {
		background-color:#919191;
		border: 2px solid #f7f6f6;
		border-width: 3px 3px 0;
		border-radius: 8px 8px 0 0;
		position: fixed;
		bottom: 0;
		right: 0;
		text-align: center;
		cursor: pointer;
		transition: background-color 0.25s ease-in-out, transform 0.25s ease-in-out, font-size 0.25s ease-in-out;    
		font-size: 15px;
		color: #ffffff;
		line-height: 13px;
		font-family: "Open Sans", sans-serif;
		font-weight: bold;
		padding: 10px 6px;
		display: none;
	}
	#CookieNotificationContainer #page-scroll-top {
		bottom: 100%;
		position: absolute;		
	}
	.business #page-scroll-top:hover {
  background-color: #e77323; }
.software #page-scroll-top:hover {
  background-color: #663399; }
.technology #page-scroll-top:hover {
  background-color: #336699; }
.convergence #page-scroll-top:hover {
  background-color: #990000; }
.internet #page-scroll-top:hover {
  background-color: #5f7b27; }


/* -- ========== WS PORTFOLIO PAGE ========== -- */

	.ws-portfolio-page{margin-bottom:20px;}
	
	.portfolio-filter{margin-bottom:20px;}
	.portfolio-filter li .active{color:#5f7b27;}
	
	.filter-items > p{font-size:15px;line-height:21px;color:#333333;font-style:italic;text-align:left;margin-bottom:4px;}
	
	.filter-items li{float:left;}
	.filter-items li a{font-size:15px;color:#424242;line-height:30px;text-decoration:none;margin-right:13px;text-transform:uppercase;}
	.filter-items li:last-child a{margin-right:0;}
	.filter-items li a:after{content:"";width:1px;height:15px;background-color:#dfdfdf;display:inline-block;margin-left:13px;vertical-align:middle;}
	.filter-items li .active{text-decoration:underline;}
	
	.portfolio-items-row li:before{content:"";display:none;}

	@media (min-width: 991px) {
		.desk-portfolio-clear{clear:both;}
	}

	.portfolio-item{margin-bottom:30px;position:relative;cursor:pointer;}
	.portfolio-item img{margin-bottom:0!important;border-radius:9px;overflow:hidden;border:1px solid #cbcccd;}
	.portfolio-item-title{width:100%;text-align:center;padding:20px 0 22px;border:1px solid #cbcccd;border-top:0;border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:hidden;opacity:0.9;position:absolute;bottom:0;left:0;-webkit-transition:opacity 0.5s, ease-in-out;-moz-transition:opacity 0.5s, ease-in-out;-ms-transition:opacity 0.5s, ease-in-out;-o-transition:opacity 0.5s, ease-in-out;transition:opacity 0.5s, ease-in-out;}
	.portfolio-item-title h3{font-size:17px!important;color:#333333!important;line-height:24px!important;font-weight:700!important;margin-bottom:0!important;}
	
	.portfolio-hover{width:100%;height:100%;background-color:rgba(95,123,39,0.9);position:absolute;top:0;left:0;opacity:0;-webkit-transition:opacity 0.5s, ease-in-out;-moz-transition:opacity 0.5s, ease-in-out;-ms-transition:opacity 0.5s, ease-in-out;-o-transition:opacity 0.5s, ease-in-out;transition:opacity 0.5s, ease-in-out;border-radius:8px;overflow:hidden;}
	.portfolio-hover-content{color:#ffffff;width:100%;padding:0 25px;position:absolute;top:50%;left:0;right:0;margin-left:auto;margin-right:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:1;text-align: center;-webkit-transition:opacity 0.5s, ease-in-out;-moz-transition:opacity 0.5s, ease-in-out;-ms-transition:opacity 0.5s, ease-in-out;-o-transition: opacity 0.5s, ease-in-out;transition:opacity 0.5s, ease-in-out;}
	.portfolio-hover-content h3{color:#ffffff!important;font-size:22px!important;line-height:30px!important;font-weight:700!important;margin-bottom:9px;}
	.portfolio-hover-content > p{color:#ffffff!important;font-size:15px!important;line-height:21px!important;font-weight:600!important;margin-bottom:20px!important;}
	.portfolio-hover-links{width:100%;position:absolute;bottom:20px;text-align:center;}
	.portfolio-hover-links a,.portfolio-hover-links p{font-size:15px;color:#ffffff!important;line-height:16px;display:block;text-decoration:none;margin-bottom:10px;cursor: pointer;}
	.portfolio-hover-links a:after,.portfolio-hover-links p:after{font-size:13px;font-family:FontAwesome;content:"\f101";display:inline-block;padding-left:5px;}
	
	.portfolio-item:hover .portfolio-item-title{opacity:0;}
	.portfolio-item:hover .portfolio-hover,.portfolio-item.active-portfolio .portfolio-hover{opacity:1;}
	
	.ws-portfolio-section{text-align:center;}
	.ws-portfolio-section .primary-button{display:inline-block;color:#333333;margin-top:40px;background-color:#d8e9b4;}
	.ws-portfolio-section .primary-button:hover{background-color:#5d7b27;color:#ffffff;cursor:pointer;}


	/* -- case study area -- */
	
	.case-study-main{width:100%;background-color:#ffffff;margin-bottom:30px;border:5px solid #d3d3d3;border-radius:11px;background-image: url("../images/case_study_dots.png");background-repeat: no-repeat;background-position: right top;padding:26px 45px;position:relative;}
	.case-study-close{font-size:22px!important;line-height:22px!important;color:#848484;cursor:pointer;position:absolute;top:10px;right:10px;}
	.case-study-close:hover{color:#5f7b27;}
	.case-study-title{border-bottom:1px solid #d3d3d3;padding-bottom:18px;margin-bottom:25px;}
	.case-study-title h3{font-size:40px!important;color:#5f7b27!important;line-height:44px!important;font-weight:400!important;margin-bottom:4px!important;}
	.case-study-title p{font-size:26px!important;color:#333333!important;line-height:30px!important;margin-bottom:0!important;}
	.case-study-text h4{font-size:15px!important;line-height:20px!important;font-family: "Open Sans", sans-serif;font-weight:bold!important;}
	.case-study-images img{border-radius:9px;border:1px solid #cbcccd;}
	
	.case-study-view{font-size:15px!important;color:#333333!important;line-height:19px!important;background-color:#d8e9b4!important;padding:7px 22px;display:inline-block;border-radius:6px;margin-top:10px!important;}
	.case-study-view:hover{color:#ffffff!important;background-color:#5f7b27!important;}
	
	.portfolio-hover-mobile-close{position:absolute;top:12px;right:15px;font-size:25px!important;z-index:7;display:none!important;color:#ffffff;}

  
/* -- ========== CONTACT PAGE ========== -- */

	.contact-page .section-title{padding-top:0!important;}
	.contact-page .section-title h1{padding-bottom:0!important;}
	
	.contact-information > p{font-size:15px;color:#333333;line-height:20px;margin-bottom:40px!important;}
	
	.contact-info-block{margin-bottom:40px;}
	.contact-info-block .fa{font-size:30px;color:#e77323;}
	.contact-info-block p{font-size:20px!important;color:#d2660a;line-height:20px!important;font-weight:600!important;margin-bottom:15px!important;}
	.contact-info-block p a{text-decoration:none;color:#333333!important;font-weight:400!important;}
	.contact-info-block .large{font-size:30px;line-height:30px;}
	
	.contact-office{margin-bottom:40px;}
	.contact-office img{margin-bottom:20px!important;}
	.contact-office h3{font-size:16px!important;color:#333333!important;line-height:20px!important;margin-bottom:20px!important;font-weight:bold!important;}
	.contact-office p{font-size:15px;color:#333333;line-height:20px;margin-bottom:18px!important; }
	.contact-office li{float:left;}
	.contact-office li:before{display:none!important;}
	.contact-office li a{font-size:15px;color:#e77323;line-height:20px;text-decoration:none;display:inline-block;margin-right:20px;font-weight:bold!important;}
	.contact-office li:last-child a{margin-right:0;}
	
	#contact-form-container{background-color:#f0f0f0;padding:40px 30px;border-radius:7px;margin-bottom:22px;}
	#contact-form-container h2{font-size:22px!important;color:#d2660a;line-height:28px!important;font-weight:600!important;margin-bottom:15px!important;}
	#contact-form label{font-size:15px;color:#333333;line-height:27px;margin-bottom:3px;}
	#contact-form input:not(.submit),#contact-form textarea{width:100%;max-width:100%;height:34px;background-color:#ffffff;border:0;margin-bottom:15px;padding-left:10px;font-size:15px;color:#333333;line-height:27px;}
	#contact-form textarea{min-height:125px;margin-bottom:25px;}
	
	.contact-note{font-size:15px;font-style:italic;line-height:20px;}


/* -- ========== SOLUTIONS BLOCK PAGES ========== -- */

	.service-block-section{padding:0 0 5px;}
	.service-block-section .container > p{font-size:18px!important;line-height:20px!important;font-weight:600!important;margin-bottom:26px!important;}
	
	.service-blocks li:before{display:none!important;}
	
	.service-block{background-color:#ffffff;border:1px solid #d3d3d3;border-radius:9px;margin-bottom:30px;}
	.service-block-image{position:relative;}
	.service-block img{margin-bottom:0!important;border-top-left-radius:9px;border-top-right-radius:9px;}
	.service-block-hover{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(255,255,255,0.4);opacity:0;-webkit-transition: opacity 0.5s, ease-in-out;-moz-transition: opacity 0.5s, ease-in-out;-ms-transition: opacity 0.5s, ease-in-out;-o-transition: opacity 0.5s, ease-in-out;transition: opacity 0.5s, ease-in-out;}
	.service-block:hover .service-block-hover{opacity:1;}
	.service-block-inner{padding:20px;}
	.service-block-content{margin-bottom:28px!important;}
	.service-block-content h3{font-size:19px!important;line-height:23px!important;margin-bottom:14px!important;}


/* -- ========== WEB SERVICES - SOLUTIONS PAGE ========== -- */

	.web-solutions-text{padding-bottom:24px;}

	.web-solutions-blocks{background-color:#eff4e6;}
	.web-solutions-blocks .container > p{color:#5f7b27!important;}


/* -- ========== WEB SERVICES - VMERCHANT PAGE ========== -- */

	.web-section-btn{/*background-color:#85a547!important;*/margin-top:20px;}
	.web-section-btn:hover{/*background-color:#5f7b27!important;*/}
	.web-section-btn:after{display:none!important;}
	
	.vmerchant-text-content{padding-bottom:50px;}
	.vmerchant-text-content .primary-button{margin-bottom:60px;margin-right:30px;}
	.vmerchant-text-content .primary-button:last-child{margin-right:0;}
	.vmerchant-text-content .sidebar-image img{border:0;margin:0 auto;}
	
	.vmerchant-back-office{background-color:#eff7df;padding:60px 0;}
	.vmerchant-back-office .section-title{padding-top:0!important;}
	
	.bottom-block-items{padding-top:40px;}
	.bottom-block-items ul{margin-bottom:0!important;}
	.bottom-block-items li:before{display:none;}
	.bottom-block-items .portfolio-item{display:block;}
	.bottom-block-image{width:100%;height:100%;position:relative;}
	.bottom-block-overlay{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(255,255,255,0.4);opacity:0;-webkit-transition: opacity 0.5s, ease-in-out;-moz-transition:opacity 0.5s, ease-in-out;-ms-transition:opacity 0.5s, ease-in-out;-o-transition:opacity 0.5s, ease-in-out;transition:opacity 0.5s, ease-in-out;}
	.bottom-block-items .portfolio-item-title{opacity:0.9!important;}
	.bottom-block-items .portfolio-item:hover .bottom-block-overlay{opacity:1;}
	.bottom-block-items .portfolio-item:hover .portfolio-item-title{opacity:1;/*background-color:#5f7b27;*/}
	.bottom-block-items .portfolio-item:hover .portfolio-item-title h3{color:#ffffff!important;}


/* -- ========== WEB SERVICES - VMERCHANT PORTFOLIO PAGE ========== -- */

	.vmerchant-portfolio-section{background-color:#eff4e6;}


/* -- ========== WEB SERVICES - WEB DESIGN PAGE ========== -- */

	.web-design-page-text{padding-bottom:40px;}
	.web-design-page-text .web-section-btn{margin-bottom:35px;}
	
	.web-design-page-portolio{background-color:#eff4e6;padding:38px 0 20px;}
	.web-design-page-portolio .section-title{padding-top:0!important;}
	.web-design-page-portolio .portfolio-item{margin-top:30px;}


/* -- ========== WEB SERVICES - DEMONSTRATION WEBSITES ========== -- */

	.demo-page-section{padding:50px 0;}
	.demo-page-section h3{font-size:20px!important;font-weight:bold!important;}
	.demo-page-section .primary-button{margin-top:10px;}
	
	.demo-page-top{margin-bottom:38px;}
	.demo-page-top h1{margin-bottom:20px!important;}
	
	.demo-page-EGPL{background-color:#eff4e6;}
	
	.demo-page-OPD{padding-bottom:20px;}
	
	
/* -- ========== WEB SERVICES - ADDITIONAL MODULES PAGE ========== -- */
	
	.additional-module-section{padding:25px 0;}
	.module-section-odd{background-color:#f1f6e8;}
	

/* -- ========== WEB SERVICES - VMERCHANT FEATURES PAGE ========== -- */
	
	.vmerchant-features-top{margin-bottom:20px;}
	
	.vmerchant-features #moduleTable{width:100%;margin-bottom:30px;}
	
	.vmerchant-features #moduleTable th{background-color:#8aa05e;}
	.vmerchant-features #moduleTable th:last-child{border-top-right-radius: 10px;}
	
	.vmerchant-features #moduleTable td{border:1px solid #d7d7d7!important;border-width:0 1px 1px 1px!important}
	.vmerchant-features #moduleTable tr:last-child td{border-bottom-right-radius:10px;border-bottom-left-radius:10px;}


/* -- ========== BUSINESS SOFTWARE PAGES ========== -- */

	.bs-section-top{padding-bottom:30px;}
	.bs-section-content{padding:25px;}
	.bs-section-bottom{padding-bottom:0;}
	.bs-section-background{background-color:#f6ecf9;}
	

	/* -- solutions page -- */
	
	.software-solutions-blocks{background-color:#f0e0f5;}
	.software-solutions-blocks .container > p{color:#663399!important;}
	
	
	/* -- payroll page -- */
	
	.bs-payroll-top-section{padding-bottom:50px;}
	.bs-payroll-section{padding:37px 0 50px;}
	.payroll-section-bkcol{background-color:#f6ecf9;}
	
	.bs-pension-logos{background-color:#ffffff;padding:40px 20px 10px;margin-bottom:35px;}
	.bs-pension-logos li:before{display:none;}
	.bs-pension-logos img{margin-bottom:0!important;}
	
	
	/* -- diplomat features page -- */
	
	.bs-diplomat-top{padding-bottom:30px;}
	
	.bs-diplomat-features{background-color:#f6ecf9;}
	.bs-diplomat-features .home-blocks-title{margin-bottom:50px;}
	
	.feature-item-list li:nth-child(3n + 1){clear: both;}
	.feature-item-list li:before{display:none;}
	.feature-item-list{display: flex;flex-wrap: wrap;align-items: stretch;}
	.feature-item-list li{display: flex;align-items: stretch;}
	.feature-item{text-align: center;margin-bottom: 70px;display: flex;flex-direction: column;align-items: center;width: 100%;}
	.feature-item .page-content{flex: 1 0 auto; width: 100%;}
	.feature-item-icon{width:160px;height:160px;background-color:#ffffff;display:inline-block;margin-bottom:10px;border-radius:8px;position:relative;opacity: 1;transition: opacity 0.5s;}
	.feature-item-icon:hover{opacity: 0.6;}
	.feature-item-icon .axisfirst-icon{font-size:115px;line-height:115px;color:#aa4bc7;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
	.feature-item h3{font-size:19px!important;}
	.feature-item p{margin-bottom:20px!important;}
	
	.bs-diplomat-text-content{padding:5px 0 50px;}
	
	
	/* -- demo video page -- */
	
	.videoContainer{padding-bottom:15px;}
	.video-demo-item-icon{width:60px;height:60px;margin-right:20px;background-color:rgba(137, 109, 168, 0.6);border-radius:8px;line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 2.6em;
	display: inline-block;
    vertical-align: middle;
    transition: background-color 0.8s;text-decoration: none;
	text-decoration: none!important;}
	.video-demo-item-icon:hover{ background-color:#896DA8;}
	.video-demo-item-icon:before{ color: #fff;text-decoration: none;}
	.video-demo-content{vertical-align:middle;display: inline-block;}
	.video-demo-content a{color:#333333!important;}
	.video-demo-content a:hover{color:#663399!important;}
	.videoContainer p{font-size:13px!important;margin: 0!important;}
	
	
	/* -- software support page -- */
	
	.bs-software-3rd-party .row > li:before{display:none;}
	.bs-software-3rd-party .partner-item{text-align:center;}
	.bs-software-3rd-party .partner-item a{display:block;}
	.bs-software-3rd-party .partner-item img{height:100px!important;}
	.bs-software-3rd-party .link-list{display:inline-block;}
	
	
	/* -- downloads page -- */
	
	.bs-download-item{border-bottom:1px solid #d3d3d3;padding:20px 0 30px;}
	.bs-download-item-first{border-top:1px solid #d3d3d3;}
	


/* -- ========== IT SOLUTION PAGES ========== -- */

	.it-support-systemcare,.it-network-protection{margin-bottom:60px}
	.it-support-systemcare .section-title,.it-network-protection .section-title{padding-top:5px;}

	.it-support-nettime,.it-network-solutions{background-color:#ecf3f8;padding:57px 0 80px;}
	.it-support-nettime .section-title,.it-network-solutions .section-title{padding-top:0;}


	/* -- support page -- */
	
	.it-support-nettime{background-color:#ecf3f8;padding:57px 0 80px;}
	.it-support-nettime .section-title{padding-top:0;}
	
	.it-support-contract{color:#336699!important;}
	.it-support-contract-first{margin-bottom:0!important;}
	.it-support-contract:after{display:none!important;}
	
	.it-support-survey{margin:54px 0 42px;}
	.it-support-survey p:first-child{font-size:20px!important;color:#336699!important;line-height:24px!important;margin-bottom:4px!important;}
	.it-support-survey span{font-size:32px;color:#336699;line-height:36px;}
	
	.it-support-nettime .sidebar-item{margin-bottom:20px;}
	
	
/* -- ========== TELECOMS PAGES ========== -- */

	/*Tabels*/
	 /*Price Cards*/

   .center{
    text-align: center !important;
   }

  #prices h2{
    font-size: 2.4rem;
    margin-bottom: 2.0rem;
  }

	.pricing-table {
	  background-color: #fefefe !important;
	  border: solid 1px #cacaca !important;
	  width: 100% !important;
	  text-align: center !important;
	  list-style-type: none !important;
	  
	}

	.pricing-table li {
	  border-bottom: dotted 1px #cacaca !important;
	  padding: 0.875rem 1.125rem !important;
	  text-align: center !important;
    margin-bottom: 0 !important;
	}
	
	.pricing-table li:before {
		display: none !important;
	}

	.pricing-table li:last-child {
	  border-bottom: 0 !important;
	}

	.pricing-table .title {
	  background-color: #0a0a0a !important;
	  color: #ffffff !important;
	  font-weight: 600 !important;
	  font-size: 2.0rem !important;
	  border-bottom: 0 !important;
	}
	
	.pricing-table .title-bronze {
	  background-color: #c75a00 !important;
	  color: #ffffff !important;
	  font-size: 2.0rem !important;
	  font-weight: 600 !important;
	  border-bottom: 0 !important;
	}
	.pricing-table .title-silver {
	  background-color: #b2b0b0 !important;
	  color: #ffffff !important; 
	  font-size: 2.0rem !important;
	  font-weight: 600 !important;
	  border-bottom: 0 !important;
	}
	.pricing-table .title-gold {
	  background-color: #d4af37 !important;
	  font-size: 2.0rem !important;
	  font-weight: 600 !important;
	  color: #ffffff !important;
	  border-bottom: 0 !important;
	}

	.pricing-table .price {
	  background-color: #e6e6e6 !important;
	  font-size: 1.4rem !important;
	  border-bottom: 0 !important;
	}

	.pricing-table .description {
	  color: #8a8a8a !important;
	  font-size: 80% !important;
	}

	.pricing-table :last-child {
	  margin-bottom: 0 !important;
	}
	
	/*Inline List*/
  ul.list-inline li {
    display: inline-block !important;
    border: 1px solid #e2e2e2;
    border-radius: 20px;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    padding-top: 0.3rem;
    font-size: 1.1rem;
  }
	.list-inline li:before {display: none !important;}
	.list-inline{display: inline-block !important;list-style:none !important;padding-left:0 !important;text-align: center !important;}
	.list-inline li:before {display: none !important;}
	
	/*Telecoms Hero*/

	.hero-section {
	  background:url('../images/cloudtelephony_home_background.png') 50% no-repeat;
	  background-size: cover;
	  height: 60vh;
	  text-align: center;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	  .inside-hero{
		background: rgba(28, 28, 30, 0.5);
		width: 100%;
		height: 60vh;
		align-items: center;
		justify-content: center;
		text-align: center;
		display: flex;
	  }

	  .hero-section-text {
		color: #f2f2f2 !important;
	  }
	   
	  .hero-section-text h1{
		font-size: 3.0rem !important; 
		font-weight: 300 !important;
		color: #f2f2f2 !important;
    line-height: 4.0rem !important;
		}

    .hero-section-text p{
    font-size: 1.2rem !important; 
    font-weight: 200 !important;
    color: #f2f2f2 !important;
    line-height: 2.0rem !important;
    }

    .usp-cirle{
      background-color: #990000;
      min-width: 250px;
      min-height: 250px;
      padding: 3.0rem;
      color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 1.6rem;
    max-width: 265px;
    margin: -100px;
    text-align: center;
    position: absolute;
    }

    .usp-cirle h4{
      color: #fff !important;
      font-size: 4.0rem !important;
      padding-bottom: 0.5rem !important;
      padding-top: 0.5rem !important;
    }

    .usp-cirle p{
      font-size: 1.2rem !important;
    }

    .tele-b-block{
    background:url('../images/cloudtelephony-block-background.png') 50% no-repeat;
    background-size: cover;
    height: 60vh;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3.5rem;
    }

    .tele-b-block ul.list-inline li {
    color: #f2f2f2 !important;
    }

    .tele-b-block h2{
    color: #f2f2f2 !important;
    font-size: 2.5rem !important;
    line-height: 29px !important;
    }

    .tele-b-block h3{
    color: #f2f2f2 !important;
    }

    .tele-b-block p{
    color: #f2f2f2 !important;
    }


   .parallax {
    height: 500px; /* fallback for older browsers */
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-perspective: 300px;
    perspective: 300px;
  }

  .parallax__group {
    position: relative;
    height: 500px; /* fallback for older browsers */
    height: 100vh;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
  }

  .parallax__layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .parallax__layer--fore {
    -webkit-transform: translateZ(90px) scale(.7);
    transform: translateZ(90px) scale(.7);
    z-index: 1;
  }

  .parallax__layer--base {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 4;
  }

  .parallax__layer--back {
    -webkit-transform: translateZ(-300px) scale(2);
    transform: translateZ(-300px) scale(2);
    z-index: 3;
  }

  .parallax__layer--deep {
    -webkit-transform: translateZ(-600px) scale(3);
    transform: translateZ(-600px) scale(3);
    z-index: 2;
  }

  .scroll-it{
    overflow: hidden;
  }

  .parallax {
    font-size: 200%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }

   /* centre the content in the parallax layers */
  .ptitle {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }



  /* style the groups
  --------------------------------------------- */

  #group1 {
    z-index: 5; /* slide over group 2 */
  }
  #group1 .parallax__layer--base {
    background:url('../images/xyzimages/DJMmQRZXcAA8xPX.png') 50% no-repeat;
   background-size: cover;
      text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #group1 .inner-para{
    background: rgba(242, 242, 242, 0.9);
    width: 55%;
    height: 40%;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex center;
    padding: 2.0rem;
    }

  #group1 .inner-para h1{
    font-size: 4.7rem !important;
    color: #663399 !important;
    line-height: 4.2rem !important;
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
    font-weight: 200;

  }

  #group1 .inner-para p{
    font-size: 2.7rem !important;
    color: #42354f !important;
    line-height: 2.8rem !important;
    border-bottom: 0 !important;
    font-weight: 200;
  }

  #group1 .inner-para .lead{
    font-size: 1.7rem !important;
    color: #42354f !important;
    line-height: 2.8rem !important;
    border-bottom: 1px solid #663399!important;
    font-weight: 300;
  }

  #group2 {
    z-index: 3; /* slide under groups 1 and 3*/
  }

  #group2 p {
    font-size: 2.0rem;
    color: #ffffff;
    line-height: 2.8rem;
    font-weight: 200;
  }


  #group2 .parallax__layer--back {
   background:url('../images/xyzimages/C7csY7oU8AEXVKP.png') 50% no-repeat;
   background-size: cover;
  }

  #group2 .inner-para{
    background: rgba(102, 51, 153, 0.7);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
  }

  #group3 {
    z-index: 4; /* slide over group 2 and 4 */
  }
  #group3 .parallax__layer--base {
    background: #f2f2f2;
    padding-top: 100px;
    padding-bottom: 100px;
  }

  #group3 p{
    font-size: 18px !important;
    color: #3e3e3e !important;
    line-height: 23px !important;
  }


  #group4 {
    z-index: 2; /* slide under group 3 and 5 */
  }
  #group4 .parallax__layer--deep {
  background:url('../images/xyzimages/XYZ-head-office.jpg') 50% no-repeat;
   background-size: cover;
  }

  #group5 {
    z-index: 3; /* slide over group 4 and 6 */
  }
  #group5 .parallax__layer--base {
    background: #42354f;
  }

  #group5 h2{
  color: #f2f2f2 !important;
  font-size: 4.0rem !important;
  line-height: 8.2rem !important;
  font-weight: 200;
  }

  #group5 p{
  color: #f2f2f2 !important;
  font-size: 1.8rem !important;
  line-height: 3.2rem !important;
  font-weight: 200;
  }


  #group6 {
    z-index: 2; /* slide under group 5 and 7 */
  }
  #group6 .parallax__layer--back {
  background:url('../images/xyzimages/ups-bg.jpg') 50% no-repeat;
  background-size: cover;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  } /* rgba(233, 230, 237, 1) */

  #group6 .inner-para{
    background: rgba(233, 230, 237, 0.9);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
  }

  #group6 h2{
  color: #663399 !important;
  font-size: 3.0rem !important;
  line-height: 4.2rem !important;
  font-weight: 200;
  }

  #group6 ul.list li{
  color: #42354f !important;
  font-size: 1.8rem !important;
  line-height: 2.8rem !important;
  text-align: center !important;
  }

  #group7 {
    z-index: 3; /* slide over group 7 */
  }
  #group7 .parallax__layer--base {
   background:url('../images/xyzimages/maxresdefault.png') 50% no-repeat;
   background-size: cover;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  }

  #group7 .inner-para{
    background: rgba(102, 51, 153, 0.8);
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: flex;
  }

  #group7 p {
    font-size: 2.0rem !important;
    color: #ffffff !important;
    line-height: 2.6rem !important;
    font-weight: 200;
  }

  #group7 img {
    text-align: center !important;
    display: inline-flex !important;
  }



	
	/* -- telecoms mobile -- */
	
	.telecoms-section:not(.telemcoms-online-billing):not(.telemcoms-mobile-data){margin-bottom:30px;}
	
	
	/* -- telecoms data -- */
	
	.telemcoms-mobile-data{background-color:#faeded;padding:5px 0 60px;}


/* -- ========== 404 PAGE ========== -- */

	.page-404-header{border-bottom:2px solid #fff;height:144px;}

	.page-404-main-content{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#f6e7dd;}
	
	@media (min-width: 991px) {
		.page-404-main-content{padding:0!important;}	
	}
	
	.page-404-outer{width:100%;height:100%;}
	.page-404-inner{width:100%;height:100%;position:relative;}
	
	.page-404-content{width:300px;height:300px;background-color:#ffffff;border-radius:50%;text-align:center;font-family:'Open Sans', sans-serif;font-weight:bold;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);-webkit-transform:translate(-50%,-60%);background-image:url('../images/bk_404_page_inner.png');background-repeat:repeat;background-position:center center;}
	#page-404-sorry{font-size:38px!important;color:#535353!important;line-height:38px!important;margin-top:37px;font-weight:bold!important;margin-bottom:0!important;}
	#page-404-large{font-size:138px!important;color:#ec7401!important;line-height:123px!important;font-weight:bold!important;margin-bottom:0!important;}
	#page-404-text{font-size:16px!important;color:#535353!important;line-height:16px!important;text-transform:uppercase;margin-top:5px;font-weight:bold!important;margin-bottom:0!important;}
	.page-404-content .primary-button{background-color:#ec7401;text-transform:uppercase;margin-top:14px;}
	.page-404-content .primary-button:hover{background-color:#535353;}
	
	.page-404-footer{position:fixed;bottom:0;left:0;width:100%;border-top:2px solid #ffffff;}


/* -- ========== PARTNER PAGES ========== -- */

	.partner-logo-section{margin-top:80px;}
	.partner-logo-section li:before{display:none;}
	.partner-item{text-align:center;}
	.partner-item img{max-width:90%!important;display:inline-block!important;}
	
	
/* -- ========== BROCHURE PAGES ========== -- */
	
	.brochureContainer{margin-top:30px;}
	.brochureContainer li:before{display:none;}
	.brochure-list-item{margin-bottom:30px;}
	.brochure-list-item a{font-weight:700!important;}
	.brochure-list-item h3{margin-top:15px!important;}
	
	.businessDivisionContainer h1,.businessDivisionContainer h3 a{color:#d2660a!important;}
	.softwareDivisionContainer h1,.softwareDivisionContainer h3 a{color:#663399!important;}
	.itSolutionsDivisionContainer h1,.itSolutionsDivisionContainer h3 a{color:#336699!important;}
	.webServicesDivisionContainer h1,.webServicesDivisionContainer h3 a{color:#5f7b27!important;}
	.telecomsDivisionContainer h1,.telecomsDivisionContainer h3 a{color:#990000!important;}
	.businessDivisionContainer p a{color:#000000!important;font-weight:400!important;}
	.softwareDivisionContainer p a{color:#000000!important;font-weight:400!important;}
	.itSolutionsDivisionContainer p a{color:#000000!important;font-weight:400!important;}
	.webServicesDivisionContainer p a{color:#000000!important;font-weight:400!important;}
	

/* -- ========== FAQ PAGES ========== -- */
	
	.faq-item{border-bottom:1px solid #e8e8e8;padding:25px 0;margin-bottom:40px;}
	.faq-item:last-child{border:0;padding-bottom:0;margin-bottom:0;}
	.faq-item:before{display:none;}
	.faq-item h3{font-size:24px!important;font-weight:400!important;line-height:29px!important;margin-bottom:23px!important;letter-spacing:-0.5px;}


/* -- ========== LOGIN PAGE ========== -- */

	/*#loginContainer{margin-top:30px;}*/
	#loginContainer table tr:first-child .login{width:160px;}
	
	.forgotten-pass-link{display:block;font-family:"Open Sans", sans-serif;}


/* -- ========== MANAGE USER PAGE ========== -- */

	.AXISUsersBranch{max-width:100%;}
	
	.AXISUserListPagination{margin-top:20px;}
	.AXISUserListPagination .AXISPageResults,.AXISUserListPagination .AXISPageNumbering{margin-bottom:20px;}
	
	#AXISUserListTable,.AXISTableText{width:100%;text-align:left;font-size:15px;font-family:"Open Sans", sans-serif;}
	#AXISUserListTable thead th,.AXISTableText thead th{padding-bottom:10px;color:#e77323;vertical-align:top;}
	#AXISUserListTable tr > td,.AXISTableText tr > td{padding-top:0;padding-bottom:5px;}
	
	.AXISTableHead{color:#ffffff;}
	
	#AXISUserListTable input[type='checkbox']{height:auto;} 
	#AXISUserListButtons, #AXISUserButtons {
		text-align: center;	
	}
	#AXISUserListButtons > button, #AXISUserListButtons > a, #AXISUserButtons > button, #AXISUserButtons > a {
		opacity: 0.8;
		transition:opacity 0.25s ease-in-out;
	}
	#AXISUserListButtons > button:hover, #AXISUserListButtons > a:hover,#AXISUserButtons > button:hover, #AXISUserButtons > a:hover {
		opacity: 1;
		text-decoration: none;
	}
	#AXISUserDeleteButton, #AXISUserAddButton, #AXISUserSubmitButton {display: inline-block;line-height: 28px;border-radius:5px;padding:3px 47px;text-decoration:none;text-align:center;border:0;vertical-align: middle;margin:0 2%;}
	#AXISUserDeleteButton{color:#FFFFFF!important;background-color:#9F9F9F!important;}
 #AXISUserAddButton{background-color:#e77323;}
	#AXISUserAddButton span{color:#FFFFFF;}
	
	#manageUsersForm .formFieldLarge:after{content:'';display:block;font-size:0;height:0;clear:both;}
	#manageUsersForm label{width:250px;float:left;font-family:"Open Sans", sans-serif;font-size:15px;}


/* -- ========== ADMIN MAINTAIN PAGES ========== -- */

	.jobs-list-table,.maintain-news-table{width:100%;}
	.jobs-list-table,.maintain-news-table{width:100%;font-family:"Open Sans", sans-serif;font-size:15px;}
	.jobs-list-table table,.maintain-news-table table{margin-bottom:40px;}
	.jobs-list-table td,.maintain-news-table td{padding:5px 0;}
	
	.maintain-news-table input[type='checkbox']{height:22px;}
	.maintain-news-delete{margin-left:15px;}
	
	.edit-news-table input[type='checkbox']{height:14px;margin-right:10px;}


/* -- ========== CMS SERIES LIST PAGE ========== -- */

	.cmsSeriesList table,.cmsTextList table{width:100%;}


/* -- ========== USER STATISTICS PAGE ========== -- */

	.user-stats-table table{width:100%;font-family:"Open Sans", sans-serif;font-size:15px;}
	.user-stats-table table table{margin-bottom:40px;}
	.user-stats-table table td{padding:5px 0;}
	
	
/* -- ========== VMADMIN PAGES ========== -- */

	/* fix alignment of bullet images in tables */
	/* ** remove table img if too many tables are affected ** */
	table img,form[name="configupdate"] img,.AXISTableText img{display:inline-block!important;margin-bottom:0!important;}
	table img,.AXISTableText img{margin-right:10px;}
	
	
	.cmsSeriesParent{position:relative;font-size:12px;line-height:14px;}
	.cmsSeriesParent:before{border:1px solid #333333;color:#333333;content:"-";display:block;height:14px;position:absolute;left:-25px;text-align:center;top:3px;width:14px;}
	.cmsSeriesParent.closed:before{content:"+";}
	
	
/* -- ========== CALL DATABASE PAGES ========== -- */

	.support-db-table,.support-db-table table{width:100%;}
	.support-db-table{width:100%;font-family:"Open Sans", sans-serif;font-size:15px;}
	.support-db-table table{margin-bottom:40px;}
	.support-db-table td{padding:5px 0;}
	
	
/* -- ========== MAINTAIN QUESTIONNAIRES PAGE ========== -- */

	.questionnaire-admin-table h2{margin-top:30px;}
	.questionnaire-admin-table tr:first-child h2{margin-top:10px;}
	
	.questionnaire-admin-table td{padding:0 17px 10px;}
	.questionnaire-admin-table tr td:first-child{padding-left:0;}
	.questionnaire-admin-table tr td:last-child{padding-right:0;}
	
	
/* -- ========== DOCUMENTATION PAGES ========== -- */

	/* -- search field -- */
	
	#searchTable{background-color:#D7D7D7;border-radius:5px;}
	#searchTable td{background-color:transparent;padding:5px;}
	
	#searchSelectCell{max-width:200px;white-space:nowrap;}
	#searchSelectCell select{border:0;height:36px;margin:0;padding:0;/*width: 100%;*//*max-width:200px;*/margin-bottom:0!important;}
	#searchKeywordCell{width:100%;}
	#searchSelectCell .uniformSelect span{display:none!important;}
	#searchSelectCell .uniformSelect select{opacity:1!important;}
	
	#searchTable #searchWarningCell{padding:10px;text-align:center;}
	
	#searchNotLoggedInWarning{font-size:1.1em;vertical-align:middle;}
	#searchNotLoggedInWarning::before{background:url(../images/warningIcon.png) no-repeat;content:" ";display:inline-block;height:23px;margin-right:5px;vertical-align:middle;width:26px;}
	
	#searchWarningCell .searchLoginButton{background:#693A98;background:linear-gradient(to bottom, #A989CB 0%,#693A98 100%);border-radius:5px;color: #FFFFFF;display:inline-block;font-weight:bold;margin-left:10px;min-width:60px;padding:3px 5px;vertical-align:middle;}
	#searchWarningCell .searchLoginButton:hover{background:#FFFFFF;color:#693A98;text-decoration:none;}
	
	#keyword{border:2px solid #FFFFFF;border-radius:5px;box-shadow:inset 2px 2px 3px #B7B7B7;-webkit-box-shadow:inset 2px 2px 3px #B7B7B7;margin-bottom:0!important;height:32px;line-height:32px;margin:0;padding:0 4px;width:97%;}
	
	#searchButtonCell{width:48px;}
	#searchButton{background-color:transparent;border:0;cursor:pointer;display:block;height:36px;margin:0;overflow:hidden;padding:0;position:relative;width:48px;}
	#searchButton img{height:72px;left:0;position:absolute;top:0;width:48px;}
	#searchButton:hover img{top:-36px;}
	
	
/* -- ========== FEEDBACK FORM ========== -- */

	form[name="feedback_form"] input[type="radio"]{height:21px;margin-right:5px;vertical-align:top;}
		
	
/* -- ========== COOKIE NOTIFICATION ========== -- */

	#CookieNotificationContainer {box-sizing:content-box;}
	
	
	
/* -- ========== QUESTIONNAIRE ========== -- */
#questionnairePopup {
	position: relative;	
}
/*#questionnaire h1, #questionnairePopup h1 {
	margin: 0 0 10px;
	padding: 10px 20px;
	border-radius: 5px;
	background-color: #ff7f03;
	color: #FFFFFF;
	font-size: 1.7em;
}
.software #questionnaire h1, .software #questionnairePopup h1 {
	color:#5b1583;
}
.technology #questionnaire h1, .technology #questionnairePopup h1 {
	color:#405769;
}
.internet #questionnaire h1, .internet #questionnairePopup h1 {
	color:#58802F;
}
.convergence #questionnaire h1, .convergence #questionnairePopup h1 {
	color:#990000;
}*/
#questionnaire h2, #questionnairePopup h2 {
	margin: 0 0 10px;
	padding: 0 0 8px;
	/*border-radius: 0;
	border-bottom: 1px solid #C5C5C5;
	background: none;
	color: #202020;
	font-size: 1.8em;*/
}
#questionnaire h3, #questionnairePopup h3 {
	margin: 10px 0;
	/*padding: 5px 10px;
	border-radius: 5px;
	background-color: #ff7f03;
	color: #FFFFFF;
	font-size: 1.4em;*/
}
.software #questionnaire h1, .software #questionnairePopup h1, .software #questionnaire h2, .software #questionnairePopup h2, .software #questionnaire h3, .software #questionnairePopup h3, .software #questionnaire h4, .software #questionnairePopup h4 {
	color:#5b1583;
}
.technology #questionnaire h1, .technology #questionnairePopup h1, .technology #questionnaire h2, .technology #questionnairePopup h2, .technology #questionnaire h3, .technology #questionnairePopup h3, .technology #questionnaire h4, .technology #questionnairePopup h4 {
	color:#405769;
}
.internet #questionnaire h1, .internet #questionnairePopup h1, .internet #questionnaire h2, .internet #questionnairePopup h2, .internet #questionnaire h3, .internet #questionnairePopup h3, .internet #questionnaire h4, .internet #questionnairePopup h4 {
	color:#58802F;
}
.convergence #questionnaire h1, .convergence #questionnairePopup h1, .convergence #questionnaire h2, .convergence #questionnairePopup h2, .convergence #questionnaire h3, .convergence #questionnairePopup h3, .convergence #questionnaire h4, .convergence #questionnairePopup h4 {
	color:#990000;
}
#questionnaire h4, #questionnairePopup h4 {
	margin: 0;
	padding: 0 0 10px;
	font-size: 1.2em;
	font-weight: bold;
}
#questionnaire h5, #questionnairePopup h5 {
	margin: 0;
	padding: 0;
	color: #ff7f03;
	font-size: 1em;
	font-weight: bold;
}
.software #questionnaire h5, .software #questionnairePopup h5 {
	color:#5b1583;
}
.technology #questionnaire h5, .technology #questionnairePopup h5 {
	color:#405769;
}
.internet #questionnaire h5, .internet #questionnairePopup h5 {
	color:#58802F;
}
.convergence #questionnaire h5, .convergence #questionnairePopup h5 {
	color:#990000;
}
#questionnaire select, #questionnairePopup select {
	margin: 0;
}
.questionnaireRatingRadios div, .questionnaireRatingLabels div {
	float: left;
	width: 20%;
	margin-top: 20px;
	font-size: 1.2em;
	text-align: center;
}
.questionnaireRatingRadios {
	width: 658px;
	height: 60px;
	border: 1px solid #EEEEEE;
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(250,157,48,1) 65%);
}
.belowAverageArrow, .aboveAverageArrow {
	overflow: hidden;
	position: relative;
	display: block;
	width: 107px;
	height: 16px;
}
.rating-arrow {
	color: #959595;
}

.belowAverageArrow img {
	left: -220px;
	top: -180px;
}
.aboveAverageArrow img {
	left: -330px;
	top: -180px;
}
.disabled .questionnaireRatingLabels {
	color: #CCCCCC;
}
.disabled .questionnaireRatingRadios {
	background: rgb(255,255,255);
	background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(225,225,225,1) 50%);
}.disabled .questionnaireRatingLabels .rating-arrow {
	opacity: .5;
}

.disabled .belowAverageArrow img {
	left: 0;
}
.disabled .aboveAverageArrow img {
	left: -110px;
}
.questionnaireSprite {
	position: absolute;
	width: 660px;
	height: 800px;
	max-width: none !important;
}
.startQuestionnaireButton {
	overflow: hidden;
	position: relative;
	display: block;
	/** width: 220px;
	height: 24px; **/
}
.startQuestionnaireButton img {
	left: 0;
	top: -200px;
}
.startQuestionnaireButton:hover img {
	left: -230px;
	top: -200px;
}
.software .startQuestionnaireButton img, .software .startQuestionnaireButton:hover img {
	top: -320px;
}
.technology .startQuestionnaireButton img, .technology .startQuestionnaireButton:hover img {
	top: -440px;
}
.internet .startQuestionnaireButton img, .internet .startQuestionnaireButton:hover img {
	top: -680px;
}
.convergence .startQuestionnaireButton img, .convergence .startQuestionnaireButton:hover img {
	top: -560px;
}
.nextButton {
	overflow: hidden;
	position: relative;
	display: block;
	width: 90px;
	height: 24px;
}
.nextButton input {
	left: -460px;
	top: -200px;
}
.nextButton:hover input {
	left: -560px;
	top: -200px;
}
.software .nextButton input, .software .nextButton:hover input {
	top: -320px;
}
.technology .nextButton input, .technology .nextButton:hover input {
	top: -440px;
}
.internet .nextButton input, .internet .nextButton:hover input {
	top: -680px;
}
.convergence .nextButton input, .convergence .nextButton:hover input {
	top: -560px;
}
.continueFromLastPointButton {
	overflow: hidden;
	position: relative;
	display: block;
	/** width: 220px;
	height: 24px; **/
}
.continueFromLastPointButton img {
	left: 0;
	top: -230px;
}
.continueFromLastPointButton:hover img {
	left: -230px;
	top: -230px;
}
.software .continueFromLastPointButton img, .software .continueFromLastPointButton:hover img {
	top: -350px;
}
.technology .continueFromLastPointButton img, .technology .continueFromLastPointButton:hover img {
	top: -470px;
}
.internet .continueFromLastPointButton img, .internet .continueFromLastPointButton:hover img {
	top: -710px;
}
.convergence .continueFromLastPointButton img, .convergence .continueFromLastPointButton:hover img {
	top: -590px;
}
.finishButton {
	overflow: hidden;
	position: relative;
	display: block;
	width: 90px;
	height: 24px;
}
.finishButton input {
	left: -460px;
	top: -230px;
}
.finishButton:hover input {
	left: -560px;
	top: -230px;
}
.software .finishButton input, .software .finishButton:hover input {
	top: -350px;
}
.technology .finishButton input, .technology .finishButton:hover input {
	top: -470px;
}
.internet .finishButton input, .internet .finishButton:hover input {
	top: -710px;
}
.convergence .finishButton input, .convergence .finishButton:hover input {
	top: -590px;
}
.startAgainButton {
	overflow: hidden;
	position: relative;
	display: block;
	/** width: 110px;
	height: 24px; **/
}
.startAgainButton img {
	left: 0;
	top: -260px;
}
.startAgainButton:hover img {
	left: -120px;
	top: -260px;
}
.software .startAgainButton img, .software .startAgainButton:hover img {
	top: -380px;
}
.technology .startAgainButton img, .technology .startAgainButton:hover img {
	top: -500px;
}
.internet .startAgainButton img, .internet .startAgainButton:hover img {
	top: -740px;
}
.convergence .startAgainButton img, .convergence .startAgainButton:hover img {
	top: -620px;
}
.closeButton {
	overflow: hidden;
	position: relative;
	display: block;
	width: 90px;
	height: 24px;
}
.closeButton img {
	left: -240px;
	top: -260px;
}
.closeButton:hover img {
	left: -340px;
	top: -260px;
}
.software .closeButton img, .software .closeButton:hover img {
	top: -380px;
}
.technology .closeButton img, .technology .closeButton:hover img {
	top: -500px;
}
.internet .closeButton img, .internet .closeButton:hover img {
	top: -740px;
}
.convergence .closeButton img, .convergence .closeButton:hover img {
	top: -620px;
}
#questionnaire .closeButton {
	display: none;
}
/*Contains questionnaire buttons*/
.questionnaireButtons {
	height: 24px;	
}
.questionnaireButtons .continueFromLastPointButton, .questionnaireButtons .startAgainButton {
	float: left;
	margin-right: 20px;
}
.questionnaireButtons .nextButton, .questionnaireButtons .finishButton, .questionnaireButtons .closeButton {
	float: right;
}
/*The inner container in the questionnaires*/
#questionnaireInner {
	width: 660px;
	margin: 30px auto;	
}
#questionnaireInner input {
	vertical-align: middle;
	margin-bottom: 0 !important;
}
#questionnaireQuestion, #questionnaireComplete {
	overflow-x: visible;
	overflow-y: auto;	
	width: 660px;
	height: 200px;
}
/*The progress bar*/
#progressBarOuter, #progressBarInner {
	height: 18px;
}
#progressBarOuter {
	width: 658px;
	border: 1px solid #999999;	
}
#progressBarInner {
	width: 0;
	height: 16px;
	background: rgb(201,121,34);
	background: linear-gradient(0deg, rgba(201,121,34,1) 0%, rgba(251,134,5,1) 26%, rgba(250,180,82,1) 50%, rgba(251,134,5,1) 75%, rgba(201,121,34,1) 100%);
}
#progressStatus {
	padding: 10px 0 40px;
	color: #ff7f03;
	font-size: 1.2em;
	font-style: italic;	
}
.software #progressStatus {
	color:#5b1583;
}
.technology #progressStatus {
	color:#405769;
}
.internet #progressStatus {
	color:#58802F;
}
.convergence #progressStatus {
	color:#990000;
}
#questionnairePopup .questionnaireButtons {
	min-height: 24px;
	margin-top: 20px;
	padding-top: 10px;
	border-top: 1px solid #999999;
}

#questionnairePopup .questionnaire-buttons {
	justify-content: flex-end;
	margin: 20px 0 0;
	padding: 10px 0 0;
	border-top: 1px solid #999999;
}

.questionnaire-buttons {
	display: flex;
	gap: 10px;
}

#questionnaireInfo {
	float: left;
	width: 400px;
	font-style: italic;	
}


/*************************************** Popups ***************************************/

.popup-remove-overflow {
    overflow-y: scroll!important;
}

/*Old
#popupOverlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #000000;
	z-index: 109;
}
#popupContainer {
	position: absolute;
	width: 880px;
	padding: 30px 10px;
	border: 1px solid #B2B2B2;
	border-radius: 10px;
	background-color: #FFFFFF;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
	z-index: 110;
}
#popupContainer.largePopup {
	left: 0 !important;
	margin: 0 auto;
	right: 0;
	width: 90%;
}*/
#popupOverlay {
	background-color: rgba(0, 0, 0, 0.5);
	display: block;
	height: 100%;
	left: 0;
	overflow: auto;
	position: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 109;
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: .4s;
}
@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
#popupOverlay:after {
	content: " ";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	width: 0;
}
#popupContainer {
	background-color: #FFFFFF;
	border-radius: 10px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.8);
	display: inline-block;
	padding: 30px 10px;
	margin: 0 2%;
	max-width: 880px;
	overflow: hidden;
	position: relative;
	text-align: left;
	vertical-align: middle;
	transition: max-height 1s;
    max-height: 95vh;
	opacity: 1;
	transition: opacity .3s;
}
#popupContainer.standard {
	max-height: 90%;
	width: 80%;
}
#popupContainer.standard #popupContent {
	padding: 20px;
}
#popupContainer.standard #popupContent .contentContainer {
	max-height: 70vh;
	overflow-y: auto;
}
#popupContainer.scroll #popupContent {
	padding: 20px;
}
#popupContainer.scroll #popupContent .contentContainer {
	max-height: 50vh;
	overflow-y: auto;
}
#popupContainer.largePopup {
	max-width: 90%;
	width: 90%;
}
#popupContainer.largePopup #popupContent {
	max-height: calc(95vh - 60px);
	overflow-y: auto;
}

/*end new*/

#popupContainer.schedulerPopup .popupCloseButton{
	right:20px;
}

/*#popupContainer.callPortalPopup #popupTitleBar a{*/
#popupContainer.callPortalPopup a{
	background: #FFFFFF;
	opacity: 0.5;
	display: block;
	height: 25px;
	width: 25px;
	border-radius: 25px;
	z-index: 2;
	text-align: center;
	line-height: 25px;
	font-weight: bold;
	color: #ff7f03;
    font-size: 12px;
    text-decoration: none;
}

/*#popupContainer.callPortalPopup #popupTitleBar a:hover{*/
#popupContainer.callPortalPopup a:hover{
	opacity: 1;
	text-decoration: none;
}

#popupContainer.softwareUpdatesPopup, #popupContainer.manageUsersPopup {
	height: 200px;
	left: 0 !important;
	margin: 0 auto;
	right: 0;
	width: 900px;
	padding: 0 10px; 
}
.propertiesPopup table p {
	margin: 0;
}
/*The close button for the popups*/
.popupCloseButton {
	width: fit-content;
	position: absolute;
	right: 10px;
	top: 10px;
	display: block;
	text-decoration: none;
	font-size: 20px;
	color: #959595;
	z-index:42;
	transition: color .25s ease-in-out;
}
.popupCloseButton:before {
	content: "x"
}
.popupCloseButton:hover {
    color: #000000;
	transition: color .25s ease-in-out;
}
/*The inner popup container*/
#popupInnerContainer {
    overflow-y: auto;
    height: 350px;
	padding: 5px;
}
/*The title of the popup*/
#popupTitle {
	margin: 5px 0;
	padding: 0 0 10px;
	font-size: 1.8em;
	font-family: impact;
	text-transform: uppercase;
}
#popupContent h1{
	font-size: 26px;
    line-height: 34px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 10px;
    margin-bottom: 26px;
    margin-top: 0;
    color: #5f7b27;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
}
#popupContainer.schedulerPopup {
	/*height: 100%;*/
	left: 0 !important;
	margin: 0 auto;
	right: 0;
	width: calc(100% - 20px);
	padding: 0;
	top: 15px !important;
	position: fixed;
	bottom: 15px;
    max-width: none;
    max-height: none;
}
#popupContainer.callPortalPopup {
	/*height: 100%;*/
	left: 0 !important;
	margin: 0 auto;
	right: 0;
	width: 1022px;
	padding: 0;
	top: 15px !important;
	position: fixed;
	bottom: 15px;
    max-height: none;
    max-width: none;
}
#popupContainer .header {
	background-color: #d8642b;
	border: 2px solid white;
    	border-top-left-radius: 10px;
    	border-top-right-radius: 10px;
}
#popupContainer .header .left {
	display: inline-block;
	padding: 10px 0 15px 25px;
}
#popupContainer .header .left h2, h3 {
	color: #ffffff;
	font-family: "open sans";
}
#popupContainer .header .left h3 {
	font-size: 27px;
	font-weight: 300;
	line-height: 25px;
	text-transform: uppercase;
}
#popupContainer .header .left h2 {
	font-size: 18px;
	font-weight: 600;
}
#popupContainer .header .right {
	display: inline-block;
	position: absolute;
	right: 0;
}
#callPortalHeader {
	border-radius: 10px 10px 0 0;
	display: block;	
	margin: 2px 2px 10px;
	max-width: calc(100% - 4px);
}
#popupContainer.softwareUpdatesPopup, #popupContainer.manageUsersPopup {
	height: 90%;
max-height: 300px;
	left: 0 !important;
	margin: 0 auto;
	right: 0;
	/*width: 904px;
	padding: 0 2px 20px 0;*/
	width: 908px;
	padding: 0 2px;
	max-width: calc(100% - 30px);
}
#popupContainer.manageUsersPopup {
	padding: 30px;
}
/*The callBack of the popup*/
#popupContainer.customerCallBackPopup {
    /*height: 489px;*/
    padding: 0;
    right: 0;
    width: 466px;
}
/*The callBack of the popup*/
.customerCallBackPopup #popupContent {
    height: 100%;
    /*max-height: 237px;*/
    padding: 20px;
    position: relative;
}
/*The callBack of the popup*/
.customerCallBackPopup #popupTitleBar{
	border-radius: 10px 10px 0 0;
	height:92px;
     margin: -20px -20px 20px;
}
.business .customerCallBackPopup #popupTitleBar{
	background:url(../images/SiteWide/popupContactFormSprite.png) no-repeat 2px -398px;
}
.software .customerCallBackPopup #popupTitleBar{
	background:url(../images/SiteWide/popupContactFormSprite.png) 2px -298px  no-repeat;
}
.technology .customerCallBackPopup #popupTitleBar{
	background:url(../images/SiteWide/popupContactFormSprite.png) 2px -198px  no-repeat;
}
.convergence .customerCallBackPopup #popupTitleBar{
	background:url(../images/SiteWide/popupContactFormSprite.png) 2px -98px  no-repeat;
}
.internet .customerCallBackPopup #popupTitleBar{
	background:url(../images/SiteWide/popupContactFormSprite.png) 2px 2px no-repeat;
}
/*The close button of the popup*/
.business .customerCallBackPopup .popupCloseButton{
	background:url(../images/SiteWide/popupContactFormSprite.png) -935px 0 no-repeat;
	height: 25px;
    width: 25px;
	z-index:42;
}
/*The hover state of the close button of the popup*/
.business .customerCallBackPopup .popupCloseButton:hover{
	background:url(../images/SiteWide/popupContactFormSprite.png) -935px -32px no-repeat;
}
/*The close button of the popup*/
.software .customerCallBackPopup .popupCloseButton{
	background:url(../images/SiteWide/popupContactFormSprite.png) -935px -257px no-repeat;
	height: 25px;
    width: 25px;
}
/*The hover state of the close button of the popup*/
.software .customerCallBackPopup .popupCloseButton:hover{
	background:url(../images/SiteWide/popupContactFormSprite.png) -935px -290px no-repeat;
}
/*The close button of the popup*/
.technology .customerCallBackPopup .popupCloseButton{
	background:url(../images/SiteWide/popupContactFormSprite.png) -935px -192px no-repeat;
	height: 25px;
    width: 25px;
}
/*The hover state of the close button of the popup*/
.technology .customerCallBackPopup .popupCloseButton:hover{
	background:url(../images/SiteWide/popupContactFormSprite.png) -935px -224px no-repeat;
}
/*The close button of the popup*/
.convergence .customerCallBackPopup .popupCloseButton{
	background:url(../images/SiteWide/popupContactFormSprite.png) -935px -128px no-repeat;
	height: 25px;
    width: 25px;
}
/*The hover state of the close button of the popup*/
.convergence .customerCallBackPopup .popupCloseButton:hover{
	background:url(../images/SiteWide/popupContactFormSprite.png) -935px -160px no-repeat;
}
/*The close button of the popup*/
.internet .customerCallBackPopup .popupCloseButton{
	background:url(../images/SiteWide/popupContactFormSprite.png) -935px -64px no-repeat;
	height: 25px;
    width: 25px;
}
/*The hover state of the close button of the popup*/
.internet .customerCallBackPopup .popupCloseButton:hover{
	background:url(../images/SiteWide/popupContactFormSprite.png) -935px -96px no-repeat;
}


.customerCallBackPopup #popupContent > p{
	font-size: 12px;
    line-height: 18px;
	color: #202020;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}


/*The send button for the popup*/
/*
#popupForm #enquiryFormSubmitButton {
	height:25px;
	width:90px;
}
*/

/*
#popupForm #enquiryFormSubmitButton span{
	display:none;
}
*/

/*The send button for the popup*/
/*.business #popupForm #enquiryFormSubmitButton {	
	background:url(../images/SiteWide/popupContactFormSprite.png) -870px -429px no-repeat;
}*/
/*The send button for the popup*/
/*.software #popupForm #enquiryFormSubmitButton {		
	background:url(../images/SiteWide/popupContactFormSprite.png) -870px -394px no-repeat;
}*/
/*The send button for the popup*/
/*.technology #popupForm #enquiryFormSubmitButton {		
	background:url(../images/SiteWide/popupContactFormSprite.png) -770px -429px no-repeat;
}*/
/*The send button for the popup*/
/*.convergence #popupForm #enquiryFormSubmitButton {		
	background:url(../images/SiteWide/popupContactFormSprite.png) -870px -464px no-repeat;
}*/
/*The send button for the popup*/
/*.internet #popupForm #enquiryFormSubmitButton {		
	background:url(../images/SiteWide/popupContactFormSprite.png) -770px -464px no-repeat;
}*/
/*#popupForm #enquiryFormSubmitButton:hover{
	background:url(../images/SiteWide/popupContactFormSprite.png) -770px -394px no-repeat;
}*/
#popupForm.enquiryForm, #popupForm.enquiryForm fieldset {
	border:none;
}
#popupForm .enquiryForm{
	border:none;
	margin-top:15px;
}
#popupForm .enquiryForm > fieldset {
    border: medium none;
	padding:0;
	margin:0;
}
#popupForm .enquiryForm label {
	display:inline-block;
	width:80px;
	color: #202020;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 100%;
    margin: 0;
    padding: 0;
    line-height: 18px;
}
#popupForm .enquiryForm input {
    border: 1px solid #CCCCCC;
    height: 24px;
    margin: 0 0 10px;
    padding: 2px 4px;
    width: 338px;
}

#popupForm .enquiryForm textarea {
    border: 1px solid #CCCCCC;
    height: 100px;
    padding: 5px;
    width: 338px;
	max-width: 338px;
	margin-bottom:0!important;
}
.enquiryFormMessage {
	position:relative;
	top:-123px;
}
#popupForm .enquiryForm input:focus, #popupForm .enquiryForm textarea:focus {
	box-shadow: inset  0 0 3px #CCCCCC;
}
#enquiryFormNameError {
    color: #E35152;
    display: block;
    font-size: 11px;
    left: 83px;
    position: relative;
    top: -7px;
}
#popupForm .enquiryForm .sendButton{
	/*height: 25px;*/
	float:right;
	margin-top:10px;
    /*margin: 10px 0 0;
    position: relative;
    right: 19px;
    top: 0;*/
}
/*************************************** End Customer Callback ***************************************/

.schedulerPopup #popupContent {
	height: 100%;
	position: relative;
}
.callPortalPopup #popupContent {
	height: 100%;
	position: relative;
}
.callPortalPopup #popupContent.safari-mobile {
	-webkit-overflow-scrolling: touch!important;
	overflow: scroll!important;
}
.softwareUpdatesPopup #popupContent, .manageUsersPopup #popupContent {
	height: 100%;
	position: relative;
}
#schedulerFrame {
	height: 80%;
	height: 100%;
	position: absolute;
}
#callPortalFrame {
	/* height: 80%; */
	height: calc(100% - 100px);
	/* position: absolute; */
}
.callPortalPopup .callPortalNotification {
	margin: 5px;
	border: 2px solid #db651b;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.callPortalNotification .notification-close {
	float: right;
	margin: 10px 0;
	padding: 0 10px;
	border-radius: 25px;
}
.callPortalNotification.notification.close {
	bottom: -200px;
	opacity: 0;
	transition: all 1.2s;
}
	

.callPortalPopup .notificationText { 
	display: block;
}
.callPortalPopup .callPortalNotification {
	position: absolute;
	bottom: 0;
	padding: 5px;
	background-color: #ffffff;
	opacity: 1;
	transition: all 0.6s;
}
@media (min-width: 760px) {
	.callPortalPopup .callPortalNotification {
		padding: 5px 20px;
	}
}

.callPortalPopup .notificationHeading h3 {
	padding-bottom: 5px;
	color: #000000;
}
@media (max-width: 760px) {
	#callPortalFrame {
		height: calc(100% - 80px);
		padding: 0 2px;
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}
}
/*.cmsPopup {
	max-height: 90%;
	overflow: auto;
}*/
.cmsPopup table {
	width: 100%;
}

#softwareUpdatesFrame {
	height: 100%;
	position: absolute;
	border-radius: 10px;
	top: 0;
	left: 0;
}
.softwareUpdatesPopup .popupCloseButton {
    background: #cebede url(../software/images/close.png) no-repeat center center;
	border-radius: 100%;
	color: #663399;
	height: 21px;
	right: 13px;
	top: 11px;
	width: 21px;
	z-index: 10;
}
.softwareUpdatesPopup .popupCloseButton:hover, .manageUsersPopup .popupCloseButton:hover {
	background-color: #ffffff;
}
.manageUsersPopup .continueButton {
	background: transparent;
	display: block;
	position: relative;
	text-align: center;
	height: auto;
	width: auto;
}
/*************************************** Loading overlay ***********************************/
#loadingOverlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;	
	background: #FFFFFF url(../questionnaire/images/loading.gif) center center no-repeat;
}
/*************************************** Documentation Toolkit ***********************************/
.toolboxCell {
	display: block;
	position: relative;	
	width: 100%;
}
.toolboxCell.selected {
	z-index: 1;
}
.toolboxContainer {
	position: absolute;
	top: 0;
	right: 0;
}
.jsEnabled .toolboxContainer {
	top: 50%;
	right: auto;
	left: -25px;
	height: 20px;
	margin-top: -10px !important;
}
.jsEnabled .toolboxContainer.top {
	top: 0;
	margin-top: 0 !important;
}
.toolboxButton {
	position: relative;
	display: none;
	width: 20px;
	height: 20px;
	z-index: 0;
}
.toolboxButton img {
	vertical-align: middle;
}
.toolboxButton span {
	display: none;
	padding-left: 5px !important;
	vertical-align: middle;
}
.toolboxButton:hover {
	top: -3px;
	left: -11px;
	display: block !important;
	width: auto !important;
	padding: 2px 12px 2px 10px !important;
	border: 1px solid #663399;
	border-radius: 8px;
	box-shadow: 5px 5px 0 rgba(102, 51, 153, 0.4);
	-webkit-box-shadow: 5px 5px 0 rgba(102, 51, 153, 0.4);
	background-color: #FFFFFF;
	z-index: 1;
}
.toolboxButton:hover span {
	display: inline;
}
.selected .toolboxButton:hover {
	top: 0;
	left: 0;
	display: block !important;
	width: 20px !important;
	padding: 0 !important;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	background-color: transparent;
}
.selected .toolboxButton:hover span {
	display: none;
}
.jsEnabled .toolboxContainer .toolboxButton {
	display: block;
	width: 20px;
	/*height: 20px;*/
	height: 30px;
	text-decoration: none;
}
.jsEnabled .selected .toolboxButton, .toolboxButton:hover {
	z-index: 2;
}
.jsEnabled .toolboxMenu {
	position: absolute;
    top: -6px;
	left: -11px;
	display: none;
	padding: 0 0 0 40px !important;
	border: 1px solid #663399;
	border-radius: 8px;
	box-shadow: 5px 5px 0 rgba(102, 51, 153, 0.4);
	-webkit-box-shadow: 5px 5px 0 rgba(102, 51, 153, 0.4);
	background-color: #F0E6F1;
	z-index: 1;
}
.jsEnabled .toolboxMenu ul {
	height: 30px;
	line-height: 30px !important;
	margin: 0 !important;
	padding: 2px !important;
	border-left: 1px solid #663399;
	border-radius: 0 8px 8px 0;
	background-color: #FFFFFF;
	list-style-type: none !important;
	white-space: nowrap;   
	box-sizing: content-box;
}
.toolboxMenu li {
    box-sizing: content-box;
	display: inline-block!Important;
	line-height: 1em !important;
	margin: 0 !important;
	padding: 0 2px !important;
	list-style-type: none !important;
	vertical-align: middle;
    width: 20px;
}
#main-content .toolboxMenu li:before, #main-content .toolboxMenu li:after {
	display: none;
}
.toolboxMenu img {
	margin: 0;
}


/*************************************** software update popup ***********************************/

#softwareUpdatesHeader {
	padding: 2px;
	max-width:100%;	
}
#softwareUpdatesContent {
	height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 0 10px;
}
#softwareUpdatesForm {
	margin: 20px 20px 0;
	text-align: justify;	
}
#softwareUpdatesForm:after {
	content: " ";
	display: inline-block;
	width: 100%;
}
#softwareUpdatesForm .formFieldContainer {
	display: inline-block;	
}
#softwareUpdatesForm input, #softwareUpdatesForm label {
	vertical-align: middle;
}
#softwareUpdatesPrint {
	display: inline-block;
	vertical-align: middle;
}
#softwareUpdatesProceedButton {
	background-color: transparent;
	border: 0;
	color: #5B1583!important;	
	font-size: 20px!important;
	font-weight: bold!important;
	vertical-align: middle;
}
#softwareUpdatesProceedButton:hover {
	color: #FF7F03;
	cursor: pointer;
}
#softwareUpdatesProceedButton span {
	vertical-align: middle;
}
#softwareUpdatesProceedButton:after {
	background: url(../images/arrowSprite.png) 0 0 no-repeat;
	color: #DFCFF3;
	content: "";
	display: inline-block;
	height: 40px;
	margin-left: 10px;
	width: 24px;
	vertical-align: middle;
	filter: hue-rotate(90deg);
}
#softwareUpdatesProceedButton:hover:after {
	background-position: -30px 0;
}
#popupContainer.softwareUpdatesPopup, #popupContainer.manageUsersPopup {
	height: auto;	
	max-height: 100%;	
}
#popupContainer.softwareUpdatesPopup.accepted, #popupContainer.manageUsersPopup.accepted {
	height: 90%;
	/*max-height: 300px;	*/
	max-height: 320px;
}
#popupContainer.softwareUpdatesPopup.loading, #popupContainer.manageUsersPopup.loading {
	background: #FFFFFF url(../images/loading.gif) center center no-repeat;
}


/*************************************** module table ***********************************/

.pdfIcon {
	font-size: 2em;
	height: auto;
	width: auto;
	opacity: 0.6;
	transition: opacity 0.8s;
	text-decoration: none !important;
}
.pdfIcon:hover {
	opacity: 1;
}
.pdfIcon img {
	display: none !important;
}
.pdfIcon:before {
	content:"\f1c1";
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

/*To apply border radius to the header cells border-collapse must be set to seperate*/
#moduleTable {
	border-collapse: separate;
	border-spacing: 0;
}
#moduleTable th {
	padding: 10px 20px;
	border: 1px solid #C5C5C5;
	background-color: #896DA8;
	color: #ffffff;
	font-size: 30px;
	line-height:35px;
	font-weight: 400;
	font-family: "Open Sans", sans-serif;
	vertical-align: middle;
}
/*Because border-collapse is set to seperate the border must only be applied to two sides to stop them doubling up*/
.business #moduleTable tr:nth-child(even) {background-color:#f7cfb4;}
.software #moduleTable tr:nth-child(even) {background-color:#f7f2f9;}
.technology #moduleTable tr:nth-child(even) {background-color:#cce2f7;}
.convergence #moduleTable tr:nth-child(even) {background-color:#e2bcbc;}
.internet #moduleTable tr:nth-child(even){background-color:#f6fbec;}

#moduleTable td {
	padding: 20px;
	border: solid #C5C5C5;
	border-width: 0 0 1px 1px;
}
#moduleTable h2 {
	padding: 0;
	margin: 0;
	background: none;
	color: #533082;
	font-size: 1.4em;
	font-weight: bold;
}
#moduleTable p {
	margin: 12px 0 0;
}
#moduleTable thead .moduleCell {
	border-top-left-radius: 10px;
}
#moduleTable thead .pdfCell {
	border-top-right-radius: 10px;
}
.moduleCell {
	border-right: 0 !important;
}
.moreCell {
	width: 70px;
	border-left: 0 !important;
	vertical-align: bottom;
	text-align: center;
	font-size: 1.2em;
}
.pdfCell {
	width: 100px;
	border-right: 1px solid #C5C5C5 !important;
	vertical-align: middle;
	text-align: center;
}
.pdfCell .pdfIcon {
	margin: 0 auto;
}

/*************************************** end of module table ***********************************/

#main-content .platformsTable td {
	border: 1px solid #C5C5C5;
	padding: 5px;
	vertical-align: middle;
}
#main-content .platformsTable p, #main-content .platformsTable h3 {
	margin: 0;	
}
#main-content .platformsTable .center {
	text-align: center;
	vertical-align: middle;
}
.fa-check,.fa-close {
	font-size: 1.2em !important;
}
.fa-check.green {
	color: green;
}
.fa-check.blue {
	color: #08a8dc;
}
.fa-close.red {
	color: #da1111;
}


.newsHeaderContainer {
    border-bottom: 1px solid #d3d3d3;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
	padding-bottom: 10px;
    font-size: 0.9em;
	margin-bottom: 30px;
}
#main-content .newsHeaderContainer h1 {
    border: 0;
    margin: 0 1em 0 0;
	padding: 0;
    display: inline-block;
}
#main-content .newsContainer h2 {
    clear: none;
	font-size: 17px;
}
#main-content .newsHeaderContainer p {
    display: inline-block;
    font-style: italic;
    margin: 0;
}
#main-content .newsImage {
	float: right;
    margin: 0 0 10px 40px;
}
#main-content .newsImage img {
	max-width: 340px;
    border-radius: 20px;   
	border: 1px solid #cbcccd;
    margin: 0;
}
#main-content .newsFooter {
	clear: both;
	border-top: 1px solid #cbcccd;
	margin-top: 30px;
	padding-top: 20px;
	    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    float: left;
    width: 100%;
}

.getsocial {
	float: left;
	min-height: 41px;
}
.getsocial .gs-label span {
	font-weight: bold!important;
}
.business .getsocial .gs-label {color:#e77323!important;}
.software .getsocial .gs-label {color:#663399!important;}
.technology .getsocial .gs-label{color:#336699!important;}
.convergence .getsocial .gs-label{color:#990000!important;}
.internet .getsocial .gs-label{color:#5f7b27!important;}

.getsocial .gs-tw, .getsocial .gs-ld, .getsocial .gs-fb, .getsocial .gs-gp, .getsocial .gs-plus {
	 border: 0 !important;
}
#main-content .getsocial .gs-tracking i {
	color: #a8a8ab!important;
	font-size: 1.3em !important;
}
#main-content .getsocial .gs-gp i {
	font-size: 1.8em !important;
	bottom: -4px;
}
#main-content .getsocial .gs-tracking:hover {
	opacity: 1!important;
}
.business #main-content .getsocial .gs-tracking:hover i {color:#e77323!important;}
.software #main-content .getsocial .gs-tracking:hover i {color:#663399!important;}
.technology #main-content .getsocial .gs-tracking:hover i{color:#336699!important;}
.convergence #main-content .getsocial .gs-tracking:hover i{color:#990000!important;}
.internet #main-content .getsocial .gs-tracking:hover i{color:#5f7b27!important;}


/* -------- Password Change Page -------- */

.password-change-left{display:inline-block;}
.password-change-left label{width:150px;display:inline-block;}

.password-change-right{display:inline-block;vertical-align:top;}
.password-change-right .fa{font-size:18px;line-height:13px;margin-top:11px;margin-left:5px;display:none;}
.password-change-right .fa-times{color:red;}
.password-change-right .fa-check{color:green;}

.password-1-right.fail #password-1-fail,.password-1-right.pass #password-1-pass,
.password-2-right.fail #password-2-fail,.password-2-right.pass #password-2-pass{display:inline-block;}

.password-1-right.fail #password-1-pass,.password-1-right.pass #password-1-fail,
.password-2-right.fail #password-2-pass,.password-2-right.pass #password-2-fail{display:none;}


#validate-message{margin:0 0 20px;}
.validate-fail{color:red;}


/* -- ========== MOBILE & TABLET STYLES ========== -- */
@media (max-width: 991px) {
	
	#page-scroll-top{left:50%;right:auto;transform:translateX(-50%);font-size:12px;}
	
	/* -- section title -- */
	
	.section-title h2{font-size:26px;line-height:35px;}
	
	
	/* -- header -- */

	/* .header-main{width:100%;height:113px;background-image:none;position:fixed;top:0;z-index:137;-webkit-transition:height 0.27s;} */
	.header-main{width:100%;background-image:none;z-index:137;-webkit-transition:height 0.27s;}
	.header-main .container{position:relative;}
	.header-main-left span{display:none;}
	
	#header-top-links{display:none;}
	#nav-ul .header-top-link{display:block;}
	
	#header-search{float:right;}
	#header-search .input-text{height:35px;margin-left:15px;margin-top:16px;font-size:16px!important;}
	#header-search .submit{font-size:17px;float:right;margin-top:20px;margin-right:15px;width: 1em;}
	  
	#search-form{width:100%;height:0;position:fixed;left:0;display:block;opacity:0;visibility:hidden;-webkit-transition:opacity 0.27s, visibility 0.27s, height 0.27s;}
	.business #search-form{background-color:#ec8238;}
	.software #search-form{background-color:#7D46B5;}
	.technology #search-form{background-color:#467CB3;}
	.internet #search-form{background-color:#719034;}
	.convergence #search-form{background-color:#B50D0D;}
	
	.header-main.search-active #search-form{height:67px;opacity:1;visibility:visible;}
	.header-main.search-active .medium-width-container{position:static;}
	
	
	/* -- burger menu icon -- */
	
	#mobile-nav-button{width:25px;height:24px;float:right;margin-top:31px;margin-left:20px;}
	#mobile-nav-button.active span:nth-child(1),#mobile-nav-button.active span:nth-child(4){top:10px;width:0;left:50%;}
	#mobile-nav-button.active span:nth-child(2){
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#mobile-nav-button.active span:nth-child(3){
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#mobile-nav-icon{
		width: 100%;
		height: 100%;
		position: relative;
		cursor: pointer;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-ms-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	#mobile-nav-icon span{
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background-color: #ffffff;
		border-radius: 2px;
		opacity: 1;
		left: 0;
		border-radius: 2px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition: 0.25s ease-in-out;
		-ms-transition: 0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}
	#mobile-nav-icon span:nth-child(1){top:0;}
	#mobile-nav-icon span:nth-child(2),#mobile-nav-icon span:nth-child(3){top:8px;}
	#mobile-nav-icon span:nth-child(4){top:16px;}
		
		
	/* -- nav menu -- */
	
	.header-nav{margin-top:0px;width:100%;text-align:center;display:none;}
	.header-nav .container{padding:5px 20px 0;}
	#nav-menu{float:none;}
	#nav-ul li, #nav-account-links li{width:100%;float:left;margin:0;}
	#nav-ul li:last-child{margin-right:0px;}
	#nav-ul li > a,#nav-account-links li a,#home-link-text{float:none;display:block;padding:10px 0;margin-left:0;margin-right:0;text-align:left;border-bottom:1px solid #ECEBEB;}
	#nav-ul > li > a:after, #nav-ul > li > a:hover:after{display:none;}
	#nav-ul > li > a:hover, .submenu-active{color:#535353;background-color:transparent!important;bottom:none;background-image:none;}
	
	#home-nav-link{float:none;margin:0;}
	#home-nav-link .fa{display:none;}
	#home-link-text{font-size:13px;color:#535353;line-height:21px;display:inline-block;float:left;width:100%;font-weight:700;text-decoration:none;}
	
	#nav-account-links{width:100%;margin-top:40px;}
	#nav-account-links li a:after{display:none;}
	
	.header-nav::-webkit-scrollbar{display:none;}
	#nav-menu #megaMenu{display:none!important;}
	
	
	.business .corporate-nav-parent,
	.software .software-nav-parent,
	.technology .technology-nav-parent,
	.convergence .telecoms-nav-parent,
	.internet .web-nav-parent{background-color:#ffffff!important;color:#535353!important;}
	
	
	/* -- sub menu drop down -- */
	
	#nav-ul > li > ul{padding-left:20px;display:none;}
	#nav-ul > li > ul a{font-size:12px;color:#535353;line-height:19px;text-decoration:none;}
	#nav-ul > li > ul.opened{display:block;}
	#nav-ul .parent{position:relative;}
	#nav-ul .parent .sub-drop-icon{font-size:25px;position:absolute;right:0;top:10px;color:#535353;display:block;}
	
	.header-nav{position:fixed;z-index:1000;height:100%;width:250px;top:0;right:-250px;background-color:#ffffff;overflow:auto;display:block;}
	.header-nav.menu-active{right:0;border-left:1px solid #ECEBEB;}
	
	#main-content,.medium-width-container,footer{position:relative;right:0;}
	.header-nav,#main-content,.medium-width-container,footer{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
	.medium-width-container.menu-active,#main-content.menu-active,footer.menu-active{right:250px;}
	
	#callback-tab {opacity: 0.8;bottom: 0;right: 0;top: initial;transform: rotate(0);width: 100px;height: 35px;}
	#callback-tab:hover {right:0;}
	#CookieNotificationContainer #callback-tab{bottom:100%;position:absolute;		}
	#callback-tab span {font-size:12px;}
	
	
	/* -- home page -- */
	
	.featured-slide-overlay{visibility:hidden;}
	.featured-slide{width:100%;}
	.featured-left,.featured-right{left:auto;right:auto;}
	.featured-slide-content{max-width:90%;height:auto;padding:15px 30px;max-height: none;}
	.featured-slide-content .slide-content{font-size: 36px!important;line-height: 40px!important;}
	    
	.featured-slide-content .slide-heading{font-size:15px!important;margin:0 0 5px!important;}
	.featured-slide-content .slide-heading:before{font-size:20px;line-height:15px;margin-top:-2px;}
	.featured-navigation{display:none;}
	
	.home-background-content{margin:0;}
	.home-background-bottom{margin-left:0;margin-right:0;}
	.below-slideshow-col{height:auto!important;}
	.below-slideshow-centered{width:100%;padding-right:0;position:static;top:0;transform:translateY(0);}
	.below-carousel-left{padding-left:0;}
	.below-carousel-left h2{margin-bottom:5px!important;}
	.below-carousel-left p{font-size:15px!important;line-height:21px!important;}
	.below-carousel-left a{font-size:15px;line-height:16px;}
	.below-carousel-slideshow{padding:30px 0;}
	.below-slide-content p{font-size:13px;line-height:19px;}
	.below-slide .col-xlarge-7{padding-left:15px;}
	.below-prev{left:15px;}
	.below-next{right:15px;}
	
	.home-background-image{padding-top:60px;}
	.home-background-content{padding-left:0;}
	.home-background-content h2{font-size:20px!important;line-height:28px!important;margin-bottom:10px!important;}
	.home-background-content p{font-size:15px!important;line-height:21px!important;}
	
	.home-blocks-title p{font-size:15px!important;line-height:21px!important;}
	
	.area-section-block{margin-bottom:30px;}
  
  
	/* -- about page -- */
	
	.about-page-top{display:none;}
	
	
	/* -- portfolio page -- */
	
	.portfolio-item-title h3{font-size:16px!important;}
	.case-study-title{padding-bottom:12px;}
	.case-study-title h3{font-size:30px!important;line-height:34px!important;}
	.case-study-title p{font-size:16px!important;line-height:20px!important;}
	.case-study-main .primary-button{margin-bottom:30px;}
	.portfolio-hover-mobile-close{display:block!important;}
	
	.portfolio-item:hover .portfolio-hover{opacity:0!important;}
	.portfolio-item:hover .portfolio-item-title{opacity:1!important;}
	
	.portfolio-item.active-portfolio .portfolio-hover{opacity:1!important;}
	.portfolio-item.active-portfolio .portfolio-item-title{opacity:0!important;}
	
	
	/* -- contact page -- */
	
	.contact-info-block{margin-bottom:20px;}
	.contact-info-block p{font-size:16px;line-height:23px;}
	.contact-info-block .large{font-size:21px;line-height:22px;}
	#contact-form input:not(.submit),#contact-form textarea{font-size:16px;}
	.contact-note{font-size:13px;}
	
	
	/* -- FAQ pages -- */
	
	.faq-item h3{font-size:24px!important;line-height:30px!important;}
	
	
	/* -- admin maintain pages -- */
	
	.edit-news-table td{display:block;}
	 
	 
	 #popupContainer.schedulerPopup{max-width: calc(100% - 30px);}
	 /* -- call portal popup -- */
	 
	 #popupContainer.callPortalPopup{max-width: calc(100% - 30px);}
	 
	 
	 /* -- CMS popup -- */
	 
	 #popupContainer{top:15px!important;}
	 
	.cmsPopup input[type="text"]{width:100%;}
	.cmsPopup td{display:block;}
	
	.cmsPopup .cke{margin-bottom:20px;}
	
	#main-content .newsImage {
		float: none;
		margin: 20px 0 0;
	}
	#main-content .newsImage img {
		max-width: 100%;
	}
	
	/* -- 404 page -- */
	
	.page-404-main-content,.page-404-outer,.page-404-inner{width:auto;height:auto;}
	.page-404-inner{text-align:center;padding-top:30px;}
	.page-404-content{position:static;top:0;left:0;transform:translate(0,0);-webkit-transform:translate(0,0);display:inline-block;}
	.page-404-footer{position:relative;width:auto;}
	 
}


/* -- ========== TABLET ONLY ========== -- */
@media (min-width: 768px) and (max-width: 991px) {
	
	/*#main-content{padding-top:113px!important;}*/
	
	
	/*body.home-page #main-content{padding-top:113px!important;}*/
	
	
	#main-content.search-active{padding-top:180px!important; }
	
	body.home-page #main-content.search-active{padding-top:180px!important; }
	
	
	/* -- header -- */
	
	/*  header{height:113px;} */
	
	.header-main .container{width:100%;}
	.header-main.search-active{height:180px;}
	.medium-width-container{width:750px;margin:0 auto;padding:0 15px;}
	
	#search-form{top:113px;}
	#header-search .input-text{margin-left:0;}
	.search-active #header-search .input-text{width:calc(100% - 2em);}
	#header-search .submit{margin-right:0;}
	.header-nav .container{width:100%;}
	
	
	/* -- footer -- */
	
	.footer-ms-partner{max-width:150px;}
	
	
	/* -- home page -- */
	
	#below-slideshow{width:600px;}
	.below-carousel-slideshow{margin-left:0;}
	.below-slide .col-medium-3{padding-right:0;}
	.below-slide .col-medium-9{padding-left:0;}
	
	.area-section-blocks li:nth-last-child(-n+2) .area-section-block{margin-bottom:0;} 
	
	
	/* -- about page -- */
	
	#partners-slideshow .partner-slide img{max-width:20%!important;}
	
	/* -- portfolio page -- */
	
	.case-study-main{padding:26px 30px;}
	
	.tab-portfolio-clear{clear:both;}
	
	
	/* -- vmerchant page -- */
	
	.bottom-block-items .portfolio-item-title h3{font-size:14px!important;}
	
	
	/* -- 404 page -- */
	
	.page-404-header{height:115px;}
	
}


/* -- ========== MOBILE ONLY ========== -- */
@media (max-width: 767px) {
	
	#page-scroll-top{margin-top:50px;}
	
	/* -- All -- */
	
	/*
	td, th {display: block;}
	td p {margin-bottom: 5px!important;}
	*/
	
	.section-title h1,.section-title h2{font-size:23px!important;line-height:31px!important; }
	
	/*
	#main-content {
	padding-top: 94px!important; }
	body:not(.no-template) #main-content {
	padding-top: 114px!important; }
	*/
	
	/*#main-content{padding-top:114px!important;}*/
	
	
	/*#main-content{padding-top:94px!important;}*/
	
	
	/*body.home-page #main-content{padding-top:94px!important;}*/
	
	
	/*#main-content.search-active {
	padding-top: 161px!important; }*/
	
	#main-content.search-active{padding-top:161px!important; }
	
	body.home-page #main-content.search-active{padding-top:161px!important; }
	
	
	/* -- softawre logo -- */
	.software #site-logo{background-position:0 -59px;}
	
	/* -- internet logo -- */
	.internet #site-logo{background-position:0 -119px;}
	
	/* -- technology logo -- */
	.technology #site-logo{background-position:0 -178px;}
	
	/* -- telecoms logo -- */
	.convergence #site-logo{background-position:0 -237px;}
	  
	  
	.page-sidebar{margin-top:50px;}
	.sidebar-quote{padding:35px 30px 50px;}
	.sidebar-quote p{font-size:25px!important;line-height:33px!important;}
	
	#callback-popup-inner{width:90%;}
	#callback-popup-title{background-position:top right;}
	.usp-cirle{visibility: hidden;}
	
  	/* -- header -- */
  
	/* header{height:190px;} */
	.header-main{height:94px;}
	.header-main.search-active{height:161px;}
	#site-logo{width:140px;height:59px;margin-top:0px;}
	#top-links > a{margin-left:0;}
	#header-search{margin-top:11px;}
	#mobile-nav-button{margin-top:16px;}
	#top-links > a{font-size:15px;}
	#search-form{top:94px;}
	.search-active #header-search .input-text{width:calc(100% - 30px - 2em);}
	#header-search .submit{font-size:16px;margin-top:20px;}
	
	
  	/* -- footer -- */
  
	.footer-top{text-align:center;}
	.footer-links{float:none;display:inline-block;margin:4px 0;text-align:center;}
	.footer-links li{float:none;display:inline-block;}
	.footer-main{text-align:center;}
	.footer-ms-partner{max-width:100%;display:inline-block;float:none;}
	.footer-main-right{float:none;}
	.footer-contact-info{text-align:center;}
	.footer-contact-info span a{margin-left:0;display:block;}
	#footer-social{float:none;display:inline-block;margin-top:10px;}
	#footer-social li:first-child a{margin-left:0;}
	.footer-text{text-align:center;}
	.footer-text p{margin-bottom:13px;}
	.footer-text p:last-child{margin-bottom:0;}
		  
		  
  	/* -- home page -- */
  
	.featured-slide-content{border-bottom:7px solid;}
	
	.department-diagram{float:none;margin:30px auto 0;}
	
	.below-carousel-slideshow{margin:0 auto 0;}
	#below-slideshow{width:75%;}
	.below-slide-icon{margin:0 auto 20px;}
	.below-slide-content{max-width:90%;margin:0 auto;text-align:center;}
	
	.area-section-blocks li:last-child .area-section-block{margin-bottom:0;}
	.area-section-content{min-height:auto!important;}
	
	.home-info-blocks .col-xlarge-3{padding-right:15px;}
	.home-info-blocks .col-xlarge-7{padding-left:15px;}
	.home-info-block-img{margin-bottom:20px;}
	.info-block-news-link{margin-bottom:20px;display:block;}
	.home-info-block .primary-button{margin-top:0;width:auto;}
	
	
	/* -- about page -- */
	
	.microsoft-image{margin-top:30px;}
	.microsoft-image img{margin:0 auto;}
	
	#partners-slideshow{height:180px;}
	#partners-slideshow .partner-slide{height:180px;}
	#partners-slideshow .partner-slide img{max-width:36%!important;}
	
	.job-vacancy-title{padding:10px 20px 11px;}
	.job-vacancy-content{padding:20px;}
	
	
	/* -- portfolio page -- */
	
	.ws-portfolio-section{margin-top:50px;}
	.portfolio-items-row li{max-width:400px;margin:0 auto;}
	.case-study-main{padding:20px;}
	.case-study-view{margin-bottom:30px;}
	
	
	/* -- contact page -- */
	
	#contact-form-container{padding:25px;} 
	
	
	/* -- bs payroll page -- */
	
	.partner-item{margin-bottom:20px;}
	.bs-pension-logos li:last-child .partner-item{margin-bottom:0;}
	

	/* -- vmerchant index page -- */
	
	.vmerchant-text-content .primary-button{margin-bottom:20px;}
	
	.bottom-block-items li{max-width:400px;margin:0 auto;}
	
	
	/* -- login page -- */
	
	#loginContainer td{display:block;}
	#loginContainer .login-input{width:100%;}
	
	
	/* -- 404 page -- */
	
	.page-404-header{height:96px;}
	
	
	/* -- vmadmin pages -- */
	
	.user-stats-table input[type="text"]{width:100%;}
	
	.user-stats-table tr{display:block;margin-bottom:20px;}
	.user-stats-table tr:last-child{margin-bottom:0;}
	.user-stats-table td{display:block;}
	
	
	#AXISUserListTable tr,.AXISTableText tr{display:block;margin-bottom:20px;}
	#AXISUserListTable tr:last-child,.AXISTableText tr:last-child{margin-bottom:0;}
	#AXISUserListTable td,.AXISTableText td{display:block;}
	
	
	/* -- support database page -- */
	
	.support-db-table input[type="text"],.support-db-table select{width:100%;}
	.support-db-table form tr{margin-bottom:0}
	
	.support-db-table tr{display:block;margin-bottom:20px;}
	.support-db-table tr:last-child{margin-bottom:0;}
	.support-db-table td{display:block;}
	
	
	/* -- questionnaire admin table -- */
	
	.questionnaire-admin-table tr{display:block;margin-bottom:20px;}
	.questionnaire-admin-table tr:last-child{margin-bottom:0;}
	.questionnaire-admin-table td{display:block;padding-left:0;}
	
	
	/* -- callback popup -- */
	
	#popupContainer.customerCallBackPopup{width:90%;height:auto;}
	.customerCallBackPopup #popupTitleBar{height:0;background:none!important;}
	.customerCallBackPopup #popupContent{max-height:auto;}
	.customerCallBackPopup #popupContent > p{max-width:90%;}
	.enquiryFormMessage{position:static;top:0;}
	#popupForm .enquiryForm label,#popupForm .enquiryForm input,#popupForm .enquiryForm textarea{display:block;width:100%;max-width:100%;}
	#enquiryFormNameError{left:0;}

}


/* -- ========== MOBILE VERY SMALL ONLY ========== -- */
@media (max-width: 310px) {
	
	/* -- mobile side push nav -- */
	
	.header-nav{width:200px;top:0;right:-200px;}
	.medium-width-container.menu-active,#main-content.menu-active,footer.menu-active{right:200px;}
	.medium-width-container.menu-active .header-main-left{display:none;} 
	
}


/* -- ========== STRUCTURE CLASSES ========== -- */

.container {
	padding: 0 10px;
}

/* Large Desktop */
/* To bring inline with express */
@media (min-width: 1320px) {
	.container {
		padding: 0;
	}
}

@media (min-width: 992px) {
	.container {max-width: var(--global-width); width: 100%;}
	.container-express {width: var(--global-width); margin: 0 auto; padding: 0 15px;}
	.col-xlarge-1, .col-xlarge-2, .col-xlarge-3, .col-xlarge-4, .col-xlarge-5, .col-xlarge-6, .col-xlarge-7, .col-xlarge-8, .col-xlarge-9, .col-xlarge-10, .col-xlarge-11 {float: left;}
	.col-xlarge-12 {width: 100%;}
	.col-xlarge-11 {width: 91.66666666666666%;}
	.col-xlarge-10 {width: 83.33333333333334%;}
	.col-xlarge-9 {width: 75%;}
	.col-xlarge-8 {width: 66.66666666666666%;}
	.col-xlarge-7 {width: 58.333333333333336%;}
	.col-xlarge-6 {width: 50%;}
	.col-xlarge-5 {width: 41.66666666666667%;}
	.col-xlarge-4 {width: 33.33333333333333%;}
	.col-xlarge-3 {width: 25%;}
	.col-xlarge-2 {width: 16.666666666666664%;}
	.col-xlarge-1 {width: 8.333333333333332%;}
	.col-xlarge-5ths {width: 20%;float: left;}
	.hidden-xlarge {display: none !important;} 
	.col-xlarge-no-right-padding {padding-right: 0 !important;}
	.col-xlarge-no-left-padding {padding-left: 0 !important;}
}

/* Small Desktop and Tablet Landscape */
@media (min-width: 992px) and (max-width: 1099px) {
	/*.container {width: 970px;} */
	.col-large-1, .col-large-2, .col-large-3, .col-large-4, .col-large-5, .col-large-6, .col-large-7, .col-large-8, .col-large-9, .col-large-10, .col-large-11 {float: left;}
	.col-large-12 {width: 100%;}
	.col-large-11 {width: 91.66666666666666%;}
	.col-large-10 {width: 83.33333333333334%;}
	.col-large-9 {width: 75%;}
	.col-large-8 {width: 66.66666666666666%;}
	.col-large-7 {width: 58.333333333333336%;}
	.col-large-6 {width: 50%;}
	.col-large-5 {width: 41.66666666666667%;}
	.col-large-4 {width: 33.33333333333333%;}
	.col-large-3 {width: 25%;}
	.col-large-2 {width: 16.666666666666664%;}
	.col-large-1 {width: 8.333333333333332%;}
	.hidden-large {display: none !important;} 
}

/* Tablet */
@media screen and (min-width: 768px) and (max-width: 991px) {
	.container {width: 750px;}
	.col-medium-1, .col-medium-2, .col-medium-3, .col-medium-4, .col-medium-5, .col-medium-6, .col-medium-7, .col-medium-8, .col-medium-9, .col-medium-10, .col-medium-11 {float: left;}
	.col-medium-12 {width: 100%;}
	.col-medium-11 {width: 91.66666666666666%;}
	.col-medium-10 {width: 83.33333333333334%;}
	.col-medium-9 {width: 75%;}
	.col-medium-8 {width: 66.66666666666666%;}
	.col-medium-7 {width: 58.333333333333336%;}
	.col-medium-6 {width: 50%;}
	.col-medium-5 {width: 41.66666666666667%;}
	.col-medium-4 {width: 33.33333333333333%;}
	.col-medium-3 {width: 25%;}
	.col-medium-2 {width: 16.666666666666664%;}
	.col-medium-1 {width: 8.333333333333332%;}
	.hidden-medium {display: none !important;} 
	.col-medium-no-right-padding {padding-right: 0 !important;}
	.col-medium-no-left-padding {padding-left: 0 !important;}
}

/* Mobile */
@media screen and (max-width: 767px) {
	.col-small-1, .col-small-2, .col-small-3, .col-small-4, .col-small-5, .col-small-6, .col-small-7, .col-small-8, .col-small-9, .col-small-10, .col-small-11 {float: left;}
	.col-small-12 {width: 100%;}
	.col-small-11 {width: 91.66666666666666%;}
	.col-small-10 {width: 83.33333333333334%;}
	.col-small-9 {width: 75%;}
	.col-small-8 {width: 66.66666666666666%;}
	.col-small-7 {width: 58.333333333333336%;}
	.col-small-6 {width: 50%;}
	.col-small-5 {width: 41.66666666666667%;}
	.col-small-4 {width: 33.33333333333333%;}
	.col-small-3 {width: 25%;}
	.col-small-2 {width: 16.666666666666664%;}
	.col-small-1 {width: 8.333333333333332%;}
	.hidden-small {display: none !important;} 
  .hero-section-text h1{font-size: 1.5rem !important; line-height: 1.5rem !important;}
  .hero-section-text p{font-size: 0.9rem !important; line-height: 1.3rem !important;}
  .tele-b-block{height: 110vh;}
}

@media screen and (max-width: 480px) {
.tele-b-block{height: 150vh;}
}

/*
 *	Normalize CSS
 */
body,h1,h2,h3,h4,p,ul{margin:0}img,legend{border:0}h1,h2,h3,h4,legend,p,td,th,ul{padding:0}:focus,a:active,a:focus,a:hover{outline:0}body,sub,sup{position:relative}body{background-color:#fff}ul{list-style:none}html{-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}.container{margin:0 auto;}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row{margin-left:-15px;margin-right:-15px}.row:after,.row:before{content:" ";display:table}.clear,.row:after{clear:both}.clearfix:after{content:'';display:block;font-size:0;height:0;clear:both}[class*=col-]{position:relative;min-height:1px;padding:0 15px}.image{width:100%;max-width:100%;max-height:100%;display:block}

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
 /*.fa.fa-pull-left,.fa.pull-left{margin-right:.3em}.fa,.fa-stack{display:inline-block}.fa-fw,.fa-li{text-align:center}@font-face{font-family:FontAwesome;src:url(fonts/FontAwesome/fontawesome-webfont.eot?v=4.5.0);src:url(fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.5.0) format("embedded-opentype"),url(fonts/FontAwesome/fontawesome-webfont.woff2?v=4.5.0) format("woff2"),url(fonts/FontAwesome/fontawesome-webfont.woff?v=4.5.0) format("woff"),url(fonts/FontAwesome/fontawesome-webfont.ttf?v=4.5.0) format("truetype"),url(fonts/FontAwesome/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format("svg");font-weight:400;font-style:normal}.fa{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa.fa-pull-right,.fa.pull-right{margin-left:.3em}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right,.pull-right{float:right}.pull-left{float:left}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-ms-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-ms-transform:scale(1,-1);transform:scale(1,-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{position:relative;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"} */
 
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale .1s ease;-moz-transition:scale .1s ease;-ms-transition:scale .1s ease;-o-transition:scale .1s ease;transition:scale .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}

/* Added for 870721 */
.carousel:not(.owl-loaded) .below-slide {
	display: none;
}

.carousel:not(.owl-loaded) .below-slide:first-child {
	display: block;
}

.carousel-outer {
	--carousel-width-fallback: 1300;
	--carousel-height-fallback: auto;

	--slide-width: var(--carousel-width, var(--carousel-width-fallback));
	--slide-height: var(--carousel-height, var(--carousel-height-fallback));
}

.bespoke-dimensions {
	max-width: 100%;	
}

.bespoke-dimensions .carousel-slide {
	max-width: 100%;
	width: 100%;
	height: auto;
	aspect-ratio: var(--slide-width) / var(--slide-height);
}

@media (min-width: 991px) { 
	.bespoke-dimensions .carousel-slide {
		max-width: 100%;
		width: calc(var(--slide-width) * 1px); /* Add unit */
	}
}

.bespoke-dimensions div[class*="-slide-overlay"] {
	height: 100%;
}

@media (max-width: 991px) { 
	.bespoke-dimensions div[class*="-slide-content"] {
		display: none;
	}
}

.carousel-outer {
	height: auto;
}

@media (min-width: 991px) { 
	.carousel-outer {
		height: calc(var(--slide-height) * 1px); /* Add unit */
	}
}

.bespoke-dimensions + div[class*="-nav-container"] {
	width: calc(var(--slide-width) * 1px); /* Add unit */
}

.featured-navigation {
	padding: 10px;
}

/*STYLES CARRIED OVER FROM OLD SITE*/
.contentImage {
    border-radius: 12px;
    border: 1px solid #ccc;
    float: right;
    margin: 10px 0 10px 10px;
}
h2 {
	clear: both;
}
.AXISInternal{color:#F00!important;font-weight:bold!important;}
.AXISInternalText{color:#800000!important;}
.restrictedTxt,.restrictedTxt *{color:#800000!important;}

	/* --- AOB ---*/
	
.featuredImage {
	display: block;
	margin: 0 auto;
}

.featuresTable td {
	padding: 8px;
}

#footnote p {
	font-size: 12px;
}

#LogSelect td {
	padding: 8px;
}

. {
	font-size:21px!important;
	line-height:26px!important;
	font-weight:700!important;
}
.internet #main-content . {
	color:#5f7b27!important;
}

.AXISSubHheading {
	font-size:13px;
}

.AXISBodyText {
	font-size:13px;
}

.AXISBodyText td {
	font-size:13px;
}

#main-content .errorContainer {
	background-color: #CC3333;
	color: #FFFFFF;
	font-weight: bold;
	margin: 10px 0;
	padding: 10px;
}
#main-content .errorContainer ul {
	margin: 0;
	padding: 0 0 0 20px;
}
#main-content .errorContainer li {
	color: #FFFFFF;
	margin: 0;
}
#main-content .errorContainer li:after {
	display: none;
}
#main-content .errorContainer a {
	color: #FFFFFF;
}
#vmerchantSiteList a {
	vertical-align: middle;
}
#vmerchantSiteList img {
	display: inline;
	margin: 0 0 0 0.5em;
}

/*Tokens display*/
#tokenTable {
    border-collapse: collapse;
    margin: 0 0 10px;
	text-align: center;
    width: 100%;
}
#tokenTable th, #tokenTable td {
    padding: 5px;
}
#tokenTable th {
    background-color: #d2660a;
    color: #FFFFFF;
}
#tokenTable td {
	border: solid #000000;
	border-width: 0 0 1px 0;
}
.useThisCardButton, .useThisCardButton:link, .useThisCardButton:visited, .deleteThisCardButton, .deleteThisCardButton:link, .deleteThisCardButton:visited {
    border: 1px solid;
	border-radius: 5px;
    color: #FFFFFF;
    display: inline-block;
	padding: 4px;    
	transition: background-color 0.25s ease-in-out, border 0.25s ease-in-out, color 0.25s ease-in-out;
}
.useThisCardButton, .useThisCardButton:link {
    background-color: #4caf50;
    border-color: #4caf50;
}
.useThisCardButton:hover {
    color: #4caf50;
}
.deleteThisCardButton, .deleteThisCardButton:link {
    background-color: #d50015;
    border-color: #d50015;
}
.deleteThisCardButton:hover {
    color: #d50015;
}
.useThisCardButton:hover, .deleteThisCardButton:hover {
    background-color: #FFFFFF;
	text-decoration: none !important;
}
#cardTokenContainer p {
	margin: 10px 0;
}
#cardTokenContainer + #cardPaymentContainer {
	margin-top: 30px;
}
#cardPaymentContainer {
    border: 0;
    padding: 0;
}
#cardPaymentContainer input[type=checkbox], #statementContainer input[type=checkbox] {
    height: auto;
    margin: 0 !important;
}

/**********************************************************************************/
/******************************* Statement of Account *****************************/
/**********************************************************************************/
.directDebit:before {
	display: inline-block;
    font-size: 24px;
    overflow: hidden;
    text-align: center;
	vertical-align: middle;
}
.directDebit:before {
	background-color: #FFFFFF;
	color: #000000;
	content: "\E859";
	display: block;
	font-family: axisfirst;
	font-weight: 400;
}
.pdf {
	display: inline-block;
    font-size: 19px;
    overflow: hidden;
    text-align: center;
	vertical-align: middle;
}
.pdf:before {
	background-color: #FFFFFF;
	color: #d2660a;
	content: "\f1c1";
	display: block;
	font-family: FontAwesome;
	font-weight: 400;
	height: 100%;
	width: 100%;
}
#statement h1 {
	margin-bottom: 20px;
}
#statement form {
	max-width: none;
}
#statement form input[type=submit] {
	width: 100%;
}
#statementDirections {
	font-size: 15px;
}

th.debit, td.debit, th.credit, td.credit, th.balance, td.balance {
	text-align: right;
}

.statementPaidIcon {
	display: inline-block;
	text-align: center;
	width: 18px;
}
.statementPaidIcon:before {
	color: #d2660a;
	content: "\f00c";
	font-family: FontAwesome;
}
.statementTable {
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}
.statementTable th, .statementTable td {
	padding: 8px;
}
.statementTable th {
	background-color: #FFFFFF;
	border: solid #D2D2D2;
	border-width: 0 0 1px;	
	color: #d2660a;
	font-size: 15px;
	font-weight: 700;
	padding: 18px 8px;
}
.statementTable td {
	font-size: 14px;
	line-height: 24px;
}
.statementTable tbody tr:first-child td {
	border-top: 20px solid #FFFFFF;
} 
.statementTable tbody tr:nth-child(odd) td {
	background-color: #F4F4F4;
}
.statementTable tbody tr:last-child td {
	border-bottom: 20px solid #FFFFFF;
} 
.statementTable tfoot td {
	background-color: #FFFFFF;
	border-top: 1px solid #D2D2D2;
	color: #d2660a;
	font-size: 15px;
	font-weight: 700;
	padding: 18px 8px;
}
@media (max-width: 992px) {
	.desktopOnly, .show-for-large {
		display: none;
	}
}
@media (min-width: 992px) {
	.mobileOnly {
		display: none;
	}
	.statementTable {
		margin-top: 50px;
	}
	.statementTable tfoot td:first-child {
		text-align: right;
	}
	.statementTable tfoot td:last-child {
		padding-right: 30px;
	}
	.statementTable .transaction {
		width: 14%;
	}
	.statementTable .transaction .pdf {
		float: right;
	}
	.statementTable .directDebit:before {
		float: right;
	}
	.statementTable .balance {
		padding-right: 30px;
		width: 10%;
	}
}
@media (max-width: 991px) {
	.statementTable {
		margin-top: 30px;
	}
	.statementTable thead {
		display: none;
	}
	.statementTable tbody {
		display: flex;
		flex-direction: column;
	}
	.statementTable tbody tr {
		display: flex;
		flex-direction: column;
		padding: 15px;
		position: relative;
	}
	.statementTable tbody tr:nth-child(odd) {
		background-color: #F4F4F4;	
	}
	.statementTable tbody tr td {
		border: 0;
		display: flex;
		padding: 2px;
	}
	.statementTable tbody tr:first-child td {
		border: 0;
	}
	.statementTable tbody tr:last-child td {
		border: 0;
	}
	.statementTable tbody tr td div:not(.uniformCheckbox):not(.statementPaidIcon) {
		color: #d2660a;
		flex: 0 1 30%;
		font-weight: 700;
	}
	.statementTable tbody tr td div:not(.uniformCheckbox):not(.statementPaidIcon):after {
		content: ":";	
	}
	.statementTable .transaction .pdf {
		font-size: 45px;
    	line-height: 45px;
		position: absolute;
		right: 10px;
		top: 20px;
	}
	.statementTable .directDebit:before {
		font-size: 40px;
    	line-height: 40px;
		position: absolute;
		right: 10px;
		top: 80px;
	}
	.statementTable tfoot {
		display: flex;
		flex-direction: column;
	}
	.statementTable tfoot tr {
		display: flex;
	}
	.statementTable tfoot tr td {
		background-color: #FFFFFF;
		flex: 1;
		font-size: 17px;
		font-weight: 700;
		padding: 20px 17px;
	}
	.statementTable tfoot tr td:first-child {
		flex: 0 1 calc(30% - 30px);
	}
	.statementTable tfoot tr td:last-child {
		padding-left: 2px;
	}
}

#cardDetailsContainer {
	z-index: 1;
}

.hide {
	display: none;	
}



#featureForm {
	background-color: #e9f7cc;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 28px 10px;
}
#featureForm legend {
    background-color: #5e7b19;
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    margin: -28px -10px 0;
    padding: 10px;
}
#featureForm div {
	margin: 12px 0;
}

#featureForm label, #featureForm input {
    vertical-align: middle;
}
#featureForm input[type=text] {
	margin: 0 !important;
	width: 100%;
}
#featureForm input[type=radio] {
	display: inline-block;
	margin: 0 !important;
	height: auto;
}
#featureForm input[type=submit] {
	display: block;
    margin: 40px 0 0 !important;
	width: 100%;
}
#featureForm #customerLabel, #featureForm #captchaLabel {
	display: block;
	line-height: normal;
}
#featureForm #captchaLabel {
	margin-top: 30px;
}
#featureForm #captchaImage {
	display: block !important;
	margin: 20px 0 !important;
}
#featureForm #captcha {
	width: auto;
}
#featureFormImage {
	margin: 0 auto;
}
.notificationContainer {
	background-color: #5e7b19;
	padding: 10px;
}
#main-content .notificationContainer ul {
	margin: 0;
}
#main-content .notificationContainer li {
	color: #FFFFFF;
	line-height: normal;
	margin: 0;
}
#main-content .notificationContainer li:after {
	display: none;
}
#terms, .confirmationContainer {
    background: #e9f7cc;
	margin: 10px 0;
    padding: 10px;
}
#terms p:last-child, #main-content .confirmationContainer p:last-child {
    margin: 0;
}

/*Defined in the context of the mailing list form to make sure the styles don't effect other areas that may be using the formField classes*/
#mailingListForm .formFieldContainer {
	margin: 10px 0;
}
#mailingListForm .formFieldContainer div {
	margin: 0 auto;
	padding: 5px;
	/*Position is required to stop the disappearing text bug in IE7*/
	position: relative;
	vertical-align: middle;
	max-width: 430px;
}
#mailingListForm .formFieldLarge label {
	display: inline-block;
	font-weight: bold;
	vertical-align: middle;
	width: 35%;
}
#mailingListForm .formFieldLarge input, #mailingListForm .formFieldLarge select {
	width: 50%;
}
#mailingListForm .formFieldLarge button {
	margin-left: 35%;
}
/*Site Search*/
.ss360-layer-content h2 {
  border-bottom: 1px solid #d3d3d3;
  padding: 0.8rem 0 !important;
}

.ss360-suggests {
  padding: .8rem 0;
  font-weight: 300;
}

#unibox-suggest-box a {
  color: #000000 !important;
}

#ss360-layer .ss360-layer-content a {
  font-weight: 300;
}
/*#reCaptchaContainer {
	display: flex;
    justify-content: center;
    margin: 15px 0;
}*/
#reCaptchaContainer {
	margin-bottom: 15px;
}
@media (min-width: 990px) {
	.captcha-container, .form-button-container {
		margin-left: 155px;
	}
}

/*Defined in the context of the subscriptions form to make sure the styles don't effect other areas that may be using the formField classes*/
#subscriptionsForm .formFieldContainer {
	margin: 10px 0;
}
#subscriptionsForm .formFieldContainer div:not(.blockUI) {
	margin: 0 auto;
	padding: 5px;
	/*Position is required to stop the disappearing text bug in IE7*/
	position: relative;
	vertical-align: middle;
	max-width: 430px;
}
#subscriptionsForm .formFieldLarge label {
	display: inline-block;
	vertical-align: middle;
	width: 35%;
}
#subscriptionsForm .formFieldLarge input, #subscriptionsForm .formFieldLarge select {
	width: 50%;
}
#subscriptionsForm .formFieldLarge button {
	margin-left: 35%;
}
#subscriptionsForm legend {
	color: #e77323;
	font-size: 20px;
    line-height: 34px;
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 5px;
    margin-bottom: 20px;
    margin-top: 0;
    font-weight: 600;
    letter-spacing: -0.5px;
}
#subscriptionsForm input[type=checkbox] {
     height: auto;
     margin-bottom: 0!important;
}
#subscriptionsForm .formFieldCheckbox {
     display: flex;
	 align-items: center;
}
#subscriptionsForm .formFieldCheckbox label {
     order: 1;
	 margin: 0 0 0 1em;
}
.historyTableToggle {
	border: solid transparent;
	border-width: 10px 5px 0 5px;
	border-top-color: #000000;
	display: block;
    font-size: 0;
    height: 0;
    width: 0;
	transition: transform 1s;
	cursor: pointer;
}
.historyTableToggle.closed {
	transform: rotate(-90deg);
}
.historyTable {
	border: 1px solid #d3d3d3;
}
.historyTable th, .historyTable td {
	border-color: #d3d3d3;
	padding: 5px;
	font-weight: 400;
}
.historyTable .editCMSLink, .historyTable .makeCurrentLink, .historyTable .viewTextArchiveLink {
	text-decoration: none;
	color: #5f7b27;
	font-weight: 700;
}
.historyTable .editCMSLink:hover, .historyTable .makeCurrentLink:hover, .historyTable .viewTextArchiveLink:hover {
	text-decoration: underline;
}
.buttonCell {
	padding-top: 20px;
}
.buttonCell input {
	margin-bottom: 0 !important;
}

#headerNotification {
	display: flex;
	justify-content: center;
	padding: 10px 0;
	background-color: #a9459b;
}
#headerNotification a {
	position: relative;
	margin: 0 10px;
	padding: 0 35px;
	color: #ffffff;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
}
#headerNotification a:before, #headerNotification a:after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	display: block;
	background-image: url(../images/icons/virus-solid.svg);
	background-repeat: no-repeat;
}
#headerNotification a:before {
	left: 0;
}
#headerNotification a:after {
	right: 0;
}
#headerNotification a:hover {
	text-decoration: underline;
}
@media (max-width: 992px) {
	#headerNotification {
		/* margin-top: 94px; */
		border-top: 1px solid #ffffff;
	}
	
	#headerNotification a {
		font-size: 16px;
	}
}

@media (min-width: 990px) {
	.design-hero-banner.animated {
		position: relative;
		top: -33px;
		overflow: hidden;
	}
}
/** Not ideal but just working with what I got, ideally the header needs to be rebuild to support responsive sticky **/
@media (max-width: 800px) {
	.design-hero-banner { 
		margin-top: 2vh;
	}
}
@media (max-width: 600px) {
	.design-hero-banner { 
		margin-top: 5vh;
	}
}
@media (max-width: 400px) {
	.design-hero-banner { 
		margin-top: 10vh;
	}
}
.design-hero-banner { 
	max-width: 100%;
}
.design-hero-banner .container {
	margin: 0 auto;
	padding: 0;
}

.design-hero-banner img {
	margin: 0 auto!Important;
}

#design-page-into {
	padding: 35px 0;
	text-align: center;
}

#design-page-into p {
	max-width: 90%;
	margin: auto;
	padding: 0 0 20px;
}	

.digital-design {
	background-color: #def3b3;
}
.digital-design ul, .print-design ul {
	padding: 0!Important;
}
.digital-design .row > li:before, .print-design .row > li:before {
	display: none!Important;
	
}
.digital-design .service-block li, .print-design .service-block li {
	display: table-row;
}

.digital-design .service-block li:before, .print-design .service-block li:before {
	color: #b5ea4c;
	padding: 0 5px 0 0;
	font-size: 26px!Important;
	display: table-cell;
}

.digital-design .primary-button, .print-design .primary-button {
	background-color: #d1f587!Important;
	color: #617d2a !Important;
}

.print-design {
	background-color: #43552d;
}


.print-design h2 {
	color: #d1f587!Important;
}

.print-design p {
	color: #FFFFFF!Important;
}

@media (min-width: 990px) {
	.maximise-budgets-image-background .container {
		background-image: url('/media/cms/web/designillustration.png');
		background-repeat: no-repeat;
		background-position: top right;
	}
	.maximise-budgets-image-background .container div {
		max-width: 50%;
	}
}

.maximise-budgets-image-background .row {
	margin: 0!Important;
}



.maximise-budgets-image-background .container  h2 {
	margin-bottom: 25px!Important;
}

.maximise-budgets-image-background .container  p {
		font-size: 18px!Important;
}

.maximise-budgets-image-background .container .call-us {
	display: block;
	padding: 45px 0 125px!Important;
}

#main-content .blocks-title h2 {
	padding: 0 0 45px;
	font-weight: 300;
	font-size: 54px;
	text-align: center;
	line-height: 1;
}

#main-content .blocks-title p {
	max-width: 90%;
	margin: auto;
	font-size: 18px;
	text-align: center;
}
#main-content .blocks-title {
	padding: 65px 0 70px;
}
h2.preset-2 {
	border-bottom: 1px solid #D3D3D3;
	margin: 0 0 26px;
	padding: 0 0 14px!Important;
	font-size: 30px!Important;
	font-weight: 600!Important;
	letter-spacing: -0.5px;
}

.design-contact-us {
	padding: 20px 0 0;
}

.design-contact-us h2 {
	margin: 0 0 20px!Important;
}

.design-contact-us .container > p {
	margin: 0 0 60px!Important;
	font-size: 18px!Important;
}

.dots-background {
	position: relative;
}
.dots-background .container {
	position: relative;
	z-index: 20;
}
@media (min-width: 990px) {
	.dots-background::before {
		content: '';
		width: 23vw;
		height: 61vh;
		position: absolute;
		background-image: url(../../media/cms/web/dots.svg);
		background-position: top left;
		background-size: contain;
		background-repeat: no-repeat;
		opacity: 0.4;
		z-index: 1;
	}
}

/* ----- Site list ----- */
/* --- Grid System ---*/
.list-container ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
	list-style: none;
}
#main-content .list-container ul li:before {
	content: '';
}
.list-container ul li {
	max-width: calc(50% - 10px);
	width: 100%;
	position: relative;
	/*margin: 5px;*/
	margin-bottom: 0!Important;
}
@media (min-width: 991px) {
	.list-container ul li {
		max-width: 150px;
	}
}
/*
Trading this method to using gap property.
.list-container ul {
	margin: 0 -5px;
}
@media (min-width: 991px) {
	.list-container ul {
		margin: 0 -10px;
	} 
}
*/

.list-container ul li > a{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: flex-start;
	padding: 40px 5px;
	text-align: center;
	text-decoration: none!important;
	font-size: 0.875rem;
	font-weight: 700!important;
	background-color: #f3f3f3;
	color: #d56523!important;
	border-radius: 5px;
}
.list-container ul li > a:hover span {
	text-decoration: underline;
}

.list-container.preset-3 ul li > a{
	color: #5f7a30!important;
}

.list-container ul li.staging-site > a {
	background-color: #f1f8e4;
}
#main-content .list-container h2 {
	margin-bottom: 30px;
	padding-bottom: 6px;
	font-size: 1.313rem;
	font-weight: 700;
	border-bottom: 1px solid #d3d3d3;
}

.list-container.preset-2 a, .list-container.preset-2 p, .list-container.preset-2 h2 {
	color: #663399 !important;
}

.list-container.preset-3 , .list-container.preset-3 p, .list-container.preset-3 h2 {
	color: #5f7a30!important;
}

.item-heading {
	font-weight: 700;
}
.item-subheading {
	color: #3d3d3d;
	font-weight: 600;
	font-style: italic;
}
.list-container ul li a:hover {
	color: #000000!important;
	background-color: #FFFFFF;
	box-shadow: 2px -3px 20px 4px rgba(12, 12, 13, 0.1);
	transition: all .6s;
}
@font-face {
    font-family: 'fontello';
    src: url('/fonts/fontello/font/fontello.eot') format('embedded-opentype'),
         url('/fonts/fontello/font/fontello.svg') format('svg'),
         url('/fonts/fontello/font/fontello.ttf') format('truetype'),
         url('/fonts/fontello/font/fontello.woff') format('woff'),
         url('/fonts/fontello/font/fontello.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

.list-container .site-list-icon {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.list-container.sign-in .site-list-icon  {
color: 	#444444 !Important;
}

.list-container .site-list-icon:not(.express):before {
	content: '';
	width: 90px;
	height: 70px;
	display: block;
	margin: 0 auto;
	font-family: 'fontello';
	font-size: 50px;
	font-weight: 400;
	line-height: 1.5;
	color: red;
	background: -webkit-gradient(linear, left top, left bottom, from(#f7a51b), to(#d66723));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.list-container.preset-2 .site-list-icon:not(.express):before {
	background: -webkit-gradient(linear, left top, left bottom, from(#b47bf3), to(#69369c));
	-webkit-background-clip: text;
}

.list-container.preset-3 .site-list-icon:not(.express):before {
	background: -webkit-gradient(linear, left top, left bottom, from(#8dae23), to(#607b30));
	-webkit-background-clip: text;
}

.staging-site .site-list-icon:before {
	opacity: .3;
	transition: opacity 0.4s;
}

.staging-site .site-list-icon:hover:before {
		opacity: 1;
		transition: opacity 0.6s;
}

.staging-site .site-list-icon:before {
	color: #444444;
}

.staging-site .logo-container img {
	filter: grayscale(100%);
	opacity: .3;
	transition: opacity 0.4s;
}

.logo-container img {
	max-height: 100%;
	margin: auto;
}

.staging-site .site-list-icon:hover .logo-container img {
		opacity: 1;
		transition: opacity 0.6s;
}


.list-container .site-list-icon .logo-container {
	width: 85px;
	height: 45px;
	display: block;
	margin: 12px auto;
}

.list-container .site-list-icon.change-password:before {
	content: '\E814';
	font-size: 14px;
	line-height: 5;
}
.list-container .site-list-icon.change-details:before {
	content: '\E800';
}
.list-container .site-list-icon.change-contact-preferences:before {
	content: '\E801';
}
.list-container .site-list-icon.manage-users:before {
	content: '\E809';
}
.list-container .site-list-icon.callportal:before {
	content: '\E810';
}
.list-container .site-list-icon.scheduler:before {
	content: '\E80F';
}
.list-container .site-list-icon.documentation:before {
	content: '\E811';
}
.list-container .site-list-icon.statement:before {
	content: '\E803';
}
.list-container .site-list-icon.software-development-logs:before {
	content: '\f121';
	font-family: 'fontAwesome';
}
.list-container .site-list-icon.software-download:before {
	content: '\E80E';
}
.list-container .site-list-icon.website:not(.express):before {
	content: '\E80D';
}
.list-container .site-list-icon.administrator-function:before {
	content: '\f013';
	font-family: 'fontAwesome';
}
.list-container .site-list-icon.start-work:before {
	content: '\E83F';
}
.list-container .site-list-icon.stop-work:before {
	content: '\E840';
}
.list-container .site-list-icon.start-lunch:before {
	content: '\E83D';
}
.list-container .site-list-icon.stop-lunch:before {
	content: '\E83E';
}
.list-container .site-list-icon.arriving-location:before {
	content: '\E83B';
}
.list-container .site-list-icon.leaving-location:before {
	content: '\E83C';
}

.site-edit-button-container {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid transparent;
	border-radius: 5px;
	transition: border-color 0.4s;
}
.site-edit-button-container:hover {
	border-color: #c0c0c0;
	transition: border-color 0.6s;
}
.site-edit-button:hover:before {
	text-decoration: none;
}

.site-edit-button:before {
	content: '\f013';
	width: 100%;
	height: 100%;
	font-family: 'FontAwesome';
	font-size: 22px;
	color: #c0c0c0;
	transition: color 0.4s;
}

.site-edit-button:hover:before {
	color: #5f7a30;
	transition: color 0.6s;
}

.site-edit-button:active:before {
	color: #e77323;
	transition: color 0.6s;
}
/* Hacky i know.... */
#pDelTradecopy {
	width: fit-content;
	display: block;
	margin-left: 30px;
	padding: 20px;
}

.AXISTableText .AXISSubHeading {
	padding-bottom: 20px;
	font-size: 1.2rem;
	font-weight: 700;
}

.radius-image {
	border-radius: 15px;
}

.radio-field-container {
	width: 100%;
	display: flex;
}

@media (max-width: 990px) {
	.radio-field-container {
		margin-bottom: 10px;
	}
}

.radio-field-container input[type="radio"] {
	width: 0;
	height: 0;
	display: block;
	visibility: hidden;
	margin-bottom: 0 !important;
}

.radio-field-container label {
	width: 100%;
	display: flex;
}

.radio-field-selector-details {
	width: 100%;
	position: relative;
	display: flex;
	align-items: baseline;
	flex-direction: column;
	padding: 20px;
	border: 1px solid #cccccc;
	cursor: pointer;
	transition: box-shadow .8s;
}

.radio-field-selector-details:before {
	content: '\f00c';
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-family: fontawesome;
	font-size: 18px;
	color: #349d40;
	opacity: 0;
	transition: opacity .8s;
}

.radio-field-selector-details:hover:before, .radio-field-selector-details:active:before {
	opacity: 1;
	transition: opacity .6s;
}

.radio-field-selector-details:hover {
	box-shadow: 0px 2px 4px 1px rgba(12, 12, 13, 0.3);
	transition: box-shadow .6s;
}

.radio-field-container input[type="radio"]:checked + .radio-field-selector-details, .radio-field-selector-details:active {
	border-color: #e77323;
	transition: border-color .6s;
}

/* Fudging in flexbox compatibility */
.row.flex-box {
	display: flex;
	flex-wrap: wrap;
}
@media (min-width: 768) {
	.row.flex-box {
		flex-direction: column;
	}
}
@media (min-width: 991px) {
	.row.flex-box {
		flex-direction: row;
	}
}

.row.flex-box div[class*="col-"] {
	display: flex;
}
.row.flex-box div[class*="col-"].align-center {
	margin-right: auto;
	margin-left: auto;
}

@media (min-width: 991px) {
	.row.flex-box [class*="col-"] {
		margin-bottom: 15px;
	}
}

/* ----- AJAX block ----- */
.callbackContainer {
  width: 100%;
  min-height: 300px;
  position: relative;
}

.callbackListContainer {
  position: relative;
}
/* --- Spinner --- */

.AJAXBlock {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-color: rgba(204, 204, 204, .6);
  cursor: no-drop;
  z-index: 10000;
}
.AJAXBlock .spinner {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transform: rotate(-45deg);
 }
 .AJAXBlock .spinner:before {
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: block;
    border: 4px solid rgba(255,255,255, .2);
    border-top: 4px solid #ffffff;
    border-radius: 50%;
    transition: all .2s ease 0s;
    animation: spin .7s cubic-bezier(0.560, 0.110, 0.220, 0.865) 0s infinite;
    z-index: 1;
 }
/* animation keyframes */
@keyframes spin {
    from  { transform: rotate(45deg); }
    to    { transform: rotate(405deg); }
}

/* Guetto responsive table based on the functionality in Express */
.responsive-table {
	width: 100%;
}

.responsive-table tbody tr {
	display: flex;
	flex-direction: column;
}
@media (min-width: 991px) {
	.responsive-table tbody tr{
		display: table-row;
	}
}
.responsive-table thead {
	display: none;
}
@media (min-width: 991px) {
	.responsive-table thead {
		display: table-header-group;
	}
}
.responsive-table .col-label {
	width: 100%;
	display: block;
	padding: 0;
	font-weight: 700;
	font-size: 0.813rem;
}
@media (min-width: 991px) {
	.responsive-table .col-label {
		display: none;
	}
}
/* Sign in pages */
@media (min-width: 991px) {
	.sign-in-table .employee-col {
		width: 60%;
	}
}
@media (min-width: 991px) {
	.sign-in-status-table .employee-col {
		width: 33%;
	}
	.sign-in-status-table .location-col {
		width: 33%;
	}
	.sign-in-status-table .updated-col {
		width: 33%;
	}
}
.cell-container {
	width: 100%;
	margin: 15px 0;
	padding: 15px;
	border-radius: 7px;
	border: 1px solid #cccccc;
	transition: border-color 0.4s;
}
.cell-container:hover {
	border-color: #444444;
	transition: border-color 0.6s;
}

.cell-container.sign-in h3 {
	margin: 0 0 15px;
	/* fighting with general styles here */
	padding: 0 0 5px !Important;
}
@media (min-width: 991px) {
	table.preset-1 td, table.preset-1 th {
		padding: 5px;
	}
}
table.preset-1 thead tr {
	border-bottom: 1px solid #cccccc;
}
table.preset-1 thead:after {
	content: '';
	display: block;
	margin: 5px;
}
table.preset-1 thead th {
	padding-bottom: 7.5px;
}
table.row-seperator-rule tbody tr:not(:last-child) {
	border-bottom: 1px solid #e1e1e1;
}
table.row-seperator-rule tbody tr {
	padding: 5px 0;
}
table.preset-1 p {
	margin: 0 !Important;
}
table.preset-1 {
	margin: 0;
}
table.empty-table tbody tr td {
	font-style: italic;
	font-weight: 600;
	font-size: 0.813rem;
}
/* Not the best solution but the other option but other options require a lot of work */
.list-container.sign-in ul {
	gap: 12px;
}

/* Sign in / out form ( can also be used for generic form styles ) */
form.user-prompt-form {
	width: 100%;
	border: 1px solid #cccccc;
	border-radius: 7px;
}
form.user-prompt-form fieldset {
	display: flex;
	flex-direction: column;
	margin: 0;
	padding: 0;
	border: none;
}
form.user-prompt-form .field {
	max-width: 540px;
	width: 100%;
	display: flex;
	margin: auto !Important;
	padding: 0 20px !Important;
}
form.user-prompt-form .field + p {
	padding-top: 20px;
}
form.user-prompt-form h3 {
	max-width: 540px;
	width: 100%;
	display: flex;
	margin: 0 auto 10px !Important;
	padding: 0 20px !Important;
}
form.user-prompt-form p {
	max-width: 540px;
	width: 100%;
	display: flex;
	margin: auto !Important;
	padding: 0 20px;
	font-weight: 600 !Important;
}
form.user-prompt-form .field label {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 7px 0;
}
form.user-prompt-form .field input[type=submit] {
	margin: 15px auto;
}
form.user-prompt-form h2 {
	padding: 10px!important;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	background-color: #e77323;
	color: #ffffff !Important;
}
form.user-prompt-form h3 {
	
	color: #e77323 !Important;
}
label .form-label {
	width: 100%;
	display: inline-block;
}
@media (min-width: 991px) {
	label .form-label {
		width: 160px;
	}
}
@media (max-width: 990px) {
	.control.checkbox input {
		width: 20px;
		height: 20px;
	}
}
.control.radio .form-label {
	max-width: 80%;
}
.control.radio input {
	margin-left: auto;
	transform: scale(1.2);
}
.control.text input {
	width: 100%;
}
@media (min-width: 991px) {
	.control.text input {
		width: auto;
		flex-grow: 1;
	}	
}
.control .input-additional-text {
	margin-right: 10px;
	font-size: 0.875rem;
	font-style: italic;
}
.control input {
	height: 35px;
	margin-bottom: 0 !Important;
}
.control textarea {
	width: 100%;
	/* Shrink to fit available space after label has been defined. */
	flex: 1;
	margin-bottom: 0 !Important;
}
.control select {
	width: 100%;
}
@media (min-width: 991px) {
	.control select {
		width: unset;
	}
}
.required-prompt {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin-bottom: 10px;
	padding-right: 10px;
	font-size: 0.75rem;
	font-style: italic;
}

/* Questionnaire Sections */
.questionnaire-section-container {
	display: flex;
	flex-direction: column;
}
.questionnaire-heading-container {
	margin: 0 0 20px;
}
/* List */
/* Override default styling... */
#main-content .questionnaire-breadcrumb-container ul {
	margin: 0;
}
.questionnaire-breadcrumb-container {
	margin: 0 0 20px;
}
.questionnaire-breadcrumb-container ul {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	gap: 10px 0;
	list-style: none;
}
@media (min-width: 991px) {
	.questionnaire-breadcrumb-container ul {
		flex-direction: row;
	}
}
/* List Items */
/* Override default styling... */
#main-content .questionnaire-breadcrumb-container ul li:before {
	content: '';
}
/* Override default styling... */
#main-content .questionnaire-breadcrumb-container ul li:not(:last-child):after {
	content: '';
}
#main-content .questionnaire-breadcrumb-container ul li:not(:last-child):after {
	content: '\f054';
	display: inline-block;
	margin: auto 10px;
	color: #b4b4b4;
	font-size: 12px;
	font-family: fontawesome;
	line-height: normal;
}
#main-content .questionnaire-breadcrumb-container ul li {
	display: flex;
	margin: 0;
	line-height: normal;
	
}
.questionnaire-breadcrumb-container li span {
	padding: 8px 10px;
	font-size: 0.875rem;
	font-weight: 700;
	color: #bcbcbc;
	background-color: var(--primary-colour-9, #f3f3f3);
	border: 1px solid #bcbcbc;
	border-radius: 10px;
	white-space: nowrap;
}
.questionnaire-breadcrumb-container li.active span {
	color: #ffffff;
	background-color: var(--primary-colour-1, #dbdada);
	border-color: var(--primary-colour-0, #bcbcbc);
}
.questionnaire-breadcrumb-container li.complete span {
	color: var(--primary-colour-0, #bcbcbc);
	background-color: #ffffff;
}
.questionnaire-breadcrumb-container li.complete span:after {
	content: '\f00c';
	margin-left: 10px;
	color: #d07020;
	font-size: 16px;
	font-family: fontawesome;
}

.questionnaire-section-heading-container {
	margin: 0 0 15px;
	border-bottom: 1px solid #d3d3d3;
}
.questionnaire-section-content-container {
	--questionnaire-label-desktop-width: 280px;
	margin: 15px 0 0;
}
.questionnaire-section-content-container form fieldset {
	display: flex;
	flex-direction: column;
	gap: 15px 0;
	margin: 0;
	padding: 0;
	border: 0;
}
.questionnaire-section-content-container form label {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0;
}
@media (min-width: 991px) {
	.questionnaire-section-content-container form label {
		flex-direction: row;
		align-items: center;
	}
}
.questionnaire-section-content-container form label .label {
	width: 100%;
}
@media (min-width: 991px) {
	.questionnaire-section-content-container form label .label {
		width: var(--questionnaire-label-desktop-width);
		display: inline-block;
	}
}
/* Override default styling... */
.questionnaire-section-content-container select {
	margin: 0 !Important;
}
.questionnaire-section-content-container .rating-radio-button-group {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px;
	background-color: var(--primary-colour-9, #f3f3f3);
	border-radius: 10px;
}
@media (min-width: 991px) {
	.questionnaire-section-content-container .rating-radio-button-group {
		flex-direction: row;
		gap: 0;
		margin: 0 0 25px var(--questionnaire-label-desktop-width);
	}
}
.questionnaire-section-content-container .rating-radio-button-group label {
	display: flex;
	flex-direction: row;
	gap: 10px;
}
@media (min-width: 991px) {
	.questionnaire-section-content-container .rating-radio-button-group label {
		width: calc(100% / 5);
		flex-direction: column;
		align-items: center;
		gap: 0;
		font-size: 0.875rem;
		cursor: pointer;
	}
}
.questionnaire-section-content-container .rating-radio-button-group label .label {
	width: auto;
	transition: font-weight .25s;
}
.questionnaire-section-content-container .rating-radio-button-group label input {
	width: 0;
	height: 0;
	visibility: hidden;
}
.questionnaire-section-content-container .rating-radio-button-group label input:checked ~ .rating-icon {
	opacity: .3;
	transition: opacity .25s;
}
.questionnaire-section-content-container .rating-radio-button-group label input:checked ~ .label, .questionnaire-section-content-container .rating-radio-button-group label:hover .label  {
	font-weight: 600;
	transition: font-weight .25s;
}
.rating-radio-button-group .rating-icon {
	width: 30px;
	height: 30px;
	display: block;
	background-repeat: no-repeat;
	transition: opacity .25s;
}
.rating-radio-button-group .rating-icon.very-bad {
	background-image: url("/images/rating/rating-very-bad.svg");
}
.rating-radio-button-group .rating-icon.bad {
	background-image: url("/images/rating/rating-bad.svg");
}
.rating-radio-button-group .rating-icon.average {
	background-image: url("/images/rating/rating-average.svg");
}
.rating-radio-button-group .rating-icon.good {
	background-image: url("/images/rating/rating-good.svg");
}
.rating-radio-button-group .rating-icon.very-good {
	background-image: url("/images/rating/rating-very-good.svg");
}
.questionnaire-section-container .buttons-container {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin: 35px 0 50px;
}
@media (min-width: 991px) {
	.questionnaire-section-container .buttons-container {
		flex-direction: row;
	}
}


/** Callouts **/
.callout {
	position: relative;
    margin: 0 0 1rem 0;
    padding: 1rem;
    border: 1px solid transparent;
    border-radius: 0;
    background-color: white;
    color: #000000;
}

.callout.success {
    background-color: #12811f;
    color: #ffffff;
}

.callout.warning {
    background-color: #ff5e05;
    color: #000000;
}

.callout.alert {
	background-color: #b20c0c;
    color: #ffffff;
}

html:root {
	--global-width: 1300px;
	--transitionIntroSpeed: .6s;
	--transitionOutroSpeed: .8s;
}


header {
	display: flex;
	flex-direction: column;
	margin: 0;
	font-family: 'Open Sans';
	line-height: 1.3;
}

header .header-container {
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	background-color: #FFFFFF;
}

@media (min-width: 991px) {
	header .header-container {
		flex-direction: column;
		border-bottom: 0;
	}
}

@media (max-width: 990px) {
	header .header-container:before {
		content: '';
		width: 99%;
		height: 2px;
		        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background-color: #575757;
        transition: width var(--transitionOutroSpeed);
	}
}

#header-notification-container, .header-notification-container {
	width: 100%;
}

#header-notification-container .callout, .header-notification-container .callout {
    margin: 0;
    padding: 0 10px;
}

@media (min-width: 991px) {
	#header-notification-container .callout, .header-notification-container .callout {
        padding: 0;
    }
}

#header-notification-container .content-container, .header-notification-container .content-container {
    max-width: var(--global-width);
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#header-notification-container .callout h5, .header-notification-container .callout h5 {
    position: relative;
    padding: 0 0 0 35px;
    margin: 10px 0;
    font-size: 0.875rem;
    font-weight: 700;
    color: #ffffff;
}

#header-notification-container .callout a, .header-notification-container .callout a {
    position: relative;
    padding: 0;
    margin: 10px 0;
    font-size: 0.875rem;
    font-weight: 700;
    color: #ffffff;
}

#header-notification-container .callout h5:before, .header-notification-container .callout h5:before {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 0 5px 0 0;
    font-size: 22px;
    color: #ffffff;
    font-family: fontAwesome;
    line-height: 1;
}

#header-notification-container .success h5:before, .header-notification-container .success h5:before {
    content: "\f00c";
}


#header-notification-container .warning h5:before, .header-notification-container .warning h5:before {
    content: "\f071";
}

#header-notification-container .alert h5:before, .header-notification-container .alert h5:before {
    content: "\f06a";
}



/** Header Mobile Menu **/
.header-mobile-menu {
	max-height: 0;
	width: 100%;
	overflow: hidden;
	background-color: #FFFFFF;
	z-index: 2000;
	transition: max-height var(--transitionIntroOutro);
}

@media (max-width: 990px) { 
	.header-mobile-menu {
		position: fixed;
		top: 0;
		left: 0;
		border-radius: 0;
	}
}

@media (max-width: 990px) { 
	/** Level 1 **/
	.header-mobile-menu .content-container .menu > li > a {
		padding: 7.5px 5px 7.5px 16px;
	}

	.header-mobile-menu .content-container .menu > li > a {
		color: #575757;
		font-size: 1.25rem;
		font-weight: 700;
	}
	
	/** Level 2 **/
	.header-mobile-menu .content-container .menu > li ul > li > a {
		padding: 7.5px 5px 7.5px 16px;
	}
	
	.header-mobile-menu .content-container .menu > li ul > li:not(.is-submenu-parent) {
		padding-left: 20px;
	}
	
	.header-mobile-menu .content-container .menu > li ul > li > a {
		color: #494949;
		font-size: 1.0625rem;
		font-weight: 700;
		line-height: 1.3;
	}
	
	/** Level 3+ **/
	.header-mobile-menu .content-container .menu > li ul > li ul li > a {
		padding: 7.5px 5px 7.5px 20px;
	}
	.header-mobile-menu .content-container .menu > li ul > li ul a {
		color: #494949;
		font-size: 1.0625rem;
		font-weight: 400;
	}
}



/** Mobile Toggle Bar **/

.header-mobile-toggle-bar {
	max-width: 70%;
	margin-left: auto;
	order: 2;
}

@media (min-width: 991px) {
	.header-mobile-toggle-bar {
		display: none;
	}
}

.header-mobile-toggle-bar ul { 
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	list-style: none;
	margin: 0;
	padding: 0;
}

.header-mobile-toggle-bar ul li {
	position: relative;
}

.header-mobile-toggle-bar a, .header-mobile-toggle-bar button {
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 2.5px;
	cursor: pointer;
	background-color: transparent;
	text-decoration: none;
}

.header-mobile-toggle-bar a:before, .header-mobile-toggle-bar button:hover {
	background-color: transparent;
}

.header-mobile-toggle-bar a:before, .header-mobile-toggle-bar button:before {
	color: var(--primary-colour-0);
	transition: color var(--transitionIntroSpeed);
}

.header-mobile-toggle-bar a[href^="tel:"]:before {
	content: '\f095';
    font-family: fontAwesome;
    font-size: 20px;
    transform: rotate(90deg);
    line-height: 22px;
}

.header-mobile-toggle-bar a[href^="mailto:"]:before {
    content: '\f0e0';
    font-family: fontAwesome;
    font-size: 20px;
}

.header-mobile-toggle-bar .header-toggle-search:before {
	content: "\f002";
    font-family: fontAwesome;
    font-size: 20px;
}

.header-mobile-toggle-bar .header-toggle-basket:before {
	content: "\f291";
    font-family: fontAwesome;
    font-size: 20px;
}

.header-mobile-toggle-bar .header-toggle-mega-menu:before {
	content: "\f007";
    font-family: fontAwesome;
    font-size: 25px;
}

.header-mobile-toggle-bar .header-toggle-mega-menu:before {
	content: '\f0c9';
	font-family: fontAwesome;
	font-size: 25px;
}

.header-content-container {
	max-width: 34%;
	position: relative;
	padding: 0;
}

@media (max-width: 990px) {
	.header-content-container { 
		display: flex;
		align-items: center;
		order: 1;
	}
}

@media (min-width: 991px) {
	.header-content-container {
		max-width: var(--global-width);
		width: 100%;
		display: grid;
		grid-template-columns: 1fr 26.96%;
		grid-template-rows: 1fr;
		margin: auto;
		padding: 18px 0 0;
	}
}


@media (min-width: 991px) {
	.header-content-left {
		display: flex;
		align-items: baseline;
		grid-row: 1 / span 2;
		padding: 0 0 18px;
	}
}

.logo-container {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: normal;
	padding: 0 0 0 10px;
}

@media (min-width: 1330px) {
	.logo-container {
		padding: 0 27.5px 0 0;
	}
}

.logo-container a {
	max-width: 50vw;
	display: flex;
	margin: 5px 0;
}
@media (min-width: 991px) {
	.logo-container a {
		margin: 0
	}
}

.logo-container .site-logo {
	display: block;
	/** Default back to orginal logo if style specific logo cannot be found **/
	background-image: var(--site-logo-location), url('/images/logo.svg');
	background-repeat: no-repeat;
	background-position: center;
}

.logo-container img, .logo-container .site-logo {
	width: 125px;
	height: 65px;
}

@media (min-width: 991px) {
	.logo-container img, .logo-container .site-logo {
		width: 140px;
		height: 42.16px;
		margin: 0;
	}
}

.header-content-right {
	position: relative;
	left: inherit;
}

@media (min-width: 990px) {
	.header-content-right {
		padding: 6px 0 0;
	}
}

@media (min-width: 991px) {
	.header-content-right .header-toggle-bar-container {
		padding: 0 16px 0 0;
	}
}

.header-toggle-bar-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end;
	gap: 0 30px;
}

.header-toggle-bar-container .header-toggle-container {
	position: relative;
	display: flex;
	align-items: center;
}

.header-toggle-bar-container .header-toggle-container.align-items-parent {
	position: static;
}

.header-toggle-bar-container .toggle-button-container.search .toggle-button:before {
	content: '\f002';
	font-family: fontAwesome;
}

@media (min-width: 991px) {
	.header-toggle-bar-container .toggle-content-container.search {
		width: 0;
		position: absolute;
		overflow: hidden;
	}
}

@media (min-width: 991px) {
	.header-toggle-bar-container .toggle-content-container.search.active {
		width: 490px;
        right: -12px;
        overflow: visible;
	}
}

.header-toggle-bar-container .toggle-button-container .toggle-button {
	min-height: 35px;
	display: flex;
	align-items: center;
	margin: auto;
	padding: 3.5px 7.75px;
	cursor: pointer;
	border-radius: 0;
	line-height: 1.3 !Important;
}

.header-toggle-bar-container .toggle-button-container .toggle-button {
	background-color: #FFFFFF;
}

.header-toggle-bar-container .toggle-button-container .toggle-button:before {
	color: var(--primary-colour-0);
	font-size: 20px;
	transition: color var(--transitionIntroOutro);
}

.toggle-button-container .toggle-button:hover:before {
	color: #575757;
	transition: color var(--transitionOutroSpeed);
}

.header-account-button {
	gap: 0 10px;
	color: #575757;
}

.header-account-button.logged-in {
	border: 1px solid #c8c8c8;
}

.header-account-button:before {
	content: '\f007';
	font-family: FontAwesome;
	color: var(--primary-colour-0);
	font-size: 20px;
	border-radius: 0;
	transition: color var(--transitionIntroSpeed);
}

/**  HEADER MENUS **/

.header-mobile-menu {
	min-height: 0;
	width: 100%;
	overflow: hidden;
	background-color: #FFFFFF;
	z-index: 2000;
	transition: max-height var(--transitionOutroSpeed);
}

@media (min-width: 990px) {
	.header-mobile-menu {
		max-height: none;
		background-color: transparent;
		z-index: auto;
		overflow: visible;
	}
}

.header-mobile-menu.active {
	max-height: 80vh;
	padding-bottom: 20px;
	border-bottom-color: #575757;
	border-width: 0 0 6px 0;
	border-style: solid;
	overflow-y: auto;
	transition: max-height var(--transitionIntroOutro);
}

.header-mobile-menu .content-container {
	display: flex;
	flex-direction: column;
	padding: 25px 10px;
}

@media (min-width: 991px) {
	.header-mobile-menu .content-container {
		padding: 0;
	}
}

.menu-header {
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	margin: 0 0 20px;
	border-bottom: 0;
}

@media (min-width: 991px) {
	.menu-header {
		display: none;
	}
}

.menu-header .menu-heading {
	flex-grow: 1;
	margin: 0;
	padding: 0 0 15px;
	color: #575757;
	font-size: 1.5625rem;
	font-weight: 600;
	font-family: 'Open Sans';
	line-height: 1.3;
	border-bottom: 1px solid #aeaeae;
}

.menu-header .close-button {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: color var(--transitionOutroSpeed);
}

.menu-header .close-button:before {
	content: '\f00d';
	font-family: fontAwesome;
	font-size: 25px;
	color: #575757;
	transition: font-size 1.2s, color var(--transitionIntroSpeed);
}

.menu-header .close-button {
	position: absolute;
	top: auto;
	right: 26px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	color: #989898;
	background-color: transparent;
	line-height: 1 !important; /* Overriding default styles */
	cursor: pointer;
	z-index: 10;
}

.menu-header .close-button:hover {
	background-color: transparent;
}

.header-menus-outer-container {
	display: flex;
	flex-direction: column;
	background-color: #FFFFFF;
}

@media (min-width: 991px) {
	.header-menus-outer-container {
		padding: 0;
		background-color: #575757;
		border-radius: 0;
		visibility: visible;
		overflow: visible;
	}
}

.header-menus-inner-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

@media (min-width: 991px) { 
	.header-menus-inner-container {
		max-width: var(--global-width);
		flex-direction: row;
		flex-wrap: wrap;
		margin: auto;
	}
}

.header-menus-inner-container .menu li a {
	text-decoration: none;
}

/** Level 1 **/
@media (min-width: 991px) { 
	.header-menus-inner-container .menu > li > a {
		padding: 6px 20px;
		font-size: 0.875rem;
		font-weight: 700;
		color: #FFFFFF;
		line-height: 1.3;
	}
}

@media (min-width: 991px) { 
	.header-menus-inner-container .menu > li:hover {
		background-color: #FFFFFF;
		transition: background-color var(--transitionIntroSpeed);
	}
	.header-menus-inner-container .menu > li:hover > a {
		color: var(--ebg-foreground-colour, var(--primary-colour-0));
		transition: color var(--transitionIntroSpeed);
	}
}

/** Level 2 **/
@media (min-width: 991px) { 
	.header-menus-inner-container .menu > li > ul > li > a {
		padding: 10px 0 5px 5px;
		font-size: 1rem;
		font-weight: 700;
		color: #494949;
	}
}

@media (min-width: 991px) { 
	.header-menus-inner-container .menu > li > ul > li:hover > a {
		color: var(--ebg-foreground-colour, var(--primary-colour-0));
		transition: color var(--transitionIntroSpeed);
	}
}

/** Level 3 **/
@media (min-width: 991px) { 
	.header-menus-inner-container .menu > li > ul > li ul li a {
		padding: 2.5px 0 2.5px 5px;
		font-size: 0.875rem;
		line-height: 18px;
		color: #494949;
	}
}

@media (min-width: 991px) { 
.header-menus-inner-container .menu > li > ul > li ul li:hover a {
		color: var(--ebg-foreground-colour, var(--primary-colour-0));
		transition: color var(--transitionIntroSpeed);
	}
}


.header-menu-right-container, .header-menu-left-container {
	display: flex;
}

.header-menu-left-container + .header-menu-right-container {
	flex-grow: 1;
}
@media (min-width: 991px) { 
	.header-menu-right-container {
		justify-content: flex-end;
	}
}

@media (min-width: 990px) {
	.header-menu-right-container .menu {
		width: fit-content;
	}
}

.mega-menu-container {
	width: 100%;
}

@media (min-width: 991px) { 
	.mega-menu-container {
		width: auto;
	}
}

.menu-menu-container .mega-menu-column-span > .submenu {
	display: grid;
	grid-template-rows: repeat(var(--mega-menu-column-wrap), 1fr);
	grid-auto-flow: column;
	gap: 0 15px;
}

.menu .has-cloned-groups a {
	padding-top: 5px;
    padding-bottom: 5px;
}

.megamenu-column-cloned-span {
    display: grid;
    grid-template-rows: repeat(var(--mega-menu-column-cloned-wrap), 1fr);
    grid-auto-flow: column;
    gap: 0 15px;
}

ul.menu.mega-menu ul.childfree-parents-menu {
	display: flex;
	flex-direction: column;
}

ul.mega-menu li.has-cloned-groups-parent > a {
	display: none;
}

ul.menu.mega-menu .childfree-parent {
    display: none;
}

.column-spanned > a {
    visibility: hidden;
}

.mega-menu-container .cloned-to-seperate-row {
   display: none;
}

.header-menus-inner-container .menu.mega-menu .childfree-parents-menu > li > a {
	padding: 10px 0 5px 5px;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.3;
	text-transform: none;
}

ul.menu ul {
	display: none;
}

ul.menu {
	width: 100%;
	position: relative;
	display: flex;
}

ul.menu li {
	display: flex;
	flex-direction: column;
}

/** Dropdown Menu **/
ul.menu.dropdown {
	flex-direction: row;
}

.menu.dropdown .is-submenu-parent > .is-submenu {
	position: absolute;
	background-color: #FFFFFF;
}

.menu.dropdown .is-submenu-parent:hover > .is-submenu {
	display: block;
}


/** Mega Menu **/
ul.menu.mega-menu {
	position: static;
}
.menu.mega-menu .is-submenu-item.is-submenu-parent .is-submenu {
	display: flex;
	flex-direction: column;
}
.menu.mega-menu > .is-submenu-parent > .is-submenu {
	width: 100%;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}

@media (min-width: 991px) { 
	.menu.mega-menu > .is-submenu-parent > .is-submenu {
		max-width: var(--global-width);
		z-index: 5000;
	}
}
.menu.mega-menu > .is-submenu-parent:hover > .is-submenu {
	display: grid;
	grid-auto-flow: dense;
	grid-template-rows: auto;
	gap: 10px 15px;
	grid-template-columns: repeat(4, calc((100% - 45px) / 4));
	padding: 40px 90px;
	box-shadow: 0px 20px 20px 4px rgba(12, 12, 13, 0.22);
}

.menu.mega-menu ul.column-span-submenu {
	display: flex;
	flex-direction: column;
}

/** Accordion **/
.menu.accordion {
	flex-direction: column;
}

.menu.accordion > li > a {
	border-bottom: 1px solid #aeaeae;
}

.menu.accordion a {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.menu.accordion .is-submenu-parent.active > .is-submenu {
	display: flex;
	flex-direction: column;
}

/** First submenu tier **/
.menu.accordion > .is-submenu-parent.active > .is-submenu {
	padding: 0 0 17.5px; 
	border-bottom: 1px solid #aeaeae;
}
.menu.accordion > .is-submenu-parent > a:after {
	content: '\E800';
	width: 10px;
	height: 10px;
	display: flex;
	align-items: center;
	margin: 0 10px 0 auto;
	color: #989898;
	font-size: 10px;
	font-family: express-fontello-axis;
}

.menu.accordion > .is-submenu-parent.active > a:after {
	content: '\E803';
}

/** Second submenu tier **/
.menu.accordion > .is-submenu-parent > .is-submenu > .is-submenu-parent > a:before {
	content: '\E802';
	height: 10px;
	display: inline-flex;
    margin: auto 0;
    padding: 0 10px 0 0;
	font-family: express-fontello-axis;
	font-size: 10px;
    line-height: 10px;
}

.menu.accordion > .is-submenu-parent > .is-submenu > .is-submenu-parent.active > a:before {
	content: '\E803';
}

/** List **/
.menu.list > li {
	margin: 0;
	padding: 0;
	border: 0;
}

/** First tier **/
.menu.list > li > a, .menu.list > li > p {
	display: block;
	flex-grow: 1;
	padding: 0;
}

/** Second tier **/
.menu.list > li > .is-submenu > ul > li {
	padding: 0 0 10px;
}

.menu.list .is-submenu {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 20px;
	padding: 0;	
}

.menu.list .is-submenu a:hover {
	text-decoration: underline;
}


/** Header Search **/
.header-search-container {
	margin: 0 !Important; /* Overriding default styles */
	padding: 0;
}

.header-search-container .header-predictive-search {
	height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
    box-shadow: 2px -3px 20px 4px rgba(12, 12, 13, 0.22);
}

.header-search-container .header-predictive-search fieldset {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0;
	padding: 0;
	border: 0;
}

.header-search-container input[type=search] {
	width: 100%;
    height: 28px;
	display: inline-block;
	flex: 1;
    margin: 0 !Important; /* Overriding default */
    padding: 5px 0 5px 25px;
    order: 1;
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    border-color: transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	line-height: 1.3 !Important; /* Overriding default */
	font-size: 1rem !Important; /* Overriding default */
}

.header-search-container input[type=search] + button {
	width: 60px;
    height: 40px;
	padding: 0 !Important; /* Overriding default */
	order: 2;
	position: relative;
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    border-color: transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    cursor: pointer;
}

.header-search-container input[type=search] + button:before {
	content: '\f002';
	width: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: fontAwesome;
	font-size: 20px;
	color: var(--primary-colour-0);
}

.header-search-container input:active + button, .header-search-container input:focus + button {
	background-color: #db651b;
}

.header-search-container input:active + button:before, .header-search-container input:focus + button:before {
	color: #ffffff;
}

#unibox-suggest-box { 
	max-width: initial !Important;
	width: calc(100% - 60px);
	order: 3;
}

@media (max-width: 990px) { 
	.header-search-container #unibox-suggest-box {
		position: relative !important;
		top: 0 !important;
	}
}


.header-search-container #unibox-suggest-box a {
    display: block;
    padding: 0 0 0 25px;
    color: #494949;
}

#unibox-suggest-box .unibox-selectable {
	padding-left: 0;
}

#unibox-suggest-box .unibox-selectable:hover {
	background-color: #e6e6e6;
}

#unibox-suggest-box .unibox-selectable:hover a {
	color: #494949;
	transition: color var(--transitionIntroOutro);
}

#unibox-suggest-box .unibox-selectable:hover a span, #unibox-suggest-box .unibox-selectable:hover a .unibox-highlight {
	color: var(--primary-colour-0);
}
	

.blur {
	--defuse-animation: defuseBlur .3s forwards;
    filter: blur(15px);
    animation: blur var(--transitionIntroOutro);
}

html:root {
	--defuse-animation: defuseBlur .3s forwards;
}

@keyframes defuseBlur {
        0% {
            filter: blur(10px);
        }
    
        20% {
            filter: blur(8px);
        }
    
        40% {
            filter: blur(6px);
        }
    
        60% {
            filter: blur(4px);
        }
    
        80% {
            filter: blur(2px);
        }
    
        100% {
            filter: blur(0px);
        }
    }


body.scrollLock {
	overflow-y: hidden;
}

#pageOverlay, .blur-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    background-color: transparent;
    opacity: 0.1;
}

/**  AXIS Toggle  **/
.toggle-background {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    z-index: -1;
}


/**  Footer **/
.footer-background {
	border-top: 10px solid var(--primary-colour-0);	
}


.footerOuterContainer, .footer-background {
	 margin-top: 25px;
    padding: 20px 10px;
    background-color: #575757;
}

@media (min-width: 991px) { 
	.footerOuterContainer, .footer-background {
		padding-top: 29px;
		padding-bottom: 25px;
	}
}

@media (min-width: 1330px) { 
    .footerOuterContainer, .footer-background {
		padding: 29px 0 25px;	
	}
}

.footer-grid-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: auto;
	font-family: 'Open Sans';
}

@media (min-width: 991px) { 
	.footer-grid-container {
		max-width: var(--global-width);
		flex-direction: row;
	}
}

.footer-content-container {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

@media (min-width: 991px) { 
	.footer-content-container {
		flex-direction: row;
	}
}

.footer-promotions {
	max-width: 100%;
	display: flex;
	gap: 0;
	margin: 0;
	padding: 0;
	order: 2;
}

@media (min-width: 991px) { 
	.footer-promotions {
		max-width: 50%;
		flex-direction: row;
		gap: 20px;
		margin: 0;
		padding: 0;
	}
}

/** Footer Menu **/
.footer-navigation.main-menu {
	margin: 0 0 20px;
}

@media (min-width: 991px) { 
	.footer-navigation.main-menu {
		margin: 0;
	}
}

/** First tier **/
.footer-navigation.main-menu .menu.accordion > .is-submenu-parent.active > .is-submenu {
	padding: 0;
}
.footer-navigation.main-menu .menu.accordion > li > ul > li {
	padding: 0 0 10.5px;
}

.footer-navigation.main-menu .menu.accordion > li > ul > li:first-child {
	padding-top: 10.5px;
}

.footer-navigation.main-menu .menu > li {
	border-bottom: 1px solid #aeaeae;
}

@media (min-width: 991px) { 
	.footer-navigation.main-menu .menu > li {
		width: 220px;
		height: fit-content;
		border-bottom: 0;
	}
}

.footer-navigation.main-menu .menu > li > a,  .footer-navigation.main-menu .menu > li > a {
	padding: 20px 0;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 0.9375rem;
	font-weight: 700;
	font-family: 'Ubuntu';
	line-height: 1;
}

@media (min-width: 991px) { 
	.footer-navigation.main-menu .menu > li > a,  .footer-navigation.main-menu .menu > li > a {
		padding: 0;
	}
}

/** Second tier **/
.footer-navigation.main-menu .menu.list .is-submenu .is-submenu-item {
	padding: 0 0 11px;
}

.footer-navigation.main-menu .menu.list .is-submenu .is-submenu-item:last-child {
	padding-bottom: 0;
}


.footer-navigation.main-menu .menu.list .is-submenu {
	margin-top: 18px;
}
.footer-navigation.main-menu .is-submenu a {
	padding: 0;
	color: #FFFFFF;
	 font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
	text-decoration: none;
    transition: color var(--transitionIntroOutro), opacity var(--transitionIntroOutro);
}

/** Copyright **/
.copyright-outer-container .copyright-inner-container {
	position: relative;
	flex-grow: 1;
	margin: 20px 0 0;
	text-align: left;
}
@media (min-width: 991px) { 
	.copyright-outer-container .copyright-inner-container {
		margin: 45px auto 0;
        text-align: left;
	}
}

.copyright-outer-container .copyright-inner-container p {
	margin: 0;
    font-size: 0.75rem;
    font-weight: 400;
    color: #ffffff;
    text-transform: none;
    line-height: 1.4;
}

.copyright-outer-container .copyright-inner-container a {
    font-size: 0.75rem;
	font-weight: 400;
    color: #ffffff;
    text-decoration: none;
    text-transform: none;
    transition: color var(--transitionIntroOutro);
}

.copyright-outer-container .copyright-inner-container a:hover {
	text-decoration: underline;
}