@charset "utf-8";

.wrapper {
  /* width:100%; display:block; */
}

.wrapper .tabs-wrapper { overflow: hidden; display:block; position: relative;}

.wrapper .tabs-wrapper .tab-content a:hover { text-decoration: underline; }

.wrapper .tabs-wrapper .tab-content ul {
  margin: 0; display:block;
  padding-left: 20px;
  list-style: square;
}

.wrapper .tabs-wrapper .tab-content ul li { margin-bottom: 5px; }

.animated {
  -webkit-animation-duration: 150ms;
  animation-duration: 150ms;
}


.tabs-wrapper {
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.tabs-wrapper select.tab-nav { display: none; }

.tabs-wrapper ul.tab-nav {
  list-style: none;
  display: block;
  margin-bottom: 50px;

}

.tabs-wrapper ul.tab-nav li { text-align:center; font-size:26px;  font-family:'PT Serif';
  display: inline-block; width:calc(33% - 2px); 
  
}
.tabs-wrapper ul.tab-nav li:last-child{ margin-right:0;}
.tabs-wrapper ul.tab-nav li a {
  text-decoration: none; padding:7px 0;
  color: #FFC82E; background:#EFEFEF;
  font-weight: 700;
  display: block;
  border-radius:5px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.tabs-wrapper ul.tab-nav li.active a {
color: #ffffff;
  background: #FFC82E;
}

.tabs-wrapper ul.tab-nav li:hover a { background: #FFC82E; color: #ffffff; }

.tabs-wrapper .target-tabs {
  border-top-width: 0px;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}

.tabs-wrapper .target-tabs .tab-content {
  display: none;
  padding: 20px 0;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}

.tabs-wrapper .target-tabs .tab-content .tab-heading .tab-no {
  font-size: 28px;
  font-weight: light;
}

/*.tabs-wrapper .target-tabs .tab-content p {
  line-height: 24px;
  word-spacing: 1px;
}*/
.tabs-wrapper .target-tabs .tab-content img{ max-width:100%; height:auto;}
.tabs-wrapper .target-tabs .tab-content.active { display: block; }

.tabs-wrapper .target-tabs .tab-content.inactive { position: absolute; }

/*.tabs-wrapper .target-tabs .tab-content a {
  color: #007FD3;
  text-decoration: none;
}*/

 @media screen and (max-width: 850px) {
.tabs-wrapper ul.tab-nav li { font-size:20px;}
}



 @media screen and (max-width: 768px) {

.tabs-wrapper ul.tab-nav { display: none; }

.tabs-wrapper select.tab-nav {
  display: flex;
  position: relative!important;
  width: 100%;
  padding: 10px;
  font-size:22px;
  border: 3px solid  #FFC82E;
  border-radius: 2px;
  display: block;
  appearance: auto!important;
}




.tabs-wrapper select.tab-nav:focus { outline: none; }

.tabs-wrapper .target-tabs { border-radius: 0px 0px 2px 2px; }
}


 @media screen and (max-width: 768px) {
  .tabs-wrapper::before {
      content: '';
      position: absolute;
      background-image:  url("../../images/icon_down.png");
      background-position: 50% 50%;
      background-repeat: no-repeat;
      width: 21px;
      height: 20px;
      right: 15px;
      top: 13px;
      z-index: 5;
      pointer-events: none;
    }
}