/* html, body { */
	/* padding:0; */
  /* width: 100%; */
  /* direction:rtl; */
/* } */

/* h1 { */
  /* font-size: 26px; */
  /* background: #00bcd4; */
  /* color: white; */
  /* padding-bottom:20px; */
  /* margin-bottom: 120px; */
  /* text-align:center; */
  /* width:100%; */
/* } */



.tab-wrap {
	  width: 100%;
  /* margin-right: 20%; */
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* top: -106px; */
}

input[type="radio"][name="tabs"] {
  position: absolute;
  z-index: -1;
}
input[type="radio"][name="tabs"]:checked + .tab-label-content #lab {
  color: #fbbb05;
  background:black;
  border-bottom:solid 5px #E2001A;;
}
input[type="radio"][name="tabs"]:checked + .tab-label-content .tab-content {
  display: block;
}
input[type="radio"][name="tabs"]:nth-of-type(1):checked ~ .slide {
  right: calc((100% / 2) * 0);
}
input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide {
  right: calc((100% / 2) * 1);
}
input[type="radio"][name="tabs"]:nth-of-type(3):checked ~ .slide {
  right: calc((100% / 2) * 2);
}
input[type="radio"][name="tabs"]:nth-of-type(4):checked ~ .slide {
  right: calc((100% / 2) * 3);
}
input[type="radio"][name="tabs"]:nth-of-type(5):checked ~ .slide {
  right: calc((100% / 2) * 4);
}
input[type="radio"][name="tabs"]:nth-of-type(2):checked ~ .slide {
  right: calc((100% / 2) * 5);
}
input[type="radio"][name="tabs"]:nth-of-type(7):checked ~ .slide {
  right: calc((100% / 2) * 6);
}
input[type="radio"][name="tabs"]:nth-of-type(8):checked ~ .slide {
  right: calc((100% / 2) * 7);
}
input[type="radio"][name="tabs"]:first-of-type:checked ~ .slide {
  right: 0;
}

#lab {
  cursor: pointer;
  color: #FFF;
  background-color: #626B71;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  height: 50px;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
  width: 100%;
  font-family:'police';
  font-size:16px;
  font-family: 'KacstTitle';
  
}

.slide {
  background: #E2001A;
  width: calc(100% / 2);
  height: 5px;
  position: absolute;
  right: 0;
  top: calc(100% - 5px);
  -webkit-transition: right 0.3s ease-out;
  transition: right 0.3s ease-out;
}

.tab-label-content {
  width: 100%;
}
.tab-label-content .tab-content {
  position: absolute;
  top: 55px;
  right: 0px;
  line-height: 130%;
  display: none;
  direction:rtl;
  text-align:center;
  width:100%;
  overflow:hidden;
}

#bloque{
	/* border-top:5px solid #000; */
	/* background: #E2001A; */
	width:100%;
	/* text-align:right; */
	/* clear:both; */
	/* height:300px; */
	/* background:yellow; */
	-webkit-animation-name: example; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
    animation-name: example;
    animation-duration: 1s;
	
}
@-webkit-keyframes example {
    /* from { width:0px;} */
    /* to { width:100%;} */
	from {
   visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
  }
}

/* Standard syntax */
@keyframes example {
    /* from { width:0px;} */
    /* to {width:100%;} */
	from {
   visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to { -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    
  }
}
#lienB{
	    outline:none;
	font-family:'police';
	font-size:14px;
	height:20px;
	width:24%;
	margin:2px;
	padding:0;
	border:none;
	background:#E2001A;
	color:white;
	cursor:pointer;
	transition: all 300ms linear;
	
}
#lienB:hover{
	color:#E2001A;
	background:#FBBB05;
}