/* CUSTOM */

.img-responsive.noblock { display: inline-block; }
.img-fullwidth { width: 100%; height: auto; }
.clear { clear: both; }
.block { display: block !important; }
.left { float: left; }
.right { float: right; }
.relative { position: relative; }
.t-left { text-align: left !important; }
.t-right { text-align: right !important; }
.t-center { text-align: center !important; }
.carousel img, .carousel .item  { width: 100%; }
.title-ico { margin-right: 7px; }
.title-ico-right { margin-left: 7px; }
.p-0 { padding: 0 !important; }         .p-b-0 { padding-bottom: 0 !important; }        .p-t-0 { padding-top: 0 !important; }       .p-l-0 { padding-left: 0 !important; }      .p-r-0 { padding-right: 0 !important; } 
.p-1 { padding: 1px !important; }
.p-10 { padding: 10px !important; }     .p-b-10 { padding-bottom: 10px !important; }    .p-t-10 { padding-top: 10px !important; }   .p-l-10 { padding-left: 10px !important; }  .p-r-10 { padding-right: 10px !important; }
.p-20 { padding: 20px !important; }     .p-b-20 { padding-bottom: 20px !important; }    .p-t-20 { padding-top: 20px !important; }   .p-l-20 { padding-left: 20px !important; }  .p-r-20 { padding-right: 20px !important; }
.p-30 { padding: 30px !important; }     .p-b-30 { padding-bottom: 30px !important; }    .p-t-30 { padding-top: 30px !important; }   .p-l-30 { padding-left: 30px !important; }  .p-r-30 { padding-right: 30px !important; }
.p-40 { padding: 40px !important; }     .p-b-40 { padding-bottom: 40px !important; }    .p-t-40 { padding-top: 40px !important; }   .p-l-40 { padding-left: 40px !important; }  .p-r-40 { padding-right: 40px !important; }
.p-50 { padding: 50px !important; }     .p-b-50 { padding-bottom: 50px !important; }    .p-t-50 { padding-top: 50px !important; }   .p-l-50 { padding-left: 50px !important; }  .p-r-50 { padding-right: 50px !important; }
.p-60 { padding: 60px !important; }     .p-b-60 { padding-bottom: 60px !important; }    .p-t-60 { padding-top: 60px !important; }   .p-l-60 { padding-left: 60px !important; }  .p-r-60 { padding-right: 60px !important; }
.m-0 { margin: 0 !important; }          .m-b-0 { margin-bottom: 0 !important; }         .m-t-0 { margin-top: 0 !important; }        .m-l-0 { margin-left: 0 !important; }       .m-r-0 { margin-right: 0 !important; }
.m-10 { margin: 10px !important; }      .m-b-10 { margin-bottom: 10px !important; }     .m-t-10 { margin-top: 10px !important; }    .m-l-10 { margin-left: 10px !important; }   .m-r-10 { margin-right: 10px !important; }
.m-20 { margin: 20px !important; }      .m-b-20 { margin-bottom: 20px !important; }     .m-t-20 { margin-top: 20px !important; }    .m-l-20 { margin-left: 20px !important; }   .m-r-20 { margin-right: 20px !important; }
.m-30 { margin: 30px !important; }      .m-b-30 { margin-bottom: 30px !important; }     .m-t-30 { margin-top: 30px !important; }    .m-l-30 { margin-left: 30px !important; }   .m-r-30 { margin-right: 30px !important; }
.m-40 { margin: 40px !important; }      .m-b-40 { margin-bottom: 40px !important; }     .m-t-40 { margin-top: 40px !important; }    .m-l-40 { margin-left: 40px !important; }   .m-r-40 { margin-right: 40px !important; }
.m-50 { margin: 50px !important; }      .m-b-50 { margin-bottom: 50px !important; }     .m-t-50 { margin-top: 50px !important; }    .m-l-50 { margin-left: 50px !important; }   .m-r-50 { margin-right: 50px !important; }
.m-60 { margin: 60px !important; }      .m-b-60 { margin-bottom: 60px !important; }     .m-t-60 { margin-top: 60px !important; }    .m-l-60 { margin-left: 60px !important; }   .m-r-60 { margin-right: 60px !important; }
.w-100 { width: 100% !important; }

.third.columns { width: calc(100% / 3); }
.third.columns .team-class { height: 40px; }
.third.columns .team-others-block { height: 260px; }

/* BUTTONS */

#clubes .button { font-family: "Open Sans";display: inline-block; transition: all 0.2s; background: #506D86; color: #FFF; font-size: 11px; padding: 4px 18px; margin: 6px 2px; border: none; border-radius: 6px; text-transform: uppercase; }
#clubes .button.active, #clubes .button:hover, #clubes .button:focus, #clubes .button:active { background: #333; color: #FFF; text-decoration: none; }
    /* -- Sizes */
    #clubes .button.bt-small { padding: 5px 12px; }
    #clubes .button.bt-fullwidth { width: 100%; text-align: center; }
    /* -- Border radius */
    #clubes .button.bt-rounded { border-radius: 6px; }
    #clubes .button.bt-small.bt-rounded { border-radius: 4px; }
    /* -- Colors */
    #clubes .button.bt-blue { background: #48C0DB; }
    #clubes .button.bt-blue.active, #clubes .button.bt-blue:hover, #clubes .button.bt-blue:focus, #clubes .button.bt-blue:active { background: #28A0BB; }
    #clubes .button.bt-green { background: #47D89E; }
    #clubes .button.bt-green.active, #clubes .button.bt-green:hover, #clubes .button.bt-green:focus,  #clubes .button.bt-green:active { background: #35B683; }
    /* -- Shadows */
    #clubes .button.bt-shaded { box-shadow: 0 3px 1px rgba(0,0,0,0.15); }


/* CLUBES LAYOUT */

#clubes { color: #506C85; }
#clubes .h1 { margin-top: 0; font-size: 13px; color: #506C85; font-weight: 700; }
#clubes .h2 { margin-top: 0; font-size: 17px; color: #25B8E0; font-weight: 700; }
#clubes .h3 { font-size: 11px; color: #5F798C; font-weight: 400; text-transform: uppercase; margin-bottom: 5px; }
#clubes .h4 { font-size: ; color: ; font-weight: ; }
#clubes .h5 { font-size: ; color: ; font-weight: ; }
#clubes .h6 { font-size: ; color: ; font-weight: ; }
#clubes p { font-size: 14px;font-weight: 400;line-height: 1.6em; }
#clubes a { color: #25B8E0; text-decoration:none;}
#clubes input, #clubes button, #clubes select, #clubes textarea { line-height: 1.42857em; }
#clubes .pre { font-size: 19px; color: #25BBE0; }
#clubes .underlined { border-bottom: 1px solid #C4CFD9; box-shadow: 0 1px 0 #FFF; padding-bottom: 10px; margin-bottom: 10px; }
#clubes .exit-bt { color: #506C85; font-size: 11px; font-weight: 600; text-transform: uppercase; display: block; }
#clubes .exit-bt:hover { text-decoration: none; color: #333; }
#clubes .exit-bt:before { content: url('../../../images/default/rfev/layout/exit-bt.png'); margin-right: 4px; position: relative; top: 2px; }
#clubes .route > div { color: #506C85; display: inline-block; font-size: 13px; }
#clubes .route > div:first-child { font-weight: 700; }
#clubes .route > div:not(:last-child):after { content: ' / '; margin: 0 4px; }
#clubes .route h1 { font-size: 13px; margin: 0; }

/* CLUBES */

#clubes .club-ficha { background: #FFF; box-shadow: 0 1px 1px rgba(0,0,0,0.25); border-radius: 6px; }
#clubes .club-ficha .logo { text-align: center; border-bottom: 1px solid #E1E8EE; padding: 10px; }
#clubes .club-ficha .club-name { color: #25B8E0; padding: 10px; }
#clubes .bt-mosaico { background: rgba(255,255,255,0.75); border-radius: 10px; min-height: 95px; color: #506C85; font-size: 16px; font-weight: 300; display: block; padding: 20px; }
#clubes .bt-mosaico:hover { background: #FFF; text-decoration: none; }
#clubes .bt-mosaico span { position: relative; top: 10px; }
#clubes .bt-mosaico img { margin-right: 20px; float: left; }
#clubes .menu-vertical { margin: 0 0 1px 0; padding: 0; list-style: none; }
#clubes .menu-vertical li { margin-bottom: 5px;}
#clubes .menu-vertical li a { font-size: 11px; background: #C4CFD9; padding: 10px; border-radius: 6px; font-weight: 600; color: #506D86; display: block; text-transform: uppercase; }
#clubes .menu-vertical li.active a, #clubes .menu-vertical li a:hover, #clubes .menu-vertical li a:focus, #clubes .menu-vertical li a:active { background-color: #25B9E1; color: #FFF; text-decoration: none; }
#clubes .aviso .aviso-title { background: #A3B4C2; color: #FFF; font-size: 11px; text-transform: uppercase; font-weight: 600; padding: 10px 15px; }
#clubes .aviso .aviso-body { background: #FFF; font-size: 14px; padding: 20px 15px; }
#clubes .aviso .aviso-body h2, #clubes .aviso .aviso-body p { color: #15619e; font-weight: 600;}
#clubes .aviso .aviso-body div p{color: #ff0000;}
#clubes .aviso .aviso-body h2 { margin-bottom: 6px; }

/* CLUBES FORMULARIOS */

#clubes .formulario label { font-size: 13px; }
#clubes .formulario label.big { font-size: 15px; font-weight: 600; }
#clubes .formulario .form-control { font-size: 12px; border-radius: 0; border: 1px solid #C4CFD9; padding: 3px 12px; height: 26px; }
#clubes .formulario .form-control:focus { border-color: #7D93A1; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(125, 147, 161, 1); }
#clubes .formulario .anotacion { margin-top: 28px;}
#clubes .formulario .validacion { background: url(../../../images/default/rfev/layout/validacion.png) no-repeat left 10px center #FFF;  margin: 10px 0; padding: 10px 10px 10px 40px; color: #25B8E0; font-size: 13px; }
#clubes .formulario .validacion span { float: right; color: #FFF; border-radius: 3px; padding: 2px 8px 2px 30px; text-transform: uppercase; }
#clubes .formulario .validacion span.ok { background: url(../../../images/default/rfev/layout/validacion-ok.png) left 4px center no-repeat #59B200; }
#clubes .formulario .validacion span.no-ok { background: url(../../../images/default/rfev/layout/validacion-no-ok.png) left 10px center no-repeat #ED2C23; }
#clubes .formulario input[type="submit"] { background: #25B9E1; border: none; border-radius: 8px; color: #FFF; font-size: 13px; font-weight: 600; padding: 12px 40px; text-transform: uppercase; }

#clubes .buscador .form-control { width: 240px; display: inline-block; } 
#clubes .buscador input[type="submit"] { padding: 3px 10px 3px 36px; background-image: url(../../../images/default/rfev/layout/lupa.png); background-position: left 6px center; background-repeat: no-repeat; border-radius: 3px; } 

#clubes .tabla { width: 100%; background: #FFF;  }
#clubes .tabla .tabla-cabecera { background: #A3B4C2; color: #FFF; font-size: 12px; text-transform: uppercase; font-weight: 600; padding: 10px 15px; }
#clubes .tabla .tabla-cabecera td { padding: 10px; }
#clubes .tabla .tabla-cabecera i { float: right; color: #FFF; }
#clubes .tabla .tabla-cabecera a { color: #FFF; }
#clubes .tabla .tabla-cabecera a:hover { color: #FFF; text-decoration: none; }
#clubes .tabla .tabla-cuerpo { font-size: 12px; font-weight: 400; }
#clubes .tabla td { padding: 10px; min-height: 46px; position: relative;}
#clubes .tabla tr td:not(:last-child){ border-right: 1px solid #A2B4C3; }
#clubes .tabla tr:nth-child(even) { background: #F1F4F6; }
#clubes .tabla .button { float: right; right: 3px; margin: 0; }

/* CLUBES FICHA */

#clubes .ficha-cabecera { background: #FFF; border-bottom: 2px solid #10B8E3; }
#clubes .ficha-cabecera .logo { padding-top: 20px; padding-bottom: 30px; }
#clubes .ficha-cabecera h1 { color: #10B8E3; font-size: 26px; }
#clubes .ficha-cabecera p { font-size: 15px; line-height: 18px; }
#clubes  .line:first-child { margin-top: 10px; }
#clubes .ficha-cabecera a { color: #5D7A92; font-size: 11px; text-transform: uppercase; }
#clubes .ficha-cabecera a:hover { color: #333; text-decoration: none; }
#clubes  .line { border-bottom: 1px solid #E1E8EE; padding: 5px; }
#clubes .icon { margin-right: 6px; }
#clubes .ficha-cabecera i { float: right; color: #5D7A92; position: relative; right: 2px; top: 2px; }
#clubes .goback { font-size: 11px; color: #5D7992; text-decoration: underline; }
#clubes .tabs { margin: 0 0 10px; padding: 0 8px; list-style: none; border-bottom: 3px solid #506D86; }
#clubes .tabs li { display: inline-block;  margin-right: 4px; }
#clubes .tabs li a { background-color: #C1CED9; font-size: 11px; font-weight: 600; color: #5F798C; padding: 10px 20px; border-radius: 7px 7px 0 0; text-transform: uppercase; display: block; }
#clubes .tabs li a:hover, #clubes .tabs li a:active, #clubes .tabs li a:focus, #clubes .tabs li.active a { background-color: #506D86; color: #FFF; text-decoration: none; }
#clubes .tabs li a:before{ margin-right: 6px; position: relative; top: 4px; }
#clubes .tabs li:nth-child(1) a:before { content: url(../../../images/default/rfev/layout/club-tab-1-off.png); }
#clubes .tabs li:nth-child(1).active a:before, #clubes .tabs li:nth-child(1) a:hover:before, #clubes .tabs li:nth-child(1) a:focus:before, #clubes .tabs li:nth-child(1) a:active:before { content: url(../../../images/default/rfev/layout/club-tab-1-on.png); }
#clubes .tabs li:nth-child(2) a:before { content: url(../../../images/default/rfev/layout/club-tab-2-off.png); }
#clubes .tabs li:nth-child(2).active a:before, #clubes .tabs li:nth-child(2) a:hover:before, #clubes .tabs li:nth-child(2) a:focus:before, #clubes .tabs li:nth-child(2) a:active:before { content: url(../../../images/default/rfev/layout/club-tab-2-on.png); }
#clubes .tabs li:nth-child(3) a:before { content: url(../../../images/default/rfev/layout/club-tab-3-off.png); }
#clubes .tabs li:nth-child(3).active a:before, #clubes .tabs li:nth-child(3) a:hover:before, #clubes .tabs li:nth-child(3) a:focus:before, #clubes .tabs li:nth-child(3) a:active:before { content: url(../../../images/default/rfev/layout/club-tab-3-on.png); }
#clubes .tabs li:nth-child(4) a:before { content: url(../../../images/default/rfev/layout/club-tab-4-off.png); }
#clubes .tabs li:nth-child(4).active a:before, #clubes .tabs li:nth-child(4) a:hover:before, #clubes .tabs li:nth-child(4) a:focus:before, #clubes .tabs li:nth-child(4) a:active:before { content: url(../../../images/default/rfev/layout/club-tab-4-on.png); }
#clubes .tabs li:nth-child(5) a:before { content: url(../../../images/default/rfev/layout/club-tab-5-off.png); }
#clubes .tabs li:nth-child(5).active a:before, #clubes .tabs li:nth-child(5) a:hover:before, #clubes .tabs li:nth-child(5) a:focus:before, #clubes .tabs li:nth-child(5) a:active:before { content: url(../../../images/default/rfev/layout/club-tab-5-on.png); }

#clubes .ficha-small + .ficha-small { margin-top: 30px; }
#clubes .ficha-small { background: #FFF; border-radius: 6px; box-shadow: 0 1px 1px rgba(0,0,0,0.3); }
#clubes .ficha-small .logo { padding-top: 20px; padding-bottom: 30px; }
#clubes .ficha-small h2 { color: #375A7F; font-size: 19px; }
#clubes .ficha-small p { font-size: 15px; line-height: 18px; }
#clubes .ficha-small i {  float: right; color: #5D7A92; position: relative; right: 2px; top: 2px; }
#clubes .ficha-small a { color: #5D7A92; font-size: 11px; text-transform: uppercase; font-weight: 600; }
#clubes .ficha-small a:hover { color: #333; text-decoration: none; }
#clubes .ficha-small .line { border-bottom: 1px solid #E1E8EE; padding: 5px; }
#clubes .ficha-small .line:first-child { margin-top: 10px; }
#clubes .ficha-small .line:last-child { border-top: 1px solid #E1E8EE; border-bottom: none; margin-top: 40px; padding-right: 15px; }
#clubes .ficha-small .blue { color: #10B8E3; font-size: 13px; font-weight: 600; }
#clubes .ficha-small .clases img { margin-right: 3px; }
#clubes .ficha-small a span { font-weight: 300; }

#clubes .buscador input.search { width: 100%; border: none; border-radius: 2px; background: url(../../../images/default/rfev/layout/buscador.png) no-repeat center right 10px #FFF; padding: 5px 30px 5px 10px; box-shadow: 0 1px 0 rgba(0,0,0,0.15) inset;}

/* CLUBES LISTADO */

#clubes .listado-clubes .h3 { display: inline-block; margin-right: 10px; }
#clubes .listado-clubes .cantidad { font-size: 12px; color: #10B8E3; }



/* TABLE SORTER*/

#clubes #myTable tr tr:not(:last-child) {
    border-right: 1px solid #a2b4c3;
}

#clubes #myTable th {
    min-height: 46px;
	 padding: 10px 13px 10px 10px;
}
#clubes #myTable th.header { 
   cursor: pointer; background: #a2b4c3 url(../../../images/default/result-sort.png) right center no-repeat; 
	text-decoration:underline;
	color:#FFF;
	font-size: 12px;
    font-weight: 600;
}
     
#clubes #myTable th.header.headerSortUp { background: #a2b4c3 url(../../../images/default/result-sort-up.png) right center no-repeat; }
#clubes #myTable th.header.headerSortDown { background: #a2b4c3 url(../../../images/default/result-sort-down.png) right center no-repeat; }


#clubes #loadingdiv { 
	width:100%; height:100%;
	position: absolute; top: 0; left: 0; background: #FFF url(../../images/backnet/ajax-loader.gif) center center no-repeat;
    opacity:0.6;
	display:none;
	 text-align: center;
	font-weight: bold;
	padding: 18% 0 0;
	color: #000;
}

/* TOKIO 2020 */

.bold { font-weight: 800; }

.cuenta-atras {  }
.tokio-rightbar-bt { display: flex; align-items: center; text-decoration: none; background: linear-gradient(133.49deg, #67859F 0%, #55728B 16.29%); padding: 17px; margin-bottom: 15px; border-radius: 12px; color: #FFF; font-size: 24px; font-weight: 700; }
.tokio-rightbar-bt.active, .tokio-rightbar-bt:hover, .tokio-rightbar-bt:focus, .tokio-rightbar-bt:active { color: #FFF; opacity: 0.95; text-decoration: none; }
.tokio-rightbar-bt.tokio-bt { background: linear-gradient(166.12deg, #25CAE1 0.19%, #25B9E1 47.55%); text-transform: uppercase; padding-top: 34px; padding-bottom: 34px; }
.tokio-rightbar-bt.tracking-bt { background: url(../../../images/default/rfev/tracking.png) no-repeat center left 15px #002C52; padding-left: 84px; padding-top: 34px; padding-bottom: 34px; }
.tokio-rightbar-bt.tokio-bt.tokio-bt-blue { background: #38539B; }
.tokio-rightbar-bt img { margin-right: 6px; }

.countdown { margin-top: -20px; background: linear-gradient(180deg, #334555 0%, #0F1418 100%); padding: 30px 0; }
.countdown-block { display: none; }
.countdown .titulo { font-size: 26px; font-weight: 900; color: #25C8E1; text-transform: uppercase; margin-bottom: 5px; padding-top: 10px; }
.countdown .subtitulo { font-size: 16px; font-weight: 700; color: #FFF; }
.countdown-data { display: inline-block; text-align: left; }
.countdown-data span { display: block; font-size: 12px; color: #FFF; font-weight: 700; text-transform: uppercase; margin-bottom: 4px; }
.countdown-number { background: #FFF; margin-right: 6px; border-radius: 6px; width: 65px; height: 60px; padding-top: 13px; text-align: center; font-size: 28px; font-weight: 800; color: #506D86; }

.socials-widget { display: block; overflow: auto; list-style: none; border-radius: 6px; }
.socials-widget li { width: calc(100% / 3); float: left; }
.socials-widget li a { display: block; height: 100px; }
.socials-widget li a.active, .socials-widget li a:hover, .socials-widget li a:focus, .socials-widget li a:active { opacity: 0.9; }
.socials-widget li .sw-twitter { background: url('../../../images/default/rfev/tokio2020/sw-twitter.svg') no-repeat center center #38539B; }
.socials-widget li .sw-facebook { background: url('../../../images/default/rfev/tokio2020/sw-facebook.svg') no-repeat center center #02ABEF; }
.socials-widget li .sw-instagram { background-position: center center; background-size: auto, cover; background-repeat: no-repeat; background-image: url('../../../images/default/rfev/tokio2020/sw-instagram.svg'), radial-gradient(115.09% 112% at 27% 100%, #FFD173 0%, #D23083 54.17%, #5B50CA 100%); }

.static-page-block.block { border-radius: 0; box-shadow: 0 -5px 0 #506D86; margin-bottom: 20px; }
.static-page-block.block .white-content { border: 1px solid #CFD8E1; border-top: none; }
.static-page-title { color: #647D8A; font-size: 16px; font-weight: 700; }

.team-class { font-size: 18px; font-weight: 700; color: #506D86; margin-bottom: 3px; }

.team-class-filters { padding: 5px 10px; color: #0F1519; font-weight: 700; font-size: 16px; text-decoration: none; }
.team-class-filters a { color: inherit; font-weight: inherit; font-size: inheritpx; text-decoration: inherit; }
.team-class-filters a:hover { color: #55728B; }

.medallero-table { background: #F6FCFF; font-size: 11px; color: #565656; }
.medallero-table p { font-size: 11px; color: #565656; }
.medallero-table tbody tr:nth-child(even) { background: #E2EBF0; }
.name-td { font-weight: 800; padding-top: 5px; padding-bottom: 5px; }
.medal-td { padding-top: 5px; padding-bottom: 5px; text-align: center; }
.medal-td img { margin: 0; }
.class-td { padding-top: 5px; padding-bottom: 5px; }
.member-td { padding-top: 5px; padding-bottom: 5px; }

.team-item { height: 133px; text-decoration: none; display: block; background: no-repeat center center/cover #414141; color: #FFF; border-radius: 8px; display: block; margin-bottom: 15px; position: relative; overflow: hidden; }
.team-item .team-member { display: block; z-index: 2; position: absolute; bottom: 20px; left: 20px; }
.team-item span { display: block; font-size: 20px; font-weight: 700; }
.team-item span:not(:last-child) { margin-bottom: 8px; }
.team-item:before { z-index: 0; content: ''; background: linear-gradient(180deg, rgba(87, 87, 87, 0.1) 20%, #414141 100%); position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.team-item.active, .team-item:hover, .team-item:focus, .team-item:active { opacity: .95; text-decoration: none; color: #FFF; }
.team-item[data-members="1"]:after { z-index: 1; content: url('../../../images/default/rfev/tokio2020/1-member.svg'); position: absolute; top: 10px; right: 10px; }
.team-item[data-members="2"]:after { z-index: 1; content: url('../../../images/default/rfev/tokio2020/2-members.svg'); position: absolute; top: 10px; right: 10px; }

.team-title { font-size: 32px; color: #0a001f; font-weight: 900; margin-bottom: 10px; }
.team-coach { font-size: 12px; font-weight: 800; color: #506D86; text-transform: uppercase; }
.team-title-small { font-size: 22px; color: #0a001f; font-weight: 800; margin-bottom: 20px; }
.ranking-position { text-align: right; color: #506D86; font-size: 12px; font-weight: 600; }
.ranking-position span { background: #506D86; color: #FFF; padding: 4px 8px; border-radius: 6px; font-size: 13px; font-weight: 600; margin-left: 6px; }

.team-container #captions { background: none; }

.team-member-name { font-size: 24px; color: #506D86; font-weight: 800; margin-bottom: 10px; }
.team-others-block { margin-bottom: 30px; position: relative; border-radius: 6px; overflow: hidden; height: 230px; background: no-repeat center center/cover; }
.team-others-block:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(87, 87, 87, 0) 22.92%, rgba(21, 50, 95, 0.78) 100%); }
.team-others-name { position: absolute; bottom: 26px; left: 26px; color: #FFF; font-size: 22px; font-weight: 700; }

/* RESPONSIVE: MARGIN, TEXT-ALIGN */

@media (max-width: 992px) {
    .m-mb-0 { margin: 0px !important; }     .m-mb-b-0 { margin-bottom: 0px !important; }    .m-mb-t-0 { margin-top: 0px !important; }
    .m-mb-10 { margin: 10px !important; }   .m-mb-b-10 { margin-bottom: 10px !important; }  .m-mb-t-10 { margin-top: 10px !important; }
    .m-mb-20 { margin: 20px !important; }   .m-mb-b-20 { margin-bottom: 20px !important; }  .m-mb-t-20 { margin-top: 20px !important; }
    .p-mb-0 { padding: 0px !important; }    .p-mb-b-0 { padding-bottom: 0px !important; }   .p-mb-t-0 { padding-top: 0px !important; }
    .p-mb-10 { padding: 10px !important; }  .p-mb-b-10 { padding-bottom: 10px !important; } .p-mb-t-10 { padding-top: 10px !important; }
    .p-mb-20 { padding: 20px !important; }  .p-mb-b-20 { padding-bottom: 20px !important; } .p-mb-t-20 { padding-top: 20px !important; }
    .t-md-left { text-align: left !important; } .t-md-right { text-align: right !important; }   .t-md-center { text-align: center !important; }
}
@media (max-width: 768px) {
    .m-sm-0 { margin: 0px !important; }     .m-sm-b-0 { margin-bottom: 0px !important; }    .m-sm-t-0 { margin-top: 0px !important; }
    .m-sm-10 { margin: 10px !important; }   .m-sm-b-10 { margin-bottom: 10px !important; }  .m-sm-t-10 { margin-top: 10px !important; }
    .m-sm-20 { margin: 20px !important; }   .m-sm-b-20 { margin-bottom: 20px !important; }  .m-sm-t-20 { margin-top: 20px !important; }
    .p-sm-0 { padding: 0px !important; }    .p-sm-b-0 { padding-bottom: 0px !important; }   .p-sm-t-0 { padding-top: 0px !important; }
    .p-sm-10 { padding: 10px !important; }  .p-sm-b-10 { padding-bottom: 10px !important; } .p-sm-t-10 { padding-top: 10px !important; }
    .p-sm-20 { padding: 20px !important; }  .p-sm-b-20 { padding-bottom: 20px !important; } .p-sm-t-20 { padding-top: 20px !important; }
    .t-sm-left { text-align: left !important; } .t-sm-right { text-align: right !important; }   .t-sm-center { text-align: center !important; }
}
@media (max-width: 380px) {
    .m-xs-0 { margin: 0px !important; }     .m-xs-b-0 { margin-bottom: 0px !important; }    .m-xs-t-0 { margin-top: 0px !important; }
    .m-xs-10 { margin: 10px !important; }   .m-xs-b-10 { margin-bottom: 10px !important; }  .m-xs-t-10 { margin-top: 10px !important; }
    .m-xs-20 { margin: 20px !important; }   .m-xs-b-20 { margin-bottom: 20px !important; }  .m-xs-t-20 { margin-top: 20px !important; }
    .p-xs-0 { padding: 0px !important; }    .p-xs-b-0 { padding-bottom: 0px !important; }   .p-xs-t-0 { padding-top: 0px !important; }
    .p-xs-10 { padding: 10px !important; }  .p-xs-b-10 { padding-bottom: 10px !important; } .p-xs-t-10 { padding-top: 10px !important; }
    .p-xs-20 { padding: 20px !important; }  .p-xs-b-20 { padding-bottom: 20px !important; } .p-xs-t-20 { padding-top: 20px !important; }
    .t-xs-left { text-align: left !important; } .t-xs-right { text-align: right !important; }   .t-xs-center { text-align: center !important; }
}
@media (max-width: 768px) {
	.nav-bar .nav-bar > li { border: none; }
	.menu-content { text-align: center; }
	.submenu-content { text-align: center; }
	.nav-bar .nav-bar > li { width: 50%; float: left; }
	.submenu-content .nav-bar > li > a.on { border-radius: 0; }
	.submenu-content .nav-bar > li > a > span { display: none; }
}