.stf{
/*width:760px;*/
/*height:320px;*/
  position:relative;
  top:20px;
  margin:0 auto;
}
.stf #sideb{
  background:transparent;
/*  border:1px solid #666;*/
/*  box-shadow:0 0 5px rgba(0,0,0,0.2);*/
width:100%;
/*  height:400px;*/
  position:absolute;
  top:130px;
  text-align:center;
}


.img-con {
    width: 60vw;
    height: 25vh;
    /* border-radius: 50%; */
    margin: auto;
    border: 5px solid #00a4e5;
    height: 70vh;
    background: #eee;
    color: #333;
    overflow: hidden;
}
.img-con img{
    width: auto;
    height: 100%;
    margin: auto;
    margin-left: -40px;
    margin-right: -40px;
}



.stf #sideb .ch{
  box-sizing:border-box;
/*padding-top:30px;*/
  width:100%;
/*height:400px;*/
  position:absolute;
/*  top:0px;*/
/*  left:0px;*/
    
    padding: 30px 0;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
.stf .ch1, .stf .ch2, .stf .ch3, .stf .ch4, .stf .ch5, .stf .ch6, .stf .ch7, .stf .ch8, .stf .ch9, .stf .ch10, .stf .ch11, .stf .ch12, .stf .ch13{
  display:none;
}
.stf .a{
      width: 10vh;
    background-color: #fff;
    height: 10vh;
    outline: 1px solid #777;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    margin: 5px;
    border: 3px solid #fff;
    transform: scale(1) rotate(0deg);
    position: relative;
    transition: ease-in-out 0.2s;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.stf .a:hover {
    outline: 1px solid #00a4e5;
    border: 3px solid #00a4e5;
}
.stf .a.acth{
  transform:scale(1.3) rotate(-10deg);
    outline: 1px solid #00a4e5;
    border: 3px solid #00a4e5;
  z-index:9;
}
.stf #botta{
/*  width:480px;*/
/*margin-left:235px;*/
  text-align:center;
  position:relative;
/*  bottom:-100vh;*/
}


.stf h1{
  font:30px;
  letter-spacing: -1px;
font-weight:900;
  margin: 20px auto 0;
    color: #333;
    POSITION: absolute;
    width: 100%;
    top: 30px;
    text-shadow: 0 0 2px white;
}
.stf h2{
  font:12px tahoma;
  margin: 0 auto;  
  letter-spacing:2px;
    color: #666;
        position: absolute;
    width: 100%;
    top: 90px;
}
.stf #clh, .stf p{
  font:11px sans-serif;
  text-align:justify;
  font-weight:bold;
  display:none;
    
}
.stf #clh{
  padding:0 45px;
  margin-top:40px;
  color:#777;
}
.stf p{
  padding:0 20px;
  margin-top:20px;
  color:#999;
    display: none !important;
}
.ch #cth{
    display: none !important;
  font:8px tahoma;
  letter-spacing:1px;
  padding:0 45px;
  text-align:center;
  color:#777;
  display:block;
  margin-top:20px;
  font-weight:bold;
}
.ch #cth b{
  display:block;
  letter-spacing:-1px;
  font:13px raleway;
  font-weight:800;
  color:#444;
}
.ch .cnt{
  width:200px;
  height:50px;
  position:absolute;
  bottom:0px;
  left:0px;
    display: none;
}
.ch .cnt a{
  height:50px;
  box-sizing:border-box;
  background:rgba(0,0,0,0.05);
  display:inline-block;
  vertical-align:top;
  font-size:20px;
  color:#333;
  width:100px;
  padding-top:14px;
}
.ch .cnt a:first-child{
  background:rgba(0,0,0,0.08);
}

#botta span {
    color: #00a4e5 !important;
    font-size: 32px;
}

#Tlogo {
    height: auto !important;
    position: relative;
    top: 35%;
    left: 35%;
}