@font-face {font-family:asstt-r;src:url(utendo-r.ttf);}





    @font-face {font-family:asstt-b;src:url(utendo-b.ttf);}





    .ploader{animation: tt-logo 3s infinite;width:100%;max-width:250px;}





    table{border-collapse:collapse;}





    a{text-decoration:none;}





    td{border:none;}





    





    @keyframes tt-logo {





      0%{opacity:0;transform:scale(0.5,0.5) rotateZ(180deg);}





     50%{opacity:1;transform:scale(1,1) rotateZ(0deg);}





    100%{opacity:0;transform:scale(10,10) rotateZ(360deg);}





        }





    





    





    .mg{margin-bottom:300px;}





    .mg2{margin: 0px 15px;}





    .mg3{margin: 0px 275px;}





    .ttl{font-size:35px;font-family:asstt-b;color:white;}





    .ttxt-g{color:#53b3bb;font-size:40px;font-family:asstt-b;transition-duration:0.5s;}





    .ttxt-w{color:white;font-size:40px;font-family:asstt-b;transition-duration:0.5s;}





    .txt-g{color:#313b3a;font-size:25px;font-family:asstt-r;transition-duration:0.5s;}





    .txt-w{color:#ffffff;font-size:25px;font-family:asstt-r;transition-duration:0.5s;}





    .txt-f{color:#ffffff;font-size:20px;font-family:asstt-r;transition-duration:0.5s;}





    .txt-m{color:#ffffff;font-size:20px;font-family:asstt-r;transition-duration:0.5s;}





    .link-g{color:#53b3bb;font-size:25px;font-family:asstt-b;transition-duration:0.5s;}





    .link-g:hover{color:#313b3a;font-size:25px;font-family:asstt-b;transition-duration:0.5s;}





    .link-w{color:white;font-size:25px;font-family:asstt-b;transition-duration:0.5s;}





    .link-w:hover{color:#313b3a;font-size:25px;font-family:asstt-b;transition-duration:0.5s;}





    .link-f{color:white;font-size:20px;font-family:asstt-r;transition-duration:0.5s;}





    .link-f:hover{color:#313b3a;font-size:20px;font-family:asstt-r;transition-duration:0.5s;}





    .menu{color:white;margin:2px 0px -5px;transition-duration:0.5s;font-size:20px;}

    .menu:hover{color:#53b3bb;margin:2px 0px -5px;background-color:white;border-radius:5px;transition-duration:0.5s;font-size:20px;}

    .msel{color:#53b3bb;margin:2px 0px -5px;background-color:white;border-radius:5px;transition-duration:0.5s;font-size:20px;}





    .icone{font-size:50px;margin:5px;color:#53b3bb;transition-duration:0.5s;}





    .icone:hover{font-size:50px;margin:5px;color:#313b3a;transition-duration:0.5s;cursor:pointer;}





    .link-img{filter:brightness(100%);transition-duration:0.5s;}





    .link-img:hover{filter:brightness(25%);transition-duration:0.5s;} 





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





     .mg3{margin:0px 100px;} 





    }





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





    .ttl{font-size:30px;font-family:asstt-b;color:white;}  





    .ttxt-g{color:#53b3bb;font-size:35px;font-family:asstt-b;transition-duration:0.5s;}





    .ttxt-w{color:white;font-size:35px;font-family:asstt-b;transition-duration:0.5s;}





    .txt-g{color:#313b3a;font-size:20px;font-family:asstt-r;transition-duration:0.5s;}





    .txt-w{color:#ffffff;font-size:20px;font-family:asstt-r;transition-duration:0.5s;}





    .txt-m{color:#ffffff;font-size:15px;font-family:asstt-r;transition-duration:0.5s;}  





    .link-g{color:#53b3bb;font-size:20px;font-family:asstt-b;transition-duration:0.5s;}





    .link-g:hover{color:#313b3a;font-size:20px;font-family:asstt-b;transition-duration:0.5s;}





    .link-w{color:white;font-size:20px;font-family:asstt-b;transition-duration:0.5s;}





    .link-w:hover{color:#313b3a;font-size:20px;font-family:asstt-b;transition-duration:0.5s;}





    .link-f{color:white;font-size:20px;font-family:asstt-r;transition-duration:0.5s;}





    .link-f:hover{color:#313b3a;font-size:20px;font-family:asstt-r;transition-duration:0.5s;}





    .link-img{filter:brightness(100%);transition-duration:0.5s;}





    .link-img:hover{filter:brightness(25%);transition-duration:0.5s;}   





    .icone{font-size:35px;margin:5px;color:#53b3bb;transition-duration:0.5s;}





    .icone:hover{font-size:35px;margin:5px;color:#313b3a;transition-duration:0.5s;cursor:pointer;}





    .mg{margin-bottom:200px;}





    .mg2{margin: 0px 15px;}





    .mg3{margin:0px 50px;}





    }





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





    .ttl{font-size:25px;font-family:asstt-b;color:white;}  





    .ttxt-g{color:#53b3bb;font-size:30px;font-family:asstt-b;transition-duration:0.5s;}





    .ttxt-w{color:white;font-size:30px;font-family:asstt-b;transition-duration:0.5s;}





    .txt-g{color:#313b3a;font-size:20px;font-family:asstt-r;transition-duration:0.5s;}





    .txt-w{color:#ffffff;font-size:20px;font-family:asstt-r;transition-duration:0.5s;}





    .txt-f{color:#ffffff;font-size:18px;font-family:asstt-r;transition-duration:0.5s;}





    .txt-m{color:#ffffff;font-size:15px;font-family:asstt-r;transition-duration:0.5s;}  





    .link-g{color:#53b3bb;font-size:20px;font-family:asstt-b;transition-duration:0.5s;}





    .link-g:hover{color:#313b3a;font-size:20px;font-family:asstt-b;transition-duration:0.5s;}





    .link-w{color:white;font-size:20px;font-family:asstt-b;transition-duration:0.5s;}





    .link-w:hover{color:#313b3a;font-size:20px;font-family:asstt-b;transition-duration:0.5s;}





    .link-f{color:white;font-size:18px;font-family:asstt-r;transition-duration:0.5s;}





    .link-f:hover{color:#313b3a;font-size:18px;font-family:asstt-r;transition-duration:0.5s;}





    .link-img{filter:brightness(100%);transition-duration:0.5s;}





    .link-img:hover{filter:brightness(25%);transition-duration:0.5s;}   





    .icone{font-size:20px;margin:5px;color:#53b3bb;transition-duration:0.5s;}





    .icone:hover{font-size:20px;margin:5px;color:#313b3a;transition-duration:0.5s;cursor:pointer;}





    .mg{margin-bottom:100px;}





    .mg2,.mg3{margin: 0px 15px;}  





    }