.gridtab,.gridtab>dt,.gridtab>dd{margin:0;padding:0;position:relative;}.gridtab{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;box-sizing:border-box}.gridtab *{box-sizing:border-box}.gridtab>dd{z-index:1;display:none;min-width:100%;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.gridtab>dd>.gridtab__controls{position:absolute;right:5px;top:5px;display:-webkit-flex;display:-ms-flexbox;display:flex}.gridtab>dd>.gridtab__controls>.gridtab__close{-webkit-order:1;-ms-flex-order:1;order:1;margin-left:1px}.gridtab>dd>.gridtab__controls>.gridtab__close:before,.gridtab>dd>.gridtab__controls>.gridtab__close:after{top:50%;left:50%;-webkit-transform:translate(-50%, -50%) rotate(45deg);transform:translate(-50%, -50%) rotate(45deg)}.gridtab>dd>.gridtab__controls>.gridtab__close:after{-webkit-transform:translate(-50%, -50%) rotate(-45deg);transform:translate(-50%, -50%) rotate(-45deg)}.gridtab>dd>.gridtab__controls>.gridtab__arrow,.gridtab>dd>.gridtab__controls>.gridtab__close{display:block;width:25px;height:25px;overflow:hidden;background:#666;text-indent:-999px;position:relative}.gridtab>dd>.gridtab__controls>.gridtab__arrow:before,.gridtab>dd>.gridtab__controls>.gridtab__arrow:after,.gridtab>dd>.gridtab__controls>.gridtab__close:before,.gridtab>dd>.gridtab__controls>.gridtab__close:after{position:absolute;width:3px;height:13px;content:'';display:block;background:#FFF}.gridtab>dd>.gridtab__controls>.gridtab__arrow:before,.gridtab>dd>.gridtab__controls>.gridtab__arrow:after{top:50%;left:50%;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:right;transform-origin:right;margin:-7px 0 0 -3px;height:10px}.gridtab>dd>.gridtab__controls>.gridtab__arrow:after{margin-top:-4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.gridtab>dd>.gridtab__controls>.gridtab__arrow.is-disabled{opacity:.25}.gridtab>dd>.gridtab__controls>.gridtab__next{-webkit-transform:scale(-1);transform:scale(-1);-webkit-transform-origin:center;transform-origin:center}.gridtab>dt{transition:background 1s;}.gridtab>dt:after{content:'';position:absolute;left:0;right:0}.gridtab>dt.is-disabled{pointer-events:none}.gridtab>dt.is-active{z-index:2}.gridtab>dt>img{max-width:100%;float:left;height:auto}.gridtab[dir="rtl"]>dd>.gridtab__controls{right:auto;left:5px}.gridtab[dir="rtl"]>dd>.gridtab__controls>.gridtab__next{-webkit-transform:none;transform:none}.gridtab[dir="rtl"]>dd>.gridtab__controls>.gridtab__prev{-webkit-transform:scale(-1);transform:scale(-1)}.gridtab[dir="rtl"]>dd>.gridtab__controls>.gridtab__close{margin-right:1px;margin-left:0}
.gridtab--0>dd{color:#fff!important; z-index:99;}
  
 .gridtab--0 > dt {
    min-width: calc(31.0% + -2px);
    width: calc(31.0% + -2px);
    border-width: 20px;
    border-color: #fff;
	border-style: solid;
    margin: 14px 18px 0px 18px;
    background: #edf3ff;
} 

.is-active h5{color: #fff;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top:20px;}
.gridtab--0 >dt.is-active:after {
    background: #02369b;
    height: 5px;
    bottom: 3px;
}
.is-active .ikon{
     background: url(../img/dm/dm-ser-icon1w.png) no-repeat top center;
       background-size: 94px 94px;
    height: 94px;
    position: relative;
    top: 12px;   
	transition: background 1s;
}
.is-active .ikon2{
     background: url(../img/dm/dm-ser-icon2w.png) no-repeat top center;
       background-size: 94px 94px;
    height: 94px;
    position: relative;
    top: 12px;   
	transition: background 1s;
}
.is-active .ikon3{
     background: url(../img/dm/dm-ser-icon3w.png) no-repeat top center;
       background-size: 94px 94px;
    height: 94px;
    position: relative;
    top: 12px;   
	transition: background 1s;
}
.is-active .ikon4{
     background: url(../img/dm/dm-ser-icon4w.png) no-repeat top center;
       background-size: 94px 94px;
    height: 94px;
    position: relative;
    top: 12px;   
	transition: background 1s;
}
.is-active .ikon5{
     background: url(../img/dm/dm-ser-icon5w.png) no-repeat top center;
       background-size: 94px 94px;
    height: 94px;
    position: relative;
    top: 12px;  
transition: background 1s;	
}
.is-active .ikon6{
     background: url(../img/dm/dm-ser-icon6w.png) no-repeat top center;
       background-size: 94px 94px;
    height: 94px;
    position: relative;
    top: 12px;   
	transition: background 1s;
}
.is-active .ikon-bg{
       background:#fff;
	padding:20px;
    
}
.is-active .img-ser{padding: 0;
    height: 120px;}