*{
    margin:0;
    padding:0;
}
body{ background-color:#fff; 
   min-width:200px;
}
footer{
      position:relative;
   bottom:0px;
   display:none;
}
main{ 
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
  margin:0px;
  padding:0;
    position:relative;
   top:0px;
    width: 100%;
    height: auto;
 word-wrap: normal;
     overflow:hidden;  

}
#descriptions{
    width:70%;
 position:relative;
  top:0;
 margin:30px auto;
  padding:0;
display:none;

}
#tab-buttons{
    width:100%;
    height:50px;
    display:flex;
    flex-wrap:wrap;
    margin:0 0 1px 0;
}
.tab1, .tab2{
   position:relative;
    top:5px;
margin:0px 50px 0 0;
 padding:0 0 30px 0;
color: #0F2851;
font-size: 27px;
font-style: normal;
font-weight: 600;
cursor:pointer;
line-height: normal;
}
.tab1:hover, .tab2:hover{
 color:#1081E8;    
}
[run="run"]{
    position:relative;
    top:5px;
 border-bottom:6px solid  #1081E8;
 color:#1081E8;
 
}
  
#descriptions #info_name{
      position:relative;
      top:0;
  
}



#descriptions {
   display:none;
}
#descriptions hr{
    z-index:0;
    margin:110px 0;
}
#descriptions h1{
text-align: center;
color:cornflowerblue;
font-weight:900;
margin:5px 0 50px 0;
  word-break:normal;
}
#descriptions h2{
text-align: center;
font-weight:900;
margin:5px;
color:cornflowerblue;
  word-break:normal;
}
#data_infos{
     width:100%;
  word-break:normal;
      font-size:16pt;
 margin:80px 0;
 display:none;

}
[id^=info_data]{
overflow:hidden;
    margin:1px 0;
}
#data_infos #info_data1 #info_img{
    margin:0 40px 10px 0;
    height:auto;
    width:auto;
    /*max-height:34vw;*/
    max-width:34vw;
border-radius: 26px;

    float:left;
}
#data_infos #info_data2 #info_img{
    margin:0 0 10px 40px ;
    height:auto;
    width:auto;
    /*max-height:34vw;*/
    max-width:34vw;
border-radius: 26px;

    float:right;
}

#videos{
    position:relative;
   top:10px;
   width:100%;
     height:auto;
    text-align:center;
      margin:0 0 50px 0;
      padding:0;
      overflow:hidden;
      display:none;
}
 #videos iframe{
 margin:0 auto;
      text-align:center;
    width:70vw;
    height:39vw; 
}
 #gl_img{
     position:relative;
     top: 0px;
  width:100%;

    height: auto;
    display:flex;
    flex-flow:wrap;
    justify-content:center;
 
}

 #gl_img img{
     position:relative;
     top:1px;
    width:100%;
    height:auto;
   border-radius: 0px 0px 46px 46px;
  
}


#showdiv{
    padding:0;
    margin:0;
    position:relative;
    right:0%;
     width:100%;
    top: 0px;
  
  z-index:11;
}
[data="active"]{
 cursor:pointer;
 
}
#hr{
    margin:1px 0;
}

@media only screen and (max-width: 1250px) {
    #descriptions{
    width:80%;
 position:relative;
  top:0;
 margin:30px auto;
  padding:0;
}

#data_infos #info_data1 #info_img{
    margin:0 40px 10px 0;
    height:auto;
    width:auto;
    max-height:38.5vw;
    max-width:38.5vw;
border-radius: 26px;
    float:left;
}
#data_infos #info_data2 #info_img{
    margin:0 0 10px 40px ;
    height:auto;
    width:auto;
    max-height:38.5vw;
    max-width:38.5vw;
border-radius: 26px;
    float:right;
}
#descriptions hr{
    z-index:0;
    margin:80px 0;
}
 #videos iframe{
    width:80vw;
    height:44vw;
}
}
@media only screen and (max-width: 1150px) {
    #descriptions{
    width:90%;
 position:relative;
  top:0;
 margin:30px auto;
  padding:0;
}

#data_infos #info_data1 #info_img{
    margin:0 40px 10px 0;
    height:auto;
    width:auto;
    max-height:43.5vw;
    max-width:43.5vw;
border-radius: 26px;
    float:left;
}
#data_infos #info_data2 #info_img{
    margin:0 0 10px 40px ;
    height:auto;
    width:auto;
    max-height:43.5vw;
    max-width:43.5vw;
border-radius: 26px;
    float:right;
}
#descriptions hr{
    z-index:0;
    margin:70px 0;
}
 #videos iframe{
    width:90vw;
    height:50vw;
}
}
@media only screen and (max-width: 600px) {
/*    #descriptions{*/
/*    width:90%;*/
/* position:relative;*/
/*  top:0;*/
/* margin:30px auto;*/
/*  padding:0;*/
/*}*/
.tab1, .tab2{
   position:relative;
    top:5px;
margin:0px 30px 0 0;
 padding:0 0 30px 0;
color: #0F2851;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
} 
@media only screen and (max-width: 500px) {
    #descriptions{
    width:90%;
 position:relative;
  top:0;
 margin:30px auto 0 auto;
  padding:0;
}
 #videos iframe{
 margin:0 auto;
      text-align:center;
    width:90vw;
    height:50vw; 
}

#tab-buttons{
    width:100%;
    height:50px;
    display:flex;
    flex-wrap:wrap;
    margin:0 0 1px 20px;
}
.tab1, .tab2{
   position:relative;
    top:5px;
margin:0px 30px 0 0;
 padding:0 0 30px 0;
color: #0F2851;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
[run="run"]{
    position:relative;
    top:5px;
 border-bottom:6px solid  #1081E8;
 color:#1081E8;
 z-index:10;
}
#descriptions hr{
    z-index:0;
    margin:30px 0;
}
  
#gl_img{
    position:relative;
    height:185vw; 
    display:none;
    border-radius: 0px 0px 26px 26px;
   overflow:hidden;
}

#data_infos{
    display:block; 
    padding:0 20px;
      font-size:16pt;
 margin:30px 0;
  display:none
}
[id^=info_data]{
    margin:0;
}
#data_infos #info_data1 #info_img{
  margin:auto;
    width:auto;
    height:auto;
   max-width:100%;
    max-height:100%;
      margin:0 0 30px 0;
    border-radius:25px;
    float:none;
} 
  #data_infos #info_data2 #info_img{
   margin:auto;
    width:auto;
    height:auto;
   max-width:100%;
   max-height:100%;
    margin:0 0 30px 0;
    
    border-radius:15px;
    float:none;
} 


#descriptions #info_name{
    height:60px;
    display:block;
    overflow:hidden;
    word-break:normal;
    background:#fff;
    font-size:20px;
    font-weight:900;
    text-align:center;
z-index:0;
}
#info_data1{
 word-break:normal;
margin: 0;
 padding:5px 0
}
#info_data2{
 word-break:normal;
margin: 0;
 padding:5px 0
}

#showdiv{
    padding:0;
    margin:0;
    position:relative;
    top:-100px;
display:flex;

     width:100%;
    top: 0px;
  
  z-index:11;
}
#descriptions #show{
position:absolute;
text-align:center;
    background:#fff;
    border-radius:15px;
    color:rgb(12,173,209);
    border:1px solid rgb(12,173,209);
    font-size:30px;
    font-weight:900;
    padding:0;
    margin:0;
    cursor:pointer;
    width:200px;
    text-align:center;
    word-break:normal;
 z-index:11;
}
}
@media only screen and (max-width: 400px) {
#tab-buttons{
    width:100%;
    height:50px;
    display:flex;
    flex-wrap:wrap;
    margin:0 0 1px 0px;
}
.tab1, .tab2{
   position:relative;
    top:5px;
 margin:0;
 padding:0 0 30px 0;
color: #0F2851;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
}
.tab1{
 margin:0px 20px 0 0;   
}
[run="run"]{
    position:relative;
    top:5px;
 border-bottom:6px solid  #1081E8;
 color:#1081E8;
 z-index:10;
}
#descriptions #name{
    height:60px;
    display:block;
    overflow:hidden;
    word-break:normal;
    background:#fff;
    font-size:20px;
    font-weight:900;
    text-align:center;
z-index:0;
}

}
@media only screen and (max-width: 350px) {

.tab1, .tab2{
   position:relative;
    top:5px;
margin:0px 30px 0 0;
 padding:0 0 30px 0;
color: #0F2851;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
}


}