ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tab_wrapper {  display: inline-block; width: 100%;  position: relative; padding:20px 0;}
.tab1{background: url("../images/about-us-b1.png")no-repeat center 20px !important;}
.tab1.active, .tab1:hover {   background: #0087cc url("../images/about-us-w1.png")no-repeat center 20px !important;}
.tab2{background: url("../images/about-us-b2.png")no-repeat center 20px !important;}
.tab2.active, .tab2:hover {   background: #0087cc url("../images/about-us-w2.png")no-repeat center 20px !important;}
.tab3{background: url("../images/about-us-b3.png")no-repeat center 20px !important; transition:all ease 0.5s;}
.tab3.active, .tab3:hover{    background: #0087cc url("../images/about-us-w3.png")no-repeat center 20px !important;}
.tab4{background: url("../images/about-us-b4.png")no-repeat center 20px !important; transition:all ease 0.5s;}
.tab4.active , .tab4:hover{    background: #0087cc url("../images/about-us-w4.png")no-repeat center 20px !important;}
.tab5{background: url("../images/about-us-b5.png")no-repeat center 20px !important; transition:all ease 0.5s;}
.tab5.active, .tab5:hover {    background: #0087cc url("../images/about-us-w5.png")no-repeat center 20px !important;}
.tab6{background: url("../images/about-us-b6.png")no-repeat center 20px !important; transition:all ease 0.5s;}
.tab6.active, .tab6:hover {    background: #0087cc url("../images/about-us-w6.png")no-repeat center 20px !important;}
.tab_content a{ background: #ffd54f none repeat scroll 0 0;    border-radius: 20px;    color: #000;    display: inline-block;    font:600 12px "Source Sans Pro",sans-serif; text-decoration:none; transition:all ease 0.5s;    margin: 16px 0;    padding: 8px 30px;}
.tab_content a:hover{background:#0087cc; color:#fff;}
.tab_content h3{font:16px "Source Sans Pro",sans-serif; color:#000;}
.tab_content h3 img{margin:0 10px 0 0;}
.tab_content p{font:14px/1.8 "Source Sans Pro",sans-serif; color:#595959; padding:10px 0 0;}
.tab_wrapper > ul {  clear: both;  display: inline-block;  width: 100%;  border-bottom: 1px solid #ccc; }
.tab_wrapper > ul li { text-align:center; border-radius:4px 4px 0 0;  float: left; height:120px;  cursor: pointer;  padding:18px 4.7px; 
  border: 1px solid #ccc;font:13px "Source Sans Pro",sans-serif;  border-bottom: 0;  position: relative;  border-top: 1px solid #ccc; color: #595959; margin: 0 5px 0 0; transition:all ease 0.5s;}
  .tab_wrapper > ul li:last-child{margin:0;}
.tab_wrapper > ul li img{padding:14px 0 12px;}
.tab_wrapper > ul li  p{width:126px; padding:40% 0 0; line-height: 1.4;}
.tab_wrapper > ul li.active , .tab_wrapper > ul li:hover{ border-color: #ccc;  color: #fff; background:#0087CC;}
.tab_wrapper > ul li.active:after { content: "";  position: absolute; bottom: -1px;  height: 1px;  left: 0; background: #fff;  width: 100%;}
.tab_wrapper .controller {  display: block; overflow: hidden;  clear: both; position: absolute; top: 0;  right: 0;}
.tab_wrapper .controller span { padding: 8px 22px;  background: #49a4d9; color: #fff;  text-transform: uppercase;  display: inline-block;}
.tab_wrapper .controller span.next {  float: right;  margin-left: 10px;}
.tab_wrapper .content_wrapper {  float: left;  width: 100%;  border: 1px solid #ccc;  border-top: 0;  box-sizing: border-box;}
.tab_wrapper .content_wrapper .tab_content {  display: none;  padding: 15px 20px;}
.tab_wrapper .content_wrapper .tab_content .error { color: red; }
.tab_wrapper .content_wrapper .accordian_header {  display: none; padding: 10px 20px;  text-transform: uppercase;  font-weight: bold;  border-top: 1px solid #ccc;  border-bottom: 1px solid #fff;  position: relative;  cursor: pointer;}
.tab_wrapper .content_wrapper .accordian_header.active {  color: #49a4d9;  border-bottom: 1px solid #ccc;}
.tab_wrapper .content_wrapper .accordian_header.active:after { position: absolute;  top: 0;  left: 0; content: "";  width: 5px; height: 100%;  background: #49a4d9;}
.tab_wrapper .content_wrapper .accordian_header .arrow {
  float: right;
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative;
  border-radius: 2px;
  transform: rotate(-135deg);
  background: #fff;
  border-top: 3px solid #ccc;
  border-left: 3px solid #ccc;
}
.tab_wrapper .content_wrapper .accordian_header.active .arrow {
  transform: rotate(45deg);
  margin-top: 5px;
  border-top: 3px solid #49a4d9;
  border-left: 3px solid #49a4d9;
}
.tab_wrapper.left_side > ul {
  width: 25%;
  float: left;
  border-bottom: 1px solid #ccc;
}
.tab_wrapper.left_side > ul li {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 18px;
  border-width: 1px;
  border-right: 0;
  border-left: 0;
}
.tab_wrapper.left_side > ul li:after {
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background: #ccc;
}
.tab_wrapper.left_side > ul li.active { border-color: #ccc; }
.tab_wrapper.left_side > ul li.active:after {
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: #49a4d9;
}
.tab_wrapper.left_side > ul li.active:before {
  right: -1px;
  position: absolute;
  top: 0;
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
}
.tab_wrapper.left_side .content_wrapper {
  width: 75%;
  border: 1px solid #ccc;
  float: left;
}
.tab_wrapper.left_side .controller { top: -50px; }
.tab_wrapper.right_side > ul {
  width: 25%;
  float: right;
  border-bottom: 1px solid #ccc;
}
.tab_wrapper.right_side > ul li {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 18px;
  border-width: 1px;
  border-right: 0;
  border-left: 0;
  text-align: right;
}
.tab_wrapper.right_side > ul li:after {
  right: 0;
  left: inherit;
  top: 0;
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background: #ccc;
}
.tab_wrapper.right_side > ul li.active { border-color: #ccc; }
.tab_wrapper.right_side > ul li.active:after {
  right: 0;
  left: inherit;
  top: 0;
  width: 5px;
  height: 100%;
  content: "";
  background: #49a4d9;
}
.tab_wrapper.right_side > ul li.active:before { left: -2px;  right: inherit;  position: absolute;  top: 0;  content: "";  width: 2px;  height: 100%;  background: #fff;}
.tab_wrapper.right_side .content_wrapper {  width: 75%; float: left;  border: 1px solid #ccc;}
.tab_wrapper.right_side .controller { top: -50px; }
.tab_wrapper.accordion .content_wrapper { border-color: #ccc; }
.tab_wrapper.accordion .content_wrapper .accordian_header { display: block; }
.tab_wrapper.accordion > ul { display: none; }
.flip_down > img {
    margin: 46px 0 0;
}
.inner_logo{text-align:left;}
div.panel_tag,p.flip_down {

	text-align: center;
}
 
div.panel_tag {
	widht: 50%;
/* 	height: 100px; */
	display: none;
}


 @media only screen and (max-width: 1200px) {
.accordian_header.tab_2.tab2{background:none!important;}
 .accordian_header.tab_6.tab6{background:none!important;}
 .accordian_header.tab_3.tab3{background:none!important;}
 .accordian_header.tab_4.tab4{background:none!important;}
 .accordian_header.tab_5.tab5{background:none!important;}
 .accordian_header.tab_1.tab1{background:none!important;}
.tab_wrapper .content_wrapper{width:100%;}
.tab_wrapper > ul { display: none; }
.tab_wrapper .content_wrapper { border: 0; }
.tab_wrapper .content_wrapper .accordian_header { display: block; }
.tab_wrapper.left_side .content_wrapper, .tab_wrapper.right_side .content_wrapper {width: 100%;  border-top: 0;}
.tab_wrapper .controller { display: none; }
.tab_wrapper .content_wrapper .accordian_header{padding:10px 10px; font-family:"Source Sans Pro",sans-serif}
}
 @media only screen and (max-width: 979px) {
 .tab_wrapper .content_wrapper {width: 100%;}
 .tab_wrapper .content_wrapper .tab_content{padding:15px 2px;}
 .tab_content p{text-align:justify;}
 .tab_content h3{font-size:14px;}
 }