@media (min-width: 992px){
body .header-bg-primary {
    background:rgba(0,0,0,.0);
    background: linear-gradient(#0288CC 50%, transparent 100%);
    width: 100%;
    z-index: 100;
    padding: 15px 0 5vh 0;
    border: none;
    filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#FF0288CC,endcolorstr=#000288CC);/*IE<9>*/
}
body #header .main-menu-nav-primary{
  background:transparent;
}
.swiper-1 .swiper-slide .inner {
    width: 60%;
    left: 10%;
    bottom: 20%;
    font-size:16px;
}
.swiper-1 .swiper-slide .inner h3{
  font-size:3em;
}
.swiper-1 .swiper-slide .inner p{
  font-size:1.5em;
}
.swiper-wrapper .swiper-button-prev, .swiper-container .swiper-button-prev, .swiper-wrapper .swiper-button-next, .swiper-container .swiper-button-next {
    height: 33px;
}
#header{
  position:fixed!important;
}
}
.swiper-wrapper .swiper-button-prev, .swiper-container .swiper-button-prev, .swiper-wrapper .swiper-button-next, .swiper-container .swiper-button-next{
  background:rgba(255,255,255,0.6);
  border-radius:100%;
}
.swiper-wrapper .swiper-button-prev:before, .swiper-container .swiper-button-prev:before, .swiper-wrapper .swiper-button-next:before, .swiper-container .swiper-button-next:before {
    line-height: 33px;
    font-size: 100%;
}
.layout-full.region-top{
  padding:30px 0;
}
.block-region-top-second-right {
    padding: 40px 40px 10px 40px;
    background: #f1f1f1;
}
/* .block-region-top-second-middle{
  background: url(../../ztbwcx.png) no-repeat top left;
  padding: 120px 20px 40px 50px;
}
*/
.block-region-top-second-middle .bg-white{
  background:none;
}
.block-region-top-second-right .helpdesknotice{
  margin:10px 20px;
}
.region-top-second {
    margin-top: 3%;
}
/*********** news *****************/
.newslist{
  padding-bottom:10px;
}
span.top{
  color:red;
  font-size:12px;
  padding-right:10px;
}
.event-list.event-list-4 .list-content .event-content .event-left {
    padding: 4px 5px;
}
.event-list ul{
  margin:0;
  padding:0;
  overflow:hidden;
}
.event-list.event-list-4 .list-content .event-content .event-left .event-time .event-day {
    font-size: 14px;
    font-weight: 600;
    font-family:Arial,Helvetica,sans-serif;
}
.event-years{
  font-size:14px;
}
.event-list.event-list-4 .list-content:last-child{
  border:0;
}
.event-list li h3 a, .event-list ul li h3 a {
    font-size: 1em;
    line-height: 150%;
    font-weight:400;
}
.event-list.event-list-4 .list-content .event-content .event-right {
    padding: 2px 10px;
}
.event-list .listtaxonomy{
  font-size:1em;
  color:#999;
}
.event-list .list-text{
  font-size:12px;
}
.region-top-second .outside.f-r {
    text-align: center;
    float: none;
    margin-top:20px;
}

.info-title {
  text-align:center;
}
.info-title h2{
  font-size:2em;
  margin-bottom:10px;
}
.info-title p{
    margin-bottom: 20px;
     font-size: 16px;
    font-weight: 300;
    line-height: 1.4;
}
.infotopborder{
    border-top: 1px solid #e5e5e5;
    margin-top:4%;
    padding-top:4%;
}
a.btn-base-outline {
    background-color: #0288cc;
    border-color: #0288cc;
    color: #FFF;
    padding: 15px 25px;
    font-size: 1.2em;
}
a.btn-base-outline:hover{
  background-color: #045a86;
  color: #FFF;
}
.list-5 .list-content li .list-text{
  min-height:44px;
}
/**************** serviceportfolio ****************/
.servicesfilter header{
      display: inline-block;
}
.servicesfilter {
  text-align:center;
}
.servicesfilter .btn{
  padding:0;
}
.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    display:inline-block;
        margin-bottom: 30px;
        cursor: pointer;
}
.filter-button span
{
    font-size: 14px;
    border-radius: 3px;
    text-align: center;
    color: #555555;
    display: inline-block;
    padding:10px 20px;
}
.filter-button span:hover
{
    border-radius: 5px;
    text-align: center;
    color: #0288CC;
    background-color: #ECECEC;
}
.filter-button  span.active{
    background-color: #0288CC;
    color: white;
}
.btn-default:active .filter-button:active
{
    background-color: #0288CC;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_service
{
    margin-bottom: 30px;
    position: relative;
}
span.servicetitle {
    position: absolute;
    bottom: 0;
    padding: 10px 5%;
    background: rgba(255,255,255,0.8);
    width: 90%;
    left:0;
}
span.servicetitle a{
  color:#000;
}

/*************** servicelist-text *************/
.vc-column-text ul{
  overflow:hidden;
}
.vc-column-text ul li{
  list-style:none;
  float:left;
  padding:20px 30px;
  width:auto;
  margin:1%;
  border-radius:5px;
}
.vc-column-text ul li:hover{
 box-shadow: 3px 5.196px 16px 0px rgba(0, 0, 0, 0.08);
 background:rgba(255,255,255,0.6);
}
.vc-column-text ul li a{
  font-size:20px;
}
.servicepage
{    background-color: #f2f2f2;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.servicepage header {
    box-sizing: border-box;
    width: 40%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;	float:left;
	-webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
	.vc-column-container{
		background-image: url(../../onlinepayment.jpg) !important;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 100%;
	}
	.vc-column{
	background-color: #f2f2f2;
	width:100%;
	overflow: hidden;
	margin:0 auto;
	box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	}
	.vc-column-text{
		width: 56%;
    float: left;
    margin: 2%;
    padding: 20px 3%;
	}
	.field-body .vc_column h1 {
    font-size: 1.5em;
    margin-bottom:30px;
    font-weight:bold;
}
	@media screen and (max-width: 992px) {
		.vc-column-inner{display: none;}
		.vc-column-text{ 
		  width: 100%;
    background: rgba(255,255,255,0.9);
    padding: 40px 5%;}
		.vc-column{
			background-image: url(../../onlinepayment.jpg) !important;
    background-position: center;
    background-repeat: no-repeat !important;
    background-size: cover !important;
		}
	}

/*************** software *********/

.softwarelist{
  padding:0;
  margin:60px 0;
}
.softwareshow{
  padding:0;
} 
.software-features{
  background-position: center!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
  width:100%;
  height:550px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-position: top!important;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  z-index: 1;
}
.ms-software{
  background-image:url(../../softwaremicrosoft.jpg);
}
.pdf-software{
  background-image:url(../../softwarePDF.jpg);
}
.matlab-software{
  background-image:url(../../softwareMATLAB.jpg);
}
.spss-software{
  background-image:url(../../softwareSPSS.jpg);
}
.adobe-software{
  background-image:url(../../softwareadobe.jpg);
}
.wps-software{
  background-image:url(../../wpsbg.jpg);
}
.softwareshow .software-text{
  border-bottom: 10px solid #08C;
  margin-right:10%;
  margin-bottom: 35px;
  margin-top:100px;
  background: rgba(255,255,255,0.9);
  padding: 20px 20px 20px!important;
  color: #2e2e2e!important;
}
.softwareshow h3.info-title{
  font-size:30px;
  margin-top:10px;
  margin-bottom:10px;
  text-align:left;
}
.softwaretext{
  padding:0 30px;
}
.softwaretext  h3.info-title{
  font-size:30px;
  margin-top:10px;
  margin-bottom:20px;
  text-align:left;
}
@media only screen and (min-width: 768px){
.event-list.event-list-4 .list-content .event-content .event-left .event-time {
    padding: 5px 0px;
    line-height: 20px;
}
.event-list.event-list-4 .list-content .event-content .event-right .event-title {
    -webkit-line-clamp: 2;
    font-size:16px;
}
.event-right p{
  color:#999;
}
.event-list.event-list-4 .list-content .event-content .event-left .event-time .event-day {
  padding: 0px 8px;
}
}
@media only screen and (max-width: 991px){
.field-body .info-title p {
    text-align: center;
}
}
@media only screen and (max-width: 767px){
.event-right p{
  display:none;
}
.en-title{
  display:block;
  font-size:80%;
}
}
/*********** secure computing *********/
.information-security{
  padding:60px 0;
      background-image: url(../../informationsecure.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    background-attachment: fixed;
    margin: 40px 0px;
    color:#FFF;
}
.information-security  p{
  padding-top:15px;
  width:60%;
  margin:0 auto;
  color:#FFF;
  text-align:left;
}
.security-text{
  padding:40px;
  background:rgba(0,0,0,0.7);
}
@media only screen and (max-width: 767px){
.information-security  p{
  width:90%;
}
}
/*********** inc numbers *****************/

.incnumbers{
  padding:60px 0;
  background-color:#F8F8F2;
}
.counter p.icon {
    font-size: 3em;
    color: #ed8446;
}
.counter p, .counter {
  text-align:center;
}
.counter span.count-title.count-number {
    font-size: 2em;
    padding-right: 5px;
    font-weight: 600;
    color: #ed8446;
}
.counter .count-text {
  color:#999;
}
.height_footer {
    display: none;
    height: 448px;
}
.wrap_fix {
    position: relative;
    z-index: -1 !important;
    bottom: 0;
    width: 100%;
    height: 449px;
    background: url(../../footerpic.jpg) no-repeat center center;
}

.wrap_fix {
    width: 100%;
    height: 449px;
    background: url(../../footerpic.jpg) no-repeat center center;
}
.wrap_fix.current {
    position: fixed;
    bottom: 0;
    z-index: 0;
    display: block;
}

.tns-outer .helpdeskslide  p{
	text-align: left;
	margin: 0 0 7px;
	padding: 0;
}