ul#boxtabs{ padding:0; width:704px; margin:0 auto;    }

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
}

.r-tabs .r-tabs-tab {
    display: block; float:left; 
    margin: 0; padding:0 0 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 0 0 0; background:#0072ce; /*box-shadow:0 0 5px 5px rgba(155, 155, 155, 0.2); */
    display: none; 
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display:block;
}


.r-tabs{ position: relative; }
.r-tabs .r-tabs-nav{ }
.r-tabs .r-tabs-nav .r-tabs-tab{ position: relative; top:0px;  }

.r-tabs .r-tabs-nav .r-tabs-anchor {
  padding: 0 0px 0; display: inline-block; text-decoration: none;
}
.r-tabs .r-tabs-nav .r-tabs-state-active {
 border:none;
}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
 background: url(../../img/icon-arrow-blue.png) no-repeat bottom; position:relative; padding-bottom:35px; z-index:29;
}
.r-tabs .r-tabs-panel {
  position:relative; z-index:9; margin-top:0px;

}
 
 
 
#tabone-1c .box-avatar-1c{ display:block; position:relative; width:192px; height:192px; background:url(../../img/service-tab01.jpg) no-repeat; }
#tabone-1c .box-avatar-1c > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../../img/service-tab01.jpg) no-repeat; background-position:0 -192px;  
  -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }
#tabone-1c:hover  .box-avatar-1c > span{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);   } 


#tabone-2c .box-avatar-2c{ display:block; position:relative; width:192px; height:192px; background:url(../../img/service-tab02.jpg) no-repeat; }
#tabone-2c .box-avatar-2c > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../../img/service-tab02.jpg) no-repeat; background-position:0 -192px;  
  -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }
#tabone-2c:hover  .box-avatar-2c > span{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);   } 


#tabone-3c .box-avatar-3c{ display:block; position:relative; width:192px; height:192px; background:url(../../img/service-tab03.jpg) no-repeat; }
#tabone-3c .box-avatar-3c > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../../img/service-tab03.jpg) no-repeat; background-position:0 -192px;  
  -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }
#tabone-3c:hover .box-avatar-3c > span{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);   } 
 

.box-avatar-name{ 
  display:block; position:relative; padding:13px 0 0; text-align:center; color:#0072ce; 
  font-family: 'db_helvethaica_x75_bd'; font-size:24px; line-height:20px; text-align:center;  }
li.bc-tab{ margin:0 64px !important; }

.r-tabs .r-tabs-nav .r-tabs-state-active .box-avatar-1c{ background-position:0 -192px !important;   }
.r-tabs .r-tabs-nav .r-tabs-state-active .box-avatar-2c{ background-position:0 -192px !important;   }
.r-tabs .r-tabs-nav .r-tabs-state-active .box-avatar-3c{ background-position:0 -192px !important;   }
/*
.r-tabs .r-tabs-nav .r-tabs-state-default{ opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);  }
*/


 
.box-tabinner{ display:block; position:relative; width:718px; margin:0 auto; padding:33px 0;  font-family: 'db_helvethaica_x55_regular'; color:#ffffff;  font-size:22px; line-height:24px;  }
.box-tabinner img{ max-width:100%; }
.box-tabinner ul{ padding:0 0 0 20px; }
.tabinner-left{ display:block; position:relative; width:46%; float:left; }
.tabinner-right{ display:block; position:relative; width:46%; float:right; }
.tabinner-h{ font-family: 'db_helvethaica_x65_medium'; font-size:24px; line-height:26px; border-bottom:#4d9ddd solid 1px; }
.tabinner-innerul{ padding:0 0 0 60px; }
/* Accordion responsive breakpoint */
 
 

@media only screen and (max-width:640px) {
ul#boxtabs{ padding:0; width:94%; margin:0 auto 13px;   }

.r-tabs .r-tabs-nav{ display:none;  }
.r-tabs .r-tabs-accordion-title {  display:block; position:relative; }

.box-avatar-1c{ display:block; position:relative; width:192px; height:192px; margin:0 auto; background:url(../../img/service-tab01.jpg) no-repeat; }
.box-avatar-1c > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../../img/service-tab01.jpg) no-repeat; background-position:0 -192px;  
  -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }
.r-tabs-anchor:hover .box-avatar-1c > span{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);   } 

.box-avatar-2c{ display:block; position:relative; width:192px; height:192px; margin:0 auto;  background:url(../../img/service-tab02.jpg) no-repeat; }
.box-avatar-2c > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../../img/service-tab02.jpg) no-repeat; background-position:0 -192px;  
  -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }
.r-tabs-anchor:hover   .box-avatar-2c > span{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);   } 


.box-avatar-3c{ display:block; position:relative; width:192px; height:192px; margin:0 auto;  background:url(../../img/service-tab03.jpg) no-repeat; }
.box-avatar-3c > span{
  position:absolute; top:0; left:0; right:0; bottom:0; background:url(../../img/service-tab03.jpg) no-repeat; background-position:0 -192px;  
  -webkit-transition:opacity 0.5s;  -moz-transition:opacity 0.5s;   -o-transition:opacity 0.5s;   
  opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);  }
.r-tabs-anchor:hover  .box-avatar-3c > span{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);   } 


.r-tabs .r-tabs-accordion-title.r-tabs-state-active  .r-tabs-anchor  .box-avatar-1c{ background-position:0 -192px !important;   }
.r-tabs .r-tabs-accordion-title.r-tabs-state-active  .r-tabs-anchor  .box-avatar-2c{ background-position:0 -192px !important;   }
.r-tabs .r-tabs-accordion-title.r-tabs-state-active  .r-tabs-anchor  .box-avatar-3c{ background-position:0 -192px !important;   }
.r-tabs .r-tabs-panel {
    display:block;
}

.r-tabs .r-tabs-panel {
  position:relative; z-index:9; margin-top:0; margin-bottom:36px; 
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
padding:0 0 26px; display: block; text-decoration: none;
}
 
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
  background: url(../../img/icon-arrow-blue.png) no-repeat bottom; position:relative; padding-bottom:26px; z-index:29;
}

.r-arrow-blue{ display:block; position:absolute; background:url(../../img/icon-arrow-blue.png) no-repeat; width:43px; height:22px;
left:50%; margin-left:-21px; top:-22px; } 
 
.box-tabinner{ width:94%; margin:0 auto; padding:33px 0; font-size:22px; line-height:24px;  }
.tabinner-left{  width:100%; float:none; }
.tabinner-right{  width:100%; float:none; }


}