.banner {
  background: #000;
}
.banner_left{
      text-align: center;
      padding: 0px;
}
.banner_left img {
      padding: 80px;
      position: relative;
      top: 20px;
      left: 40px;
      margin: 0 auto;

}
.banner_right img{
   max-width: 85%;
   padding-top: 60px;
       margin: 0 auto;
}

.s1_bg {
  background: #000;
}

.main {
  background: #000;
}
.right_text p{
  font-size: 16px;
}

.max_content {
  max-width: 900px;
  margin: 0 auto;
  padding: 30px;
  color: #fff;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  margin-top: 20px;
  margin-bottom: 50px;
}

.max_content p {
  /* text-align: justify; */
  text-align: justify;
  line-height: 30px;
  font-size: 18px;
  margin-bottom: 0px;
}

.max_content p span {
  color: #BE9239;
}

.title_line {
  width: 100%;
  height: 2px;
  background: #BE9239;
  display: block;
  position: relative;
  top: -18px;
}

h2 span.title {
  color: #fff;
  background: #000;
  position: relative;
  z-index: 2;
  padding: 15px 25px;
  position: relative;
}

h2 span.title:before {
  content: '';
  background: url('../../dist/img/png01.png');
  display: inline-block;
  background-size: cover;
  width: 40px;
  height: 40px;
  position: relative;
  top: 8px;
  margin-right: 10px;
}

.s2 {
  padding-bottom: 40px;
}

.s2 h2.title_wrap {
  margin-bottom: 50px;
}

/* tab */

.tab-content {
  background: #F7A919;
  margin-bottom: 20px;
}

.box_content {
  padding: 20px;
}

.box_content h3 {
  background: #9E5330;
  margin: 0px;
  color: #fff;
  display: inline-block;
  padding: 15px 30px;
  position: relative;
  left: -20px;
  margin-bottom: 20px;
}

.box_content h3:after {
  content: '';
  width: 35px;
  height: 56px;
  display: inline-block;
  position: absolute;
  background: #9E5330;
  -moz-transform-origin: bottom;
  -moz-transform: skewX(-20deg);
  -webkit-transform-origin: bottom;
  -webkit-transform: skewX(-20deg);
  -o-transform-origin: bottom;
  -o-transform: skewX(-20deg);
  -ms-transform-origin: bottom;
  -ms-transform: skewX(-20deg);
  transform-origin: bottom;
  transform: skewX(-20deg);
  position: absolute;
  top: 0px;
}

.more_btn img {
  max-width: 100%;
}

.more_btn img:hover {
  opacity: 0.8;
}

.box_content p {
  color: #fff;
  line-height: 30px;
  font-size: 16px;
}

.tab-content .row {
  position: relative;
}

.more_btn {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translate(-0%, -50%);
}

.box_content p span {
  font-size: 25px;
}

.nav-pills>li>a {
  color: #fff;
  font-size: 18px;
  background-color: #9E5330;
  width: 100%;
  text-align: center;
  display: inline-block;
      line-height: 30px;
}

.nav-pills>li {
  float: left;
  /* display: inline-block; */
  width: 20%;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
  background-color: #F7A919;
  text-decoration: underline;
}

.nav>li>a:hover,
.nav>li>a:focus {
  background-color: #F7A919;
  text-decoration: underline;
}

.nav-pills>li>a {
  border-radius: 0px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-right: 1px solid #877258;
}
.nav-pills>li>a:after{
  content:'';
  background: url('../../dist/img/play.png');
      width: 25px;
      height: 25px;
      display: inline-block;
      background-size: cover;
      position: relative;
      top: 6px;
      margin-left: 5px;
}

.nav-pills>li+li {
  margin-left: 0px;
}


/* sidebar */

.left_img {
  padding: 0px;
}

.left_img img {
  -webkit-box-shadow: 10px 10px 6px -10px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 6px -10px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 6px -10px rgba(0, 0, 0, 0.75);
}

.post_list {
  padding: 0px;
  margin: 0px;
}

.post_list .post_item {
  list-style-type: none;
  border-bottom: 1px solid #000;
  padding: 15px 15px 15px;
}

.post_list .post_item a {
  color: #58595B;
}

.post_list .post_item a:hover {
  color: #003B7F;
}

.post_list .post_item .row {
  margin-left: 0px;
  margin-right: 0px;
  display: block;
}
.post_list .post_item {
  list-style-type: none;
  border-bottom: 1px solid #000;
  padding: 15px 15px 15px;
  min-height: 10px;
}

.sidebar {
  background: #fff;
}

.sidebar h2 {
  text-align: center;
  padding-top: 20px;
  color: #003B7F;
  border-bottom: 1px solid #000;
  padding-bottom: 20px;
  margin-bottom: 0px;
}
.footer_top{
  padding:60px 80px;
  background: #f6f6f6;
}
.footer_top p{
  color:#8f8f8f;
  line-height: 30px;
  text-align: justify;
}
.footer_top p span{
      color: #012b79;
  font-weight: bold;
  
}
.footer_top .logo {
  float: left;
 /* padding-right: 20px; */
}
.footer_top .logo img{
  /* max-width: 200px; */
  
}

@media (max-width:991px) {
  .more_btn {
    position: relative;
    right: 0px;
    top: 0px;
    transform: translate(-0%, 0%);
    max-width: 250px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .banner_right img {
    max-width: 100%;
    padding-top: 60px;
    margin: 0 auto;
  }
}

@media (max-width:767px) {
  .banner_left img {
    padding: 10px 0 10px 0;
    padding-left: 25px;
    padding-right: 25px;
     position: relative;
     top: 0px;
     left: 0px;
     
  }
  .banner_right img {
    max-width: 100%;
    padding-top: 0px;
    margin: 0 auto;
  }
  .banner_left {
    clear: both;
    padding-top: 20px;
    overflow: hidden;
    padding-bottom: 20px;
  }
  .banner .col-sm-4 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .banner {
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
  }
  .max_content {
    padding-left: 15px;
    padding-right: 15px;
  }
  .footer_top {
    padding: 20px 15px;
    /* background: #3b3b3b; */
  }

 

  /* .footer_top p span {
    color: #BE9239;
  } */

  .footer_top .logo {
    float: none;;
    padding-right: 0px;
    margin-bottom: 15px;
        display: block;
  }

  .footer_top .logo img {
    max-width: 300px;
  }
}
@media (max-width:480px) {
 .tab-pane iframe{
  height: 210px;
 }
 .nav-pills>li>a:after {
   content: '';
   background: url('../../dist/img/play.png');
   width: 25px;
   height: 25px;
   display: block;
   background-size: cover;
   top: 6px;
   margin-left: 0px;
   margin: 0 auto;
 }
}