:root
{
--blue0:#083254;
--blue1:#1d4c70;
--blue2:#5e8eb8;
--blue3:#7fa8c9;
--blue4:#dcf0fa;
--blue5:#f0f9fc;
--blue6:#2196f340;
--overlay-color:#3800ff40;
--green:#1b88d1;
--red:#ed0000;
--red2:#ed0000;
--normal-fillcolor:transparent;
--text-color:var(--blue2);
--back-color:#fff;
--overlay-color:#083254;
--overlay-gradient:linear-gradient(45deg,var(--blue1),var(--blue6));
--logo-color1:#8dd0ed;
--logo-color2:#1a5c83;
--logo-color3:var(--blue2);
--logo-color4:var(--blue2);
--roweven:var(--blue4);
--rowodd:var(--blue5);
--rowhover:var(--blue1);
--delaybox:#ffffff80;
--trptteven:#f3f3f3;
--trpttodd:#eae9e9;
--trpttline:#d5d5d5;
--connected:#228b837d;
--disconnected:#ed143d85;
--font-size:1em;
--font-family-sans-serif:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
[data-theme='default']
{--color-default:#252b30;
--logo-color1:var(--blue3);
--logo-color2:var(--blue1);
--logo-color3:var(--blue2);
--logo-color4:var(--blue2)}[
data-theme='dark']
{--blue0:#171717;
--blue1:#292929;
--blue2:#353535;
--blue3:#565656;
--blue4:#7d7d7d;
--blue5:#2d2d2d;--blue6:#3f3f3f;
--overlay-color:#0003;
--logo-color1:#fff;
--logo-color2:#fff;
--logo-color3:#fff;
--logo-color4:#fff;
--normal-fillcolor:transparent;
--text-color:#fff;
--back-color:var(--blue2);
--overlay-gradient:linear-gradient(45deg,var(--blue1),var(--blue6));
--roweven:var(--blue2);
--rowodd:var(--blue1);
--rowhover:#000;
--trptteven:#313131;
--trpttodd:#2b2b2b;
--delaybox:#ffffff14;
--trpttline:var(--blue6);
--font-size:1em;background-color:var(--blue2);color:#fff}

[data-theme='ocean']
{--blue0:#409090;
--blue1:#2B6C68;
--blue2:#25968F;
--blue3:#0BB9AE;
--blue4:#c3fff2;
--blue5:#dbfff9;
--blue6:#21f3cd7d;
--overlay-color:#21f3cd2b;
--logo-color1:var(--blue3);
--logo-color2:var(--blue1);
--logo-color3:var(--blue2);
--logo-color4:var(--blue2);
--text-color:var(--blue1);
--overlay-gradient:linear-gradient(45deg,var(--blue1),var(--blue6));
--rowhover:var(--blue1)}

[data-theme='yellow']
{--color-default:#ffc107}

[data-theme='violet']
{--blue0:#FCE8FF;
--blue1:#88029d;
--blue2:#BC55CA;
--blue3:#D463E3;
--blue4:#FBE0FF;
--blue5:#F6BFFE;
--blue6:#3800ff63;
--overlay-color:#3800ff21;
--logo-color1:var(--blue3);
--logo-color2:var(--blue1);
--logo-color3:var(--blue2);
--logo-color4:var(--blue2);
--overlay-gradient:linear-gradient(45deg,var(--blue1),var(--blue6));
--rowhover:var(--blue1)}

[data-theme='blue']
{--blue0:#415b8a;
--blue1:#415b8a;
--blue2:#49618c;
--blue3:#5170a8;
--blue4:#fcfce8;
--blue5:#d7eef7;
--blue6:#81a7eb;
--overlay-color:;
--logo-color1:var(--blue3);
--logo-color2:var(--blue1);
--logo-color3:var(--blue2);
--logo-color4:var(--blue2);
--overlay-gradient:linear-gradient(45deg,var(--blue1),var(--blue6));
--rowhover:#415b8a}

[data-theme='gold']
{--blue0:#917c43;
--blue1:#917c43;
--blue2:#c4a85a;
--blue3:#DEB357;
--blue4:#edc21c;
--blue5:#fff2cc;
--blue6:#fff2c2;
--overlay-color:#ffc20024;
--logo-color1:var(--blue3);
--logo-color2:var(--blue1);
--logo-color3:var(--blue2);
--logo-color4:var(--blue2);
--overlay-gradient:linear-gradient(45deg,var(--blue3),var(--blue3));
--text-color:var(--blue1);
--rowhover:var(--blue1)}

[data-theme='gris']
{--blue0:#e3f2fdff;
--blue1:#bbdefbff;
--blue2:#90caf9ff;
--blue3:#64b5f6ff;
--blue4:#42a5f5ff;
--blue5:#2196f3ff;
--blue6:#1e88e5ff;
--overlay-color:#ffc20024;
--logo-color1:var(--blue3);
--logo-color2:var(--blue1);
--logo-color3:var(--blue2);
--logo-color4:var(--blue2);
--overlay-gradient:linear-gradient(45deg,var(--blue1),var(--blue6));
--text-color:var(--blue1);
--rowhover:var(--blue1)}

[data-theme='grisy']
{--blue0:#52637d;
--blue1:#687d9c;
--blue2:#8ca7cf;
--blue3:#abcaf7;
--blue4:#ebf3ff;
--blue5:#e9edf5;
--blue6:#a9b3c7;
--overlay-color:#ffc20024;
--logo-color1:var(--blue3);
--logo-color2:var(--blue1);
--logo-color3:var(--blue2);
--logo-color4:var(--blue2);
--overlay-gradient:linear-gradient(45deg,var(--blue1),var(--blue6));
--text-color:var(--blue1);
--rowhover:var(--blue1)}

[data-theme='royal']
{--blue0:#07406d;
--blue1:#02599d;
--blue2:#337ab7;
--blue3:#689fcd;
--blue4:#c3ecff;
--blue5:#dbf4ff;
--blue6:#2196f340;
--overlay-color:#3800ff40;
--logo-color1:var(--blue3);
--logo-color2:var(--blue1);
--logo-color3:var(--blue2);
--logo-color4:var(--blue2);
--overlay-gradient:linear-gradient(45deg,var(--blue1),var(--blue6));
--text-color:var(--blue1);
--rowhover:var(--blue1)}

[data-theme='grisu']
{--blue0:#6b7078;
--blue1:#A6ACAF;
--blue2:#808B96;
--blue3:#afb8c4;
--blue4:#cad4e0;
--blue5:#F0F0F0;
--blue6:#f5faff;
--overlay-color:#ffc20024;
--logo-color1:var(--blue3);
--logo-color2:var(--blue1);
--logo-color3:var(--blue2);
--logo-color4:var(--blue2);
--overlay-gradient:linear-gradient(45deg,var(--blue1),var(--blue6));
--text-color:var(--blue1);
--rowhover:var(--blue1)}

[data-theme='kaki']
{--blue0:#4a5c46;
--blue1:#5e7559;
--blue2:#81a17a;
--blue3:#446e3b;
--blue4:#5e9951;
--blue5:#76bf65;
--blue6:#cffac5;
--overlay-color:#ffc20024;
--logo-color1:var(--blue3);
--logo-color2:var(--blue1);
--logo-color3:var(--blue2);
--logo-color4:var(--blue2);
--overlay-gradient:linear-gradient(45deg,var(--blue1),var(--blue6));
--text-color:var(--blue1);
--rowhover:var(--blue1)}

[data-theme='red']
{--blue0:#6d0707;
--blue1:#9d0202;
--blue2:#b73333;
--blue3:#cd6868;
--blue4:#ffc3c3;
--blue5:#ffdbdb;
--blue6:#ff000040;
--overlay-color:#ff00001c;
--logo-color1:var(--blue3);
--logo-color2:var(--blue1);
--logo-color3:var(--blue2);
--logo-color4:var(--blue2);
--overlay-gradient:linear-gradient(45deg,var(--blue1),var(--blue6));
--rowhover:var(--blue1)}

[data-theme='apple']
{--blue0:#0e6d07;
--blue1:#256821;
--blue2:#34972E;
--blue3:#3CAB35;
--blue4:#c6ffc3;
--blue5:#ddffdb;
--blue6:#01ff0040;
--overlay-color:#00ff0024;
--logo-color1:var(--blue3);
--logo-color2:var(--blue1);
--logo-color3:var(--blue2);
--logo-color4:var(--blue2);
--overlay-gradient:linear-gradient(45deg,var(--blue1),var(--blue6));
--text-color:var(--blue1);
--rowhover:var(--blue1)}*{scroll-margin-top:40px}a{color:var(--text-color)}
.sticky-top{z-index:999!important}
.dropdown-menu.show{background:var(--blue1);
z-index:1000!important}
.dropdown-item{color:#fff}
.title{background:linear-gradient(45deg,var(--blue6),var(--blue1),var(--blue6));
margin-bottom:30px}
.dropdown-item:hover{background:white!important;color:black!important}
.cls-1{fill:var(--logo-color1)}
.cls-2{fill:var(--logo-color2)}
.cls-3{fill:var(--logo-color3)}
.cls-4{fill:var(--logo-color4)}
.cls-5{letter-spacing:0em}
.cls-3{font-size:172px}.cls-3,
.cls-4{font-family:STIXGeneral-Regular,STIXGeneral}
.cls-6{letter-spacing:-.03em}
.cls-7{letter-spacing:0em}.
cls-8{letter-spacing:0em}
.cls-4{font-size:72px}
.cls-9{letter-spacing:-.03em}
.cls-10{letter-spacing:0em}
.modal-body{background:#fff}
.modal-dialog-scrollable 
.modal-body{padding:0}
.footer{background:var(--blue2)}
.tghighlight{background:var(--green);color:#fff}
.tgGreen,
.logClass{color:var(--text-color)}
.jumbotron{background:var(--back-color);
margin-bottom:0}
.blue1{background:var(--blue1)}
.blue2{background:var(--blue2)}
.blue3{background:var(--blue3)}
.blue3:hover{background:var(--blue2)}
.blue3:active{background:orange}
.blue3:focus{background:var(--blue3)}input[type="checkbox"]
.ios8-switch{position:absolute;margin:8px 0 0 16px}
input[type="checkbox"]
.ios8-switch+label{position:relative;padding:5px 0 0 50px;line-height:2em}input[type="checkbox"]
.ios8-switch+label:before{
content:"";
position:absolute;
display:block;
left:0;
top:0;
width:40px;
height:24px;
border-radius:16px;
background:#fff;
border:1px solid #d9d9d9;
-webkit-transition:all 0.3s;transition:all 0.3s}
input[type="checkbox"]
.ios8-switch+label:after{
content:"";
position:absolute;
display:block;
left:0;
top:0;
width:24px;
height:24px;
border-radius:16px;
background:#fff;
border:1px solid #d9d9d9;
-webkit-transition:all 0.3s;
transition:all 0.3s}

input[type="checkbox"]
.ios8-switch+label:hover:after{box-shadow:0 0 5px rgba(0,0,0,.3)}

input[type="checkbox"]
.ios8-switch:checked+label:after{margin-left:16px}

input[type="checkbox"]
.ios8-switch:checked+label:before{background:var(--blue2)}

input[type="checkbox"]
.ios8-switch-sm{margin:5px 0 0 10px}

input[type="checkbox"]
.ios8-switch-sm+label{
position:relative;
padding:0 0 0 32px;
line-height:1.3em}

input[type="checkbox"]
.ios8-switch-sm+label:before{
width:25px;
height:15px;
border-radius:10px}

input[type="checkbox"]
.ios8-switch-sm+label:after{
width:15px;
height:15px;
border-radius:10px}

input[type="checkbox"]
.ios8-switch-sm+label:hover:after{box-shadow:0 0 3px rgba(0,0,0,.3)}

input[type="checkbox"].
ios8-switch-sm:checked+label:after{margin-left:10px}

input[type="checkbox"]
.ios8-switch-lg{margin:10px 0 0 20px}input[type="checkbox"].ios8-switch-lg+label{position:relative;padding:7px 0 0 60px;line-height:2.3em}input[type="checkbox"].ios8-switch-lg+label:before{width:50px;height:30px;border-radius:20px}input[type="checkbox"].ios8-switch-lg+label:after{width:30px;height:30px;border-radius:20px}input[type="checkbox"].ios8-switch-lg+label:hover:after{box-shadow:0 0 8px rgba(0,0,0,.3)}input[type="checkbox"].ios8-switch-lg:checked+label:after{margin-left:20px}input[type="checkbox"].ios8-switch-sm{display:none}ul{list-style:outside none none}.bulletcontainer{background:var(--blue2);float:right;width:100%;text-align:center;text-transform:capitalize;height:20px}.bulletcontainer ul{display:inline-block;margin:0;padding:0;zoom:1;*display:inline}.bulletcontainer li{float:left}.boxed{padding-left:5px;border-radius:5px;margin-right:21px;height:20px;margin-bottom:0;margin-top:1px;color:#fff;padding-right:5px}.scrollnews_wrapper{height:32px;border-bottom:1px solid var(--blue3);border-top:1px solid var(--blue3)}.logodmr{width:11em;z-index:10;position:absolute;right:30px;top:10px}.top3{top:3em;border-top:1px solid var(--blue3);border-bottom:5px solid var(--blue3)!important}.copyrightbig{font-size:small;font-weight:700}.table-secondary th,.table-secondary td,.table-secondary thead th,.table-secondary tbody+tbody{border-color:#ffffff38}.scroll_news_label{position:absolute;z-index:10;color:#fff;padding-left:2em;padding-right:2em;height:30px;background:var(--blue3);line-height:30px}.scroll_news_label_text{margin-left:1em}.news_scroll::before{content:"• ";color:#c3ecff;margin-right:2em}.news_scroll a:link,.marquee a:link{color:#fff}.news_scroll:first-child::before{display:none}.marquee{background-color:var(--blue1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:small;line-height:30px;position:absolute;width:100%}.marquee div{animation:marquee 50s linear infinite}@keyframes marquee{0%{transform:translate(110%,0);-webkit-transform:translateX(110%)}100%{transform:translate(-110%,0);-webkit-transform:translateX(-110%)}}.hwrap{background-color:var(--blue1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:small;position:absolute;width:100%;height:30px;color:#fff}.hmove{display:flex}.hitem{flex-shrink:0;width:70%;box-sizing:border-box;padding:6px;text-align:center}@keyframes tickerh{0%{transform:translate3d(100%,0,0)}100%{transform:translate3d(-400%,0,0)}}.hmove{animation:tickerh linear 80s infinite}.hmove:hover{animation-play-state:paused}.playerweb{background:rgb(104,159,205);color:#fff;width:110px;height:30px;font-size:smaller;font-weight:700;padding:7px;border-radius:0;box-shadow:none}.btn{border-radius:0;box-shadow:none!important;border-right:1px solid var(--blue2)}.breadcrumb{margin-bottom:0;height:30px;line-height:8px;background:#cae6fc;font-weight:700;text-transform:uppercase;font-size:smaller;display:none}.hblink_logo{width:215px;background:#ffffff17;border-radius:5px;padding:10px;margin-bottom:20px;border:1px solid #ffffff54;display:none}.tghighlite{background:var(--green);color:#0070a3}.tghighlite:nth-child(odd){color:#fff;background:var(--blue2)}.tghighlite:nth-child(even){color:#fff;background:var(--blue3)}.connected{background:;color:#2eb017}.disconnected{background:;color:red}.playercont{width:100px;height:80px;background:red}.one{float:left}.two{overflow:hidden}.three{overflow:hidden}select{width:3em}.thopmaster{width:12rem}.thopnetid{width:11rem}.thopcalls{width:58rem}.obName{color:#569cd6;text-align:left;padding-left:1rem}.obNetID{color:var(--color-fg-obnetid);font-weight:var(--color-fw-obnetid);text-align:left;padding-left:1.5rem}.tooltip{position:relative;opacity:1;display:inline-block;border-bottom:1px dotted var(--color-tooltip-fg)}.tooltip .tooltiptext{visibility:hidden;width:18rem;background-color:var(--color-tooltip-bg);color:var(--color-tooltip-fg);text-align:left;border-radius:var(--app-border-radius);padding:8px 0;left:25%;top:100%;opacity:1;position:absolute;z-index:1}.tooltip:hover .tooltiptext{right:100%;visibility:visible}.thmsmaster{width:12rem;background:transparent}.thmsnetid{width:12rem;background:transparent}.thmstime{width:7rem;background:transparent}.thmsslot{width:3rem;background:transparent}.thmstx{width:25rem;background:transparent}.thmsdest{width:auto;background:transparent}.TopHeaderMaster{background:var(--blue2);color:#fff;font-size:small}.BottomHeaderMaster{background:var(--blue3);color:#fff}.msMasters{background:var(--blue1);color:#fff;font-size:small;font-weight:700;border:none}.msMasters,.Hotspots,.masterconnecte,.msPeers,.Peers,.peON,peersTS2{border-bottom:1px solid var(--blue3)!important}.msCallsign{background:transparent;font-weight:700;font-size:small}.msRepeat{background:transparent;font-size:smaller}.Hotspots{background:var(--blue2);color:#fff;border:none;border-right:none}.Hotspotsred{background:var(--red2);color:#fff;border:none;border-right:none}.masterconnecte{color:#fff;background:var(--blue1);font-size:small;font-weight:700}.masterconnectered{color:#fff;background:var(--red);font-size:small;font-weight:700}.msLocation{background:transparent;font-style:italic}.msNetID{background:transparent;font-size:x-small}.msTS{font-size:.8rem;background:transparent}.msTSE{font-size:.8rem;background:transparent}.msTSEred1{background:var(--blue4);color:var(--blue1);text-align:center}.msTSEred2{background:var(--blue5);color:var(--blue1);text-align:center}.msTS1{background:var(--blue2);color:#fff;text-align:center;border:1px solid #fff}.msTS2{background:var(--blue3);color:#fff;text-align:center;border:1px solid #fff}.msTSTX{color:#fff;background:var(--red);text-align:center;font-weight:700}.msTSRX{color:#fff;background:var(--green);text-align:center;font-weight:700}.trmasters0{background:var(--blue4)}.trmasters{background:var(--blue5)}.thpemaster{width:50px}.TopHeaderPeers{background:var(--blue2);color:#fff;font-size:small}.BottomHeaderPeers{background:var(--blue3);color:#fff}.BottomHeaderPeers a{color:#fff}.msPeers{background:var(--blue1);color:#fff;font-size:small;font-weight:700;width:190px}.peersTS1{background:var(--blue2);color:#fff;text-align:center;border:1px solid #fff}.peersTS2{background:var(--blue3);color:#fff;text-align:center;border:1px solid #fff}.Peers{background:var(--blue2);color:#fff}.trpeers0{background:var(--blue4)}.trpeers{background:#dfeaee;background:var(--blue5)}.thpe{width:12rem}.thpenetid{width:12rem}.thpetime{width:7rem}.thpeslot{width:3rem}.thpetx{width:25rem}.thpedest{width:auto}.peON{background:var(--blue1);color:#fff;font-size:small;font-weight:700}.peOFF{background-color:var(--red);color:#fff}.infoline{color:var(--color-fg-infoline)}.map-tiles{filter:var(--map-tiles-filter)}.modal-content{background-color:#000}body{background:var(--rowodd);color:var(--text-color)}table.table-bordered{border:1px solid #dbdbdb;margin-top:20px}table.table-bordered>thead>tr>th{border:1px solid #dbdbdb}table.table-bordered>tbody>tr>td{border:1px solid #dbdbdb}.navbar{border-right:1px solid var(--blue2);border-top:.2px solid var(--blue3);z-index:1000!important;box-shadow:none!important}.navbar-bg{background:var(--blue2);color:#fff}.navbar-brand{font-weight:700}.footer{padding-top:20px;color:#fff;font-size:smaller;clear:both;position:relative}.footer_baneer_overlay{width:100%;background:var(--overlay-color);height:12vW;z-index:10;position:absolute}.footer_baneer_bg{width:100%;background:url(bottompage.png);height:12vW;background-size:cover;z-index:9;position:relative}.logofooter{background:#fff;width:fit-content;padding:10px;border-radius:10px;margin-top:20px;display:none}.resize{padding:3px;height:30px;right:0;float:right;position:absolute;background:var(--blue2);margin-top:-31px}.headerRow{background:var(--blue2);color:#fff}.TopHeaderPrincipal{background-color:var(--blue2);color:#fff;text-transform:uppercase}.TopHeaderPrincipal:after{background:back}.BottomHeaderPrincipal{background-color:var(--blue3);color:#fff}.TopHeaderBridges{background-color:var(--blue3);color:#fff}.BottomHeaderPrincipal a{color:#fff}.TopHeaderRowTG{background:var(--blue2);color:#fff;text-align:left}.BottomHeaderRowTG{background:var(--blue3);color:#fff}.BottomHeaderRowTG a{color:#fff}.table thead th{border-bottom:none}.tgflag{margin-top:-2px;margin-right:.25rem;width:2.3em;height:1.5em;background:#fff;border-radius:3px;border:1px solid var(--blue6)}.HighLightCol{background:var(--delaybox);border-radius:25px;font-weight:700}.HighLightColOnline{background:#ffffff80;border-radius:25px;font-weight:700}.delaybox{text-align:center;background:var(--delaybox);font-weight:700}.callsign{font-weight:700}.tghighlight .callsign a:link{color:#fff}.row{height:30px}@media only screen and (min-width:1080px){.navbar{height:40px}}@media only screen and (max-width:1080px){*{scroll-margin-top:80px}.bulletcontainer,.marquee,.scroll_news_label,.banner,.network,.thledate,.thleslot,.slot,.SlotTitle,.dmrid,.tdDate,.thlenetid,.netid,.alias,.thlelog,.thlemaster,.infra,.heure,.dmrid,.log,.indicatif{display:none}.scrollnews_wrapper,.navbar,.navbar-nav,.scrollnews_wrapper{border:none!important}.resize{height:58px;position:relative;width:100%;border:1px solid var(--blue3)}.top3{top:6em}.navbar{border:none;border-bottom:1px solid var(--blue3)!important}.btn{height:50px;flex:1}.thletg{width:70px}}.table{font-size:var(--font-size)!important;margin-bottom:0;border-bottom:1px solid var(--blue4);color:var(--text-color)}.firstname{font-weight:700;cursor:pointer}.alink{cursor:pointer}.tronline,.onlinebox{background:var(--red);color:#fff;border-bottom:.5px solid grey}.tronline:hover{background:#ed143db5;color:#fff}.tronline a:link{color:#fff}.thledate{width:8em}.thletime{width:5em}.SlotTitle{width:5em;text-align:center}.slot{text-align:center}.thleindica{width:8em}.thflagcol{width:3em}.dmrid{width:7em}.thlename{width:10em}.thletg{width:5em}.thlelog{width:18em}.thledelay{width:5em}.thlenetid{width:7em}.thlemaster{width:8em}.thledelay,.thletg,.center,.talkgroup{text-align:center}.infra{text-align:right}.center{text-align:center}.bold{font-weight:700}.smaller{font-size:smaller}.resizable{font-size:inherit}.right{text-align:right}.left{text-align:left}.trptt{color:grey;background:#fff}.trptt a{color:grey}.pttbox{font-weight:700;text-align:center;background:var(--delaybox)}.trrow{color:#0070a3;background:#c1e2fc;cursor:default}.trrow:nth-child(odd):hover,.trrow:nth-child(even):hover,.trptt:nth-child(odd):hover,.trptt:nth-child(even):hover,.tghighlite:nth-child(odd):hover,.tghighlite:nth-child(even):hover{background:var(--rowhover);color:#fff}.trrow:nth-child(odd){color:var(--text-color);background:var(--rowodd);border-bottom:1px solid var(--blue6)}.trrow:nth-child(even){color:var(--text-color);background:var(--roweven);border-bottom:1px solid var(--blue6)}.trptt:nth-child(odd){background:var(--trpttodd);color:grey;border-bottom:1px solid var(--trpttline)}.trptt:nth-child(even){background:var(--trptteven);color:grey;border-bottom:1px solid var(--trpttline)}.tr:first-child{border:1px solid red;}.trrow a:hover,.trptt a:hover{color:#fff}.callsign a:link:hover{color:#fff}.trrow a{color:var(--text-color)}.onlinebox{font-weight:700;background:rgb(0 0 0 / 30%);text-align:center}.tronline a{color:#fff;font-weight:700}.delay,.tdTime{font-weight:700}.banner{background:url(Banniere_7360.png) no-repeat 50% 50%;width:100%;height:110px;position:relative;overflow:hidden;margin:0 0;right:0;background-position-x:100%;background-size:43%;background-position-y:45%}.backbanner{position:absolute;top:0;z-index:11;width:100%;height:200px;background:var(--back-color);transform:skew(-30deg);right:45%}.diagobanner{position:absolute;top:0;z-index:10;width:60px;height:100%;background:var(--blue3);transform:skew(-30deg);left:55%}.overlay2{position:absolute;top:0;z-index:10;width:100%;height:100%;background:var(--overlay-color);left:0}#title_ban{position:absolute;top:-15px;left:130px;z-index:11;font-weight:300;font-size:5rem;font-weight:700;color:var(--text-color)}#caption_ban{position:absolute;bottom:10px;left:135px;z-index:11;font-weight:300;font-size:small;color:var(--text-color)}#logo_ban{top:13px;height:40px;z-index:12;width:20%;position:absolute;left:8px}.thbraction{width:100px}