@import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600,700');
@import url('fa.css');
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoC1CzTtw.ttf) format('truetype');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCs6KVjbNBYlgo6eA.ttf) format('truetype');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCjC3Ttw.ttf) format('truetype');
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v20/4iCv6KVjbNBYlgoCxCvTtw.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v29/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaooCP.ttf) format('truetype');
}
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/raleway/v29/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVs9pYCP.ttf) format('truetype');
}
html,
body {
  position: relative;
  height: 100%;
  width: 100%;
  font-family: 'Fira Sans', sans-serif;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: .5px;
  padding-bottom: 52px;
}
ul,
ol,
p {
  margin: 0;
  padding: 0;
  list-style: none;
}
.clearfix {
  clear: both;
}
body {
  background-color: #FFFFFF;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position-y: 870px;
  counter-reset: my-slides-counter;
}
body.umed,
body.umed2 {
  background-image: url(images/bgpress.jpg?i=2);
  background-size: 100% auto;
  background-position: top center;
}
body.exp3 {
  padding-bottom: 0px;
  overflow-x: hidden;
  /* background-image:url(images/texturenew.svg); background-repeat:repeat; background-size:auto;*/
}
.btnef1 {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #2E87FF;
  border-radius: 100px;
}
.btnef1:hover {
  background-color: #4E99FE;
}
.tr1 {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btnef2 {
  background: none;
  border: 2px solid #2E87FF;
  border-radius: 100px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btnef2:after,
.btnef2:before {
  background: #2E87FF;
  content: '';
  position: absolute;
  z-index: -1;
}
.btnef2:after {
  height: 0;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.btnef2:hover:after {
  height: 100%;
}
#consent_cookies {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: auto;
  background: #4664ff;
  color: #fff;
  text-align: center;
  padding: 5px;
  z-index: 99999999;
}
#consent_cookies a {
  color: #fff;
  text-decoration: underline;
}
#consent_cookies .container {
  padding-right: 40px;
  position: relative;
}
#consent_cookies .container #close_cookies {
  display: inline-block;
  width: 20px;
  height: 20px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 28px;
  line-height: 20px;
}
#underbar1,
#underbar2 {
  background-color: #151f41;
  color: #fff;
  width: 100%;
  height: auto;
  text-align: center;
  font-size: 14px;
  float: left;
  position: absolute;
  top: 80px;
  padding-right: 15px;
}
.club_flag {
  margin-top: -4px;
  margin-left: 10px;
  cursor: pointer;
}
.alerter {
  width: 100%;
  height: 40px;
  padding: 10px;
  font-size: 14px;
  color: #fff;
  position: fixed;
  bottom: 0px;
  left: 0px;
  background-color: rgba(52, 108, 255, 0.85);
  z-index: 10;
  text-align: center;
  border-radius: 4px;
}
.alerter a {
  font-weight: bold;
  color: #fff;
}
.alerter a.dissmissalerter {
  float: right;
}
.alerter .btnaccess {
  border-radius: 12px;
  border: 2px solid #fff;
  padding: 4px 8px;
}
.subheader {
  width: 100%;
  height: 252px;
  background: url(images/circles_cwtv.svg) no-repeat right center #202A53;
  position: absolute;
  top: 70px;
  left: 0px;
  z-index: 9;
}
.subheader .retour {
  height: 48px;
  width: 48px;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 48px;
  text-align: center;
  margin-left: 120px;
  margin-top: 52px;
  display: block;
  float: left;
}
.subheader .retour span {
  box-sizing: border-box;
  height: 47.4px;
  width: 47.4px;
  display: block;
  border-radius: 50%;
  margin-right: 10px;
  border: 1.7px solid rgba(255, 255, 255, 0.95);
  background: url(images/arrow-r.svg) no-repeat center center rgba(255, 255, 255, 0.16);
  float: left;
}
.subheader .htitle {
  height: 58px;
  width: 650px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 1.2px;
  line-height: 58px;
  margin-top: 47px;
  margin-left: 49px;
  float: left;
}
.subheader .hdescr {
  height: 58px;
  width: 585px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  margin-left: 223px;
  margin-top: 20px;
  float: left;
}
.subheader .steps-menu {
  height: 80px;
  width: 1153px;
  margin-left: 154px;
  background-color: #273362;
  border-radius: 10px;
  position: absolute;
  top: 212px;
  overflow: hidden;
}
.subheader .steps-menu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  float: left;
  height: 100%;
}
.subheader .steps-menu ul li.area_1,
.subheader .steps-menu ul li.area_2,
.subheader .steps-menu ul li.area_3 {
  width: 27%;
  padding: 0px 20px;
  float: left;
  position: relative;
  height: 36px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 36px;
  margin-top: 22px;
  cursor: pointer;
}
.subheader .steps-menu ul li.area_1:after,
.subheader .steps-menu ul li.area_2:after,
.subheader .steps-menu ul li.area_3:after {
  content: '';
  position: absolute;
  top: 16px;
  right: -8px;
  background: #2E87FF;
  border-radius: 4px;
  width: 16px;
  height: 4px;
}
.subheader .steps-menu ul li.area_1 span,
.subheader .steps-menu ul li.area_2 span,
.subheader .steps-menu ul li.area_3 span {
  width: 30px;
  height: 30px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 16px;
  line-height: 27px;
  text-align: center;
  border: 2px solid #2E87FF;
  margin-right: 15px;
  margin-top: 2px;
  display: block;
  border-radius: 50%;
  float: left;
}
.subheader .steps-menu ul li.area_1,
.subheader .steps-menu ul li.area_2 {
  width: 22%;
}
.subheader .steps-menu ul li.sel {
  font-weight: bold;
}
.subheader .steps-menu ul li.sel span {
  background: #2E87FF;
  font-weight: bold;
}
.subheader .steps-menu ul li.sel:before {
  content: '';
  width: calc(100% - 40px);
  left: 20px;
  position: absolute;
  bottom: -21px;
  height: 3px;
  background: #2E87FF;
}
.subheader .steps-menu ul li.area_3:after {
  display: none;
}
.subheader .steps-menu ul li.step_btn {
  width: 29%;
  float: left;
  background: #2D3A6E;
  height: 100%;
  padding-right: 30px;
}
.subheader .steps-menu ul li.step_btn #doretur {
  height: 30px;
  width: 47px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  letter-spacing: 0.6px;
  line-height: 30px;
  margin-top: 25px;
  display: none;
  float: left;
  margin-left: 35px;
}
.subheader .steps-menu ul li.step_btn .nextstep {
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  height: 40px;
  min-width: 80px;
  border-radius: 23.4px;
  margin-top: 20px;
  border: none;
  padding: 2px;
  float: right;
}
.subheader .steps-menu ul li.step_btn .nextstep span {
  background: #2D3A6E;
  height: 36px;
  float: left;
  width: 100%;
  line-height: 36px;
  border-radius: 23.4px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  letter-spacing: 0.6px;
  display: block;
  padding: 0px 15px;
}
#createwebtv_step1 {
  background: url(images/bubles-point-point.svg) no-repeat center center;
  background-size: cover;
  background-repeat: repeat-y;
  min-height: 650px;
  height: auto;
  width: 100%;
  margin-top: 240px;
  padding-top: 20px;
  float: left;
  padding-bottom: 225px;
}
#createwebtv_step1 .container {
  padding: 0px;
}
#createwebtv_step1 .container .left_wbtv {
  width: 253px;
  float: left;
  margin-left: 174px;
  margin-top: 150px;
}
#createwebtv_step1 .container .left_wbtv .w1ttl {
  min-height: 26px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}
#createwebtv_step1 .container .left_wbtv .wprogress,
#createwebtv_step1 .container .left_wbtv .witem {
  width: 100%;
  margin-bottom: 40px;
  height: 306px;
  padding: 28px;
  border-radius: 10px;
  background-color: #273362;
  float: left;
}
#createwebtv_step1 .container .left_wbtv .need_help {
  width: 100%;
  height: 195px;
  padding: 28px;
  border-radius: 10px;
  background-color: #273362;
  float: left;
}
#createwebtv_step1 .container .left_wbtv .need_help .needhelp {
  width: 100%;
  float: left;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 16px;
  line-height: 44px;
  height: 44px;
  display: block;
  margin-top: 18px;
}
#createwebtv_step1 .container .left_wbtv .need_help .needhelp span {
  background: url(images/cwvmail.svg) no-repeat center center;
  width: 44px;
  height: 44px;
  border: 2px solid #2E87FF;
  border-radius: 50%;
  float: left;
  margin-right: 14px;
  display: block;
}
#createwebtv_step1 .container .left_wbtv .need_help .ineedguide {
  width: 100%;
  float: left;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 16px;
  line-height: 44px;
  height: 44px;
  display: block;
  margin-top: 18px;
}
#createwebtv_step1 .container .left_wbtv .need_help .ineedguide span {
  width: 44px;
  height: 44px;
  border: 2px solid #2E87FF;
  border-radius: 50%;
  float: left;
  margin-right: 14px;
  display: block;
  color: #fff;
  font-family: "Fira Sans";
  font-size: 25px;
  line-height: 44px;
  text-align: center;
}
#createwebtv_step1 .container .left_wbtv .circle {
  position: relative;
  top: 4px;
  left: 4px;
  text-align: center;
  width: 170px;
  height: 170px;
  border-radius: 100%;
  background-color: #273362;
}
#createwebtv_step1 .container .left_wbtv .inside-circle {
  background-color: #5F72A0;
  width: 136px;
  height: 136px;
  border-radius: 100%;
  position: relative;
  top: 17px;
  left: 17px;
  line-height: 136px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 24px;
  text-align: center;
}
#createwebtv_step1 .container .left_wbtv .circle-slimborder {
  position: absolute;
  top: -2px;
  left: -2px;
  width: 182px;
  height: 182px;
  border: 1px solid #7F87A2;
  border-radius: 100%;
  z-index: 1;
}
#createwebtv_step1 .container .left_wbtv .circle-border {
  position: relative;
  text-align: center;
  width: 178px;
  height: 178px;
  margin-left: calc((100% - 177px) /2);
  margin-top: 28px;
  border-radius: 100%;
}
#createwebtv_step1 .container .left_wbtv .circle-border.p11 {
  background: linear-gradient(40deg, #273362 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
}
#createwebtv_step1 .container .left_wbtv .circle-border.p22 {
  background: linear-gradient(79deg, #273362 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
}
#createwebtv_step1 .container .left_wbtv .circle-border.p33 {
  background: linear-gradient(122deg, #273362 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
}
#createwebtv_step1 .container .left_wbtv .circle-border.p45 {
  background: linear-gradient(162deg, #273362 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
}
#createwebtv_step1 .container .left_wbtv .circle-border.p56 {
  background: linear-gradient(22deg, #177AFF 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
}
#createwebtv_step1 .container .left_wbtv .circle-border.p67 {
  background: linear-gradient(61deg, #177AFF 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
}
#createwebtv_step1 .container .left_wbtv .circle-border.p78 {
  background: linear-gradient(100deg, #177AFF 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
}
#createwebtv_step1 .container .left_wbtv .circle-border.p89 {
  background: linear-gradient(136deg, #177AFF 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
}
#createwebtv_step1 .container .left_wbtv .circle-border.p100 {
  background: linear-gradient(180deg, #177AFF 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
}
#createwebtv_step1 .container .center_container {
  width: 855px;
  margin-left: 40px;
  float: left;
  border-radius: 10px;
  background-color: #2D3A6E;
  padding: 29px 28px;
  margin-top: 150px;
  display: none;
}
#createwebtv_step1 .container .center_container .htitle {
  height: 24px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: bold;
  line-height: 29px;
  margin-bottom: 20px;
}
#createwebtv_step1 .container .center_container .htitle span {
  opacity: 0.6;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  line-height: 24px;
  height: 24px;
  float: right;
}
#createwebtv_step1 .container .center_container .htitle2 {
  height: 24px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  margin-bottom: 20px;
  margin-top: 17px;
  float: left;
}
#createwebtv_step1 .container .center_container .htitle2 span {
  opacity: 0.6;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  line-height: 24px;
  height: 24px;
  float: right;
}
#createwebtv_step1 .container .center_container .input-surface,
#createwebtv_step1 .container .center_container .textarea-surface {
  height: 58px;
  width: 100%;
  border-radius: 4px 4px 0 0;
  background-color: rgba(202, 211, 255, 0.07);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 20px;
  padding: 6px 16px;
  float: left;
}
#createwebtv_step1 .container .center_container .input-surface label,
#createwebtv_step1 .container .center_container .textarea-surface label {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 16px;
  width: 100%;
  margin-bottom: .2rem;
}
#createwebtv_step1 .container .center_container .input-surface input,
#createwebtv_step1 .container .center_container .textarea-surface input {
  color: #fff;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
}
#createwebtv_step1 .container .center_container .input-surface option,
#createwebtv_step1 .container .center_container .textarea-surface option {
  color: #444c67;
}
#createwebtv_step1 .container .center_container .input-surface select,
#createwebtv_step1 .container .center_container .textarea-surface select {
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
}
#createwebtv_step1 .container .center_container .input-surface textarea,
#createwebtv_step1 .container .center_container .textarea-surface textarea {
  min-height: 134px;
  width: 100%;
  color: #fff;
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
}
#createwebtv_step1 .container .center_container .input-surface:focus-within,
#createwebtv_step1 .container .center_container .textarea-surface:focus-within {
  background-color: rgba(202, 211, 255, 0.18);
  border-bottom-color: #177AFF;
}
#createwebtv_step1 .container .center_container .input-surface:focus-within label,
#createwebtv_step1 .container .center_container .textarea-surface:focus-within label {
  color: #177AFF;
}
#createwebtv_step1 .container .center_container .input-surface:focus-within input,
#createwebtv_step1 .container .center_container .textarea-surface:focus-within input {
  color: #fff;
}
#createwebtv_step1 .container .center_container .input-surface ::-webkit-input-placeholder,
#createwebtv_step1 .container .center_container .textarea-surface ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.58);
}
#createwebtv_step1 .container .center_container .input-surface ::-moz-placeholder,
#createwebtv_step1 .container .center_container .textarea-surface ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.58);
}
#createwebtv_step1 .container .center_container .input-surface :-ms-input-placeholder,
#createwebtv_step1 .container .center_container .textarea-surface :-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.58);
}
#createwebtv_step1 .container .center_container .input-surface :-moz-placeholder,
#createwebtv_step1 .container .center_container .textarea-surface :-moz-placeholder {
  color: rgba(255, 255, 255, 0.58);
}
#createwebtv_step1 .container .center_container .input-surface:last-child,
#createwebtv_step1 .container .center_container .textarea-surface:last-child {
  margin-bottom: 0px;
}
#createwebtv_step1 .container .center_container .input-surface.s50 {
  width: 49%;
  margin-right: 2%;
}
#createwebtv_step1 .container .center_container .input-surface.s50:nth-child(odd) {
  margin-right: 0px;
}
#createwebtv_step1 .container .center_container h4 {
  height: 24px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-weight: normal;
  font-size: 15px;
  line-height: 37px;
  margin-bottom: 16px;
  float: left;
}
#createwebtv_step1 .container .center_container .extraradio {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
#createwebtv_step1 .container .center_container .extraradio h4 {
  height: 24px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 15px;
  line-height: 37px;
  margin-bottom: 16px;
}
#createwebtv_step1 .container .center_container .extraradio .mytvradio {
  display: block;
  width: 100%;
  float: left;
  position: relative;
  padding-left: 35px;
  margin-bottom: 16px;
  cursor: pointer;
  font-size: 16px;
  font-family: "Fira Sans";
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#createwebtv_step1 .container .center_container .extraradio .mytvradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#createwebtv_step1 .container .center_container .extraradio .mytvradio .mydot {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #D4D7E0;
}
#createwebtv_step1 .container .center_container .extraradio .mytvradio:hover input ~ .mydot {
  border-color: rgba(23, 122, 255, 0.4);
}
#createwebtv_step1 .container .center_container .extraradio .mytvradio input:checked ~ .mydot {
  border-color: #177AFF;
}
#createwebtv_step1 .container .center_container .extraradio .mytvradio .mydot:after {
  content: "";
  position: absolute;
  display: none;
}
#createwebtv_step1 .container .center_container .extraradio .mytvradio input:checked ~ .mydot:after {
  display: block;
}
#createwebtv_step1 .container .center_container .extraradio .mytvradio .mydot:after {
  top: 7px;
  left: 7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #B3D3FF;
}
#createwebtv_step1 .container .center_container .ucat {
  width: 105px;
  min-height: 235px;
  float: left;
  margin-left: 20px;
}
#createwebtv_step1 .container .center_container .ucat img {
  width: 105px;
  border-radius: 6px;
}
#createwebtv_step1 .container .center_container .ucat .ucat_name {
  width: 100%;
  float: left;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13px;
  letter-spacing: -0.2px;
  line-height: 16px;
  text-align: center;
  margin-top: 10px;
}
#createwebtv_step1 .container .center_container .ucat .ucat_name.ns {
  color: rgba(255, 255, 255, 0.5);
}
#createwebtv_step1 .container .center_container .ucat.sel {
  position: relative;
}
#createwebtv_step1 .container .center_container .ucat.sel:before {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  top: -11px;
  right: -11px;
  background: url(images/issel.svg) no-repeat center center;
  background-size: cover;
}
#createwebtv_step1 .container .center_container .ucat.sel img {
  border: 2px solid #395BF1;
}
#createwebtv_step1 .container .center_container .ucat.sel .ucat_name.ns {
  color: #fff;
}
#createwebtv_step1 .container .center_container .ucat.canhpsbecat {
  cursor: pointer;
}
#createwebtv_step1 .container .center_container.show {
  display: block;
}
#closeubar1 {
  background-color: #fff;
  padding: 2px 5px;
  border-radius: 8px;
  position: absolute;
  right: 5px;
  margin-top: -11px;
}
body#airdrop {
  background: url(images/bg_airdrop.jpg) center top no-repeat #0d1939;
}
body#airdrop #top_menu {
  background-color: transparent;
}
body#airdrop #top_menu.bg {
  background-color: #202A53;
}
body#airdrop .margin_discoverpage_top1 {
  width: 100%;
  height: 290px;
  float: left;
}
body#airdrop #airdrop_page_top {
  width: 100%;
  height: 650px;
  position: relative;
  float: left;
}
body#airdrop #airdrop_page_top:before {
  content: ' ';
  position: absolute;
  top: 1px;
  left: 50%;
  margin-left: -55px;
  height: 5px;
  width: 75px;
  border-radius: 4px;
  background-color: #4950d0;
}
body#airdrop #airdrop_page_top:after {
  content: ' ';
  position: absolute;
  top: 1px;
  left: 50%;
  margin-left: 30px;
  height: 5px;
  width: 25px;
  border-radius: 4px;
  background-color: #4950d0;
}
body#airdrop #airdrop_page_top .titletexttop1 {
  height: 116px;
  width: 708px;
  color: #FFFFFF;
  font-family: "Fira Sans", sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 58px;
  text-align: center;
  margin-top: 35px;
  margin-left: calc((100% - 708px) / 2);
}
body#airdrop #airdrop_page_top #createchain {
  height: 42px;
  font-family: "Fira Sans", sans-serif;
  text-align: center;
  outline: none;
  display: block;
  margin-left: calc((100% - 190px)/2);
  float: left;
  margin-top: 45px;
  width: 190px;
  z-index: 5;
  border-radius: 23.4px;
  text-decoration: none;
  border: 2px solid #fff;
  color: #FFFFFF;
  font-size: 13px;
  letter-spacing: 0.9px;
  line-height: 40px;
}
body#airdrop #airdrop_page_top .arrdown {
  background: url(images/darrow.svg) no-repeat center center;
  height: 32px;
  width: 21px;
  position: absolute;
  left: calc((100% - 21px) / 2);
  bottom: 70px;
  display: block;
  text-decoration: none;
  z-index: 8;
  transition: all 0.2s linear;
}
body#airdrop #airdrop_page_top .arrdown:hover {
  bottom: 60px;
}
body#airdrop #airdrop_page_middle {
  width: 100%;
  min-height: 650px;
  position: relative;
  float: left;
  background-image: url(images/leftrarr.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position-y: 500px;
}
body#airdrop #airdrop_page_middle .container {
  width: 1440px;
  padding: 75px;
  margin-left: calc((100% - 1440px) / 2);
  float: left;
}
body#airdrop #airdrop_page_middle .container img.sportscircle {
  float: right;
  margin-top: 10px;
}
body#airdrop #airdrop_page_middle .container .middle_first_text {
  width: calc(1440px - 640px);
  float: left;
  font-family: "Fira Sans", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 40px;
  text-align: left;
  color: #fff;
}
body#airdrop #airdrop_page_middle .container .margin130 {
  width: 100%;
  margin-top: 130px;
  float: left;
}
body#airdrop #airdrop_page_middle .container img.boxtenisimg {
  float: left;
  margin-top: 0px;
}
body#airdrop #airdrop_page_middle .container .middle_second_text {
  float: right;
  width: calc(1440px - 680px);
  font-family: "Fira Sans", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 45px;
  text-align: left;
  color: #fff;
  padding-top: 55px;
}
body#airdrop #airdrop_page_middle .container .middle_second_text h2 {
  font-weight: 700;
  margin-bottom: 60px;
  font-family: "Fira Sans", sans-serif;
  font-size: 36px;
  line-height: 50px;
  text-align: left;
}
body#airdrop #airdrop_page_middle .container .howtoproceed {
  font-weight: 700;
  margin-bottom: 30px;
  margin-top: 120px;
  font-family: "Fira Sans", sans-serif;
  font-size: 48px;
  line-height: 50px;
  text-align: left;
  text-align: center;
  color: #fff;
  width: 100%;
  float: left;
}
body#airdrop #airdrop_page_middle .container .utypes {
  width: 920px;
  margin-left: calc((100% - 920px) / 2);
  float: left;
  margin-top: 65px;
  margin-bottom: 150px;
}
body#airdrop #airdrop_page_middle .container .utypes a.userorfan {
  width: 415px;
  height: 85px;
  line-height: 79px;
  font-family: "Fira Sans", sans-serif;
  display: block;
  float: left;
  font-size: 30px;
  font-weight: 700;
  border: 3px solid #f3855b;
  border-radius: 80px;
  text-align: center;
  text-decoration: none;
  margin-right: 90px;
  color: #fff;
}
body#airdrop #airdrop_page_middle .container .utypes a.userorfan.sel {
  background: #f3855b;
  border: none;
  line-height: 85px;
  background: -moz-linear-gradient(left, #f3855b 0%, #d39b61 100%);
  background: -webkit-linear-gradient(left, #f3855b 0%, #d39b61 100%);
  background: linear-gradient(to right, #f3855b 0%, #d39b61 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3855b', endColorstr='#d39b61', GradientType=1);
  color: #fff;
}
body#airdrop #airdrop_page_middle .container .utypes a.sportclub {
  width: 415px;
  height: 85px;
  line-height: 79px;
  font-family: "Fira Sans", sans-serif;
  display: block;
  float: left;
  font-size: 30px;
  font-weight: 700;
  border: 3px solid #3d36bc;
  border-radius: 80px;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
body#airdrop #airdrop_page_middle .container .utypes a.sportclub.sel {
  background: #3d36bc;
  border: none;
  line-height: 85px;
  background: -moz-linear-gradient(left, #3d36bc 0%, #42aee7 100%);
  background: -webkit-linear-gradient(left, #3d36bc 0%, #42aee7 100%);
  background: linear-gradient(to right, #3d36bc 0%, #42aee7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d36bc', endColorstr='#42aee7', GradientType=1);
  color: #fff;
}
body#airdrop #airdrop_page_middle .container .userorfandiv {
  width: 1100px;
  margin-left: calc((100% - 1100px) / 2);
  float: left;
  display: block;
  padding: 40px;
  background-color: #223460;
  min-height: 780px;
  margin-bottom: 200px;
  border-radius: 30px;
}
body#airdrop #airdrop_page_middle .container .userorfandiv img.sportsfans {
  float: left;
  margin-right: 50px;
}
body#airdrop #airdrop_page_middle .container .userorfandiv .detailsaboutairdrop_fans {
  float: right;
  width: calc(100% - 440px);
  margin-top: 30px;
  color: #fff;
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  text-align: left;
}
body#airdrop #airdrop_page_middle .container .userorfandiv .detailsaboutairdrop_fans .airtitle {
  font-weight: 700;
  margin-bottom: 25px;
  width: 100%;
  float: left;
}
body#airdrop #airdrop_page_middle .container .userorfandiv .detailsaboutairdrop_fans .airstep_rules {
  width: 95%;
  float: right;
  text-align: left;
  margin-top: 20px;
  margin-left: 5%;
}
body#airdrop #airdrop_page_middle .container .userorfandiv form#fans {
  width: 50%;
  margin-left: 15%;
  float: left;
  margin-top: 20px;
}
body#airdrop #airdrop_page_middle .container .userorfandiv form#fans h4 {
  font-weight: bold;
  font-family: "Fira Sans";
  font-size: 16px;
  text-align: left;
  color: #fff;
}
body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .input-surface,
body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .textarea-surface {
  height: 58px;
  width: 100%;
  border-radius: 4px 4px 0 0;
  background-color: rgba(202, 211, 255, 0.16);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 14px;
  padding: 7px 16px;
}
body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .input-surface label,
body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .textarea-surface label {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 16px;
  width: 100%;
  margin-bottom: 0px;
}
body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .input-surface input,
body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .textarea-surface input {
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
}
body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .input-surface textarea,
body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .textarea-surface textarea {
  min-height: 81px;
  width: 100%;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
}
body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .input-surface:focus-within,
body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .textarea-surface:focus-within {
  border-bottom-color: #177AFF;
}
body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .input-surface:focus-within label,
body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .textarea-surface:focus-within label {
  color: #177AFF;
}
body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .input-surface:focus-within input,
body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .textarea-surface:focus-within input {
  color: #fff;
}
body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .submitrequest {
  color: #ffffff;
  height: 38px;
  width: 150px;
  border-radius: 23px;
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  border: 1px solid #fff;
  outline: none;
  margin-left: calc((100% - 150px) / 2);
  background-color: transparent;
}
body#airdrop #airdrop_page_middle .container .userorfandiv .needhelp {
  background: url(/themes/def/mailenvelope.png) no-repeat 21px center #0d1939;
  width: 194px;
  height: 71px;
  padding: 15px 24px 21px 52px;
  font-size: 14px;
  font-family: "Fira Sans";
  display: block;
  float: left;
  margin-left: 50px;
  cursor: pointer;
  text-decoration: none;
  border-radius: 71px;
  margin-top: 60px;
  color: #fff;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv {
  width: 1100px;
  margin-left: calc((100% - 1100px) / 2);
  float: left;
  display: block;
  padding: 40px;
  background-color: #223460;
  min-height: 780px;
  margin-bottom: 200px;
  border-radius: 30px;
  display: none;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv img.sportclubs {
  float: right;
  margin-left: 50px;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv .detailsaboutairdrop_clubs {
  float: left;
  width: calc(100% - 440px);
  margin-top: 30px;
  color: #fff;
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  text-align: left;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv .detailsaboutairdrop_clubs .airtitle {
  font-weight: 700;
  margin-bottom: 25px;
  width: 100%;
  float: left;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv .detailsaboutairdrop_clubs .airstep_rules {
  width: 95%;
  float: right;
  text-align: left;
  margin-left: 5%;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs {
  width: 50%;
  margin-left: 15%;
  float: left;
  margin-top: 20px;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs h4 {
  font-weight: bold;
  font-family: "Fira Sans";
  font-size: 16px;
  text-align: left;
  color: #fff;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface,
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface {
  height: 58px;
  width: 100%;
  border-radius: 4px 4px 0 0;
  background-color: rgba(202, 211, 255, 0.16);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 14px;
  padding: 7px 16px;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface label,
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface label {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 16px;
  width: 100%;
  margin-bottom: 0px;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface input,
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface input {
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface select,
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface select {
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface option,
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface option {
  color: #444c67;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface textarea,
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface textarea {
  min-height: 81px;
  width: 100%;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface:focus-within,
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface:focus-within {
  border-bottom-color: #177AFF;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface:focus-within label,
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface:focus-within label {
  color: #177AFF;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface:focus-within input,
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface:focus-within input {
  color: #fff;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .submitrequest {
  color: #ffffff;
  height: 38px;
  width: 150px;
  border-radius: 23px;
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  border: 1px solid #fff;
  outline: none;
  margin-left: calc((100% - 150px) / 2);
  background-color: transparent;
}
body#airdrop #airdrop_page_middle .container .sportclubdiv .needhelp {
  background: url(/themes/def/mailenvelope.png) no-repeat 21px center #0d1939;
  width: 194px;
  height: 71px;
  padding: 15px 24px 21px 52px;
  font-size: 14px;
  font-family: "Fira Sans";
  display: block;
  float: left;
  margin-left: 50px;
  cursor: pointer;
  text-decoration: none;
  border-radius: 71px;
  margin-top: 60px;
  color: #fff;
}
.main-sc::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.02));
  z-index: 0;
}
#create_chain_message {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.65);
  position: fixed;
  z-index: 999;
  display: none;
}
#create_chain_message .main_confirm {
  height: 355px;
  width: 709px;
  position: absolute;
  left: calc((100% - 709px) / 2);
  top: calc((100% - 355px) / 2);
  padding: 40px 50px;
  background-color: #273362;
  border-radius: 12px;
}
#create_chain_message .main_confirm .goback_ch1 {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
#create_chain_message .main_confirm .goback_ch1 #gobackto1 {
  background: url(images/leftarr.JPG) no-repeat left center;
  width: 120px;
  height: 30px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  letter-spacing: 0.6px;
  line-height: 32px;
  padding-left: 30px;
  display: block;
}
#create_chain_message .main_confirm .inside_withrad100 {
  width: 100%;
  height: 215px;
  float: left;
}
#create_chain_message .main_confirm .inside_withrad100 .rad100 {
  width: 170px;
  height: 170px;
  border-radius: 50%;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  position: relative;
  font-family: "Fira Sans";
  font-size: 24px;
  line-height: 170px;
  text-align: center;
  color: #fff;
  float: left;
}
#create_chain_message .main_confirm .inside_withrad100 .rad100:after {
  width: 162px;
  height: 162px;
  top: 4px;
  left: 4px;
  position: absolute;
  border-radius: 50%;
  border: 14px solid #273362;
  content: '';
}
#create_chain_message .main_confirm .inside_withrad100 .putright {
  float: right;
  width: 380px;
  color: #FFFFFF;
  font-family: "Fira Sans";
}
#create_chain_message .main_confirm .inside_withrad100 .putright .puttitle {
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
  width: 100%;
  float: left;
  margin-bottom: 14px;
}
#create_chain_message .main_confirm .inside_withrad100 .putright .mytvcheck {
  display: block;
  position: relative;
  padding-left: 35px;
  height: 22px;
  margin-bottom: 12px;
  cursor: pointer;
  width: 100%;
  float: left;
  font-size: 13px;
  color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#create_chain_message .main_confirm .inside_withrad100 .putright .mytvcheck a {
  font-size: 13px;
  color: #fff;
  display: block;
  margin-top: 2px;
}
#create_chain_message .main_confirm .inside_withrad100 .putright .mytvcheck input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
#create_chain_message .main_confirm .inside_withrad100 .putright .mycheck {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  border: 1px solid #8A91AA;
  background-color: #414B75;
}
#create_chain_message .main_confirm .inside_withrad100 .putright .mytvcheck:hover input ~ .mycheck {
  border-color: #8F91DD;
}
#create_chain_message .main_confirm .inside_withrad100 .putright .mytvcheck input:checked ~ .mycheck {
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  border: none;
}
#create_chain_message .main_confirm .inside_withrad100 .putright .mycheck:after {
  content: "";
  position: absolute;
  display: none;
}
#create_chain_message .main_confirm .inside_withrad100 .putright .mytvcheck input:checked ~ .mycheck:after {
  display: block;
}
#create_chain_message .main_confirm .inside_withrad100 .putright .mytvcheck .mycheck:after {
  left: 9px;
  top: 5px;
  width: 4px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#create_chain_message .main_confirm .inside_withrad100 .putright #savecreatechain {
  height: 38px;
  width: 180px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 30px;
  text-align: center;
  border-radius: 23px;
  padding: 2px;
  border: none;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  display: block;
  float: left;
  margin-top: 15px;
  outline: none;
  cursor: pointer;
}
#create_chain_message .main_confirm .inside_withrad100 .putright #savecreatechain span {
  width: 100%;
  border-radius: 23px;
  height: 34px;
  line-height: 37px;
  text-align: center;
  background-color: #273362;
  display: block;
  float: left;
}
#create_chain_message .main_confirm #space_after {
  width: 100%;
  height: 100%;
  display: none;
}
#create_chain_message .main_confirm .spaceinside {
  background: url(images/successicon.svg) no-repeat left center;
  margin-top: 10px;
  width: calc(100% - 80px);
  height: calc(100% - 22px);
  padding: 25px 238px;
}
#create_chain_message .main_confirm .spaceinside .spce_ttle {
  height: 80px;
  width: 328px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
  margin-left: 40px;
  float: left;
}
#create_chain_message .main_confirm .spaceinside .spce_descr {
  width: 328px;
  margin-left: 40px;
  float: left;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: 300;
  line-height: 28px;
  margin-top: 16px;
}
.container {
  width: 1440px;
  margin: 0 auto;
  position: relative;
  max-width: 1440px;
}
.doasearch {
  position: fixed;
  z-index: 999;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}
.doasearch #find_something,
.doasearch #find_something2 {
  width: 120px;
  text-align: center;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.64);
  border: 1px solid #2E42FF;
  background: #2E76FF;
  display: block;
  outline: none;
  margin-left: 20px;
  float: left;
  margin-top: 150px;
  border-radius: 100px;
  color: #fff;
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  line-height: 50px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.doasearch #hidethissearchsomething {
  color: #fff;
  right: 19px;
  top: 10px;
  position: absolute;
  font-size: 2.81rem;
  font-weight: 300;
  outline: none;
  opacity: 1;
  z-index: 3;
}
.doasearch input {
  background: url(images/search_inevts.png) no-repeat 16px center #2E87FF;
  border: 0px solid rgba(0, 0, 0, 0);
  color: #fff;
  line-height: 50px;
  margin-top: 16px;
  border-radius: 100px;
  font-family: "Fira Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1.2px;
  outline: none;
  padding-left: 55px;
  background-size: 26px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.64);
  width: 650px;
  margin-left: calc((100% - 790px) / 2);
  float: left;
  margin-top: 150px;
}
.doasearch ::-webkit-input-placeholder {
  font-family: "FontAwesome", "Fira Sans", sans-serif;
  color: rgba(255, 255, 255, 0.9);
  font-size: 24px;
  line-height: 50px;
}
.doasearch ::-moz-placeholder {
  font-family: "FontAwesome", "Fira Sans", sans-serif;
  color: rgba(255, 255, 255, 0.9);
  font-size: 24px;
  line-height: 50px;
}
.doasearch :-ms-input-placeholder {
  font-family: "FontAwesome", "Fira Sans", sans-serif;
  color: rgba(255, 255, 255, 0.9);
  font-size: 24px;
  line-height: 50px;
}
.doasearch :-moz-placeholder {
  font-family: "FontAwesome", "Fira Sans", sans-serif;
  color: rgba(255, 255, 255, 0.9);
  font-size: 24px;
  line-height: 50px;
}
.doasearch_find {
  position: relative;
  float: left;
  width: 70%;
  margin-top: -10px;
  margin-left: 5%;
}
.doasearch_find #find_something,
.doasearch_find #find_something2 {
  width: 120px;
  text-align: center;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.64);
  border: 1px solid #2E42FF;
  background: #2E76FF;
  display: block;
  outline: none;
  margin-left: 20px;
  float: left;
  margin-top: 0px;
  border-radius: 100px;
  color: #fff;
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  line-height: 50px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.doasearch_find input {
  background: url(images/search_inevts.png) no-repeat 16px center #2E87FF;
  border: 0px solid rgba(0, 0, 0, 0);
  color: #fff;
  line-height: 50px;
  border-radius: 100px;
  font-family: "Fira Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1.2px;
  outline: none;
  padding-left: 55px;
  background-size: 26px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.64);
  width: 650px;
  float: left;
  margin-top: 0px;
}
.doasearch_find ::-webkit-input-placeholder {
  font-family: "FontAwesome", "Fira Sans", sans-serif;
  color: rgba(255, 255, 255, 0.9);
  font-size: 24px;
  line-height: 50px;
}
.doasearch_find ::-moz-placeholder {
  font-family: "FontAwesome", "Fira Sans", sans-serif;
  color: rgba(255, 255, 255, 0.9);
  font-size: 24px;
  line-height: 50px;
}
.doasearch_find :-ms-input-placeholder {
  font-family: "FontAwesome", "Fira Sans", sans-serif;
  color: rgba(255, 255, 255, 0.9);
  font-size: 24px;
  line-height: 50px;
}
.doasearch_find :-moz-placeholder {
  font-family: "FontAwesome", "Fira Sans", sans-serif;
  color: rgba(255, 255, 255, 0.9);
  font-size: 24px;
  line-height: 50px;
}
#top_menu {
  height: 94px;
  /* height:114px;*/
  width: 100%;
  background-color: #202A53;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.14);
  position: relative;
  z-index: 10;
}
#top_menu #left_logo {
  height: 65px;
  width: 317px;
  left: 73px;
  top: 0px;
  display: block;
  background: url(images/logofuchs_full_white.svg) no-repeat center center;
  position: absolute;
}
#top_menu #left_logo.ligue {
  height: 69px;
  padding-left: 70px;
  background-position: left center;
  background-size: auto 69px;
  color: #FFFFFF;
  font-family: "Fira Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 69px;
}
#top_menu #left_logo.ligue.fff {
  background-size: 70%;
}
#top_menu .topmenu {
  float: right;
  width: 905px;
  margin-top: 16px;
}
#top_menu .topmenu .accueil {
  width: 57px;
  height: 52px;
  color: rgba(255, 255, 255, 0.7);
  font-family: 'Fira Sans', sans-serif;
  font-size: 14px;
  line-height: 42px;
  text-align: center;
  text-decoration: none;
  outline: none;
  display: block;
  float: left;
}
#top_menu .topmenu .categories_menu {
  height: 52px;
  min-width: 74px;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 42px;
  text-align: center;
  float: left;
  text-decoration: none;
  outline: none;
  margin-left: 12px;
}
#top_menu .topmenu .search_menu {
  width: 30px;
  height: 52px;
  padding-top: 10px;
  text-decoration: none;
  outline: none;
  display: block;
  float: left;
  margin-right: 12px;
  text-align: center;
}
#top_menu .topmenu .sel {
  border-bottom: 2px solid #fff;
  float: left;
  color: #ffffff;
}
#top_menu .topmenu .discover {
  height: 38px;
  width: 123px;
  border-radius: 23.4px;
  border: 1px solid rgba(52, 108, 255, 0.44);
  float: left;
  text-decoration: none;
  outline: none;
  color: #FFFFFF;
  font-family: 'Fira Sans', sans-serif;
  font-size: 14px;
  letter-spacing: 0.6px;
  line-height: 38px;
  text-align: center;
  margin-left: 16px;
  background: none;
  border: 2px solid #2E87FF;
  border-radius: 100px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#top_menu .topmenu .discover:after,
#top_menu .topmenu .discover:before {
  background: #2E87FF;
  content: '';
  position: absolute;
  z-index: -1;
}
#top_menu .topmenu .discover:after {
  height: 0;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#top_menu .topmenu .discover:hover:after {
  height: 100%;
}
#top_menu .topmenu .createwebtv {
  height: 38px;
  width: 192px;
  /*border-radius: 23.4px; background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%); box-shadow: 0 4px 9px 0 rgba(52,108,255,0.35);*/
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 38px;
  text-align: center;
  float: left;
  margin-left: 20px;
  outline: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-color: #2E87FF;
  border-radius: 100px;
}
#top_menu .topmenu .createwebtv:hover {
  background-color: #4E99FE;
}
#top_menu .topmenu .dologgin {
  height: 38px;
  width: 123px;
  border-radius: 23.4px;
  float: left;
  text-decoration: none;
  outline: none;
  text-transform: uppercase;
  color: #FFFFFF;
  font-family: 'Fira Sans', sans-serif;
  font-size: 14px;
  letter-spacing: 0.6px;
  line-height: 38px;
  text-align: center;
  margin-left: 8px;
}
#top_menu .topmenu .user_notif {
  width: 44px;
  height: 44px;
  background: rgba(255, 255, 255, 0.07);
  text-decoration: none;
  float: left;
  margin-left: 20px;
  top: -2px;
  cursor: pointer;
  border-radius: 50%;
  position: relative;
}
#top_menu .topmenu .user_notif .image_bell {
  width: 100%;
  height: 100%;
  background-image: url(images/notification.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
}
#top_menu .topmenu .user_notif .nr {
  display: none;
  background: #ff3019;
  background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  font-family: 'Fira Sans', sans-serif;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
  text-align: center;
  line-height: 16px;
  position: absolute;
  top: 5px;
  right: 2px;
}
#top_menu .topmenu #mylangs {
  width: 120px;
  height: 38px;
  line-height: 38px;
  margin-left: 20px;
  float: left;
}
#top_menu .topmenu #mylangs a {
  font-weight: normal;
  text-decoration: none;
  border-bottom: none;
}
#top_menu .topmenu #mylangs:after {
  display: inline-block;
  color: #fff;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}
#top_menu .topmenu .user_acc {
  float: left;
  margin-left: 10px;
  background-color: transparent;
  border: none;
}
#top_menu .topmenu .user_acc .btn {
  background-color: transparent;
  border: none;
  line-height: 30px;
  margin-top: -5px;
}
#top_menu .topmenu .user_acc .btn .avatarp {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  margin-right: 12px;
}
#top_menu .topmenu .user_acc .btn:focus {
  box-shadow: none;
}
#top_menu .topmenu .user_acc #usermenuddl {
  max-width: 188px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#top_menu .topmenu .user_acc .dropdown-menu {
  background-color: #202A53;
  border-radius: 4px;
  width: 206px;
  padding: 0px;
}
#top_menu .topmenu .user_acc .dropdown-menu .dropdown-item {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-weight: 300;
  line-height: 44px;
  padding-left: 43px;
  background-repeat: no-repeat;
  background-size: 16px 15px;
  background-position: 15px center;
  height: 44px;
  border-bottom: 0.5px solid rgba(93, 94, 113, 0.25);
}
#top_menu .topmenu .user_acc .dropdown-menu .dropdown-item:last-child {
  border-bottom: none;
}
#top_menu .topmenu .user_acc .dropdown-menu .dropdown-item:hover {
  font-weight: 300;
  background-color: rgba(18, 19, 25, 0.2);
}
#top_menu .topmenu .user_acc .dropdown-menu .dropdown-item.abos {
  background-image: url(images/aboicn.svg);
}
#top_menu .topmenu .user_acc .dropdown-menu .dropdown-item.tba {
  background-image: url(images/stock.png);
}
#top_menu .topmenu .user_acc .dropdown-menu .dropdown-item.mdia {
  background-image: url(images/text.svg);
}
#top_menu .topmenu .user_acc .dropdown-menu .dropdown-item.clb {
  background-image: url(images/clubsicn.svg);
}
#top_menu .topmenu .user_acc .dropdown-menu .dropdown-item.sets {
  background-image: url(images/settingsicn.svg);
}
#top_menu .topmenu .user_acc .dropdown-menu .dropdown-item.lgout {
  background-image: url(images/logouticn2.png);
}
#top_menu .topmenu.om12 {
  width: 820px;
}
#top_menu .topmenu.om12 .categories_menu {
  margin-left: 10px;
}
.exp3 #top_menu {
  background-color: transparent;
  box-shadow: none;
  transition: all 0.4s;
}
.exp3 #top_menu .topmenu_bgofit {
  width: 100%;
  height: 264px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.31) 25.17%, rgba(0, 0, 0, 0.64) 57.57%, rgba(0, 0, 0, 0.91) 100%);
}
.exp3 #top_menu .topmenu {
  margin-right: 80px;
  width: 400px;
}
.exp3 #top_menu .topmenu .search_menu {
  float: right;
  width: 110px;
  height: 36px;
  padding-right: 26px;
  background: url(images/search_bgicon.png) no-repeat;
  background-position: 84px center;
  background-size: 25px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 36px;
  text-align: center;
  font-family: 'Ubuntu', sans-serif;
  padding-top: 0px;
}
.exp3 #top_menu .topmenu .signup_menu {
  float: right;
  width: 110px;
  height: 36px;
  padding-right: 26px;
  background: url(images/signin.svg) no-repeat;
  background-position: 84px center;
  background-size: 25px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 36px;
  text-align: center;
  font-family: 'Ubuntu', sans-serif;
  padding-top: 0px;
}
.exp3 #top_menu .topmenu .menu_menu {
  float: right;
  width: 110px;
  height: 36px;
  padding-right: 26px;
  background: url(images/menu_bgicon.png) no-repeat;
  background-position: 84px center;
  background-size: 25px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 36px;
  text-align: center;
  font-family: 'Ubuntu', sans-serif;
  text-decoration: none;
}
.exp4 #top_menu {
  background-color: #202A53;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.14);
  transition: all 0.4s;
  height: 74px;
}
.exp4 #top_menu .topmenu_bgofit {
  display: none;
}
.exp4 #top_menu .topmenu {
  margin-right: 80px;
  width: 400px;
}
.exp4 #top_menu .topmenu .search_menu {
  float: right;
  width: 110px;
  height: 36px;
  padding-right: 26px;
  background: url(images/search_bgicon.png) no-repeat;
  background-position: 84px center;
  background-size: 25px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 36px;
  text-align: center;
  font-family: 'Ubuntu', sans-serif;
  padding-top: 0px;
}
.exp4 #top_menu .topmenu .menu_menu {
  float: right;
  width: 110px;
  height: 36px;
  padding-right: 26px;
  background: url(images/menu_bgicon.png) no-repeat;
  background-position: 84px center;
  background-size: 25px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 36px;
  text-align: center;
  font-family: 'Ubuntu', sans-serif;
  text-decoration: none;
}
.exp4 .club_cover {
  margin-top: 0px;
}
.exp4 .firstvideo .right .text_vivid {
  overflow-y: auto;
  max-height: 230px;
}
.exp4 .firstvideo .right .text_vivid::-webkit-scrollbar {
  height: 12px;
  width: 6px;
  border-radius: 4px;
  background: #2a5af1;
}
.exp4 .firstvideo .right .text_vivid::-webkit-scrollbar-thumb {
  background: #3625b7;
}
.exp4 .firstvideo .right .down .stars5bbl {
  display: none;
}
.exp4 .folder_club .evt_container #evts .element {
  margin-right: 20px;
}
.exp4 .folder_club .evt_container #evts .element:hover {
  margin-top: 26px;
}
.exp4 .folder_club .evt_container #evts .element .mavertir {
  display: none;
}
.exp4 .title2 .allbtn {
  display: none;
}
.umed #top_menu,
.umed2 #top_menu {
  background-color: #202A53;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.82);
  /*background: -moz-linear-gradient(top, rgba(4,6,16,0.9) 0%, rgba(4,6,16,0.04) 83%, rgba(4,6,16,0) 87%, rgba(4,6,16,0) 100%);
		background: -webkit-linear-gradient(top, rgba(4,6,16,0.9) 0%,rgba(4,6,16,0.04) 83%,rgba(4,6,16,0) 87%,rgba(4,6,16,0) 100%);
		background: linear-gradient(to bottom, rgba(4,6,16,0.9) 0%,rgba(4,6,16,0.04) 83%,rgba(4,6,16,0) 87%,rgba(4,6,16,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6040610', endColorstr='#00040610',GradientType=0 ); */
  box-shadow: none;
}
body.umed2 #media {
  width: 100%;
  float: left;
  padding-top: 240px;
}
body.umed2 #media .container {
  color: #fff !important;
  width: 1140px;
  margin: 0 auto;
  position: relative;
  max-width: 1140px;
  padding: 40px;
  background-color: #10193B;
  border-radius: 14px;
  min-height: 600px;
}
body.umed2 #media .container .retour {
  height: 48px;
  width: 106px;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 48px;
  text-align: center;
  margin-left: 15px;
  margin-top: 10px;
  display: block;
}
body.umed2 #media .container .retour span {
  box-sizing: border-box;
  height: 47.4px;
  width: 47.4px;
  display: block;
  border-radius: 50%;
  margin-right: 10px;
  border: 1.7px solid rgba(255, 255, 255, 0.95);
  background: url(images/arrow-r.svg) no-repeat center center rgba(255, 255, 255, 0.16);
  float: left;
}
body.umed2 #media .container .media_art_ttl {
  height: 108px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 40px;
  font-weight: bold;
  line-height: 54px;
  text-align: center;
}
body.umed2 #media .container .media_art_bydateshare {
  width: 460px;
  float: left;
  margin-left: calc((100% - 460px) / 2);
  height: 30px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 30px;
}
body.umed2 #media .container .media_art_bydateshare img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-top: 1px;
  float: left;
  margin-right: 10px;
}
body.umed2 #media .container .media_art_bydateshare #cntdrdown {
  margin-right: 10px;
  float: right;
}
body.umed2 #media .container .media_art_bydateshare #cntdrdown .btn-mytvchain {
  margin: 0 0;
}
body.umed2 #media .container .text_container {
  width: 900px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
  text-align: justify;
  float: left;
  margin: 20px 80px;
}
.head_production {
  width: 100%;
  height: 520px;
  position: relative;
  left: 0px;
  padding-top: 0px;
  float: left;
}
.head_production .container {
  padding-top: 0px;
  padding-bottom: 0px;
}
.head_production .container .retur {
  box-sizing: border-box;
  height: 47.4px;
  width: 47.4px;
  display: block;
  border-radius: 50%;
  margin-left: 12px;
  border: 1.7px solid rgba(255, 255, 255, 0.95);
  background: url(images/arrow-r.svg) no-repeat center center rgba(255, 255, 255, 0.16);
  float: left;
  margin-top: 16px;
}
.head_production .container .date_evt {
  color: #48E3FF;
  font-family: "Fira Sans";
  font-size: 16px;
  line-height: 23px;
  text-align: center;
  width: 100%;
  margin-top: 73px;
}
.head_production .container .date_nameevt {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 50px;
  width: 100%;
  margin-top: 9px;
  text-align: center;
  padding: 0px 155px;
  margin-bottom: 64px;
}
.head_production .container .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.head_production .container .event_scoreboard {
  width: 100%;
  padding: 0px 120px;
  float: left;
  margin-bottom: 40px;
}
.head_production .container .event_scoreboard .team1,
.head_production .container .event_scoreboard .team2 {
  width: 35%;
  float: left;
}
.head_production .container .event_scoreboard .team1 .ttlteam1,
.head_production .container .event_scoreboard .team2 .ttlteam1 {
  height: 24px;
  width: 255px;
  color: #48E3FF;
  font-family: "Fira Sans";
  font-size: 16px;
  letter-spacing: 1.14px;
  line-height: 23px;
  text-align: right;
  margin-top: 40px;
  margin-bottom: 10px;
  float: left;
}
.head_production .container .event_scoreboard .team1 .logo,
.head_production .container .event_scoreboard .team2 .logo {
  float: right;
  width: 143px;
  height: 143px;
  text-align: center;
}
.head_production .container .event_scoreboard .team1 .logo img,
.head_production .container .event_scoreboard .team2 .logo img {
  vertical-align: middle;
  max-height: 143px;
  max-width: 143px;
}
.head_production .container .event_scoreboard .team1 .teamname,
.head_production .container .event_scoreboard .team2 .teamname {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.32px;
  line-height: 26px;
  text-align: right;
  width: 255px;
  float: left;
}
.head_production .container .event_scoreboard .team2 {
  float: right;
}
.head_production .container .event_scoreboard .team2 .ttlteam2 {
  height: 24px;
  width: 255px;
  color: #48E3FF;
  font-family: "Fira Sans";
  font-size: 16px;
  letter-spacing: 1.14px;
  line-height: 23px;
  text-align: left;
  margin-top: 40px;
  margin-bottom: 10px;
  float: right;
}
.head_production .container .event_scoreboard .team2 .teamname {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.32px;
  line-height: 26px;
  text-align: left;
  width: 255px;
  float: right;
}
.head_production .container .event_scoreboard .team2 .logo {
  float: left;
  width: 143px;
  height: 143px;
  text-align: center;
}
.head_production .container .event_scoreboard .team2 .logo img {
  vertical-align: middle;
  max-height: 143px;
  max-width: 143px;
}
.head_production .container .event_scoreboard .score {
  width: 30%;
  float: left;
  margin-top: 42px;
}
.head_production .container .event_scoreboard .score .tscore1 {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 56px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 60px;
  text-align: right;
  height: 60px;
  float: left;
  width: 40%;
}
.head_production .container .event_scoreboard .score .tcenter {
  color: #6196FF;
  font-family: "Fira Sans";
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 60px;
  text-align: center;
  height: 60px;
  width: 20%;
  float: left;
}
.head_production .container .event_scoreboard .score .tscore2 {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 56px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 60px;
  text-align: left;
  height: 60px;
  float: left;
  width: 40%;
}
.head_production .container .ix_menu {
  width: 492px;
  height: 52px;
  border-radius: 26px;
  background-color: #202A53;
  border: 1px solid #8D93AC;
  float: left;
  margin-left: calc((100% - 492px) / 2);
}
.head_production .container .ix_menu .live_panel {
  width: 48%;
  margin-right: 4%;
  border-radius: 26px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: 15px center;
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
}
.head_production .container .ix_menu .live_panel span {
  position: absolute;
  left: 0px;
  top: 0;
  right: 0;
  bottom: 0;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 18px;
  line-height: 50px;
  z-index: 2;
  text-align: center;
  background-image: url(images/production/liveicn.svg);
  background-repeat: no-repeat;
  background-position: -5px -12px;
}
.head_production .container .ix_menu .params_prods {
  width: 48%;
  border-radius: 26px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: 15px center;
  display: block;
  float: left;
  position: relative;
  overflow: hidden;
}
.head_production .container .ix_menu .params_prods span {
  position: absolute;
  left: 0px;
  top: 0;
  right: 0;
  bottom: 0;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 18px;
  line-height: 50px;
  z-index: 2;
  text-align: center;
  background-image: url(images/production/settingsicn.svg);
  background-repeat: no-repeat;
  background-position: 15px center;
}
.head_production .container .ix_menu .sel:after {
  position: absolute;
  content: ' ';
  background-image: linear-gradient(to right, #4828DC, #1977FE);
  width: calc(100% + 2px);
  height: 52px;
  top: -1px;
  left: -1px;
  z-index: 0;
}
.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.score_board {
  width: 1019px;
  height: 87px;
  opacity: .98;
}
.score_board .score_bg_full {
  width: 1019px;
  height: 69px;
  position: relative;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.28);
  background-color: #10193B;
  margin-top: 9px;
}
.score_board .score_bg_full .score1 {
  width: 133px;
  height: 87px;
  transform: skew(-20deg);
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  position: absolute;
  top: -9px;
  left: 285px;
  z-index: 5;
  background-color: #0E1316;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 46px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 87px;
  text-align: center;
}
.score_board .score_bg_full .score1:before {
  width: 133px;
  height: 87px;
  transform: skew(0deg);
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  background-image: url(images/production/textura_scor.svg);
  background-repeat: no-repeat;
  background-position: center center;
  opacity: .3;
}
.score_board .score_bg_full .score2 {
  width: 133px;
  height: 87px;
  transform: skew(-20deg);
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  position: absolute;
  top: -9px;
  right: 285px;
  z-index: 6;
  background-color: #0E1316;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 46px;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 87px;
  text-align: center;
}
.score_board .score_bg_full .score2:before {
  width: 133px;
  height: 87px;
  transform: skew(0deg);
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  background-image: url(images/production/textura_scor.svg);
  background-repeat: no-repeat;
  background-position: center center;
  opacity: .3;
}
.score_board .score_bg_full .team1_dataview {
  width: 300px;
  height: 69px;
  float: left;
  position: relative;
}
.score_board .score_bg_full .team1_dataview:before {
  background: url(images/production/textura_team.svg) no-repeat center center;
  width: 300px;
  height: 69px;
  position: absolute;
  top: 0px;
  left: 0px;
  content: '';
  opacity: .3;
}
.score_board .score_bg_full .team1_dataview .team1_data_logo {
  height: 67px;
  width: 92px;
  margin-left: 8px;
  margin-top: 1px;
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center center;
  float: left;
}
.score_board .score_bg_full .team1_dataview .team1_data_name {
  height: 67px;
  width: 152px;
  margin-left: 8px;
  margin-top: 1px;
  text-align: left;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 67px;
  float: left;
}
.score_board .score_bg_full .team2_dataview {
  width: 300px;
  height: 69px;
  float: right;
  position: relative;
}
.score_board .score_bg_full .team2_dataview:before {
  background: url(images/production/textura_team.svg) no-repeat center center;
  width: 300px;
  height: 69px;
  position: absolute;
  top: 0px;
  left: 0px;
  content: '';
  opacity: .3;
}
.score_board .score_bg_full .team2_dataview .team2_data_logo {
  height: 67px;
  width: 92px;
  margin-left: 8px;
  margin-top: 1px;
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center center;
  float: right;
}
.score_board .score_bg_full .team2_dataview .team2_data_name {
  height: 67px;
  width: 152px;
  margin-left: 8px;
  margin-top: 1px;
  text-align: right;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 67px;
  float: right;
}
.score_board .score_bg_full .timeout1 {
  width: 122px;
  height: 5px;
  position: absolute;
  right: 3px;
  top: -10px;
}
.score_board .score_bg_full .timeout1 .time_timeout {
  width: 26px;
  height: 5px;
  transform: skew(-15deg);
  border: 1px solid rgba(255, 255, 255, 0.2);
  float: left;
  margin-right: 3px;
}
.score_board .score_bg_full .timeout1.s1 .time_timeout:first-child {
  background-color: #F9C202;
  border: 1px solid rgba(249, 194, 2, 0.2);
}
.score_board .score_bg_full .timeout1.s2 .time_timeout:nth-child(-n+2) {
  background-color: #F9C202;
  border: 1px solid rgba(249, 194, 2, 0.2);
}
.score_board .score_bg_full .timeout1.s3 .time_timeout:nth-child(-n+3) {
  background-color: #F9C202;
  border: 1px solid rgba(249, 194, 2, 0.2);
}
.score_board .score_bg_full .timeout1.s4 .time_timeout:nth-child(-n+4) {
  background-color: #F9C202;
  border: 1px solid rgba(249, 194, 2, 0.2);
}
.score_board .score_bg_full .timeout1 .time_timeout:last-child {
  margin-right: 0px;
}
.score_board .score_bg_full .timeout2 {
  width: 122px;
  height: 5px;
  position: absolute;
  left: 34px;
  top: -10px;
}
.score_board .score_bg_full .timeout2 .time_timeout {
  width: 26px;
  height: 5px;
  transform: skew(-15deg);
  border: 1px solid rgba(255, 255, 255, 0.2);
  float: left;
  margin-left: 3px;
}
.score_board .score_bg_full .timeout2.s1 .time_timeout:first-child {
  background-color: #F9C202;
  border: 1px solid rgba(249, 194, 2, 0.2);
}
.score_board .score_bg_full .timeout2.s2 .time_timeout:nth-child(-n+2) {
  background-color: #F9C202;
  border: 1px solid rgba(249, 194, 2, 0.2);
}
.score_board .score_bg_full .timeout2.s3 .time_timeout:nth-child(-n+3) {
  background-color: #F9C202;
  border: 1px solid rgba(249, 194, 2, 0.2);
}
.score_board .score_bg_full .timeout2.s4 .time_timeout:nth-child(-n+4) {
  background-color: #F9C202;
  border: 1px solid rgba(249, 194, 2, 0.2);
}
.score_board .score_bg_full .timeout2 .time_timeout:first-child {
  margin-left: 0px;
}
.score_board .score_bg_full .center_dataview {
  float: left;
  margin-left: 100px;
  width: 222px;
  height: 69px;
  position: relative;
}
.score_board .score_bg_full .center_dataview:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 152px;
  height: 69px;
  background: url(images/production/textura_centru.svg) no-repeat center center;
  opacity: .3;
}
.score_board .score_bg_full .center_dataview #flagextra {
  color: #F9C202;
  font-family: "Fira Sans";
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  width: 100%;
  float: left;
  position: absolute;
  top: -20px;
  display: none;
}
.score_board .score_bg_full .center_dataview #flagextra span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #F9C202;
  margin-right: 5px;
  margin-bottom: -1px;
}
.score_board .score_bg_full .center_dataview .center_dataview_first {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  text-align: center;
  width: 100%;
  float: left;
  height: 34px;
}
.score_board .score_bg_full .center_dataview .center_dataview_second {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 17px;
  font-weight: 400;
  line-height: 35px;
  text-align: center;
  width: 100%;
  float: left;
  height: 35px;
}
.score_board .score_bg_full .center_dataview .center_dataview_second #view_timeprod2.soccer {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 24px;
  font-weight: 600;
  line-height: 69px;
  text-align: center;
}
.container_pro_score {
  width: 100%;
  height: 100%;
  float: left;
  padding-bottom: 100px;
}
.container_pro_score .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.container_pro_score .myzoom {
  width: 120px;
  float: right;
  position: absolute;
  top: 710px;
  right: calc(50% - 60px);
  z-index: 10;
}
.container_pro_score .myzoom #zoomout {
  width: 40px;
  height: 30px;
  line-height: 30px;
  font-family: "Fira Sans";
  font-size: 24px;
  font-weight: 800;
  display: block;
  float: left;
  border: none;
  background-color: #1465D4;
  color: #fff;
  border-radius: 10px 0px 0px 10px;
}
.container_pro_score .myzoom #zoomval {
  width: 40px;
  height: 30px;
  line-height: 30px;
  font-family: "Fira Sans";
  font-size: 24px;
  font-weight: 800;
  display: block;
  float: left;
  border: none;
  background-color: #1465D4;
  color: #fff;
}
.container_pro_score .myzoom #zoomin {
  width: 40px;
  height: 30px;
  line-height: 30px;
  font-family: "Fira Sans";
  font-size: 24px;
  font-weight: 800;
  display: block;
  float: left;
  border: none;
  background-color: #1465D4;
  color: #fff;
  border-radius: 0px 10px 10px 0px;
}
.container_pro_score .preview_prod {
  width: 100%;
  float: left;
  margin-bottom: 40px;
  margin-top: 40px;
}
.container_pro_score .preview_prod .title_prevew {
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 20px;
  font-weight: 600;
  line-height: 44px;
  height: 50px;
  margin-bottom: 10px;
}
.container_pro_score .preview_prod .rounded_actions {
  border-radius: 34px;
  float: right;
  background-color: #202A53;
  border: 1px solid #8D93AC;
  overflow: hidden;
}
.container_pro_score .preview_prod .rounded_actions a.livepreview {
  width: 150px;
  display: block;
  position: relative;
  float: left;
  border-radius: 34px;
  height: 44px;
  margin-right: 5px;
}
.container_pro_score .preview_prod .rounded_actions a.livepreview span {
  padding: 0px 20px 0px 40px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  border-radius: 34px;
  z-index: 1;
  background: url(images/production/livepreviewicn.svg) no-repeat 17px center;
  background-size: 16px 14px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.container_pro_score .preview_prod .rounded_actions a.simulation {
  cursor: pointer;
  float: right;
  width: 150px;
  position: relative;
  display: block;
  border-radius: 34px;
  height: 44px;
}
.container_pro_score .preview_prod .rounded_actions a.simulation span {
  padding: 0px 20px 0px 44px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 600;
  background: url(images/production/simulation.svg) no-repeat 17px center;
  background-size: 19px 14px;
  border-radius: 34px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.container_pro_score .preview_prod .rounded_actions .sel:after {
  position: absolute;
  content: ' ';
  background-image: linear-gradient(to right, #4828DC, #1977FE);
  width: 100%;
  height: 44px;
  top: 0px;
  left: 0px;
  z-index: 0;
  border-radius: 34px;
}
.container_pro_score .preview_prod #simulation_st {
  width: 100%;
  height: 638px;
  background: url(images/production/stadium.jpg) no-repeat center center;
  position: relative;
}
.container_pro_score .preview_prod #simulation_st .score_board {
  position: absolute;
  bottom: 50px;
  left: calc((100% - 1019px) / 2);
  z-index: 2;
}
.container_pro_score .preview_prod #simulation_st .btndooff {
  position: absolute;
  bottom: 73px;
  right: 120px;
  z-index: 3;
}
.container_pro_score .preview_prod #simulation_st #setlonoff {
  position: absolute;
  top: 10px;
  right: 105px;
  z-index: 3;
}
.container_pro_score .preview_prod #simulation_st #logoischain {
  opacity: .9;
  max-width: 100px;
  float: right;
}
.container_pro_score .preview_prod #simulation_st .eyeon {
  width: 50px;
  height: 40px;
  cursor: pointer;
  display: block;
  background: url(images/production/eye.svg) no-repeat center center #10193B;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.28);
  border-radius: 8px;
  border: 1px solid #fff;
}
.container_pro_score .preview_prod #simulation_st .eyeon:hover {
  background-color: #1F2B5B;
}
.container_pro_score .preview_prod #simulation_st .eyeoff {
  width: 50px;
  height: 40px;
  cursor: pointer;
  display: block;
  background: url(images/production/eyeslash.svg) no-repeat center center #10193B;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.28);
  border-radius: 8px;
  border: 1px solid #fff;
}
.container_pro_score .preview_prod #simulation_st .eyeoff:hover {
  background-color: #1F2B5B;
}
.container_pro_score .preview_prod #simulation_st .small_board {
  width: 100px;
  height: 25px;
  top: 10px;
  left: 10px;
  position: absolute;
  background-color: #fff;
  opacity: .8;
  border-radius: 6px;
  overflow: hidden;
}
.container_pro_score .preview_prod #simulation_st .small_board .smimg1,
.container_pro_score .preview_prod #simulation_st .small_board .smimg2 {
  width: 25px;
  float: left;
  height: 25px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.container_pro_score .preview_prod #simulation_st .small_board .smsc1,
.container_pro_score .preview_prod #simulation_st .small_board .smsc2 {
  width: 25px;
  float: left;
  height: 25px;
  font-size: 12px;
  color: #333;
  line-height: 25px;
  text-align: center;
}
.container_pro_score .preview_prod #simulation_st #setsmonoff {
  position: absolute;
  left: 35px;
  top: 50px;
}
.container_pro_score .team1_scoreboard {
  width: 371px;
  float: left;
  background-color: #172147;
  border-radius: 12px;
  overflow: hidden;
  padding-bottom: 32px;
}
.container_pro_score .team1_scoreboard .td_title {
  width: 100%;
  height: 74px;
  background-image: linear-gradient(to bottom, #1E2955, #1B254B);
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 18px;
  font-weight: 600;
  line-height: 50px;
  float: left;
  padding: 12px 30px;
}
.container_pro_score .team1_scoreboard .td_title img {
  max-height: 44px;
  width: auto;
  float: right;
  vertical-align: middle;
  margin-top: 3px;
}
.container_pro_score .team1_scoreboard .row50 {
  width: 41%;
  margin-left: 6%;
  margin-right: 3%;
  float: left;
  background-color: #202A53;
  border: 1px solid #313A60;
  border-radius: 12px;
  height: 110px;
  margin-top: 22px;
  padding: 22px;
  cursor: pointer;
}
.container_pro_score .team1_scoreboard .row50 .sn {
  height: 32px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 1.14px;
  line-height: 37px;
  text-align: center;
  float: left;
  margin-bottom: 10px;
}
.container_pro_score .team1_scoreboard .row50 .sn-name {
  height: 24px;
  width: 100%;
  float: left;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 37px;
  text-align: center;
  text-transform: uppercase;
}
.container_pro_score .team1_scoreboard .row50:nth-child(odd) {
  margin-right: 6%;
  margin-left: 3%;
}
.container_pro_score .team1_scoreboard .row50:hover {
  border-color: #2E87FF;
}
.container_pro_score .team2_scoreboard {
  width: 371px;
  float: right;
  background-color: #172147;
  border-radius: 12px;
  overflow: hidden;
  padding-bottom: 32px;
}
.container_pro_score .team2_scoreboard .td_title {
  width: 100%;
  height: 74px;
  background-image: linear-gradient(to bottom, #1E2955, #1B254B);
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 18px;
  font-weight: 600;
  line-height: 50px;
  float: left;
  padding: 12px 30px;
}
.container_pro_score .team2_scoreboard .td_title img {
  max-height: 44px;
  width: auto;
  float: right;
  vertical-align: middle;
  margin-top: 3px;
}
.container_pro_score .team2_scoreboard .row50 {
  width: 41%;
  margin-left: 6%;
  margin-right: 3%;
  float: left;
  background-color: #202A53;
  border: 1px solid #313A60;
  border-radius: 12px;
  height: 110px;
  margin-top: 22px;
  padding: 22px;
  cursor: pointer;
}
.container_pro_score .team2_scoreboard .row50 .sn {
  height: 32px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 32px;
  font-weight: 600;
  letter-spacing: 1.14px;
  line-height: 37px;
  text-align: center;
  float: left;
  margin-bottom: 10px;
}
.container_pro_score .team2_scoreboard .row50 .sn-name {
  height: 24px;
  width: 100%;
  float: left;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 37px;
  text-align: center;
  text-transform: uppercase;
}
.container_pro_score .team2_scoreboard .row50:nth-child(odd) {
  margin-right: 6%;
  margin-left: 3%;
}
.container_pro_score .team2_scoreboard .row50:hover {
  border-color: #2E87FF;
}
.container_pro_score .score_panel_view {
  background-color: #172147;
  width: 371px;
  padding: 25px;
  float: left;
  margin-left: calc((100% - 1113px) / 2);
}
.container_pro_score .score_panel_view #team1 {
  width: 44%;
  float: left;
}
.container_pro_score .score_panel_view #team1 .vte1 {
  margin-top: 6px;
  color: #48E3FF;
  font-family: "Fira Sans";
  font-size: 16px;
  letter-spacing: 1.14px;
  line-height: 23px;
  text-align: center;
  float: left;
  width: 100%;
  height: 23px;
}
.container_pro_score .score_panel_view #team1 .score {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 56px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 56px;
  text-align: center;
  margin-top: 6px;
  float: left;
  width: 100%;
  height: 60px;
}
.container_pro_score .score_panel_view #team1 .btn-oo {
  padding: 14px 10px;
  border-radius: 8px;
  background-color: #202A53;
  border: 1px solid #313A60;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  text-align: center;
  margin-left: 18px;
  cursor: pointer;
}
.container_pro_score .score_panel_view #team2 {
  width: 44%;
  float: right;
}
.container_pro_score .score_panel_view #team2 .vte1 {
  margin-top: 6px;
  color: #48E3FF;
  font-family: "Fira Sans";
  font-size: 16px;
  letter-spacing: 1.14px;
  line-height: 23px;
  text-align: center;
  float: left;
  width: 100%;
  height: 23px;
}
.container_pro_score .score_panel_view #team2 .score {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 56px;
  font-weight: 800;
  letter-spacing: 1px;
  line-height: 56px;
  text-align: center;
  margin-top: 6px;
  float: left;
  width: 100%;
  height: 60px;
}
.container_pro_score .score_panel_view #team2 .btn-oo {
  padding: 14px 10px;
  border-radius: 8px;
  background-color: #202A53;
  border: 1px solid #313A60;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  text-align: center;
  margin-left: 18px;
  cursor: pointer;
}
.container_pro_score .score_panel_view .vs {
  width: 12%;
  float: left;
  margin-top: 47px;
  color: #6196FF;
  font-family: "Fira Sans";
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 26px;
  text-align: center;
}
.container_pro_score .prodstreamstart {
  width: 371px;
  float: left;
  margin-left: calc((100% - 1113px) / 2);
}
.container_pro_score .time_panel_view,
.container_pro_score .startstream {
  background-color: #172147;
  width: 371px;
  padding: 30px;
  float: left;
  margin-left: calc((100% - 1113px) / 2);
  margin-top: 30px;
  position: relative;
}
.container_pro_score .time_panel_view .time_div,
.container_pro_score .startstream .time_div {
  color: #48E3FF;
  font-family: "Fira Sans";
  font-size: 16px;
  letter-spacing: 1.14px;
  line-height: 23px;
  height: 24px;
  width: 100%;
  text-align: center;
  margin-bottom: 8px;
  float: left;
}
.container_pro_score .time_panel_view .time_show_div,
.container_pro_score .startstream .time_show_div {
  width: 190px;
  height: 56px;
  float: left;
  margin-left: calc((100% - 190px) / 2);
  font-family: "Fira Sans";
  font-size: 32px;
  font-weight: 800;
  border-radius: 10px;
  letter-spacing: 2px;
  line-height: 56px;
  text-align: center;
  background-color: #202A53;
  border: 1px solid #313A60;
  color: #FFFFFF;
  margin-bottom: 24px;
}
.container_pro_score .time_panel_view .btn-oo,
.container_pro_score .startstream .btn-oo {
  padding: 14px 22px;
  border-radius: 8px;
  background-color: #202A53;
  border: 1px solid #313A60;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  text-align: center;
  margin-left: 40px;
  float: left;
  width: 111px;
  cursor: pointer;
}
.container_pro_score .time_panel_view .btn-oo.timeq,
.container_pro_score .startstream .btn-oo.timeq {
  width: auto;
  padding: 6px 8px;
  margin-left: 15px;
  float: left;
}
.container_pro_score .time_panel_view .extra,
.container_pro_score .startstream .extra {
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  padding: 0px;
  margin: 0px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 10px;
}
.container_pro_score .time_panel_view .input-surface,
.container_pro_score .startstream .input-surface,
.container_pro_score .time_panel_view .textarea-surface,
.container_pro_score .startstream .textarea-surface {
  min-height: 58px;
  width: 100%;
  border-radius: 4px 4px 0 0;
  background-color: rgba(202, 211, 255, 0.05);
  border-bottom: 2px solid #919398;
  margin-bottom: 20px;
  padding: 6px 16px;
  float: left;
  /*&:nth-child(odd) { margin-left: 0px; }*/
}
.container_pro_score .time_panel_view .input-surface label,
.container_pro_score .startstream .input-surface label,
.container_pro_score .time_panel_view .textarea-surface label,
.container_pro_score .startstream .textarea-surface label {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 16px;
  width: 100%;
  margin-bottom: .2rem;
}
.container_pro_score .time_panel_view .input-surface input,
.container_pro_score .startstream .input-surface input,
.container_pro_score .time_panel_view .textarea-surface input,
.container_pro_score .startstream .textarea-surface input {
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
}
.container_pro_score .time_panel_view .input-surface select,
.container_pro_score .startstream .input-surface select,
.container_pro_score .time_panel_view .textarea-surface select,
.container_pro_score .startstream .textarea-surface select {
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
}
.container_pro_score .time_panel_view .input-surface select option,
.container_pro_score .startstream .input-surface select option,
.container_pro_score .time_panel_view .textarea-surface select option,
.container_pro_score .startstream .textarea-surface select option {
  color: #444c67;
}
.container_pro_score .time_panel_view .input-surface textarea,
.container_pro_score .startstream .input-surface textarea,
.container_pro_score .time_panel_view .textarea-surface textarea,
.container_pro_score .startstream .textarea-surface textarea {
  min-height: 178px;
  width: 100%;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
}
.container_pro_score .time_panel_view .input-surface:focus-within,
.container_pro_score .startstream .input-surface:focus-within,
.container_pro_score .time_panel_view .textarea-surface:focus-within,
.container_pro_score .startstream .textarea-surface:focus-within {
  border-bottom-color: #177AFF;
}
.container_pro_score .time_panel_view .input-surface:focus-within label,
.container_pro_score .startstream .input-surface:focus-within label,
.container_pro_score .time_panel_view .textarea-surface:focus-within label,
.container_pro_score .startstream .textarea-surface:focus-within label {
  color: #177AFF;
}
.container_pro_score .time_panel_view .input-surface:focus-within input,
.container_pro_score .startstream .input-surface:focus-within input,
.container_pro_score .time_panel_view .textarea-surface:focus-within input,
.container_pro_score .startstream .textarea-surface:focus-within input {
  color: #fff;
}
.container_pro_score .time_panel_view .input-surface:focus-within textarea,
.container_pro_score .startstream .input-surface:focus-within textarea,
.container_pro_score .time_panel_view .textarea-surface:focus-within textarea,
.container_pro_score .startstream .textarea-surface:focus-within textarea {
  color: #fff;
}
.container_pro_score .time_panel_view .dosavechanges,
.container_pro_score .startstream .dosavechanges {
  height: 38px;
  min-width: 300px;
  border-radius: 22px;
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  cursor: pointer;
  line-height: 38px;
  text-align: center;
  float: left;
  outline: none;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  margin-left: calc((100% - 300px) / 2);
  border: none;
}
.container_pro_score .time_panel_view .dosavechanges span,
.container_pro_score .startstream .dosavechanges span {
  border-radius: 18px;
  background-color: #202A53;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  line-height: 34px;
  padding: 0px 14px;
  float: left;
  min-width: 296px;
}
.container_pro_score .time_panel_view .btn-oo.timeq.sel,
.container_pro_score .startstream .btn-oo.timeq.sel {
  background: #4928dc;
  background: -moz-linear-gradient(-45deg, #4928dc 0%, #1a75fd 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #4928dc), color-stop(100%, #1a75fd));
  background: -webkit-linear-gradient(-45deg, #4928dc 0%, #1a75fd 100%);
  background: -o-linear-gradient(-45deg, #4928dc 0%, #1a75fd 100%);
  background: -ms-linear-gradient(-45deg, #4928dc 0%, #1a75fd 100%);
  background: linear-gradient(135deg, #4928dc 0%, #1a75fd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4928dc', endColorstr='#1a75fd', GradientType=1);
}
.container_pro_score .time_panel_view .eyeon,
.container_pro_score .startstream .eyeon {
  width: 50px;
  height: 40px;
  cursor: pointer;
  display: block;
  background: url(images/production/eye.svg) no-repeat center center #10193B;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.28);
  border-radius: 8px;
  border: 1px solid #fff;
}
.container_pro_score .time_panel_view .eyeon:hover,
.container_pro_score .startstream .eyeon:hover {
  background-color: #1F2B5B;
}
.container_pro_score .time_panel_view .eyeoff,
.container_pro_score .startstream .eyeoff {
  width: 50px;
  height: 40px;
  cursor: pointer;
  display: block;
  background: url(images/production/eyeslash.svg) no-repeat center center #10193B;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.28);
  border-radius: 8px;
  border: 1px solid #fff;
}
.container_pro_score .time_panel_view .eyeoff:hover,
.container_pro_score .startstream .eyeoff:hover {
  background-color: #1F2B5B;
}
.container_pro_score .time_panel_view #settnoff,
.container_pro_score .startstream #settnoff {
  position: absolute;
  top: 70px;
  right: 20px;
}
.container_pro_score .time_panel_view .tpv_left,
.container_pro_score .startstream .tpv_left {
  position: absolute;
  top: 18px;
  left: 7px;
  width: 100px;
  height: 45px;
}
.container_pro_score .time_panel_view .tpv_right,
.container_pro_score .startstream .tpv_right {
  position: absolute;
  top: 18px;
  right: 0px;
  width: 105px;
  height: 45px;
}
.container_pro_score .time_panel_view .tpv_right .btn-oo.timeq,
.container_pro_score .startstream .tpv_right .btn-oo.timeq {
  margin-left: 0px;
  margin-right: 15px;
}
.container_pro_score .down_panel_view {
  background-color: #172147;
  width: 371px;
  padding: 30px;
  float: left;
  margin-left: calc((100% - 1113px) / 2);
  margin-top: 30px;
}
.container_pro_score .down_panel_view .down_div {
  color: #48E3FF;
  font-family: "Fira Sans";
  font-size: 16px;
  letter-spacing: 1.14px;
  line-height: 23px;
  text-align: left;
  height: 24px;
  width: 100%;
  margin-bottom: 8px;
  float: left;
  position: relative;
}
.container_pro_score .down_panel_view .btn-oo {
  padding: 14px 10px;
  border-radius: 8px;
  background-color: #202A53;
  border: 1px solid #313A60;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  text-align: center;
  margin-right: 23px;
  float: left;
  width: 60px;
  cursor: pointer;
  height: 48px;
  margin-bottom: 27px;
}
.container_pro_score .down_panel_view .btn-oo:nth-child(5) {
  margin-right: 0px;
}
.container_pro_score .down_panel_view .btn-oo.sel {
  background: #4928dc;
  background: -moz-linear-gradient(-45deg, #4928dc 0%, #1a75fd 100%);
  background: -webkit-gradient(left top, right bottom, color-stop(0%, #4928dc), color-stop(100%, #1a75fd));
  background: -webkit-linear-gradient(-45deg, #4928dc 0%, #1a75fd 100%);
  background: -o-linear-gradient(-45deg, #4928dc 0%, #1a75fd 100%);
  background: -ms-linear-gradient(-45deg, #4928dc 0%, #1a75fd 100%);
  background: linear-gradient(135deg, #4928dc 0%, #1a75fd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4928dc', endColorstr='#1a75fd', GradientType=1);
  font-weight: 600;
}
.container_pro_score .down_panel_view #yards {
  width: 100%;
}
.container_pro_score .down_panel_view .zero {
  width: 10%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 17px;
  float: left;
  text-align: left;
}
.container_pro_score .down_panel_view .ten {
  width: 10%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 17px;
  float: right;
  text-align: right;
}
.container_pro_score .down_panel_view .eyeon {
  width: 34px;
  height: 20px;
  cursor: pointer;
  display: block;
  background: url(images/production/eye.svg) no-repeat center center #10193B;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.28);
  border-radius: 8px;
  border: 1px solid #fff;
  background-size: 20px;
}
.container_pro_score .down_panel_view .eyeon:hover {
  background-color: #1F2B5B;
}
.container_pro_score .down_panel_view .eyeoff {
  width: 34px;
  height: 20px;
  cursor: pointer;
  display: block;
  background: url(images/production/eyeslash.svg) no-repeat center center #10193B;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.28);
  border-radius: 8px;
  border: 1px solid #fff;
  background-size: 20px;
}
.container_pro_score .down_panel_view .eyeoff:hover {
  background-color: #1F2B5B;
}
.container_pro_score .down_panel_view #setdoff,
.container_pro_score .down_panel_view #setyoff {
  position: absolute;
  top: 0px;
  right: 5px;
}
.container_pro_score .down_panel_view select {
  width: 100%;
  float: left;
  display: block;
  border: 1px solid rgba(73, 40, 220, 0.5);
  border-radius: 8px;
  padding: 5px 10px;
  margin-top: 15px;
  background: #4928dc;
  color: #fff;
}
.full_container_production {
  width: 100%;
  height: 100%;
  background: url(images/production/texture_sprod.svg) no-repeat right center;
  float: left;
  padding-bottom: 100px;
}
.full_container_production #uploadcnt1div,
.full_container_production #uploadcnt2div,
.full_container_production #uploadcnt3div {
  width: 1px;
  height: 1px;
  position: absolute;
  left: -9999px;
}
.full_container_production #uploadcnt1,
.full_container_production #uploadcnt2,
.full_container_production #uploadcnt3 {
  width: 0px;
  height: 0px;
  position: absolute;
  left: -9999px;
}
.full_container_production .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.full_container_production .type_details {
  height: 180px;
  width: 100%;
  float: left;
  background-color: #172147;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 26px;
}
.full_container_production .type_details .td_title {
  width: 100%;
  height: 74px;
  background-image: linear-gradient(to bottom, #1E2955, #1B254B);
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 20px;
  font-weight: 600;
  line-height: 50px;
  float: left;
  padding: 12px 45px;
}
.full_container_production .type_details .inputtsi-group {
  width: 96%;
  margin-left: 2%;
  margin-top: 20px;
}
.full_container_production .team1_details {
  height: 491px;
  width: 49%;
  margin-right: 2%;
  float: left;
  background-color: #172147;
  border-radius: 12px;
  overflow: hidden;
}
.full_container_production .team1_details .td_title {
  width: 100%;
  height: 74px;
  background-image: linear-gradient(to bottom, #1E2955, #1B254B);
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 20px;
  font-weight: 600;
  line-height: 50px;
  float: left;
  padding: 12px 45px;
}
.full_container_production .team1_details .team_data {
  width: 100%;
  padding: 5%;
  float: left;
}
.full_container_production .team1_details .team_data .logo_ttlabel {
  height: 24px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  margin-top: 27px;
  float: left;
}
.full_container_production .team1_details .team_data .logo_box {
  height: 164px;
  width: 164px;
  float: left;
  margin-top: 20px;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.1);
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.full_container_production .team1_details .team_data .logo_box #upload1-progressdiv {
  height: 4px;
  width: 0%;
  position: absolute;
  top: 80px;
  left: 0;
  background-color: #528E14;
  display: none;
}
.full_container_production .team1_details .team_data .logo_box img {
  max-width: 144px;
  height: auto;
  vertical-align: middle;
}
.full_container_production .team1_details .team_data .logoup_details {
  min-height: 44px;
  width: 281px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 22px;
  margin-top: 56px;
  margin-left: 35px;
  float: left;
}
.full_container_production .team2_details {
  height: 491px;
  width: 49%;
  float: right;
  background-color: #172147;
  border-radius: 12px;
  overflow: hidden;
}
.full_container_production .team2_details .td_title {
  width: 100%;
  height: 74px;
  background-image: linear-gradient(to bottom, #1E2955, #1B254B);
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 20px;
  font-weight: 600;
  line-height: 50px;
  float: left;
  padding: 12px 45px;
}
.full_container_production .team2_details .team_data {
  width: 100%;
  padding: 5%;
  float: left;
}
.full_container_production .team2_details .team_data .logo_ttlabel {
  height: 24px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  margin-top: 27px;
  float: left;
}
.full_container_production .team2_details .team_data .logo_box {
  height: 164px;
  width: 164px;
  float: left;
  margin-top: 20px;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.1);
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.full_container_production .team2_details .team_data .logo_box #upload2-progressdiv {
  height: 4px;
  width: 0%;
  position: absolute;
  top: 80px;
  left: 0;
  background-color: #528E14;
  display: none;
}
.full_container_production .team2_details .team_data .logo_box img {
  max-width: 144px;
  height: auto;
  vertical-align: middle;
}
.full_container_production .team2_details .team_data .logoup_details {
  min-height: 44px;
  width: 281px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 22px;
  margin-top: 56px;
  margin-left: 35px;
  float: left;
}
.full_container_production .logo_details {
  height: 303px;
  width: 50%;
  margin-left: 25%;
  float: left;
  margin-top: 40px;
  background-color: #172147;
  border-radius: 12px;
  overflow: hidden;
}
.full_container_production .logo_details .td_title {
  width: 100%;
  height: 74px;
  background-image: linear-gradient(to bottom, #1E2955, #1B254B);
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 20px;
  font-weight: 600;
  line-height: 50px;
  float: left;
  padding: 12px 45px;
}
.full_container_production .logo_details .team_data {
  width: 100%;
  padding: 1% 5%;
  float: left;
}
.full_container_production .logo_details .team_data .logo_ttlabel {
  height: 24px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  margin-top: 27px;
  float: left;
}
.full_container_production .logo_details .team_data .logo_box {
  height: 164px;
  width: 164px;
  float: left;
  margin-top: 20px;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.1);
  position: relative;
  vertical-align: middle;
  text-align: center;
}
.full_container_production .logo_details .team_data .logo_box #upload3-progressdiv {
  height: 4px;
  width: 0%;
  position: absolute;
  top: 80px;
  left: 0;
  background-color: #528E14;
  display: none;
}
.full_container_production .logo_details .team_data .logo_box img {
  max-width: 144px;
  height: auto;
  vertical-align: middle;
}
.full_container_production .logo_details .team_data .logoup_details {
  min-height: 44px;
  width: 281px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 22px;
  margin-top: 56px;
  margin-left: 35px;
  float: left;
}
.full_container_production .button_emptys {
  border-radius: 23.4px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  text-decoration: none;
  box-shadow: 0 7px 22px 0 rgba(52, 108, 255, 0.44);
  cursor: pointer;
  display: block;
  width: 210px;
  height: 34px;
  margin-left: 35px;
  margin-top: 25px;
  float: left;
}
.full_container_production .button_emptys span {
  background-color: #172147;
  width: 206px;
  height: 30px;
  margin-top: 2px;
  margin-left: 2px;
  color: #FFFFFF;
  display: block;
  font-family: "Fira Sans";
  font-size: 14px;
  letter-spacing: 0.6px;
  line-height: 30px;
  text-align: center;
  border-radius: 23.4px;
}
@media screen and (max-width: 1440px) {
  body#airdrop {
    background: url(images/bg_airdrop.jpg) center top no-repeat #0d1939;
    background-size: cover;
  }
  body#airdrop .margin_discoverpage_top1 {
    width: 100%;
    height: 140px;
    float: left;
  }
  body#airdrop #airdrop_page_top {
    width: 100%;
    height: 330px;
    position: relative;
    float: left;
  }
  body#airdrop #airdrop_page_top:before {
    content: ' ';
    position: absolute;
    top: 1px;
    left: 50%;
    margin-left: -55px;
    height: 5px;
    width: 75px;
    border-radius: 4px;
    background-color: #4950d0;
  }
  body#airdrop #airdrop_page_top:after {
    content: ' ';
    position: absolute;
    top: 1px;
    left: 50%;
    margin-left: 30px;
    height: 5px;
    width: 25px;
    border-radius: 4px;
    background-color: #4950d0;
  }
  body#airdrop #airdrop_page_top .titletexttop1 {
    height: 116px;
    width: 86%;
    color: #FFFFFF;
    font-family: "Fira Sans", sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 35px;
    text-align: center;
    margin-top: 35px;
    margin-left: 7%;
  }
  body#airdrop #airdrop_page_top #createchain {
    height: 42px;
    font-family: "Fira Sans", sans-serif;
    text-align: center;
    outline: none;
    display: block;
    margin-left: calc((100% - 190px) / 2);
    float: left;
    margin-top: 45px;
    width: 190px;
    z-index: 5;
    border-radius: 23.4px;
    text-decoration: none;
    border: 2px solid #fff;
    color: #FFFFFF;
    font-size: 13px;
    letter-spacing: 0.9px;
    line-height: 40px;
  }
  body#airdrop #airdrop_page_top .arrdown {
    background: url(images/darrow.svg) no-repeat center center;
    height: 32px;
    width: 21px;
    position: absolute;
    left: calc((100% - 21px) / 2);
    bottom: 70px;
    display: none;
    text-decoration: none;
    z-index: 8;
    transition: all 0.2s linear;
  }
  body#airdrop #airdrop_page_top .arrdown:hover {
    bottom: 60px;
  }
  body#airdrop #airdrop_page_middle {
    width: 100%;
    min-height: 650px;
    position: relative;
    float: left;
    background-image: url(images/leftrarr.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-size: 100% auto;
    background-position-y: 500px;
  }
  body#airdrop #airdrop_page_middle .container {
    width: 100%;
    padding: 15px;
    margin-left: 0;
    float: left;
  }
  body#airdrop #airdrop_page_middle .container img.sportscircle {
    float: none;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 100%;
  }
  body#airdrop #airdrop_page_middle .container .middle_first_text {
    width: 100%;
    float: left;
    font-family: "Fira Sans", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    color: #fff;
  }
  body#airdrop #airdrop_page_middle .container .margin130 {
    width: 100%;
    margin-top: 130px;
    float: left;
  }
  body#airdrop #airdrop_page_middle .container img.boxtenisimg {
    float: right;
    margin-top: 0px;
    max-width: 100%;
  }
  body#airdrop #airdrop_page_middle .container .middle_second_text {
    float: right;
    width: 100%;
    font-family: "Fira Sans", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    color: #fff;
    padding-top: 25px;
  }
  body#airdrop #airdrop_page_middle .container .middle_second_text h2 {
    font-weight: 700;
    margin-bottom: 60px;
    font-family: "Fira Sans", sans-serif;
    font-size: 16px;
    line-height: 30px;
    text-align: left;
  }
  body#airdrop #airdrop_page_middle .container .howtoproceed {
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 30px;
    font-family: "Fira Sans", sans-serif;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    text-align: center;
    color: #fff;
    width: 100%;
    float: left;
  }
  body#airdrop #airdrop_page_middle .container .utypes {
    width: 100%;
    margin-left: 0;
    float: left;
    margin-top: 15px;
    margin-bottom: 45px;
  }
  body#airdrop #airdrop_page_middle .container .utypes a.userorfan {
    width: 70%;
    height: 47px;
    line-height: 41px;
    font-family: "Fira Sans", sans-serif;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 700;
    border: 3px solid #f3855b;
    border-radius: 47px;
    text-align: center;
    text-decoration: none;
    margin-left: 15%;
    color: #fff;
    margin-bottom: 25px;
  }
  body#airdrop #airdrop_page_middle .container .utypes a.userorfan.sel {
    background: #f3855b;
    border: none;
    line-height: 47px;
    background: -moz-linear-gradient(left, #f3855b 0%, #d39b61 100%);
    background: -webkit-linear-gradient(left, #f3855b 0%, #d39b61 100%);
    background: linear-gradient(to right, #f3855b 0%, #d39b61 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3855b', endColorstr='#d39b61', GradientType=1);
    color: #fff;
  }
  body#airdrop #airdrop_page_middle .container .utypes a.sportclub {
    width: 70%;
    height: 47px;
    line-height: 41px;
    font-family: "Fira Sans", sans-serif;
    display: block;
    float: left;
    font-size: 16px;
    font-weight: 700;
    border: 3px solid #3d36bc;
    border-radius: 47px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    margin-left: 15%;
  }
  body#airdrop #airdrop_page_middle .container .utypes a.sportclub.sel {
    background: #3d36bc;
    border: none;
    line-height: 47px;
    background: -moz-linear-gradient(left, #3d36bc 0%, #42aee7 100%);
    background: -webkit-linear-gradient(left, #3d36bc 0%, #42aee7 100%);
    background: linear-gradient(to right, #3d36bc 0%, #42aee7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d36bc', endColorstr='#42aee7', GradientType=1);
    color: #fff;
  }
  body#airdrop #airdrop_page_middle .container .userorfandiv {
    width: 90%;
    margin-left: 5%;
    float: left;
    display: block;
    padding: 10px;
    background-color: #223460;
    min-height: 480px;
    margin-bottom: 100px;
    border-radius: 10px;
  }
  body#airdrop #airdrop_page_middle .container .userorfandiv img.sportsfans {
    float: left;
    margin-right: 50px;
    display: none;
  }
  body#airdrop #airdrop_page_middle .container .userorfandiv .detailsaboutairdrop_fans {
    float: right;
    width: 100%;
    margin-top: 0px;
    color: #fff;
    font-family: "Fira Sans", sans-serif;
    font-size: 14px;
    text-align: left;
  }
  body#airdrop #airdrop_page_middle .container .userorfandiv .detailsaboutairdrop_fans .airtitle {
    font-weight: 700;
    margin-bottom: 5px;
    width: 100%;
    float: left;
  }
  body#airdrop #airdrop_page_middle .container .userorfandiv .detailsaboutairdrop_fans .airstep_rules {
    width: 95%;
    float: right;
    text-align: left;
    margin-top: 20px;
  }
  body#airdrop #airdrop_page_middle .container .userorfandiv form#fans {
    width: 100%;
    margin-left: 0%;
    float: left;
    margin-top: 20px;
  }
  body#airdrop #airdrop_page_middle .container .userorfandiv form#fans h4 {
    font-weight: bold;
    font-family: "Fira Sans";
    font-size: 10px;
    text-align: left;
    color: #fff;
  }
  body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .input-surface,
  body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .textarea-surface {
    height: 58px;
    width: 100%;
    border-radius: 4px 4px 0 0;
    background-color: rgba(202, 211, 255, 0.16);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 14px;
    padding: 7px 16px;
  }
  body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .input-surface label,
  body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .textarea-surface label {
    color: rgba(255, 255, 255, 0.5);
    font-family: "Fira Sans";
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 16px;
    width: 100%;
    margin-bottom: 0px;
  }
  body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .input-surface input,
  body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .textarea-surface input {
    color: rgba(255, 255, 255, 0.58);
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 24px;
    background-color: transparent;
    border: none;
    width: 100%;
    outline: none;
  }
  body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .input-surface textarea,
  body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .textarea-surface textarea {
    min-height: 81px;
    width: 100%;
    color: rgba(255, 255, 255, 0.58);
    font-family: "Fira Sans";
    font-size: 13px;
    line-height: 24px;
    background-color: transparent;
    border: none;
    outline: none;
    resize: none;
  }
  body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .input-surface:focus-within,
  body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .textarea-surface:focus-within {
    border-bottom-color: #177AFF;
  }
  body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .input-surface:focus-within label,
  body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .textarea-surface:focus-within label {
    color: #177AFF;
  }
  body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .input-surface:focus-within input,
  body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .textarea-surface:focus-within input {
    color: #fff;
  }
  body#airdrop #airdrop_page_middle .container .userorfandiv form#fans .submitrequest {
    color: #ffffff;
    height: 38px;
    width: 150px;
    border-radius: 23px;
    box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
    border: 1px solid #fff;
    outline: none;
    margin-left: calc((100% - 150px) / 2);
    background-color: transparent;
    margin-top: 40px;
  }
  body#airdrop #airdrop_page_middle .container .userorfandiv .needhelp {
    background: url(/themes/def/mailenvelope.png) no-repeat 21px center #0d1939;
    width: 194px;
    height: 71px;
    padding: 15px 24px 21px 52px;
    font-size: 14px;
    font-family: "Fira Sans";
    display: block;
    float: left;
    margin-left: calc((100% - 194px) / 2);
    cursor: pointer;
    text-decoration: none;
    border-radius: 71px;
    margin-top: 40px;
    color: #fff;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv {
    width: 90%;
    margin-left: 5%;
    float: left;
    display: block;
    padding: 10px;
    background-color: #223460;
    min-height: 480px;
    margin-bottom: 100px;
    border-radius: 10px;
    display: none;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv img.sportclubs {
    float: right;
    margin-left: 50px;
    display: none;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv .detailsaboutairdrop_clubs {
    float: left;
    width: 100%;
    margin-top: 0px;
    color: #fff;
    font-family: "Fira Sans", sans-serif;
    font-size: 14px;
    text-align: left;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv .detailsaboutairdrop_clubs .airtitle {
    font-weight: 700;
    margin-bottom: 25px;
    width: 100%;
    float: left;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv .detailsaboutairdrop_clubs .airstep_rules {
    width: 95%;
    float: right;
    text-align: left;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs {
    width: 100%;
    margin-left: 0%;
    float: left;
    margin-top: 20px;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs h4 {
    font-weight: bold;
    font-family: "Fira Sans";
    font-size: 10px;
    text-align: left;
    color: #fff;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface,
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface {
    height: 58px;
    width: 100%;
    border-radius: 4px 4px 0 0;
    background-color: rgba(202, 211, 255, 0.16);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 14px;
    padding: 7px 16px;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface label,
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface label {
    color: rgba(255, 255, 255, 0.5);
    font-family: "Fira Sans";
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 16px;
    width: 100%;
    margin-bottom: 0px;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface input,
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface input {
    color: rgba(255, 255, 255, 0.58);
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 24px;
    background-color: transparent;
    border: none;
    width: 100%;
    outline: none;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface textarea,
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface textarea {
    min-height: 81px;
    width: 100%;
    color: rgba(255, 255, 255, 0.58);
    font-family: "Fira Sans";
    font-size: 13px;
    line-height: 24px;
    background-color: transparent;
    border: none;
    outline: none;
    resize: none;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface select,
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface select {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    color: rgba(255, 255, 255, 0.58);
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 24px;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface option,
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface option {
    color: #444c67;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface:focus-within,
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface:focus-within {
    border-bottom-color: #177AFF;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface:focus-within label,
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface:focus-within label {
    color: #177AFF;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .input-surface:focus-within input,
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .textarea-surface:focus-within input {
    color: #fff;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv form#clubs .submitrequest {
    color: #ffffff;
    height: 38px;
    width: 150px;
    border-radius: 23px;
    box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
    border: 1px solid #fff;
    outline: none;
    margin-left: calc((100% - 150px) / 2);
    background-color: transparent;
    margin-top: 40px;
  }
  body#airdrop #airdrop_page_middle .container .sportclubdiv .needhelp {
    background: url(/themes/def/mailenvelope.png) no-repeat 21px center #0d1939;
    width: 194px;
    height: 71px;
    padding: 15px 24px 21px 52px;
    font-size: 14px;
    font-family: "Fira Sans";
    display: block;
    float: left;
    margin-left: calc((100% - 194px) / 2);
    cursor: pointer;
    text-decoration: none;
    border-radius: 71px;
    margin-top: 40px;
    color: #fff;
  }
}
@media screen and (max-width: 1000px) {
  .head_production {
    width: 100%;
    height: 615px;
    position: relative;
    left: 0px;
    padding-top: 0px;
    float: left;
  }
  .head_production .container {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .head_production .container .retur {
    box-sizing: border-box;
    height: 47.4px;
    width: 47.4px;
    display: block;
    border-radius: 50%;
    margin-left: 12px;
    border: 1.7px solid rgba(255, 255, 255, 0.95);
    background: url(images/arrow-r.svg) no-repeat center center rgba(255, 255, 255, 0.16);
    float: left;
    margin-top: 16px;
  }
  .head_production .container .date_evt {
    color: #48E3FF;
    font-family: "Fira Sans";
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    width: 100%;
    margin-top: 73px;
  }
  .head_production .container .date_nameevt {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 37px;
    width: 100%;
    margin-top: 9px;
    text-align: center;
    padding: 0px 10px;
    margin-bottom: 14px;
  }
  .head_production .container .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .head_production .container .event_scoreboard {
    width: 100%;
    padding: 0px 0px;
    float: left;
    margin-bottom: 40px;
  }
  .head_production .container .event_scoreboard .team1,
  .head_production .container .event_scoreboard .team2 {
    width: 50%;
    float: left;
  }
  .head_production .container .event_scoreboard .team1 .ttlteam1,
  .head_production .container .event_scoreboard .team2 .ttlteam1 {
    height: 24px;
    width: 100%;
    color: #48E3FF;
    font-family: "Fira Sans";
    font-size: 16px;
    letter-spacing: 1.14px;
    line-height: 23px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
    float: left;
  }
  .head_production .container .event_scoreboard .team1 .logo,
  .head_production .container .event_scoreboard .team2 .logo {
    float: left;
    width: 100%;
    height: 143px;
    text-align: center;
  }
  .head_production .container .event_scoreboard .team1 .logo img,
  .head_production .container .event_scoreboard .team2 .logo img {
    vertical-align: middle;
    max-height: 70px;
    max-width: 143px;
  }
  .head_production .container .event_scoreboard .team1 .teamname,
  .head_production .container .event_scoreboard .team2 .teamname {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.32px;
    line-height: 23px;
    text-align: center;
    width: 100%;
    float: left;
  }
  .head_production .container .event_scoreboard .team2 {
    float: left;
  }
  .head_production .container .event_scoreboard .team2 .ttlteam2 {
    height: 24px;
    width: 100%;
    color: #48E3FF;
    font-family: "Fira Sans";
    font-size: 14px;
    letter-spacing: 1.14px;
    line-height: 23px;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
    float: left;
  }
  .head_production .container .event_scoreboard .team2 .teamname {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.32px;
    line-height: 23px;
    text-align: center;
    width: 100%;
    float: left;
  }
  .head_production .container .event_scoreboard .team2 .logo {
    float: left;
    width: 100%;
    height: 143px;
    text-align: center;
  }
  .head_production .container .event_scoreboard .team2 .logo img {
    vertical-align: middle;
    max-height: 70px;
    max-width: 143px;
  }
  .head_production .container .event_scoreboard .score {
    width: 100%;
    float: right;
    margin-top: 12px;
  }
  .head_production .container .event_scoreboard .score .tscore1 {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 46px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 60px;
    text-align: right;
    height: 60px;
    float: left;
    width: 40%;
  }
  .head_production .container .event_scoreboard .score .tcenter {
    color: #6196FF;
    font-family: "Fira Sans";
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 60px;
    text-align: center;
    height: 60px;
    width: 20%;
    float: left;
  }
  .head_production .container .event_scoreboard .score .tscore2 {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 46px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 60px;
    text-align: left;
    height: 60px;
    float: left;
    width: 40%;
  }
  .head_production .container .ix_menu {
    width: 100%;
    height: 42px;
    border-radius: 26px;
    background-color: #202A53;
    border: 1px solid #8D93AC;
    float: left;
    margin-left: 0;
    margin-top: 0px;
  }
  .head_production .container .ix_menu .live_panel {
    width: 48%;
    margin-right: 4%;
    border-radius: 26px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 15px center;
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
  }
  .head_production .container .ix_menu .live_panel span {
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    bottom: 0;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 15px;
    line-height: 40px;
    z-index: 2;
    text-align: center;
    background-image: url(images/production/liveicn.svg);
    background-repeat: no-repeat;
    background-position: -10px -5px;
    background-size: 60px;
  }
  .head_production .container .ix_menu .params_prods {
    width: 48%;
    border-radius: 26px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 15px center;
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
  }
  .head_production .container .ix_menu .params_prods span {
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    bottom: 0;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 15px;
    line-height: 40px;
    z-index: 2;
    text-align: center;
    background-image: url(images/production/settingsicn.svg);
    background-repeat: no-repeat;
    background-position: 8px center;
    background-size: 14px 14px;
  }
  .head_production .container .ix_menu .sel:after {
    position: absolute;
    content: ' ';
    background-image: linear-gradient(to right, #4828DC, #1977FE);
    width: calc(100% + 2px);
    height: 42px;
    top: -1px;
    left: -1px;
    z-index: 0;
  }
  .full_container_production {
    width: 100%;
    height: 100%;
    background: url(images/production/texture_sprod.svg) no-repeat right center;
    float: left;
    padding-bottom: 100px;
  }
  .full_container_production #uploadcnt1div,
  .full_container_production #uploadcnt2div,
  .full_container_production #uploadcnt3div {
    width: 1px;
    height: 1px;
    position: absolute;
    left: -9999px;
  }
  .full_container_production #uploadcnt1,
  .full_container_production #uploadcnt2,
  .full_container_production #uploadcnt3 {
    width: 0px;
    height: 0px;
    position: absolute;
    left: -9999px;
  }
  .full_container_production .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .full_container_production .type_details {
    height: 120px;
    width: 100%;
    float: left;
    background-color: #172147;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 26px;
    margin-top: 25px;
  }
  .full_container_production .type_details .td_title {
    width: 100%;
    height: 34px;
    background-image: linear-gradient(to bottom, #1E2955, #1B254B);
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    float: left;
    padding: 6px 15px;
  }
  .full_container_production .type_details .inputtsi-group {
    width: 96%;
    margin-left: 2%;
    margin-top: 10px;
  }
  .full_container_production .team1_details {
    height: 500px;
    width: 100%;
    margin-right: 0%;
    float: left;
    background-color: #172147;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 26px;
  }
  .full_container_production .team1_details .td_title {
    width: 100%;
    height: 34px;
    background-image: linear-gradient(to bottom, #1E2955, #1B254B);
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    float: left;
    padding: 6px 15px;
  }
  .full_container_production .team1_details .team_data {
    width: 100%;
    padding: 5%;
    float: left;
  }
  .full_container_production .team1_details .team_data .logo_ttlabel {
    height: 24px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    margin-top: 7px;
    float: left;
  }
  .full_container_production .team1_details .team_data .logo_box {
    height: 164px;
    width: 164px;
    float: left;
    margin-top: 20px;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.1);
    position: relative;
    text-align: center;
    vertical-align: middle;
  }
  .full_container_production .team1_details .team_data .logo_box #upload1-progressdiv {
    height: 4px;
    width: 0%;
    position: absolute;
    top: 80px;
    left: 0;
    background-color: #528E14;
    display: none;
  }
  .full_container_production .team1_details .team_data .logo_box img {
    max-width: 144px;
    height: auto;
    vertical-align: middle;
  }
  .full_container_production .team1_details .team_data .logoup_details {
    min-height: 44px;
    width: 90%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 22px;
    margin-top: 16px;
    margin-left: 5%;
    float: left;
  }
  .full_container_production .team2_details {
    height: 500px;
    width: 100%;
    float: left;
    background-color: #172147;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 26px;
  }
  .full_container_production .team2_details .td_title {
    width: 100%;
    height: 34px;
    background-image: linear-gradient(to bottom, #1E2955, #1B254B);
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    float: left;
    padding: 6px 15px;
  }
  .full_container_production .team2_details .team_data {
    width: 100%;
    padding: 5%;
    float: left;
  }
  .full_container_production .team2_details .team_data .logo_ttlabel {
    height: 24px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    margin-top: 7px;
    float: left;
  }
  .full_container_production .team2_details .team_data .logo_box {
    height: 164px;
    width: 164px;
    float: left;
    margin-top: 20px;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.1);
    position: relative;
    text-align: center;
    vertical-align: middle;
  }
  .full_container_production .team2_details .team_data .logo_box #upload2-progressdiv {
    height: 4px;
    width: 0%;
    position: absolute;
    top: 80px;
    left: 0;
    background-color: #528E14;
    display: none;
  }
  .full_container_production .team2_details .team_data .logo_box img {
    max-width: 144px;
    height: auto;
    vertical-align: middle;
  }
  .full_container_production .team2_details .team_data .logoup_details {
    min-height: 44px;
    width: 90%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 22px;
    margin-top: 16px;
    margin-left: 5%;
    float: left;
  }
  .full_container_production .logo_details {
    height: 393px;
    width: 100%;
    margin-left: 0%;
    float: left;
    margin-top: 20px;
    background-color: #172147;
    border-radius: 12px;
    overflow: hidden;
  }
  .full_container_production .logo_details .td_title {
    width: 100%;
    height: 34px;
    background-image: linear-gradient(to bottom, #1E2955, #1B254B);
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    float: left;
    padding: 6px 15px;
  }
  .full_container_production .logo_details .team_data {
    width: 100%;
    padding: 1% 5%;
    float: left;
  }
  .full_container_production .logo_details .team_data .logo_ttlabel {
    height: 24px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    margin-top: 7px;
    float: left;
  }
  .full_container_production .logo_details .team_data .logo_box {
    height: 164px;
    width: 164px;
    float: left;
    margin-top: 20px;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.1);
    position: relative;
    vertical-align: middle;
    text-align: center;
  }
  .full_container_production .logo_details .team_data .logo_box #upload3-progressdiv {
    height: 4px;
    width: 0%;
    position: absolute;
    top: 80px;
    left: 0;
    background-color: #528E14;
    display: none;
  }
  .full_container_production .logo_details .team_data .logo_box img {
    max-width: 144px;
    height: auto;
    vertical-align: middle;
  }
  .full_container_production .logo_details .team_data .logoup_details {
    min-height: 44px;
    width: 90%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 22px;
    margin-top: 16px;
    margin-left: 5%;
    float: left;
  }
  .full_container_production .button_emptys {
    border-radius: 23.4px;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    text-decoration: none;
    box-shadow: 0 7px 22px 0 rgba(52, 108, 255, 0.44);
    cursor: pointer;
    display: block;
    width: 210px;
    height: 34px;
    margin-left: 35px;
    margin-top: 25px;
    float: left;
  }
  .full_container_production .button_emptys span {
    background-color: #172147;
    width: 206px;
    height: 30px;
    margin-top: 2px;
    margin-left: 2px;
    color: #FFFFFF;
    display: block;
    font-family: "Fira Sans";
    font-size: 14px;
    letter-spacing: 0.6px;
    line-height: 30px;
    text-align: center;
    border-radius: 23.4px;
  }
  .container_pro_score {
    width: 100%;
    height: 100%;
    float: left;
    padding-bottom: 100px;
  }
  .container_pro_score .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .container_pro_score .myzoom {
    width: 120px;
    float: right;
    position: absolute;
    top: 710px;
    right: calc(50% - 60px);
    z-index: 10;
  }
  .container_pro_score .myzoom #zoomout {
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-family: "Fira Sans";
    font-size: 24px;
    font-weight: 800;
    display: block;
    float: left;
    border: none;
    background-color: #1465D4;
    color: #fff;
    border-radius: 10px 0px 0px 10px;
  }
  .container_pro_score .myzoom #zoomval {
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-family: "Fira Sans";
    font-size: 24px;
    font-weight: 800;
    display: block;
    float: left;
    border: none;
    background-color: #1465D4;
    color: #fff;
  }
  .container_pro_score .myzoom #zoomin {
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-family: "Fira Sans";
    font-size: 24px;
    font-weight: 800;
    display: block;
    float: left;
    border: none;
    background-color: #1465D4;
    color: #fff;
    border-radius: 0px 10px 10px 0px;
  }
  .container_pro_score .preview_prod {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    margin-top: 80px;
  }
  .container_pro_score .preview_prod .title_prevew {
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 20px;
    font-weight: 600;
    line-height: 44px;
    height: 50px;
    margin-bottom: 10px;
  }
  .container_pro_score .preview_prod .rounded_actions {
    border-radius: 34px;
    float: right;
    background-color: #202A53;
    border: 1px solid #8D93AC;
    overflow: hidden;
  }
  .container_pro_score .preview_prod .rounded_actions a.livepreview {
    width: 80px;
    display: block;
    position: relative;
    float: left;
    border-radius: 24px;
    height: 34px;
    margin-right: 5px;
  }
  .container_pro_score .preview_prod .rounded_actions a.livepreview span {
    padding: 0px 10px 0px 30px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    border-radius: 24px;
    z-index: 1;
    line-height: 34px;
    background: url(images/production/livepreviewicn.svg) no-repeat 11px center;
    background-size: 7px 14px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .container_pro_score .preview_prod .rounded_actions a.simulation {
    cursor: pointer;
    float: right;
    width: 120px;
    position: relative;
    display: block;
    border-radius: 24px;
    height: 34px;
  }
  .container_pro_score .preview_prod .rounded_actions a.simulation span {
    padding: 0px 10px 0px 34px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 12px;
    font-weight: 600;
    background: url(images/production/simulation.svg) no-repeat 11px center;
    background-size: 13px 14px;
    border-radius: 24px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    line-height: 34px;
  }
  .container_pro_score .preview_prod .rounded_actions .sel:after {
    position: absolute;
    content: ' ';
    background-image: linear-gradient(to right, #4828DC, #1977FE);
    width: 100%;
    height: 34px;
    top: 0px;
    left: 0px;
    z-index: 0;
    border-radius: 24px;
  }
  .container_pro_score .preview_prod #simulation_st {
    width: 100%;
    height: 338px;
    background: url(images/production/stadium.jpg) no-repeat center center;
    position: relative;
  }
  .container_pro_score .preview_prod #simulation_st .score_board {
    position: absolute;
    bottom: 5px;
    left: calc((100% - 1019px) / 2);
    z-index: 2;
  }
  .container_pro_score .preview_prod #simulation_st .btndooff {
    position: absolute;
    bottom: 73px;
    right: 120px;
    z-index: 3;
  }
  .container_pro_score .preview_prod #simulation_st #setlonoff {
    position: absolute;
    top: 10px;
    right: 105px;
    z-index: 3;
  }
  .container_pro_score .preview_prod #simulation_st #logoischain {
    opacity: .9;
    max-width: 100px;
    float: right;
  }
  .container_pro_score .preview_prod #simulation_st .eyeon {
    width: 50px;
    height: 40px;
    cursor: pointer;
    display: block;
    background: url(images/production/eye.svg) no-repeat center center #10193B;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.28);
    border-radius: 8px;
    border: 1px solid #fff;
  }
  .container_pro_score .preview_prod #simulation_st .eyeon:hover {
    background-color: #1F2B5B;
  }
  .container_pro_score .preview_prod #simulation_st .eyeoff {
    width: 50px;
    height: 40px;
    cursor: pointer;
    display: block;
    background: url(images/production/eyeslash.svg) no-repeat center center #10193B;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.28);
    border-radius: 8px;
    border: 1px solid #fff;
  }
  .container_pro_score .preview_prod #simulation_st .eyeoff:hover {
    background-color: #1F2B5B;
  }
  .container_pro_score .preview_prod #simulation_st .small_board {
    width: 100px;
    height: 25px;
    top: 10px;
    left: 10px;
    position: absolute;
    background-color: #fff;
    opacity: .8;
    border-radius: 6px;
    overflow: hidden;
  }
  .container_pro_score .preview_prod #simulation_st .small_board .smimg1,
  .container_pro_score .preview_prod #simulation_st .small_board .smimg2 {
    width: 25px;
    float: left;
    height: 25px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  .container_pro_score .preview_prod #simulation_st .small_board .smsc1,
  .container_pro_score .preview_prod #simulation_st .small_board .smsc2 {
    width: 25px;
    float: left;
    height: 25px;
    font-size: 12px;
    color: #333;
    line-height: 25px;
    text-align: center;
  }
  .container_pro_score .team1_scoreboard {
    width: 100%;
    float: left;
    background-color: #172147;
    border-radius: 12px;
    overflow: hidden;
    padding-bottom: 32px;
    margin-bottom: 30px;
  }
  .container_pro_score .team1_scoreboard .td_title {
    width: 100%;
    height: 74px;
    background-image: linear-gradient(to bottom, #1E2955, #1B254B);
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 18px;
    font-weight: 600;
    line-height: 50px;
    float: left;
    padding: 12px 30px;
  }
  .container_pro_score .team1_scoreboard .td_title img {
    max-height: 44px;
    width: auto;
    float: right;
    vertical-align: middle;
    margin-top: 3px;
  }
  .container_pro_score .team1_scoreboard .row50 {
    width: 41%;
    margin-left: 6%;
    margin-right: 3%;
    float: left;
    background-color: #202A53;
    border: 1px solid #313A60;
    border-radius: 12px;
    height: 110px;
    margin-top: 22px;
    padding: 22px;
    cursor: pointer;
  }
  .container_pro_score .team1_scoreboard .row50 .sn {
    height: 32px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 1.14px;
    line-height: 37px;
    text-align: center;
    float: left;
    margin-bottom: 10px;
  }
  .container_pro_score .team1_scoreboard .row50 .sn-name {
    height: 24px;
    width: 100%;
    float: left;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 37px;
    text-align: center;
    text-transform: uppercase;
  }
  .container_pro_score .team1_scoreboard .row50:nth-child(odd) {
    margin-right: 6%;
    margin-left: 3%;
  }
  .container_pro_score .team1_scoreboard .row50:hover {
    border-color: #2E87FF;
  }
  .container_pro_score .team2_scoreboard {
    width: 100%;
    float: left;
    background-color: #172147;
    border-radius: 12px;
    overflow: hidden;
    padding-bottom: 32px;
  }
  .container_pro_score .team2_scoreboard .td_title {
    width: 100%;
    height: 74px;
    background-image: linear-gradient(to bottom, #1E2955, #1B254B);
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 18px;
    font-weight: 600;
    line-height: 50px;
    float: left;
    padding: 12px 30px;
  }
  .container_pro_score .team2_scoreboard .td_title img {
    max-height: 44px;
    width: auto;
    float: right;
    vertical-align: middle;
    margin-top: 3px;
  }
  .container_pro_score .team2_scoreboard .row50 {
    width: 41%;
    margin-left: 6%;
    margin-right: 3%;
    float: left;
    background-color: #202A53;
    border: 1px solid #313A60;
    border-radius: 12px;
    height: 110px;
    margin-top: 22px;
    padding: 22px;
    cursor: pointer;
  }
  .container_pro_score .team2_scoreboard .row50 .sn {
    height: 32px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 1.14px;
    line-height: 37px;
    text-align: center;
    float: left;
    margin-bottom: 10px;
  }
  .container_pro_score .team2_scoreboard .row50 .sn-name {
    height: 24px;
    width: 100%;
    float: left;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 37px;
    text-align: center;
    text-transform: uppercase;
  }
  .container_pro_score .team2_scoreboard .row50:nth-child(odd) {
    margin-right: 6%;
    margin-left: 3%;
  }
  .container_pro_score .team2_scoreboard .row50:hover {
    border-color: #2E87FF;
  }
  .container_pro_score .score_panel_view {
    background-color: #172147;
    width: 100%;
    padding: 25px;
    float: left;
    margin-left: 0;
    margin-bottom: 30px;
  }
  .container_pro_score .score_panel_view #team1 {
    width: 44%;
    float: left;
  }
  .container_pro_score .score_panel_view #team1 .vte1 {
    margin-top: 6px;
    color: #48E3FF;
    font-family: "Fira Sans";
    font-size: 16px;
    letter-spacing: 1.14px;
    line-height: 23px;
    text-align: center;
    float: left;
    width: 100%;
    height: 23px;
  }
  .container_pro_score .score_panel_view #team1 .score {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 56px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 56px;
    text-align: center;
    margin-top: 6px;
    float: left;
    width: 100%;
    height: 60px;
  }
  .container_pro_score .score_panel_view #team1 .btn-oo {
    padding: 14px 10px;
    border-radius: 8px;
    background-color: #202A53;
    border: 1px solid #313A60;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    text-align: center;
    margin-left: 18px;
    cursor: pointer;
  }
  .container_pro_score .score_panel_view #team2 {
    width: 44%;
    float: right;
  }
  .container_pro_score .score_panel_view #team2 .vte1 {
    margin-top: 6px;
    color: #48E3FF;
    font-family: "Fira Sans";
    font-size: 16px;
    letter-spacing: 1.14px;
    line-height: 23px;
    text-align: center;
    float: left;
    width: 100%;
    height: 23px;
  }
  .container_pro_score .score_panel_view #team2 .score {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 56px;
    font-weight: 800;
    letter-spacing: 1px;
    line-height: 56px;
    text-align: center;
    margin-top: 6px;
    float: left;
    width: 100%;
    height: 60px;
  }
  .container_pro_score .score_panel_view #team2 .btn-oo {
    padding: 14px 10px;
    border-radius: 8px;
    background-color: #202A53;
    border: 1px solid #313A60;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    text-align: center;
    margin-left: 18px;
    cursor: pointer;
  }
  .container_pro_score .score_panel_view .vs {
    width: 12%;
    float: left;
    margin-top: 47px;
    color: #6196FF;
    font-family: "Fira Sans";
    font-size: 22px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 26px;
    text-align: center;
  }
  .container_pro_score .prodstreamstart {
    width: 98%;
    float: left;
    margin-left: 1%;
  }
  .container_pro_score .time_panel_view,
  .container_pro_score .startstream {
    background-color: #172147;
    width: 100%;
    padding: 20px;
    float: left;
    margin-left: 0;
    margin-top: 30px;
    position: relative;
  }
  .container_pro_score .time_panel_view .time_div,
  .container_pro_score .startstream .time_div {
    color: #48E3FF;
    font-family: "Fira Sans";
    font-size: 16px;
    letter-spacing: 1.14px;
    line-height: 23px;
    height: 24px;
    width: 100%;
    text-align: center;
    margin-bottom: 8px;
    float: left;
  }
  .container_pro_score .time_panel_view .time_show_div,
  .container_pro_score .startstream .time_show_div {
    width: 190px;
    height: 56px;
    float: left;
    margin-left: calc((100% - 190px) / 2);
    font-family: "Fira Sans";
    font-size: 32px;
    font-weight: 800;
    border-radius: 10px;
    letter-spacing: 2px;
    line-height: 56px;
    text-align: center;
    background-color: #202A53;
    border: 1px solid #313A60;
    color: #FFFFFF;
    margin-bottom: 24px;
  }
  .container_pro_score .time_panel_view .btn-oo,
  .container_pro_score .startstream .btn-oo {
    padding: 14px 12px;
    border-radius: 8px;
    background-color: #202A53;
    border: 1px solid #313A60;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    text-align: center;
    margin-left: 10px;
    float: left;
    width: 91px;
    cursor: pointer;
  }
  .container_pro_score .time_panel_view .btn-oo.timeq,
  .container_pro_score .startstream .btn-oo.timeq {
    width: auto;
    padding: 6px 8px;
    margin-left: 15px;
    float: left;
  }
  .container_pro_score .time_panel_view .btn-oo.timeq.sel,
  .container_pro_score .startstream .btn-oo.timeq.sel {
    background: #4928dc;
    background: -moz-linear-gradient(-45deg, #4928dc 0%, #1a75fd 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #4928dc), color-stop(100%, #1a75fd));
    background: -webkit-linear-gradient(-45deg, #4928dc 0%, #1a75fd 100%);
    background: -o-linear-gradient(-45deg, #4928dc 0%, #1a75fd 100%);
    background: -ms-linear-gradient(-45deg, #4928dc 0%, #1a75fd 100%);
    background: linear-gradient(135deg, #4928dc 0%, #1a75fd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4928dc', endColorstr='#1a75fd', GradientType=1);
  }
  .container_pro_score .time_panel_view .eyeon,
  .container_pro_score .startstream .eyeon {
    width: 50px;
    height: 40px;
    cursor: pointer;
    display: block;
    background: url(images/production/eye.svg) no-repeat center center #10193B;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.28);
    border-radius: 8px;
    border: 1px solid #fff;
  }
  .container_pro_score .time_panel_view .eyeon:hover,
  .container_pro_score .startstream .eyeon:hover {
    background-color: #1F2B5B;
  }
  .container_pro_score .time_panel_view .eyeoff,
  .container_pro_score .startstream .eyeoff {
    width: 50px;
    height: 40px;
    cursor: pointer;
    display: block;
    background: url(images/production/eyeslash.svg) no-repeat center center #10193B;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.28);
    border-radius: 8px;
    border: 1px solid #fff;
  }
  .container_pro_score .time_panel_view .eyeoff:hover,
  .container_pro_score .startstream .eyeoff:hover {
    background-color: #1F2B5B;
  }
  .container_pro_score .time_panel_view .extra,
  .container_pro_score .startstream .extra {
    font-size: 12px;
  }
  .container_pro_score .time_panel_view .dosavechanges,
  .container_pro_score .startstream .dosavechanges {
    height: 38px;
    min-width: 280px;
    border-radius: 22px;
    text-decoration: none;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.6px;
    cursor: pointer;
    line-height: 38px;
    text-align: center;
    float: left;
    outline: none;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
    margin-left: calc((100% - 280px) / 2);
    border: none;
  }
  .container_pro_score .time_panel_view .dosavechanges span,
  .container_pro_score .startstream .dosavechanges span {
    border-radius: 18px;
    background-color: #202A53;
    margin-top: 2px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    line-height: 34px;
    padding: 0px 14px;
    float: left;
    min-width: 276px;
  }
  .container_pro_score .time_panel_view #settnoff,
  .container_pro_score .startstream #settnoff {
    position: absolute;
    top: 70px;
    right: 20px;
  }
  .container_pro_score .time_panel_view .tpv_left,
  .container_pro_score .startstream .tpv_left {
    position: absolute;
    top: 18px;
    left: 7px;
    width: 100px;
    height: 45px;
  }
  .container_pro_score .time_panel_view .tpv_right,
  .container_pro_score .startstream .tpv_right {
    position: absolute;
    top: 18px;
    right: 0px;
    width: 105px;
    height: 45px;
  }
  .container_pro_score .time_panel_view .tpv_right .btn-oo.timeq,
  .container_pro_score .startstream .tpv_right .btn-oo.timeq {
    margin-left: 0px;
    margin-right: 15px;
  }
  .container_pro_score .down_panel_view {
    background-color: #172147;
    width: 100%;
    padding: 30px;
    float: left;
    margin-left: 0;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .container_pro_score .down_panel_view .down_div {
    color: #48E3FF;
    font-family: "Fira Sans";
    font-size: 16px;
    letter-spacing: 1.14px;
    line-height: 23px;
    text-align: left;
    height: 24px;
    width: 100%;
    margin-bottom: 8px;
    float: left;
    position: relative;
  }
  .container_pro_score .down_panel_view .btn-oo {
    padding: 14px 10px;
    border-radius: 8px;
    background-color: #202A53;
    border: 1px solid #313A60;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    text-align: center;
    margin-right: 5px;
    float: left;
    width: 60px;
    cursor: pointer;
    height: 48px;
    margin-bottom: 27px;
  }
  .container_pro_score .down_panel_view .btn-oo:nth-child(5) {
    margin-right: 0px;
  }
  .container_pro_score .down_panel_view .btn-oo.sel {
    background: #4928dc;
    background: -moz-linear-gradient(-45deg, #4928dc 0%, #1a75fd 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #4928dc), color-stop(100%, #1a75fd));
    background: -webkit-linear-gradient(-45deg, #4928dc 0%, #1a75fd 100%);
    background: -o-linear-gradient(-45deg, #4928dc 0%, #1a75fd 100%);
    background: -ms-linear-gradient(-45deg, #4928dc 0%, #1a75fd 100%);
    background: linear-gradient(135deg, #4928dc 0%, #1a75fd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4928dc', endColorstr='#1a75fd', GradientType=1);
    font-weight: 600;
  }
  .container_pro_score .down_panel_view #yards {
    width: 100%;
  }
  .container_pro_score .down_panel_view .zero {
    width: 10%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 17px;
    float: left;
    text-align: left;
  }
  .container_pro_score .down_panel_view .ten {
    width: 10%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 17px;
    float: right;
    text-align: right;
  }
  .container_pro_score .down_panel_view .eyeon {
    width: 34px;
    height: 20px;
    cursor: pointer;
    display: block;
    background: url(images/production/eye.svg) no-repeat center center #10193B;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.28);
    border-radius: 8px;
    border: 1px solid #fff;
    background-size: 20px;
  }
  .container_pro_score .down_panel_view .eyeon:hover {
    background-color: #1F2B5B;
  }
  .container_pro_score .down_panel_view .eyeoff {
    width: 34px;
    height: 20px;
    cursor: pointer;
    display: block;
    background: url(images/production/eyeslash.svg) no-repeat center center #10193B;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.28);
    border-radius: 8px;
    border: 1px solid #fff;
    background-size: 20px;
  }
  .container_pro_score .down_panel_view .eyeoff:hover {
    background-color: #1F2B5B;
  }
  .container_pro_score .down_panel_view #setdoff,
  .container_pro_score .down_panel_view #setyoff {
    position: absolute;
    top: 0px;
    right: 5px;
  }
  .container_pro_score .down_panel_view select {
    width: 100%;
    float: left;
    display: block;
    border: 1px solid rgba(73, 40, 220, 0.5);
    border-radius: 8px;
    padding: 5px 10px;
    margin-top: 15px;
    background: #4928dc;
    color: #fff;
  }
}
#top_menu {
  background-color: transparent;
  box-shadow: none;
  transition: all 0.4s;
}
#top_menu .topmenu_bgofit {
  width: 100%;
  height: 264px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.31) 25.17%, rgba(0, 0, 0, 0.64) 57.57%, rgba(0, 0, 0, 0.91) 100%);
}
#top_menu .topmenu {
  margin-right: 80px;
  width: 400px;
}
#top_menu .topmenu .search_menu {
  float: right;
  width: 110px;
  height: 36px;
  padding-right: 26px;
  background: url(images/search_bgicon.png) no-repeat;
  background-position: 84px center;
  background-size: 25px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 36px;
  text-align: center;
  font-family: 'Ubuntu', sans-serif;
  padding-top: 0px;
}
#top_menu .topmenu .menu_menu {
  float: right;
  width: 110px;
  height: 36px;
  padding-right: 26px;
  background: url(images/menu_bgicon.png) no-repeat;
  background-position: 84px center;
  background-size: 25px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 36px;
  text-align: center;
  font-family: 'Ubuntu', sans-serif;
  text-decoration: none;
}
#club_uniu.isok {
  background-image: url(images/sicn.svg);
  background-size: 20px 20px;
  background-position: right center;
  background-repeat: no-repeat;
}
#club_uniu.isbad {
  background-image: url(images/serr.svg);
  background-size: 20px 20px;
  background-position: right center;
  background-repeat: no-repeat;
}
#club_uniu.isload {
  background-image: url(images/ajspinner.gif);
  background-position: right center;
  background-repeat: no-repeat;
}
.exp #top_menu {
  display: none;
}
.top1 .categories {
  padding-top: 60px;
}
#main_picture2 {
  width: 100%;
  float: left;
  height: 100%;
  height: calc(100% + 52px);
  position: absolute;
  z-index: 1;
  top: 0;
}
#main_picture2 .godown {
  height: 34px;
  width: 190px;
  color: #E0F0FF;
  font-family: "Fira Sans", sans-serif;
  left: calc((100% - 190px) / 2);
  bottom: 210px;
  position: absolute;
  z-index: 7;
  font-size: 13px;
  letter-spacing: 3.34px;
  line-height: 34px;
  text-align: center;
  text-shadow: 0 4px 7px rgba(255, 255, 255, 0.28);
  display: block;
  text-decoration: none;
}
#main_picture2 .arrdown {
  background: url(images/darrow.svg) no-repeat center center;
  height: 32px;
  width: 21px;
  position: absolute;
  left: calc((100% - 21px) / 2);
  bottom: 170px;
  display: block;
  text-decoration: none;
  z-index: 8;
  transition: all 0.2s linear;
}
#main_picture2 .arrdown:hover {
  bottom: 160px;
}
#main_picture2 .logo_slides {
  background-color: #171E3F;
  background-color: rgba(23, 30, 63, 0.99);
  width: 100%;
  height: 112px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.82);
  z-index: 3;
  display: none !important;
}
#main_picture2 .logo_slides .text_sleft {
  float: left;
  width: 200px;
  height: 59px;
  margin-top: 34px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 1.25vw;
  font-weight: 300;
  letter-spacing: -0.2px;
  line-height: 29px;
  position: relative;
}
#main_picture2 .logo_slides .text_sleft strong {
  font-weight: bold;
}
#main_picture2 .logo_slides .text_sleft:after {
  content: '';
  width: 36px;
  height: 4px;
  position: absolute;
  left: 0px;
  top: -10px;
  border-radius: 3px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
}
#main_picture2 .logo_slides .text_sleft:before {
  content: '';
  width: 12px;
  height: 4px;
  position: absolute;
  left: 42px;
  top: -10px;
  border-radius: 3px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
}
#main_picture2 .logo_slides .cnt_slides {
  width: calc(100% - 240px);
  float: right;
  position: relative;
  overflow: hidden;
}
#main_picture2 .logo_slides .cnt_slides .itemslide {
  width: 195px;
  float: left;
  display: block;
  height: 64px;
  text-align: center;
  margin-top: 24px;
}
#main_picture2 .logo_slides .cnt_slides .itemslide img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  max-height: 64px;
  max-width: 100%;
  width: auto !important;
}
#main_picture2 .logo_slides .cnt_slides .itemslide:hover img {
  -webkit-filter: grayscale(0%);
  filter: none;
}
#main_picture2 #main_slides {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
#main_picture2 #main_slides .sslide {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
#main_picture2 #main_slides .sslide .slide_text {
  position: absolute;
  top: 275px;
  height: 360px;
  width: 44.25vw;
  left: calc(((100% - 61vw) / 2) + 1.66vw);
  z-index: 15;
}
#main_picture2 #main_slides .sslide .slide_text .ttext {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 2.08vw;
  font-weight: 300;
  letter-spacing: -0.33px;
  line-height: 2.55vw;
  position: relative;
  width: 100%;
  min-height: 100px;
  float: left;
}
#main_picture2 #main_slides .sslide .slide_text .ttext strong {
  font-weight: bold;
}
#main_picture2 #main_slides .sslide .slide_text .ttext .uptitle {
  color: #FFFFFF;
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 4px;
  line-height: 17px;
  height: 17px;
  width: 100%;
  float: left;
}
#main_picture2 #main_slides .sslide .slide_text .ttext .uptitle .div_spacer {
  display: inline-block;
  height: 14px;
  width: 1px;
  background-color: #FFFFFF;
  margin-left: 10px;
  margin-right: 10px;
}
#main_picture2 #main_slides .sslide .slide_text .ttext .front_bigtitle {
  color: #FFFFFF;
  font-family: 'Ubuntu', sans-serif;
  font-size: 92px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 94px;
  min-height: 190px;
  width: 500px;
  float: left;
  position: relative;
  margin-left: 30px;
  padding-bottom: 10px;
}
#main_picture2 #main_slides .sslide .slide_text .ttext .front_bigtitle span {
  font-size: 16px;
  letter-spacing: 0;
  line-height: 34px;
  float: left;
}
#main_picture2 #main_slides .sslide .slide_text .ttext .front_bigtitle:before {
  content: '';
  width: 7px;
  height: calc(100% - 20px);
  position: absolute;
  left: -29px;
  top: 25px;
  border-radius: 0px;
  background: #FF8528;
}
#main_picture2 #main_slides .sslide .slide_text .ttext .front_bigtitle.blue:before {
  background: #4664FF;
}
#main_picture2 #main_slides .sslide .slide_text .ttext .front_bigtitle.yellow:before {
  background: #f6ff46;
}
#main_picture2 #main_slides .sslide .slide_text .ttext .front_bigtitle.green:before {
  background: #68ff46;
}
#main_picture2 #main_slides .sslide .slide_text .ttext .front_bigtitle.blue.fff {
  text-shadow: 0px 0px 3px #020202;
  width: 650px;
}
#main_picture2 #main_slides .sslide .slide_text .ttext.fff {
  text-shadow: 0px 0px 3px #020202;
}
#main_picture2 #main_slides .sslide .slide_text .alink {
  min-width: 98px;
  padding: 10px 30px 12px 30px;
  height: 52px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0;
  display: block;
  float: left;
  margin-top: 10px;
  color: #FFFFFF;
  font-family: 'Ubuntu', sans-serif;
  font-size: 15px;
  border-radius: 25px;
  background-color: #D43A26;
  line-height: 34px;
}
#main_picture2 #main_slides .sslide.on {
  z-index: 99;
  opacity: 1;
}
#main_picture2 #main_slides .z1 {
  z-index: 10;
}
#main_picture2 #main_slides .z2 {
  z-index: 9;
}
#main_picture2 #main_slides .z3 {
  z-index: 8;
}
#main_picture2 #main_slides .z4 {
  z-index: 7;
}
#main_picture2 #main_slides .z5 {
  z-index: 6;
}
#main_picture2 #main_slides .z6 {
  z-index: 5;
}
#main_picture2 #main_slides .z7 {
  z-index: 4;
}
#main_picture2 #main_slides .z8 {
  z-index: 3;
}
#main_picture2 #main_slides .z9 {
  z-index: 2;
}
#main_picture2 #main_slides .z10 {
  z-index: 1;
}
#main_picture2 #main_slides .slidetr {
  display: none;
}
#main_picture2 .s_navigation {
  position: absolute;
  left: calc(((100% - 75vw) / 2) + 1.66vw);
  top: 677px;
  z-index: 99;
}
#main_picture2 .s_navigation input {
  display: none;
}
#main_picture2 .s_navigation label {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  border: 1.6px solid rgba(255, 255, 255, 0.3);
  float: left;
  display: block;
  margin-right: 10px;
  cursor: pointer;
  position: relative;
}
#main_picture2 .s_navigation label:after {
  counter-increment: my-slides-counter;
  content: counter(my-slides-counter);
  text-align: center;
  opacity: 0.4;
  color: #FFFFFF;
  font-family: 'Ubuntu', sans-serif;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 34px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 34px;
  height: 35px;
}
#main_picture2 .s_navigation label:hover {
  border-color: rgba(255, 255, 255, 0.95);
}
#main_picture2 .s_navigation label:hover:after {
  opacity: 0.95;
}
#main_picture2 .s_navigation input[type="radio"]:checked + label {
  border-color: #ffffff;
}
#main_picture2 .s_navigation input[type="radio"]:checked + label:after {
  opacity: 0.95;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  11.11% {
    opacity: 1;
  }
  33.33% {
    opacity: 1;
  }
  44.44% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#main_picture {
  width: 100%;
  float: left;
  height: 100%;
  position: absolute;
  z-index: 1;
  /*&:before {
		  content: "";
		  position: absolute;
		  top: 354px;
		  bottom: 0px;
		  border-top: 26vw solid transparent;
		  border-left: 50vw solid #fff;
		  border-right: 50vw solid #fff;
		}*/
}
#main_picture .bgaftervid {
  z-index: 2;
  width: 100%;
  min-height: 100%;
  margin-top: 0px;
  position: absolute;
  top: 0px;
  background: url(images/mask.svg) no-repeat center center;
  background-size: cover;
}
#main_picture video {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
#main_picture #textcenter {
  height: 60px;
  width: 522px;
  color: #FFFFFF;
  font-family: 'Fira Sans', sans-serif;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: -0.09px;
  line-height: 30px;
  text-align: center;
  text-shadow: 0 4px 7px 0 rgba(255, 255, 255, 0.3);
  position: absolute;
  left: calc((100% - 522px) / 2);
  z-index: 6;
  top: 489px;
}
#main_picture #logo_fpage {
  height: 265px;
  position: absolute;
  width: 437px;
  left: calc((100% - 437px) / 2);
  z-index: 4;
  background: url(images/logo_fpage.svg?i=5) no-repeat center center;
  top: 205px;
}
#main_picture #pbtns {
  width: 328px;
  position: absolute;
  top: 585px;
  left: calc((100% - 328px) / 2);
  z-index: 3;
}
#main_picture #pbtns #discover {
  height: 42px;
  width: 123px;
  border-radius: 23.4px;
  border: 1px solid rgba(52, 108, 255, 0.44);
  float: left;
  text-decoration: none;
  outline: none;
  color: #FFFFFF;
  font-family: 'Fira Sans', sans-serif;
  font-size: 14px;
  letter-spacing: 0.6px;
  line-height: 42px;
  text-align: center;
  display: block;
}
#main_picture #pbtns #createchain {
  height: 42px;
  margin-left: 11px;
  font-family: "Fira Sans", sans-serif;
  text-align: center;
  outline: none;
  display: block;
  float: left;
  width: 192px;
  z-index: 5;
  border-radius: 23.4px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  text-decoration: none;
  box-shadow: 0 7px 22px 0 rgba(52, 108, 255, 0.44);
  color: #FFFFFF;
  font-size: 15.3px;
  letter-spacing: 0.9px;
  line-height: 42px;
}
#main_picture #pbtns.on12 {
  width: 123px;
  left: calc((100% - 123px) / 2);
}
#main_picture .godown {
  height: 34px;
  width: 190px;
  color: #E0F0FF;
  font-family: "Fira Sans", sans-serif;
  left: calc((100% - 190px) / 2);
  bottom: 210px;
  position: absolute;
  z-index: 7;
  font-size: 13px;
  letter-spacing: 3.34px;
  line-height: 34px;
  text-align: center;
  text-shadow: 0 4px 7px rgba(255, 255, 255, 0.28);
  display: block;
  text-decoration: none;
}
#main_picture .arrdown {
  background: url(images/darrow.svg) no-repeat center center;
  height: 32px;
  width: 21px;
  position: absolute;
  left: calc((100% - 21px) / 2);
  bottom: 170px;
  display: block;
  text-decoration: none;
  z-index: 8;
  transition: all 0.2s linear;
}
#main_picture .arrdown:hover {
  bottom: 160px;
}
#next1 {
  background: url(/themes/def/pattern_background_1.svg) no-repeat;
  background-position: center 660px;
}
.categories {
  width: 100%;
  min-height: 100%;
  float: left;
}
.categories #pays_container {
  width: 100%;
  float: left;
  height: 705px;
}
.categories #pays_container .descr_pays {
  width: 641px;
  margin-top: 184px;
  margin-bottom: 200px;
  height: auto;
  float: left;
}
.categories #pays_container .descr_pays .pays_bytitle {
  margin-left: 153px;
  float: left;
  width: 470px;
}
.categories #pays_container .descr_pays .pays_bytitle div {
  color: #1B202C;
  font-family: 'Ubuntu', sans-serif;
  font-size: 70px;
  font-weight: bold;
  letter-spacing: -1.05px;
  line-height: 69px;
  width: 100%;
  margin-top: 7px;
}
.categories #pays_container .descr_pays .pays_bytitle div.stroke_text {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #1B202C;
  text-stroke: 1px #1B202C;
  text-fill-color: transparent;
}
.categories #pays_container .descr_pays .pays_bytitle div.stroke_text.isblue {
  -webkit-text-stroke-color: #2642d4;
  text-stroke: 1px #2642d4;
}
.categories #pays_container .descr_pays .pays_bydescr {
  color: #3C3E4C;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 34px;
  padding-left: 60px;
  position: relative;
  width: 360px;
  margin-top: 30px;
  margin-left: 153px;
  float: left;
}
.categories #pays_container .descr_pays .pays_bydescr:before {
  height: 92%;
  width: 2px;
  background-color: #FF8528;
  left: 36px;
  top: 3%;
  content: '';
  position: absolute;
}
.categories #pays_container .descr_pays .pays_bydescr.green:before {
  background-color: #4EA324;
}
.categories #pays_container .payses {
  width: 645px;
  float: left;
  margin-top: 105px;
  margin-left: 10px;
  height: 584px;
}
.categories #pays_container .payses .without_bg,
.categories #pays_container .payses .with_bg {
  width: 195px;
  height: 262px;
  margin-right: 30px;
  float: left;
  position: relative;
  box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
}
.categories #pays_container .payses .without_bg a,
.categories #pays_container .payses .with_bg a {
  height: 100%;
  width: 100%;
  float: left;
  padding-top: 187px;
  color: #1B202C;
  font-family: 'Ubuntu', sans-serif;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
}
.categories #pays_container .payses .without_bg a.france,
.categories #pays_container .payses .with_bg a.france {
  background: url(images/france.png) no-repeat center center;
}
.categories #pays_container .payses .with_bg {
  background: url(images/bg_ctry.png) no-repeat center center;
}
.categories #pays_container .payses .with_bg a.afrique {
  background: url(images/africa.png) no-repeat;
  background-position: center 59px;
}
.categories #pays_container .payses .with_bg a.turquie {
  background: url(images/turquie.png) no-repeat;
  background-position: center 82px;
}
.categories #pays_container .payses .with_bg a.luxembourg {
  background: url(images/luxembourg.png) no-repeat;
  background-position: center 39px;
}
.categories #pays_container .payses .with_bg2 {
  width: 420px;
  height: 262px;
  float: left;
  position: relative;
  background: url(images/bg_ctry.png) repeat-x center center;
  box-shadow: 0 12px 20px 0 rgba(0, 0, 0, 0.1);
}
.categories #pays_container .payses .with_bg2 a {
  background: url(images/belgique.png) no-repeat center 23px;
  height: 100%;
  width: 100%;
  float: left;
  padding-top: 187px;
  color: #1B202C;
  font-family: 'Ubuntu', sans-serif;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 24px;
  text-align: center;
}
.categories #pays_container .payses .no_mr {
  margin-right: 0px;
}
.categories #pays_container .divisions {
  width: 50%;
  float: right;
  margin-top: 114px;
}
.categories #pays_container .divisions .division {
  height: 434px;
  width: 288px;
  display: block;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
  margin-right: 26px;
}
.categories #pays_container .divisions .division .division_bg_name {
  width: 100%;
  height: 100%;
  float: left;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.76) 100%);
  position: relative;
}
.categories #pays_container .divisions .division .division_bg_name .division_name {
  min-height: 35px;
  width: 100%;
  padding-left: 38px;
  color: #FFFFFF;
  font-family: 'Ubuntu', sans-serif;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 28px;
  position: absolute;
  bottom: 26px;
}
.categories #pays_container .divisions .division .division_bg_name .division_name span {
  display: block;
  float: left;
  width: 100%;
  opacity: 0.68;
  color: #FFFFFF;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16.8px;
  letter-spacing: 0;
  line-height: 19px;
}
.categories #pays_container .divisions .division.sel {
  box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.05) inset, 0px 6px 20px rgba(82, 168, 236, 0.6);
}
.categories #pays_container .bg-text-dual1 {
  width: 1864px;
  position: absolute;
  top: 545px;
  left: calc((100% - 1864px) / 2);
  z-index: -1;
  height: 160px;
}
.categories #pays_container .bg-text-dual1 .stroked {
  height: 160px;
  width: 932px;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(89, 88, 96, 0.1);
  text-stroke: 1px rgba(89, 88, 96, 0.1);
  text-fill-color: transparent;
  font-family: 'Ubuntu', sans-serif;
  font-size: 110px;
  font-weight: bold;
  letter-spacing: -1.65px;
  line-height: 69px;
  text-align: right;
  float: left;
}
.categories #pays_container .bg-text-dual1 .unstroked {
  height: 160px;
  width: 932px;
  opacity: 0.46;
  color: rgba(89, 88, 96, 0.1);
  font-family: 'Ubuntu', sans-serif;
  font-size: 110px;
  font-weight: bold;
  letter-spacing: -1.65px;
  line-height: 69px;
  text-align: left;
  float: left;
}
.categories #pays_container .bg-text-dual1.green .stroked {
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: rgba(78, 163, 36, 0.1);
  text-stroke: 1px rgba(78, 163, 36, 0.1);
}
.categories #pays_container .bg-text-dual1.green .unstroked {
  color: rgba(78, 163, 36, 0.1);
}
.title,
.title2 {
  width: 1306px;
  float: left;
  position: relative;
  margin-left: 67px;
  height: 121px;
  padding: 2px 18px;
  margin-top: 74px;
}
.title h1,
.title2 h1 {
  height: 41px;
  color: #2642d4;
  font-family: 'Ubuntu', sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 1.2px;
  line-height: 42px;
  text-shadow: 0 4px 9px 0 rgba(255, 255, 255, 0.2);
  margin-top: 15px;
  text-transform: uppercase;
  position: relative;
  padding-left: 18px;
}
.title h1:before,
.title2 h1:before {
  top: 9px;
  position: absolute;
  content: '';
  left: 0px;
  width: 4px;
  height: 25px;
  background-color: #D43A26;
}
.title h5,
.title2 h5 {
  height: 47px;
  color: #BADEFF;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 4.5px;
  line-height: 23px;
  text-shadow: 0px 4px 7px rgba(255, 255, 255, 0.26);
  margin-top: -20px;
}
.title .allbtn,
.title2 .allbtn {
  box-sizing: border-box;
  height: 45.8px;
  min-width: 145px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 7.2px;
  padding: 13px;
  padding-left: 48px;
  background: url(images/quater.svg) no-repeat 18px center rgba(216, 220, 251, 0.12);
  font-family: 'Ubuntu', sans-serif;
  font-size: 15px;
  letter-spacing: 0.37px;
  line-height: 18px;
  top: 24px;
  text-decoration: none;
  display: block;
  position: absolute;
  right: 18px;
}
.fuchs_title {
  height: 80px;
  margin-top: 84px;
}
.fuchs_title h1 {
  color: #1B202C;
  font-family: 'Ubuntu', sans-serif;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 42px;
  text-shadow: 0px 4px 9px rgba(255, 255, 255, 0.2);
}
.fuchs_title h1:before {
  background-color: #2642D4;
}
.fuchs_title h1 .col {
  float: right;
}
.fuchs_title h1 .col .div_evts,
.fuchs_title h1 .col .div_high,
.fuchs_title h1 .col .div_fexp,
.fuchs_title h1 .col .fidvs {
  height: 38px;
  min-width: 100px;
  background-color: rgba(43, 43, 70, 0.07);
  display: block;
  float: left;
  text-shadow: 4px 9px 0 rgba(255, 255, 255, 0.2);
  text-transform: initial;
  color: #000000;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  letter-spacing: 0.42px;
  line-height: 38px;
  text-align: center;
  margin-left: 12px;
  font-weight: normal;
  padding-left:8px;
  padding-right:8px;
}
.fuchs_title h1 .col .div_evts.sel,
.fuchs_title h1 .col .div_high.sel,
.fuchs_title h1 .col .div_fexp.sel,
.fuchs_title h1 .col .fidvs.sel {
  border-bottom: 2px solid #2642d4;
  font-weight: bold;
  height: 36px;
  line-height: 36px;
}
.searchf h1 {
  float: left;
}
.searchf input {
  background: url(images/search_inevts_blue.png) no-repeat 16px center #ffffff;
  border: 0px solid rgba(0, 0, 0, 0);
  color: #2642d4;
  float: left;
  margin-left: 30px;
  line-height: 50px;
  margin-top: 16px;
  border-radius: 100px;
  -webkit-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
  font-family: "Fira Sans", sans-serif;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 1.2px;
  outline: none;
  width: 60%;
  padding-left: 55px;
  background-size: 26px;
}
.searchf ::-webkit-input-placeholder {
  font-family: "FontAwesome", "Fira Sans", sans-serif;
  color: #2642d4;
  font-size: 24px;
  line-height: 50px;
}
.searchf ::-moz-placeholder {
  font-family: "FontAwesome", "Fira Sans", sans-serif;
  color: #2642d4;
  font-size: 24px;
  line-height: 50px;
}
.searchf :-ms-input-placeholder {
  font-family: "FontAwesome", "Fira Sans", sans-serif;
  color: #2642d4;
  font-size: 24px;
  line-height: 50px;
}
.searchf :-moz-placeholder {
  font-family: "FontAwesome", "Fira Sans", sans-serif;
  color: #2642d4;
  font-size: 24px;
  line-height: 50px;
}
.searchf input.withss {
  width: 38%;
  border-radius: 38px 0px 0px 38px;
}
.searchf .select2 {
  margin-top: 16px;
  background-color: #2E87FF;
  height: 52px;
  border-radius: 0px 38px 38px 0px;
  border-left: 1px solid #fff;
  padding-right: 20px;
}
.searchf .select2 .select2-selection {
  background-color: #2E87FF;
  color: #fff;
  margin-top: 13px;
  border: none;
}
.searchf .select2 .select2-selection .select2-selection__rendered {
  color: #fff;
}
.searchf .select2 .select2-selection .select2-selection__arrow {
  top: 14px;
}
.searchf .select2 .select2-selection .select2-selection__arrow b {
  border-color: #fff transparent transparent transparent;
}
#vid_search {
  min-height: 0px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.title2 {
  height: 86px;
  margin-top: 15px;
}
.cat_container {
  width: 1306px;
  height: 500px;
  float: left;
  margin-top: 35px;
  position: relative;
  overflow: hidden;
  margin-left: 80px;
}
.cat_container .element {
  height: 420px;
  width: 292px;
  border-radius: 16.92px;
  box-shadow: 0 7px 22px 0 rgba(15, 22, 58, 0.46);
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  float: left;
  text-decoration: none;
}
.cat_container .element h3 {
  color: #FFFFFF;
  font-family: "Fira Sans", sans-serif;
  font-size: 28.76px;
  font-weight: bold;
  letter-spacing: 1.02px;
  line-height: 27px;
  margin-left: 41px;
  position: relative;
  margin-top: 328px;
  padding-right: 52px;
}
.cat_container .element h3:before {
  content: '';
  position: absolute;
  left: -15px;
  height: 100%;
  width: 5px;
  border-radius: 3px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 2px 6px 0 rgba(21, 62, 170, 0.5);
}
.cat_container .element:nth-child(even) {
  margin-top: 50px;
  margin-left: -40px;
}
.cat_container .element:nth-child(odd):not(:first-child) {
  margin-left: -40px;
}
.subscriptions {
  width: 1306px;
  min-height: 500px;
  float: left;
  margin-top: 35px;
  position: relative;
  overflow: hidden;
  margin-left: 80px;
  margin-bottom: 20px;
}
.subscriptions .clubsubscription {
  width: 350px;
  height: 180px;
  padding: 15px;
  padding-top: 74px;
  display: block;
  float: left;
  margin-left: 20px;
  position: relative;
  margin-bottom: 40px;
}
.subscriptions .clubsubscription .subebg {
  content: '';
  width: 350px;
  height: 180px;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: -1;
}
.subscriptions .clubsubscription .img {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 10px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 6px;
}
.subscriptions .clubsubscription .abo_club_name {
  min-height: 40px;
  width: 220px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.2px;
  line-height: 20px;
  float: left;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
}
.subscriptions .clubsubscription .folls {
  padding-left: 30px;
  background: url(images/proffol.svg) no-repeat 2px center;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 18px;
  float: left;
  width: 220px;
  background-size: 12px 12px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
}
.subscriptions .clubsubscription .uvs {
  padding-left: 30px;
  background: url(images/vidsview.svg) no-repeat 2px center;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 18px;
  float: left;
  text-transform: uppercase;
  width: 220px;
  background-size: 12px 16px;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
}
.subscriptions .clubsubscription:nth-child(3n+1) {
  margin-left: 0px;
}
.inputtsi-group,
.inputtsi-group50 {
  height: 58px;
  width: 100%;
  border-radius: 4px 4px 0 0;
  background-color: rgba(202, 211, 255, 0.05);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  margin-left: 0px;
  margin-bottom: 10px;
  padding: 6px 16px;
  float: left;
}
.inputtsi-group label,
.inputtsi-group50 label {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 16px;
  width: 100%;
  margin-bottom: .2rem;
  padding: 0px;
}
.inputtsi-group input,
.inputtsi-group50 input {
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
  height: auto;
  padding: 0px;
  box-shadow: none;
}
.inputtsi-group select,
.inputtsi-group50 select {
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
}
.inputtsi-group select option,
.inputtsi-group50 select option {
  color: #444c67;
}
.inputtsi-group textarea,
.inputtsi-group50 textarea {
  min-height: 134px;
  width: 100%;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
}
.inputtsi-group:focus-within,
.inputtsi-group50:focus-within {
  border-bottom-color: #177AFF;
}
.inputtsi-group:focus-within label,
.inputtsi-group50:focus-within label {
  color: #177AFF;
}
.inputtsi-group:focus-within input,
.inputtsi-group50:focus-within input {
  color: #fff;
}
.inputtsi-group:nth-child(odd),
.inputtsi-group50:nth-child(odd) {
  margin-left: 0px;
}
.inputtsi-group50 {
  width: 49%;
  margin-right: 1%;
}
#allemailorusradmc,
#allcntrorusradmc {
  width: 100%;
  position: absolute;
  top: 59px;
  background: #202A53;
  color: #fff;
  left: 0px;
  display: none;
  padding: 4px;
}
#allemailorusradmc div,
#allcntrorusradmc div {
  color: #fff;
  width: 100%;
  border-bottom: 1px solid #fff;
  text-align: left;
  cursor: pointer;
}
#allemailorusradmc div:hover,
#allcntrorusradmc div:hover {
  font-weight: bold;
}
#addnewfolderc .modal-content,
#editfolderc .modal-content,
#addnewadminc .modal-content,
#addnewcntr .modal-content {
  background-color: #273362;
  color: #fff;
}
#addnewfolderc .modal-content .modal-header,
#editfolderc .modal-content .modal-header,
#addnewadminc .modal-content .modal-header,
#addnewcntr .modal-content .modal-header {
  border-bottom-color: rgba(255, 255, 255, 0.14);
}
#addnewfolderc .modal-content .modal-header h5,
#editfolderc .modal-content .modal-header h5,
#addnewadminc .modal-content .modal-header h5,
#addnewcntr .modal-content .modal-header h5 {
  color: rgba(255, 255, 255, 0.7);
}
#addnewfolderc .modal-content .modal-header button,
#editfolderc .modal-content .modal-header button,
#addnewadminc .modal-content .modal-header button,
#addnewcntr .modal-content .modal-header button {
  color: #fff;
  font-size: 26px;
}
#addnewfolderc .modal-content .form-group,
#editfolderc .modal-content .form-group,
#addnewadminc .modal-content .form-group,
#addnewcntr .modal-content .form-group {
  height: 58px;
  width: 100%;
  border-radius: 4px 4px 0 0;
  background-color: rgba(202, 211, 255, 0.05);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  margin-left: 0px;
  margin-bottom: 10px;
  padding: 6px 16px;
  float: left;
}
#addnewfolderc .modal-content .form-group label,
#editfolderc .modal-content .form-group label,
#addnewadminc .modal-content .form-group label,
#addnewcntr .modal-content .form-group label {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 16px;
  width: 100%;
  margin-bottom: .2rem;
  padding: 0px;
}
#addnewfolderc .modal-content .form-group input,
#editfolderc .modal-content .form-group input,
#addnewadminc .modal-content .form-group input,
#addnewcntr .modal-content .form-group input {
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
  height: auto;
  padding: 0px;
  box-shadow: none;
}
#addnewfolderc .modal-content .form-group select,
#editfolderc .modal-content .form-group select,
#addnewadminc .modal-content .form-group select,
#addnewcntr .modal-content .form-group select {
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
}
#addnewfolderc .modal-content .form-group select option,
#editfolderc .modal-content .form-group select option,
#addnewadminc .modal-content .form-group select option,
#addnewcntr .modal-content .form-group select option {
  color: #444c67;
}
#addnewfolderc .modal-content .form-group textarea,
#editfolderc .modal-content .form-group textarea,
#addnewadminc .modal-content .form-group textarea,
#addnewcntr .modal-content .form-group textarea {
  min-height: 134px;
  width: 100%;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
}
#addnewfolderc .modal-content .form-group:focus-within,
#editfolderc .modal-content .form-group:focus-within,
#addnewadminc .modal-content .form-group:focus-within,
#addnewcntr .modal-content .form-group:focus-within {
  border-bottom-color: #177AFF;
}
#addnewfolderc .modal-content .form-group:focus-within label,
#editfolderc .modal-content .form-group:focus-within label,
#addnewadminc .modal-content .form-group:focus-within label,
#addnewcntr .modal-content .form-group:focus-within label {
  color: #177AFF;
}
#addnewfolderc .modal-content .form-group:focus-within input,
#editfolderc .modal-content .form-group:focus-within input,
#addnewadminc .modal-content .form-group:focus-within input,
#addnewcntr .modal-content .form-group:focus-within input {
  color: #fff;
}
#addnewfolderc .modal-content .form-group:nth-child(odd),
#editfolderc .modal-content .form-group:nth-child(odd),
#addnewadminc .modal-content .form-group:nth-child(odd),
#addnewcntr .modal-content .form-group:nth-child(odd) {
  margin-left: 0px;
}
#addnewfolderc .modal-content .modal-footer,
#editfolderc .modal-content .modal-footer,
#addnewadminc .modal-content .modal-footer,
#addnewcntr .modal-content .modal-footer {
  border-top-color: rgba(255, 255, 255, 0.14);
}
#addnewfolderc .modal-content .modal-footer .btn-primary,
#editfolderc .modal-content .modal-footer .btn-primary,
#addnewadminc .modal-content .modal-footer .btn-primary,
#addnewcntr .modal-content .modal-footer .btn-primary {
  border-radius: 23px !important;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 100%);
  min-width: 100px;
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  border: none;
}
#addnewfolderc .modal-content .modal-footer .btn-secondary,
#editfolderc .modal-content .modal-footer .btn-secondary,
#addnewadminc .modal-content .modal-footer .btn-secondary,
#addnewcntr .modal-content .modal-footer .btn-secondary {
  min-width: 100px;
  border-radius: 23px !important;
  border: none;
}
#mCSB_1_dragger_horizontal {
  opacity: .1;
}
.vid_container {
  width: 1306px;
  min-height: 270px;
  float: left;
  margin-top: 35px;
  position: relative;
  margin-left: 85px;
  margin-bottom: 40px;
}
.vid_container #vsc,
.vid_container #vsc2,
.vid_container .tozero {
  width: 1306px;
  float: left;
  overflow-x: hidden;
  position: relative;
  transition: all 0.3s ease;
}
.vid_container #vsc .element,
.vid_container #vsc2 .element,
.vid_container .tozero .element {
  height: 301px;
  width: 337px;
  margin-right: 24px;
  position: relative;
  margin-bottom: 26px;
  float: left;
  transition: all 0.5s ease;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.vid_container #vsc .element:last-child,
.vid_container #vsc2 .element:last-child,
.vid_container .tozero .element:last-child {
  margin-right: 0px;
}
.vid_container #vsc .element .img,
.vid_container #vsc2 .element .img,
.vid_container .tozero .element .img {
  height: 222px;
  width: 337px;
  border-radius: 0px;
  margin-bottom: 14px;
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  transition: all 0.5s ease;
}
.vid_container #vsc .element .img .vid_time,
.vid_container #vsc2 .element .img .vid_time,
.vid_container .tozero .element .img .vid_time {
  height: 27.5px;
  width: 55px;
  border-radius: 13.75px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 2px 6px 0 rgba(21, 62, 170, 0.5);
  position: absolute;
  right: -5px;
  top: 106px;
  display: none;
  color: #FFFFFF;
  font-family: 'Ubuntu', sans-serif;
  font-size: 13.2px;
  line-height: 26px;
  text-align: center;
}
.vid_container #vsc .element .img .doplayoo,
.vid_container #vsc2 .element .img .doplayoo,
.vid_container .tozero .element .img .doplayoo {
  height: 60px;
  width: 60px;
  background-color: rgba(255, 255, 255, 0.44);
  box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.2);
  background-image: url(images/playicnb.svg);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: calc((100% - 60px) / 2);
  left: calc((100% - 60px) / 2);
  border-radius: 50%;
}
.vid_container #vsc .element .img .doplayoo:hover,
.vid_container #vsc2 .element .img .doplayoo:hover,
.vid_container .tozero .element .img .doplayoo:hover {
  background-color: #4EA324;
}
.vid_container #vsc .element .vid_title,
.vid_container #vsc2 .element .vid_title,
.vid_container .tozero .element .vid_title {
  height: 24px;
  width: 331px;
  color: #363C4B;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  word-break: keep-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.vid_container #vsc .element .vid_subttl,
.vid_container #vsc2 .element .vid_subttl,
.vid_container .tozero .element .vid_subttl {
  width: 331px;
  color: #363C4B;
  font-family: 'Ubuntu', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  word-break: keep-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.vid_container #vsc .element .vid_views,
.vid_container #vsc2 .element .vid_views,
.vid_container .tozero .element .vid_views {
  height: 24px;
  width: auto;
  opacity: 0.7;
  color: #363C4B;
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
  line-height: 24px;
}
.vid_container #vsc .element:hover .img,
.vid_container #vsc2 .element:hover .img,
.vid_container .tozero .element:hover .img {
  background-size: 110%;
}
.vid_container #fexpcnt_next,
.vid_container #highcnt_next,
.vid_container .arrow_next1 {
  position: absolute;
  right: -50px;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  top: 67px;
  cursor: pointer;
  z-index: 999;
  background-color: white;
  /*box-shadow: -5px 0px 14px -2px rgba(0,0,0,0.28);*/
  background-image: url(images/arrow_v2_r.svg);
  background-repeat: no-repeat;
  background-position: 30px center;
}
.vid_container .arrow_prev1 {
  position: absolute;
  left: -50px;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  top: 67px;
  cursor: pointer;
  z-index: 999;
  display: none;
  background-color: white;
  /*box-shadow: 5px 0px 14px -2px rgba(0,0,0,0.28);*/
  background-image: url(images/arrow_v2_l.svg);
  background-repeat: no-repeat;
  background-position: 60px center;
}
.evt_container {
  width: 1306px;
  min-height: 500px;
  float: left;
  margin-top: 35px;
  position: relative;
  margin-left: 85px;
}
.evt_container #evtcnt_next {
  position: absolute;
  right: -50px;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  top: 172px;
  cursor: pointer;
  z-index: 999;
  background-color: #2642D4;
  box-shadow: -5px 0px 14px -2px rgba(0, 0, 0, 0.28);
  background-image: url(images/arr-r.svg);
  background-repeat: no-repeat;
  background-position: 30px center;
}
.evt_container #evtcnt_prev {
  position: absolute;
  left: -50px;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  top: 172px;
  cursor: pointer;
  z-index: 999;
  display: none;
  background-color: #2642D4;
  box-shadow: -5px 0px 14px -2px rgba(0, 0, 0, 0.28);
  background-image: url(images/arr-l.svg);
  background-repeat: no-repeat;
  background-position: 60px center;
}
.evt_container #evts,
.evt_container #evtsx {
  width: 1306px;
  float: left;
  position: relative;
}
.evt_container #evts .element,
.evt_container #evtsx .element {
  height: 392px;
  width: 296px;
  margin-right: 24px;
  position: relative;
  margin-bottom: 26px;
  float: left;
  transition: all 0.5s ease;
  display: block;
  text-decoration: none;
  cursor: pointer;
  background: url(images/evt_bg3.svg) no-repeat center center;
  margin-top: 26px;
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1);
}
.evt_container #evts .element:last-child,
.evt_container #evtsx .element:last-child {
  margin-right: 0px;
}
.evt_container #evts .element span.endirectsp,
.evt_container #evtsx .element span.endirectsp {
  position: absolute;
  right: 15px;
  margin-left: 0px;
  top: 10px;
  z-index: 2;
}
.evt_container #evts .element .image_evt,
.evt_container #evtsx .element .image_evt {
  height: 189px;
  width: 290px;
  border-radius: 0px 0px 12px 12px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  transition: all 0.5s ease;
  margin-left: 3px;
}
.evt_container #evts .element .insidecat,
.evt_container #evtsx .element .insidecat,
.evt_container #evts .element .insidecat2,
.evt_container #evtsx .element .insidecat2 {
  width: 100%;
  float: left;
}
.evt_container #evts .element .insidecat .cat,
.evt_container #evtsx .element .insidecat .cat,
.evt_container #evts .element .insidecat2 .cat,
.evt_container #evtsx .element .insidecat2 .cat {
  height: 27px;
  min-width: 55px;
  border-radius: 12px;
  background: #2E87FF;
  box-shadow: 0 2px 6px 0 rgba(21, 62, 170, 0.5);
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13.2px;
  line-height: 26px;
  text-align: center;
  padding: 1px 10px;
  margin-left: 22px;
  float: left;
  white-space: nowrap;
  word-break: keep-all;
  text-overflow: ellipsis;
  max-width: 85%;
  overflow: hidden;
}
.evt_container #evts .element .insidecat2,
.evt_container #evtsx .element .insidecat2 {
  margin-top: 11px;
}
.evt_container #evts .element .insidecat2 .cat,
.evt_container #evtsx .element .insidecat2 .cat {
  border-radius: 12px;
  background-color: #E9EAEF;
  letter-spacing: 0;
  line-height: 26px;
  text-align: center;
  color: #444A59;
  box-shadow: none;
  font-size: 12px;
  font-family: 'Ubuntu', sans-serif;
  font-weight: normal;
}
.evt_container #evts .element .evt_title,
.evt_container #evtsx .element .evt_title {
  height: 44px;
  width: 252px;
  color: #000;
  font-family: "Fira Sans";
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  margin-left: 22px;
  float: left;
  overflow: hidden;
}
.evt_container #evts .element .evt_teams,
.evt_container #evtsx .element .evt_teams {
  width: 84%;
  float: left;
  display: block;
  margin-left: 8%;
}
.evt_container #evts .element .evt_teams .team1,
.evt_container #evtsx .element .evt_teams .team1,
.evt_container #evts .element .evt_teams .team2,
.evt_container #evtsx .element .evt_teams .team2 {
  width: 100%;
  float: left;
  height: 43px;
  margin-bottom: 8px;
}
.evt_container #evts .element .evt_teams .team1 .team1_name,
.evt_container #evtsx .element .evt_teams .team1 .team1_name,
.evt_container #evts .element .evt_teams .team2 .team1_name,
.evt_container #evtsx .element .evt_teams .team2 .team1_name {
  width: 79%;
  float: left;
  color: #363C4B;
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
  margin-top: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.evt_container #evts .element .evt_teams .team1 .team1_logo,
.evt_container #evtsx .element .evt_teams .team1 .team1_logo,
.evt_container #evts .element .evt_teams .team2 .team1_logo,
.evt_container #evtsx .element .evt_teams .team2 .team1_logo {
  width: 35px;
  height: 35px;
  background-size: cover;
  float: left;
  background-repeat: no-repeat;
  background-position: center center;
  margin-left: 8px;
}
.evt_container #evts .element .linebtm,
.evt_container #evtsx .element .linebtm {
  width: 252px;
  margin-left: 22px;
  height: 2px;
  margin-top: 11px;
  background: rgba(255, 255, 255, 0.23);
  float: left;
}
.evt_container #evts .element .timedate,
.evt_container #evtsx .element .timedate {
  height: 14px;
  width: 100%;
  opacity: 0.8;
  color: #000;
  font-family: "Fira Sans";
  font-size: 12px;
  line-height: 14px;
  margin-left: 22px;
  float: left;
  margin-top: 10px;
}
.evt_container #evts .element .mavertir,
.evt_container #evtsx .element .mavertir,
.evt_container #evts .element .mavertir:after,
.evt_container #evtsx .element .mavertir:after {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.evt_container #evts .element .mavertir:before,
.evt_container #evtsx .element .mavertir:before,
.evt_container #evts .element .mavertir:after,
.evt_container #evtsx .element .mavertir:after {
  background: #2E87FF;
  content: '';
  position: absolute;
  z-index: -1;
}
.evt_container #evts .element .mavertir:after,
.evt_container #evtsx .element .mavertir:after {
  height: 0;
  left: 0;
  top: 0;
  width: 100%;
}
.evt_container #evts .element .mavertir,
.evt_container #evtsx .element .mavertir {
  height: 42px;
  width: 206px;
  background: none;
  text-transform: uppercase;
  overflow: hidden;
  font-weight: normal;
  position: absolute;
  bottom: 16px;
  left: 45px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  letter-spacing: 0.75px;
  line-height: 42px;
  text-align: center;
  z-index: 7;
  border: 2px solid #2E87FF;
  border-radius: 100px;
}
.evt_container #evts .element .mavertir:hover:after,
.evt_container #evtsx .element .mavertir:hover:after {
  height: 100%;
}
.evt_container #evts .element:hover,
.evt_container #evtsx .element:hover {
  margin-top: -30px;
  border-bottom: 3px solid #4EA324;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.2);
}
.evt_container.top {
  min-height: 450px;
}
.firstvideo {
  height: 404px;
  width: 1270px;
  margin-left: calc((100% - 1270px) / 2);
  float: left;
  border-radius: 8px;
  background-color: #2B324A;
  box-shadow: 1px 4px 12px 0 rgba(0, 0, 0, 0.5);
  overflow: hidden;
  position: relative;
  margin-bottom: 25px;
}
.firstvideo .right {
  height: 404px;
  width: 552px;
  padding: 38px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 3;
}
.firstvideo .right .title_vivid {
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.97px;
  line-height: 40px;
  text-shadow: 0 4px 9px rgba(255, 255, 255, 0.2);
}
.firstvideo .right .date_vivid {
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13px;
  letter-spacing: 0.1px;
  line-height: 23px;
  margin-bottom: 35px;
}
.firstvideo .right .date_vivid .cat_vivid {
  display: inline-block;
  line-height: 15px;
  padding: 4px;
  font-size: 13px;
  color: #fff;
  background: #2E87FF;
  letter-spacing: 0.1px;
  border-radius: 15px;
  position: relative;
  float: right;
}
.firstvideo .right .subtitle_vivid {
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.2px;
  line-height: 25px;
  text-shadow: 0 4px 9px rgba(255, 255, 255, 0.2);
}
.firstvideo .right .text_vivid {
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13px;
  letter-spacing: 0.1px;
  line-height: 23px;
}
.firstvideo .right .down {
  position: absolute;
  bottom: 10px;
  width: 90%;
  right: 30px;
}
.firstvideo .right .down .stars5bbl {
  width: 176px;
  height: 56px;
  float: right;
  border-radius: 26px;
  padding: 15px 18px;
  position: relative;
  margin-left: 15px;
}
.firstvideo .right .down .stars5bbl .star {
  width: 24px;
  height: 24px;
  float: left;
  margin-left: 4px;
  background: url(images/1star.svg?i=1) no-repeat center center;
  background-size: cover;
  cursor: pointer;
}
.firstvideo .right .down .stars5bbl .star.r {
  background: url(images/1starb.svg?i=1) no-repeat center center;
  background-size: cover;
}
.firstvideo .right .down .stars5bbl .start_anim {
  display: none;
  height: 172px;
  width: 201px;
  position: absolute;
  top: -180px;
  left: -12.5px;
  background-position: center 10px;
  background-repeat: no-repeat;
  background-color: #202A53;
  border-radius: 12px;
}
.firstvideo .right .down .stars5bbl .start_anim .text_whoo {
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 28px;
  text-align: center;
  height: 28px;
  margin-top: 135px;
}
.firstvideo .right .down .stars5bbl .start_anim.s1 {
  background-image: url(images/poor.svg);
}
.firstvideo .right .down .stars5bbl .start_anim.s2 {
  background-image: url(images/pmall.svg);
}
.firstvideo .right .down .stars5bbl .start_anim.s3 {
  background-image: url(images/cool.svg);
}
.firstvideo .right .down .stars5bbl .start_anim.s4 {
  background-image: url(images/good.svg);
}
.firstvideo .right .down .stars5bbl .start_anim.s5 {
  background-image: url(images/whoo.svg?i=1);
}
.firstvideo .right .down .stars5bbl:hover {
  background-color: #202A53;
}
.firstvideo .right .down .stars5bbl:hover:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #202A53 transparent;
  top: -5px;
  left: 50%;
  margin-left: -2.5px;
  position: absolute;
}
.firstvideo .right .down .stars5bbl:hover .start_anim {
  display: block;
}
.firstvideo .right .down .stars5bbl.novote {
  background-image: url(images/s5arts.svg);
  background-size: 156px 24px;
  background-repeat: no-repeat;
  background-position: left center;
  position: relative;
  width: 156px;
  height: 24px;
  border-radius: 0px;
  padding: 0px;
  margin-top: 16px;
  margin-left: 25px;
}
.firstvideo .right .down .stars5bbl.novote:hover {
  background-color: transparent;
}
.firstvideo .right .down .stars5bbl.novote:after {
  display: none;
}
.firstvideo .right .down .blue5 {
  background-image: url(images/s5artss.svg);
  background-size: 156px 24px;
  background-repeat: no-repeat;
  background-position: left center;
  position: absolute;
  left: 0px;
  top: 0;
  height: 24px;
}
.firstvideo .left {
  height: 404px;
  width: 718px;
  float: left;
}
.firstvideo.external .right {
  height: 328px;
  width: 450px;
  padding: 38px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 3;
}
@media screen and (max-width: 1120px) and (min-width: 1120px) {
  .firstvideo.external {
    width: 1100px;
    margin-left: calc((100% - 1100px) / 2);
  }
  .firstvideo.external .left {
    height: 404px;
    width: 680px;
    float: left;
  }
  .firstvideo.external .right {
    height: 328px;
    width: 344px;
    padding: 38px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3;
  }
}
@media screen and (max-width: 1119px) and (min-width: 1001px) {
  .firstvideo.external {
    width: 1001px;
    margin-left: calc((100% - 1001px) / 2);
  }
  .firstvideo.external .left {
    height: 404px;
    width: 578px;
    float: left;
  }
  .firstvideo.external .right {
    height: 328px;
    width: 344px;
    padding: 38px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3;
  }
}
@media screen and (max-width: 1000px) {
  .firstvideo.external .right {
    height: auto;
    width: auto;
    padding: 14px;
    float: right;
    padding-bottom: 65px;
    position: relative;
    right: auto;
    top: auto;
  }
  .firstvideo.external .left {
    max-height: 300px;
  }
  .firstvideo.external .left #mycustomvideo {
    max-height: 300px;
  }
  /*	.exp3 .categories { margin-top:70px; }*/
}
@media screen and (max-width: 660px) {
  .firstvideo.external .right {
    height: auto;
    width: calc(100% - 28px);
    padding: 14px;
  }
}
#footer {
  width: 100%;
  background: url(images/bottombg.svg) no-repeat center center;
  height: 330px;
  padding: 75px;
  float: left;
}
#footer .textcenter {
  width: 800px;
  margin-left: calc((100% - 800px) / 2);
  float: left;
  color: #FFFFFF;
  font-family: "Fira Sans", sans-serif;
  font-size: 36px;
  font-weight: 300;
  letter-spacing: -0.19px;
  line-height: 53px;
  text-align: center;
}
#footer .discover {
  height: 44px;
  width: 172px;
  border-radius: 23.4px;
  border: 1px solid rgba(52, 108, 255, 0.44);
  float: left;
  text-decoration: none;
  color: #FFFFFF;
  font-family: 'Fira Sans', sans-serif;
  font-size: 15px;
  letter-spacing: 0.8px;
  line-height: 44px;
  text-align: center;
  margin-left: calc((100% - 172px) / 2);
  margin-top: 30px;
}
#next1 .container .title h5 {
  display: none;
}
#footer2 {
  width: 100%;
  height: 510px;
  float: left;
  background: url(images/footer_background.svg) no-repeat center center #d9e0ff;
}
#footer2 .container {
  padding: 48px 120px;
}
#footer2 .container .bottom_logo {
  width: 310px;
  float: left;
  height: 100%;
}
#footer2 .container .bottom_logo #logo_down {
  height: 44px;
  width: 173px;
  margin-left: 4px;
  background: url(images/logo_fucsh.svg) no-repeat center center;
  display: block;
  text-decoration: none;
}
#footer2 .container .bottom_logo .footer_copyright {
  min-height: 40px;
  width: 310px;
  color: #1B202C;
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
  line-height: 18px;
  margin-top: 20px;
  letter-spacing: 0px;
}
#footer2 .container .bottom_logo .footer_copyright a {
  color: #1B202C;
}
#footer2 .container .bottom_logo .createwebtv {
  height: 36px;
  width: 105px;
  border: 2px solid #A3AAC3;
  border-radius: 20px;
  color: #F7F8FF;
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.9px;
  line-height: 36px;
  text-align: center;
  display: block;
  text-decoration: none;
  margin-top: 20px;
  float: left;
}
#footer2 .container .bottom_logo .loginwebtv {
  height: 36px;
  width: 130px;
  border: 2px solid #A3AAC3;
  border-radius: 20px;
  color: #F7F8FF;
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.9px;
  line-height: 36px;
  text-align: center;
  display: block;
  text-decoration: none;
  margin-top: 20px;
  float: left;
  margin-left: 10px;
}
#footer2 .container .bottom_logo .partner_powerdby {
  width: 100%;
  float: left;
  margin-top: 10px;
  height: 40px;
  font-weight: 600;
  color: #000;
  font-family: "Fira Sans";
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 40px;
  text-align: center;
  display: block;
  text-decoration: none;
}
#footer2 .container .block_col {
  width: 131px;
  float: left;
  margin-left: 35px;
  height: 100%;
}
#footer2 .container .block_col .ttl {
  color: #1B202C;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.2px;
  line-height: 18px;
}
#footer2 .container .block_col .bar_top {
  width: 100%;
  height: 1px;
  background: rgba(27, 32, 44, 0.36);
  margin-bottom: 19px;
  margin-top: 10px;
  float: left;
}
#footer2 .container .block_col a.lien {
  color: #2642d4;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
#footer2 .container .block_col .twitter {
  height: 41px;
  width: 41px;
  background: url(images/twb.svg) no-repeat center center;
  display: block;
  float: left;
  margin-top: 0px;
}
#footer2 .container .block_col .facebook {
  height: 41px;
  width: 41px;
  background: url(images/fbb.svg) no-repeat center center;
  display: block;
  float: left;
  margin-left: 9px;
  margin-top: 0px;
}
#footer2 .container .block_col .telegram {
  height: 41px;
  width: 41px;
  background: url(images/telegram.svg) no-repeat center center;
  display: block;
  float: left;
  margin-left: 9px;
  margin-top: 0px;
}
#footer2 .container .block_col .linkedin {
  height: 41px;
  width: 41px;
  background: url(images/lnk.svg) no-repeat center center;
  display: block;
  float: left;
  margin-left: 9px;
  margin-top: 0px;
}
#footer2 .container .block_col .medium {
  height: 41px;
  width: 41px;
  background: url(images/medium.svg) no-repeat center center;
  display: block;
  float: left;
  margin-left: 9px;
  margin-top: 0px;
  background-size: 41px;
}
#footer2 .container .block_col .insta {
  height: 41px;
  width: 41px;
  background: url(images/instab.svg) no-repeat center center;
  display: block;
  float: left;
  margin-left: 9px;
  margin-top: 0px;
  background-size: 41px;
}
#footer2 .container .block_col .siteedinb {
  height: 41px;
  width: 41px;
  background: url(images/wbadmb.svg) no-repeat center center;
  display: block;
  float: left;
  margin-left: 9px;
  margin-top: 0px;
  background-size: 41px;
}
#footer2 .container .block_col.ww1cc {
  width: 140px;
  margin-left: 35px;
}
#footer2 .container .block_col.lang {
  width: 64px;
  margin-left: 35px;
}
#footer2 .container .block_col.socialc {
  width: 199px;
  margin-left: 70px;
}
#footer2 .container .block_col.socialc .bar_top {
  width: 135px;
}
#footer2 .container .block_col.socialc .contactc {
  height: 36.21px;
  width: 93px;
  border: 2px solid #1B202C;
  border-radius: 20px;
  color: #000000;
  font-family: 'Ubuntu', sans-serif;
  font-size: 12px;
  letter-spacing: 0.9px;
  line-height: 36px;
  text-align: center;
  display: block;
  float: left;
  margin-right: 88px;
}
#footer2 .container .block_col.socialc a.lien {
  margin-bottom: 0px;
}
#footer2 .container .block_col.social {
  width: 295px;
}
#footer2 .container .block_col.social .bar_top {
  width: 295px;
}
#alllanguages {
  background-color: rgba(13, 14, 23, 0.8);
}
#alllanguages .modal-dialog {
  max-width: 500px;
}
#alllanguages .modal-dialog .modal-content {
  background-color: #151E41;
  color: #fff;
  padding: 20px;
  display: block;
}
#alllanguages .modal-dialog .modal-content a.lien {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  display: block;
  width: 130px;
  margin-bottom: 20px;
  float: left;
  margin-left: 20px;
}
#alllanguages .modal-dialog .modal-content a.lien.sel {
  color: #9898A5;
}
#iframeliveevt {
  background-color: rgba(13, 14, 23, 0.8);
}
#iframeliveevt .modal-dialog {
  max-width: 1280px;
}
#iframeliveevt .modal-dialog .modal-content {
  background-color: transparent;
  color: #fff;
  padding: 0px;
  display: block;
  min-height: 464px;
}
#iframeliveevt .modal-dialog .modal-content iframe {
  height: 464px;
}
#iframeliveevt .modal-dialog .modal-content .close {
  color: #fff;
  font-size: 36px;
  position: absolute;
  right: 10px;
  top: 0px;
  font-weight: 300;
}
#viewclubfolls {
  background-color: rgba(13, 14, 23, 0.8);
}
#viewclubfolls .modal-dialog {
  max-width: 880px;
}
#viewclubfolls .modal-dialog .modal-content {
  background-color: #151E41;
  color: #fff;
}
#viewclubfolls .modal-dialog .modal-content .modal-header {
  border-bottom-color: rgba(255, 255, 255, 0.14);
}
#viewclubfolls .modal-dialog .modal-content .modal-header h5 {
  color: rgba(255, 255, 255, 0.7);
}
#viewclubfolls .modal-dialog .modal-content .modal-header button {
  color: #fff;
  font-size: 26px;
}
#viewclubfolls .modal-dialog .modal-content .foll_header {
  width: 100%;
  float: left;
}
#viewclubfolls .modal-dialog .modal-content .foll_header .f_name,
#viewclubfolls .modal-dialog .modal-content .foll_header .l_name,
#viewclubfolls .modal-dialog .modal-content .foll_header .u_name {
  width: 15%;
  float: left;
  font-family: "Fira Sans";
  font-size: 12px;
  font-weight: bold;
  min-height: 18px;
}
#viewclubfolls .modal-dialog .modal-content .foll_header .u_name {
  width: 18%;
}
#viewclubfolls .modal-dialog .modal-content .foll_header .a_mail {
  width: 28%;
  float: left;
  font-family: "Fira Sans";
  font-size: 12px;
  font-weight: bold;
  min-height: 18px;
}
#viewclubfolls .modal-dialog .modal-content .foll_header .a_pays {
  width: 12%;
  float: left;
  font-family: "Fira Sans";
  font-size: 12px;
  font-weight: bold;
  min-height: 18px;
}
#viewclubfolls .modal-dialog .modal-content #allmyclubfollws {
  width: 100%;
  max-height: 800px;
  overflow-y: auto;
  float: left;
}
#viewclubfolls .modal-dialog .modal-content #allmyclubfollws .foll_row {
  width: 100%;
  float: left;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
#viewclubfolls .modal-dialog .modal-content #allmyclubfollws .foll_row .f_name,
#viewclubfolls .modal-dialog .modal-content #allmyclubfollws .foll_row .l_name,
#viewclubfolls .modal-dialog .modal-content #allmyclubfollws .foll_row .u_name {
  width: 15%;
  float: left;
  font-family: "Fira Sans";
  font-size: 12px;
  font-weight: normal;
  min-height: 18px;
}
#viewclubfolls .modal-dialog .modal-content #allmyclubfollws .foll_row .u_name {
  width: 18%;
}
#viewclubfolls .modal-dialog .modal-content #allmyclubfollws .foll_row .a_mail {
  width: 28%;
  float: left;
  font-family: "Fira Sans";
  font-size: 12px;
  font-weight: normal;
  min-height: 18px;
}
#viewclubfolls .modal-dialog .modal-content #allmyclubfollws .foll_row .a_pays {
  width: 12%;
  float: left;
  font-family: "Fira Sans";
  font-size: 12px;
  font-weight: normal;
  min-height: 18px;
}
#parameters {
  background-color: rgba(13, 14, 23, 0.8);
}
#parameters .modal-dialog {
  max-width: 800px;
}
#parameters .modal-dialog .modal-content {
  background-color: #273362;
  border-radius: 8px;
  position: relative;
  height: 556px;
  overflow: hidden;
}
#parameters .modal-dialog .modal-content .close {
  color: #fff;
  right: 19px;
  top: 10px;
  position: absolute;
  font-size: 2.81rem;
  font-weight: 300;
  outline: none;
  opacity: 1;
  z-index: 3;
}
#parameters .modal-dialog .modal-content .params_left {
  height: 556px;
  width: 232px;
  border-radius: 8px 0 0 8px;
  background-color: #202A53;
  position: absolute;
  left: 0px;
  top: 0px;
}
#parameters .modal-dialog .modal-content .params_left .title_pmenut {
  height: 46px;
  width: 168px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 24px;
  font-weight: bold;
  line-height: 37px;
  margin-left: 29px;
  margin-top: 32px;
  border-bottom: 0.85px solid rgba(255, 255, 255, 0.12);
  padding-bottom: 9px;
}
#parameters .modal-dialog .modal-content .params_left .menu_param {
  width: 184px;
  height: 126px;
  margin-top: 30px;
}
#parameters .modal-dialog .modal-content .params_left .menu_param .menu_item {
  height: 42px;
  width: 205px;
  border-radius: 0 100px 100px 0;
  padding-left: 33px;
  text-align: left;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding-top: 10px;
  display: block;
  text-decoration: none;
  margin-bottom: 1px;
}
#parameters .modal-dialog .modal-content .params_left .menu_param .menu_item:hover {
  background-color: rgba(255, 255, 255, 0.05);
}
#parameters .modal-dialog .modal-content .params_left .menu_param .menu_item .compte {
  width: 18px;
  height: 18px;
  margin-right: 20px;
  float: left;
  background-image: url(images/compte.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
#parameters .modal-dialog .modal-content .params_left .menu_param .menu_item .securite {
  width: 15px;
  height: 18px;
  margin-left: 1px;
  margin-right: 22px;
  float: left;
  background-image: url(images/security.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
#parameters .modal-dialog .modal-content .params_left .menu_param .menu_item .notifs {
  width: 19px;
  height: 18px;
  margin-right: 19px;
  float: left;
  background-image: url(images/notifs.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
#parameters .modal-dialog .modal-content .params_left .menu_param .menu_item .stats {
  width: 19px;
  height: 18px;
  margin-right: 19px;
  float: left;
  background-image: url(images/stats.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
#parameters .modal-dialog .modal-content .params_left .menu_param .menu_item.sel {
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 100%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  color: #FFFFFF;
}
#parameters .modal-dialog .modal-content .params_right {
  height: 556px;
  width: 568px;
  border-radius: 0 8px 8px 0;
  background-color: transparent;
  position: absolute;
  right: 0px;
  top: 0px;
  /*ios checkbox*/
  /*ios checkbox*/
  /* settings */
  /* settings p */
}
#parameters .modal-dialog .modal-content .params_right .input-surface,
#parameters .modal-dialog .modal-content .params_right .textarea-surface {
  height: 58px;
  width: 218px;
  border-radius: 4px 4px 0 0;
  background-color: rgba(202, 211, 255, 0.05);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  margin-left: 20px;
  margin-bottom: 20px;
  padding: 6px 16px;
  float: left;
}
#parameters .modal-dialog .modal-content .params_right .input-surface label,
#parameters .modal-dialog .modal-content .params_right .textarea-surface label {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 16px;
  width: 100%;
  margin-bottom: .2rem;
}
#parameters .modal-dialog .modal-content .params_right .input-surface input,
#parameters .modal-dialog .modal-content .params_right .textarea-surface input {
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
}
#parameters .modal-dialog .modal-content .params_right .input-surface textarea,
#parameters .modal-dialog .modal-content .params_right .textarea-surface textarea {
  min-height: 134px;
  width: 100%;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
}
#parameters .modal-dialog .modal-content .params_right .input-surface:focus-within,
#parameters .modal-dialog .modal-content .params_right .textarea-surface:focus-within {
  border-bottom-color: #177AFF;
}
#parameters .modal-dialog .modal-content .params_right .input-surface:focus-within label,
#parameters .modal-dialog .modal-content .params_right .textarea-surface:focus-within label {
  color: #177AFF;
}
#parameters .modal-dialog .modal-content .params_right .input-surface:focus-within input,
#parameters .modal-dialog .modal-content .params_right .textarea-surface:focus-within input {
  color: #fff;
}
#parameters .modal-dialog .modal-content .params_right .input-surface:nth-child(odd),
#parameters .modal-dialog .modal-content .params_right .textarea-surface:nth-child(odd) {
  margin-left: 0px;
}
#parameters .modal-dialog .modal-content .params_right input[type="checkbox"].apple-switch {
  position: absolute;
  margin: 8px 0 0 16px;
}
#parameters .modal-dialog .modal-content .params_right input[type="checkbox"].apple-switch + label {
  position: relative;
  padding: 5px 0 0 50px;
  line-height: 2.0em;
}
#parameters .modal-dialog .modal-content .params_right input[type="checkbox"].apple-switch + label:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  width: 40px;
  /* x*5 */
  height: 24px;
  /* x*3 */
  border-radius: 16px;
  /* x*2 */
  background: #fff;
  border: 1px solid #D5D4D4;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#parameters .modal-dialog .modal-content .params_right input[type="checkbox"].apple-switch + label:after {
  content: "";
  position: absolute;
  display: block;
  left: 0px;
  top: 0px;
  width: 24px;
  /* x*3 */
  height: 24px;
  /* x*3 */
  border-radius: 16px;
  /* x*2 */
  background: #fff;
  border: 1px solid #D5D4D4;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#parameters .modal-dialog .modal-content .params_right input[type="checkbox"].apple-switch + label:hover:after {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
#parameters .modal-dialog .modal-content .params_right input[type="checkbox"].apple-switch:checked + label:after {
  margin-left: 16px;
  border: 1px solid #45A2FD;
}
#parameters .modal-dialog .modal-content .params_right input[type="checkbox"].apple-switch:checked + label:before {
  border: 1px solid #45A2FD;
  background: #45A2FD;
}
#parameters .modal-dialog .modal-content .params_right .setbtn {
  height: 38px;
  width: 162px;
  border-radius: 23.4px;
  box-shadow: 0px 0px 21px 2px rgba(52, 108, 255, 0.24);
  float: right;
  margin-right: 40px;
  color: #FFFFFF;
  cursor: pointer;
  font-family: "Fira Sans";
  font-size: 14px;
  letter-spacing: 0.6px;
  line-height: 30px;
  text-align: center;
  background-color: transparent;
  border-color: rgba(52, 108, 255, 0.44);
  outline: none;
}
#parameters .modal-dialog .modal-content .params_right .setbtn:hover {
  box-shadow: 0px 0px 24px 2px rgba(52, 108, 255, 0.34);
}
#parameters .modal-dialog .modal-content .params_right #compte_p {
  display: block;
  padding: 32px;
  width: 100%;
  height: 100%;
  float: left;
}
#parameters .modal-dialog .modal-content .params_right #compte_p .title_p {
  height: 37px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 20px;
  font-weight: bold;
  line-height: 37px;
  float: left;
}
#parameters .modal-dialog .modal-content .params_right #compte_p .info_p {
  height: 37px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: bold;
  line-height: 37px;
  margin-top: 24px;
  float: left;
}
#parameters .modal-dialog .modal-content .params_right #compte_p .image_avatarparm {
  height: 134px;
  width: 134px;
  border-radius: 5.38px;
  box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.54);
  float: left;
  margin-right: 22px;
  overflow: hidden;
  position: relative;
}
#parameters .modal-dialog .modal-content .params_right #compte_p .image_avatarparm img {
  width: 100%;
  height: 100%;
}
#parameters .modal-dialog .modal-content .params_right #compte_p .image_avatarparm #uploadprogress {
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 100%);
  width: 0%;
  height: 8px;
  position: absolute;
  z-index: 2;
  top: 63px;
  left: 0px;
}
#parameters .modal-dialog .modal-content .params_right #compte_p .image_butons_descr {
  width: calc(100% - 158px);
  float: left;
}
#parameters .modal-dialog .modal-content .params_right #compte_p .image_butons_descr .image_btn_info {
  float: left;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 22px;
}
#parameters .modal-dialog .modal-content .params_right #compte_p .image_butons_descr .setbtn {
  float: left;
  margin-bottom: 14px;
}
#parameters .modal-dialog .modal-content .params_right #securite_p {
  padding: 32px;
  width: 100%;
  height: 100%;
  float: left;
}
#parameters .modal-dialog .modal-content .params_right #securite_p .title_p {
  height: 37px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 20px;
  font-weight: bold;
  line-height: 37px;
  float: left;
}
#parameters .modal-dialog .modal-content .params_right #securite_p .info_p {
  height: 37px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: bold;
  line-height: 37px;
  margin-top: 24px;
  float: left;
}
#parameters .modal-dialog .modal-content .params_right #securite_p p.info {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  letter-spacing: -0.22px;
  line-height: 19px;
  display: block;
}
#parameters .modal-dialog .modal-content .params_right #securite_p .conds_mp {
  width: 100%;
  float: left;
}
#parameters .modal-dialog .modal-content .params_right #securite_p .conds_mp .cond {
  padding-left: 28px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13px;
  letter-spacing: -0.21px;
  line-height: 15px;
  background-repeat: no-repeat;
  float: left;
  margin-right: 10px;
}
#parameters .modal-dialog .modal-content .params_right #securite_p .conds_mp .cond.uncheck {
  background-image: url(images/bad.svg);
  background-size: 25px;
  background-position: 3px center;
}
#parameters .modal-dialog .modal-content .params_right #securite_p .conds_mp .cond.check {
  background-image: url(images/tick.svg);
  background-position: 9px center;
}
#parameters .modal-dialog .modal-content .params_right #notifs_p {
  padding: 32px;
  width: 100%;
  height: 100%;
  float: left;
}
#parameters .modal-dialog .modal-content .params_right #notifs_p .title_p {
  height: 37px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 20px;
  font-weight: bold;
  line-height: 37px;
  float: left;
}
#parameters .modal-dialog .modal-content .params_right #notifs_p .ios_notifs {
  width: 100%;
  float: left;
  margin-top: 26px;
}
#parameters .modal-dialog .modal-content .params_right #notifs_p .ios_notifs .ttl_ntfs {
  width: 72%;
  float: left;
  display: block;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: bold;
  line-height: 37px;
}
#parameters .modal-dialog .modal-content .params_right #notifs_p .ios_notifs .info_ntfs {
  width: 72%;
  float: left;
  display: block;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
}
#parameters .modal-dialog .modal-content .params_right #notifs_p .ios_notifs .right_ntfs {
  width: 51px;
  float: right;
  min-height: 30px;
  margin-top: 20px;
}
#parameters .modal-dialog .modal-content .params_right #mystats_p {
  padding: 32px;
  width: 100%;
  height: 100%;
  float: left;
}
#parameters .modal-dialog .modal-content .params_right #mystats_p .title_p {
  height: 37px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 20px;
  font-weight: bold;
  line-height: 37px;
  float: left;
}
#parameters .modal-dialog .modal-content .params_right #mystats_p table {
  color: #fff;
  margin-top: 80px;
}
#parameters .modal-dialog .modal-content .params_right #mystats_p .ios_notifs {
  width: 100%;
  float: left;
  margin-top: 26px;
}
#parameters .modal-dialog .modal-content .params_right #mystats_p .ios_notifs .ttl_ntfs {
  width: 72%;
  float: left;
  display: block;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: bold;
  line-height: 37px;
}
#parameters .modal-dialog .modal-content .params_right #mystats_p .ios_notifs .info_ntfs {
  width: 72%;
  float: left;
  display: block;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: normal;
  line-height: 22px;
}
#parameters .modal-dialog .modal-content .params_right #mystats_p .ios_notifs .right_ntfs {
  width: 51px;
  float: right;
  min-height: 30px;
  margin-top: 20px;
}
#parameters .modal-dialog .modal-content .select-wrapper {
  margin: auto;
  max-width: 600px;
  width: calc(60%);
}
#parameters .modal-dialog .modal-content .select-pure__select {
  align-items: center;
  background: #313c6c;
  border-radius: 4px;
  /* border: 1px solid rgba(0, 0, 0, 0.15); */
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); */
  box-sizing: border-box;
  color: #363b3e;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  justify-content: left;
  /*min-height: 44px;*/
  /* padding: 5px 10px; */
  min-height: 27px;
  position: relative;
  transition: 0.2s;
  width: 100%;
}
#parameters .modal-dialog .modal-content .select-pure__placeholder {
  color: #777777;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Fira Sans';
}
#parameters .modal-dialog .modal-content .select-pure__placeholder--hidden {
  display: none;
}
#parameters .modal-dialog .modal-content .select-pure__options {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  color: #363b3e;
  background-color: white;
  display: none;
  left: -16px;
  max-height: 221px;
  overflow-y: scroll;
  position: absolute;
  top: 32px;
  width: 100%;
  z-index: 5;
  width: 219px;
}
#parameters .modal-dialog .modal-content .select-pure__select--opened .select-pure__options {
  display: block;
}
#parameters .modal-dialog .modal-content .select-pure__option {
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-sizing: border-box;
  /* height: 44px; */
  /* line-height: 25px; */
  padding: 5px;
}
#parameters .modal-dialog .modal-content .select-pure__option--selected {
  color: #e4e4e4;
  cursor: initial;
  pointer-events: none;
}
#parameters .modal-dialog .modal-content .select-pure__option--hidden {
  display: none;
}
#parameters .modal-dialog .modal-content .select-pure__selected-label {
  background: #5e6264;
  border-radius: 4px;
  color: #fff;
  cursor: initial;
  font-size: 10px;
  display: inline-block;
  margin: 0 3px 2px 0;
  padding: 2px 2px;
}
#parameters .modal-dialog .modal-content .select-pure__selected-label:last-of-type {
  margin-right: 0;
}
#parameters .modal-dialog .modal-content .select-pure__selected-label i {
  cursor: pointer;
  display: inline-block;
  margin-left: 7px;
}
#parameters .modal-dialog .modal-content .select-pure__selected-label i:hover {
  color: #e4e4e4;
}
#parameters .modal-dialog .modal-content .select-pure__autocomplete {
  background: #f9f9f8;
  border-bottom: 1px solid #e4e4e4;
  border-left: none;
  border-right: none;
  border-top: none;
  box-sizing: border-box;
  font-size: 16px;
  outline: none;
  padding: 10px;
  width: 100%;
  color: black;
}
.hidemeon,
.hidemeon2,
.hidemeon3 {
  width: 1px;
  height: 1px;
  position: absolute;
  left: -9999px;
  top: -9999px;
}
#cnthiddenevt,
#cnthiddenevt2,
#cnthiddenevt3 {
  width: 0;
  height: 0;
  position: absolute;
  left: -9999px;
  top: -999px;
}
#sendcontactmsg {
  background-color: rgba(13, 14, 23, 0.8);
}
#sendcontactmsg .modal-dialog {
  max-width: 934px;
}
#sendcontactmsg .modal-dialog .modal-content {
  background-color: #273362;
  border-radius: 4px;
  position: relative;
  height: 585px;
}
#sendcontactmsg .modal-dialog .modal-content .close {
  color: #fff;
  right: 19px;
  top: 10px;
  position: absolute;
  font-size: 2.61rem;
  font-weight: 300;
  outline: none;
  opacity: 1;
  z-index: 3;
}
#sendcontactmsg .modal-dialog .modal-content .max100 {
  width: 100%;
  float: left;
}
#sendcontactmsg .modal-dialog .modal-content .max100 .rightpart {
  width: 423px;
  float: right;
}
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart {
  width: 509px;
  float: left;
}
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart h1 {
  height: 45px;
  width: 462px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 30px;
  font-weight: bold;
  line-height: 37px;
  margin: 10px 0px 5px 20px;
  padding-bottom: 23px;
  border-bottom: 0.85px solid rgba(255, 255, 255, 0.12);
}
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .address_info {
  font-family: "Fira Sans";
  color: #FFFFFF;
  font-size: 13px;
  margin: 10px 20px 10px 20px;
}
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface,
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface {
  height: 58px;
  width: 456px;
  border-radius: 4px 4px 0 0;
  background-color: rgba(202, 211, 255, 0.16);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  margin-left: 20px;
  margin-bottom: 20px;
  padding: 6px 16px;
  float: left;
}
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface label,
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface label {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 16px;
  width: 100%;
  margin-bottom: .2rem;
}
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface input,
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface input {
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
}
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface option,
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface option {
  color: #444c67;
}
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface textarea,
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface textarea {
  min-height: 134px;
  width: 100%;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
}
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface:focus-within,
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface:focus-within {
  border-bottom-color: #177AFF;
}
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface:focus-within label,
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface:focus-within label {
  color: #177AFF;
}
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface:focus-within input,
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface:focus-within input {
  color: #fff;
}
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface50 {
  width: 218px;
  margin-left: 20px;
  float: left;
}
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface50 select {
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
}
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface {
  min-height: 100px;
}
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface textarea {
  max-height: 80px;
}
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .submitrequest {
  color: #ffffff;
  height: 38px;
  width: 200px;
  border-radius: 23px;
  background: linear-gradient(314deg, #177aff 0%, #4828dc 100%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  margin-left: 153px;
  border: none;
  outline: none;
}
#sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .contactdetails {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 17px;
  line-height: 27px;
  width: 100%;
  padding: 10px;
  margin-top: 8px;
}
#jobs_page_row {
  background: url(images/carrer_img.jpg) no-repeat center center;
  background-size: cover;
  background-repeat: repeat-y;
  min-height: 1006px;
  height: auto;
  width: 100%;
  margin-top: -120px;
  padding-top: 20px;
  float: left;
}
#jobs_page_row .huge_ttl {
  min-height: 156px;
  width: 594px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 59px;
  font-weight: bold;
  line-height: 80px;
  position: relative;
  margin-bottom: 60px;
  margin-left: 100px;
  margin-top: 260px;
}
#jobs_page_row .huge_ttl:after {
  position: absolute;
  content: '';
  left: 0;
  bottom: -20px;
  background-color: #2E87FF;
  height: 4px;
  width: 100px;
}
#jobs_page_row .under_ttl {
  min-height: 123px;
  width: 519px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
  margin-left: 100px;
}
#jobs_page_row .tvchainjoin {
  height: 378px;
  width: 1133px;
  margin-left: calc((100% - 1133px) / 2);
  margin-top: 180px;
  border-radius: 10px;
  background: url(images/triangles_jobs.svg) no-repeat center center #273362;
  background-size: cover;
  padding: 61px 88px;
}
#jobs_page_row .tvchainjoin .left_huge_ttl {
  height: 151px;
  width: 350px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 45px;
  font-weight: 500;
  line-height: 70px;
  float: left;
  margin-top: 53px;
}
#jobs_page_row .tvchainjoin .left_huge_ttl.fr {
  font-size: 35px;
  width: 360px;
}
#jobs_page_row .tvchainjoin .right_huge_descr {
  height: 256px;
  width: 500px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 15px;
  font-weight: 300;
  line-height: 32px;
  float: right;
  position: relative;
}
#jobs_page_row .tvchainjoin .right_huge_descr:before {
  content: '';
  position: absolute;
  left: -64px;
  width: 4px;
  height: 151px;
  top: 53px;
  background: #F9B55C;
}
#jobs_page_row .tvchainjoin .right_huge_descr.fr {
  font-size: 14px;
  line-height: 30px;
}
#jobs_page_row2 {
  background: url(images/bubles-point-point.svg) no-repeat center center;
  background-size: cover;
  background-repeat: repeat-y;
  min-height: 450px;
  height: auto;
  width: 100%;
  margin-top: 180px;
  padding-top: 20px;
  float: left;
  padding-bottom: 225px;
}
#jobs_page_row2 .container {
  padding: 20px;
}
#jobs_page_row2 .container .jobs_ttl {
  height: 78px;
  width: 1133px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 59px;
  font-weight: bold;
  line-height: 80px;
  position: relative;
  margin-bottom: 20px;
  margin-left: calc((100% - 1133px) / 2);
  float: left;
}
#jobs_page_row2 .container .jobs_ttl:after {
  position: absolute;
  content: '';
  left: 0;
  bottom: -20px;
  background-color: #2E87FF;
  height: 4px;
  width: 100px;
}
#jobs_page_row2 .container .category_ttl {
  padding-left: 20px;
  position: relative;
  height: 48px;
  width: 1133px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 26px;
  font-weight: bold;
  line-height: 37px;
  margin-top: 100px;
  margin-bottom: 25px;
  margin-left: calc((100% - 1133px) / 2);
  float: left;
}
#jobs_page_row2 .container .category_ttl:before {
  position: absolute;
  content: '';
  left: 0px;
  top: 2px;
  height: 33px;
  background-color: #F9B55C;
  width: 4px;
}
#jobs_page_row2 .container .ttlsj_cnt {
  width: 1133px;
  margin-left: calc((100% - 1133px) / 2);
  float: left;
  height: 20px;
  margin-bottom: 25px;
}
#jobs_page_row2 .container .ttlsj_cnt .icon {
  width: 64px;
  height: 20px;
  margin-left: 53px;
  float: left;
}
#jobs_page_row2 .container .ttlsj_cnt .j_ttl {
  height: 20px;
  width: 342px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  margin-left: 60px;
  float: left;
  opacity: 0.6;
}
#jobs_page_row2 .container .ttlsj_cnt .j_loc {
  height: 20px;
  width: 258px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  margin-left: 10px;
  float: left;
  opacity: 0.6;
}
#jobs_page_row2 .container .ttlsj_cnt .j_dispo {
  height: 20px;
  width: 148px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  margin-left: 10px;
  float: left;
  opacity: 0.6;
}
#jobs_page_row2 .container .ttlsj_cnt .sel {
  opacity: 1;
}
#jobs_page_row2 .container .ttlsj_cnt .withicn {
  cursor: pointer;
}
#jobs_page_row2 .container .ttlsj_cnt .withicn span {
  width: 0;
  height: 0;
  margin-left: 7px;
  padding-top: 3px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #fff;
  display: inline-block;
}
#jobs_page_row2 .container .job_container {
  float: left;
  width: 1133px;
  height: 116px;
  background-color: #202A53;
  border-radius: 8px;
  margin-bottom: 18px;
  margin-left: calc((100% - 1133px) / 2);
  transition: all 0.5s ease;
}
#jobs_page_row2 .container .job_container:hover {
  width: 1179px;
  height: 121px;
  margin-left: calc((100% - 1179px) / 2);
}
#jobs_page_row2 .container .job_container .icon {
  float: left;
}
#jobs_page_row2 .container .job_container .icon.crown {
  background: url(images/crown.svg) no-repeat center center;
  width: 60px;
  height: 45px;
  margin-left: 57px;
  margin-top: 35px;
}
#jobs_page_row2 .container .job_container .icon.edited {
  background: url(images/edited.svg) no-repeat center center;
  width: 53px;
  height: 53px;
  margin-left: 60px;
  margin-top: 31px;
}
#jobs_page_row2 .container .job_container .icon.users {
  background: url(images/users.svg) no-repeat center center;
  width: 64px;
  height: 45px;
  margin-left: 55px;
  margin-top: 35px;
}
#jobs_page_row2 .container .job_container .j_ttl {
  height: 20px;
  width: 342px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  margin-left: 60px;
  float: left;
  margin-top: 50px;
}
#jobs_page_row2 .container .job_container .j_loc {
  height: 20px;
  width: 258px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-left: 10px;
  float: left;
  margin-top: 50px;
}
#jobs_page_row2 .container .job_container .j_dispo {
  height: 20px;
  width: 148px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-left: 10px;
  float: left;
  margin-top: 50px;
}
#jobs_page_row2 .container .job_container .sendtoamb {
  height: 42px;
  min-width: 106px;
  border-radius: 18px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 100%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  border: none;
  outline: none;
  margin-left: 6px;
  padding: 2px;
  cursor: pointer;
  color: #ffffff;
  font-family: "Fira Sans";
  font-size: 14px;
  letter-spacing: 0.75px;
  line-height: 42px;
  text-align: center;
  margin-top: 37px;
  margin-right: 60px;
  float: right;
  text-decoration: none;
}
#jobs_page_row2 .container .job_container .sendtoamb span {
  line-height: 38px;
  width: 102px;
  display: block;
  border-radius: 16px;
  background-color: #202A53;
  color: #ffffff;
  font-family: "Fira Sans";
  font-size: 15px;
  letter-spacing: 0.75px;
  text-align: center;
}
#jobs_page_row2 .container .job_container .sendtoamb:hover span {
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 100%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
}
#makelogin {
  background-color: rgba(13, 14, 23, 0.8);
  z-index: 1051;
}
#makelogin .modal-dialog {
  max-width: 420px;
}
#makelogin .modal-dialog .modal-content {
  border: #2642d4 3px solid;
  background-color: white;
  border-radius: 0 4px 4px 0;
  overflow: hidden;
  position: relative;
  height: 480px;
  width: 380px;
}
#makelogin .modal-dialog .modal-content .close {
  color: #2776c3;
  right: 15px;
  top: 8px;
  position: absolute;
  font-size: 3.21rem;
  font-weight: 300;
  outline: none;
  opacity: 1;
  z-index: 3;
}
#makelogin .modal-dialog .modal-content h1 {
  height: 38px;
  width: 328px;
  color: #2776c3;
  text-align: center;
  font-family: "Fira Sans";
  font-size: 24px;
  letter-spacing: 0.42px;
  font-weight: 600;
  line-height: 37px;
  margin: 62px 26px 22px 26px;
}
#makelogin .modal-dialog .modal-content .input-surface,
#makelogin .modal-dialog .modal-content .textarea-surface {
  height: 40px;
  width: 328px;
  border-radius: 4px 4px 0 0;
  background-color: #d9e0ff;
  border-bottom: 2px solid #2776c3;
  margin-left: 26px;
  margin-bottom: 14px;
  padding: 7px 16px;
}
#makelogin .modal-dialog .modal-content .input-surface label,
#makelogin .modal-dialog .modal-content .textarea-surface label {
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 16px;
  width: 100%;
  margin-bottom: 0px;
}
#makelogin .modal-dialog .modal-content .input-surface input,
#makelogin .modal-dialog .modal-content .textarea-surface input {
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
}
#makelogin .modal-dialog .modal-content .input-surface textarea,
#makelogin .modal-dialog .modal-content .textarea-surface textarea {
  min-height: 81px;
  width: 100%;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
}
#makelogin .modal-dialog .modal-content .input-surface:focus-within,
#makelogin .modal-dialog .modal-content .textarea-surface:focus-within {
  border-bottom-color: #177AFF;
}
#makelogin .modal-dialog .modal-content .input-surface:focus-within label,
#makelogin .modal-dialog .modal-content .textarea-surface:focus-within label {
  color: #177AFF;
}
#makelogin .modal-dialog .modal-content .textarea-surface {
  min-height: 122px;
}
#makelogin .modal-dialog .modal-content .submitrequest {
  color: #ffffff;
  height: 38px;
  width: 318px;
  border-radius: 23px;
  background-color: #2776c3;
  /*background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 100%);*/
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  border: none;
  outline: none;
  margin-left: 31px;
}
#makelogin .modal-dialog .modal-content .ou_div {
  height: 16px;
  width: 100%;
  color: black;
  font-family: "Fira Sans";
  margin-top: 14px;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.4px;
  line-height: 16px;
  text-align: center;
}
#makelogin .modal-dialog .modal-content .connect_fb {
  width: 328px;
  border-radius: 3px;
  background-color: #3D5BA8;
  background-image: url(images/fbl.png);
  background-repeat: no-repeat;
  background-position: 9px center;
  padding-left: 50px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  height: 40px;
  display: block;
  text-decoration: none;
  margin-bottom: 12px;
  margin-left: 26px;
}
#makelogin .modal-dialog .modal-content .connect_fb:hover {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
}
#makelogin .modal-dialog .modal-content .connect_gplus {
  width: 328px;
  border-radius: 3px;
  background-color: #FFFFFF;
  background-image: url(images/gl.png);
  background-repeat: no-repeat;
  background-position: 9px center;
  padding-left: 50px;
  color: rgba(0, 0, 0, 0.54);
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  height: 40px;
  display: block;
  text-decoration: none;
  margin-left: 26px;
}
#makelogin .modal-dialog .modal-content .connect_gplus:hover {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
}
#makelogin .modal-dialog .modal-content .abcRioButton {
  border-radius: 3px;
  margin-left: 26px;
  text-decoration: none;
}
#makelogin .modal-dialog .modal-content .already_mbr {
  color: #2776c3;
  font-family: "Fira Sans";
  font-size: 13px;
  letter-spacing: 0.3px;
  line-height: 14px;
  text-align: center;
  width: 100%;
  float: left;
  text-decoration: none;
  display: block;
  margin-top: 27px;
}
#makelogin .modal-dialog .modal-content .checkbox_custom {
  width: 160px;
  margin-left: 29px;
  font-weight: normal;
}
#makelogin .modal-dialog .modal-content .recoverpasswd {
  height: 22px;
  width: 148px;
  color: #2776c3;
  font-family: "Fira Sans";
  font-size: 13px;
  letter-spacing: 0.3px;
  line-height: 22px;
  text-align: center;
  margin-right: 26px;
  float: right;
  display: block;
  text-decoration: none;
  font-weight: normal;
}
#makelogin .modal-dialog .modal-content .percent100 {
  width: 100%;
  float: left;
  display: block;
  margin-bottom: 14px;
}
#menu_left_mobile {
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  bottom: 0;
  right: 0;
  position: fixed;
  transition: all 0.5s ease;
  z-index: 3002;
  cursor: pointer;
}
#menu_left_mobile .menu_mmleft {
  width: 280px;
  height: 100%;
  overflow-y: auto;
  background-color: #202A53;
  padding: 25px;
  overflow-x: hidden;
  cursor: default;
}
#menu_left_mobile .menu_mmleft #logo_mm_mobile {
  background: url(images/logomob.svg) no-repeat 10px center;
  display: block;
  width: 100%;
  height: 25px;
  margin-top: 50px;
  margin-bottom: 10px;
}
#menu_left_mobile .menu_mmleft .sublogo_mm_mobile {
  margin-left: 10px;
  width: 210px;
  background-color: #4C4E5D;
  height: 2px;
  float: left;
}
#menu_left_mobile .menu_mmleft .usr_mm_mobile {
  margin-left: 10px;
  width: 210px;
  height: auto;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 18px;
  font-weight: 500;
  line-height: 42px;
  float: left;
  margin-bottom: 20px;
}
#menu_left_mobile .menu_mmleft .usr_mm_mobile img {
  width: 42px;
  height: 42px;
  float: left;
  margin-right: 15px;
  border-radius: 50%;
}
#menu_left_mobile .menu_mmleft .usr_logged_mm_mobile,
#menu_left_mobile .menu_mmleft .usr_notlogged_mm_mobile {
  margin-left: 10px;
  width: 210px;
  margin-top: 30px;
  float: left;
}
#menu_left_mobile .menu_mmleft .usr_logged_mm_mobile a,
#menu_left_mobile .menu_mmleft .usr_notlogged_mm_mobile a {
  padding-left: 43px;
  width: 100%;
  float: left;
  display: block;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 18.24px;
  line-height: 22px;
  background-position: left center;
  background-repeat: no-repeat;
  min-height: 32px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 22px;
}
#menu_left_mobile .menu_mmleft .usr_logged_mm_mobile a:hover,
#menu_left_mobile .menu_mmleft .usr_notlogged_mm_mobile a:hover {
  background-color: transparent;
}
#menu_left_mobile .menu_mmleft .usr_logged_mm_mobile a:active,
#menu_left_mobile .menu_mmleft .usr_notlogged_mm_mobile a:active {
  background-color: transparent;
}
#menu_left_mobile .menu_mmleft .usr_logged_mm_mobile a.abos,
#menu_left_mobile .menu_mmleft .usr_notlogged_mm_mobile a.abos {
  background-image: url(images/aboicn.svg);
  background-size: 23px 22px;
}
#menu_left_mobile .menu_mmleft .usr_logged_mm_mobile a.search,
#menu_left_mobile .menu_mmleft .usr_notlogged_mm_mobile a.search {
  background-image: url(images/loupe.svg?i=19);
  background-size: 23px 22px;
}
#menu_left_mobile .menu_mmleft .usr_logged_mm_mobile a.tba,
#menu_left_mobile .menu_mmleft .usr_notlogged_mm_mobile a.tba {
  background-image: url(images/stock.png);
  background-size: 22px 22px;
}
#menu_left_mobile .menu_mmleft .usr_logged_mm_mobile a.mdia,
#menu_left_mobile .menu_mmleft .usr_notlogged_mm_mobile a.mdia {
  background-image: url(images/text.svg);
  background-size: 22px 22px;
}
#menu_left_mobile .menu_mmleft .usr_logged_mm_mobile a.clb,
#menu_left_mobile .menu_mmleft .usr_notlogged_mm_mobile a.clb {
  background-image: url(images/clubsicn.svg);
  background-size: 21px 22px;
}
#menu_left_mobile .menu_mmleft .usr_logged_mm_mobile a.sets,
#menu_left_mobile .menu_mmleft .usr_notlogged_mm_mobile a.sets {
  background-image: url(images/settingsicn.svg);
  background-size: 21px 22px;
}
#menu_left_mobile .menu_mmleft .usr_logged_mm_mobile a.lgout,
#menu_left_mobile .menu_mmleft .usr_notlogged_mm_mobile a.lgout {
  background-image: url(images/logouticn2.png);
  background-size: 22px 22px;
}
#menu_left_mobile .menu_mmleft .usr_logged_mm_mobile a.cont,
#menu_left_mobile .menu_mmleft .usr_notlogged_mm_mobile a.cont {
  background-image: url(images/info.svg?i=1);
  background-size: 22px 22px;
}
#menu_left_mobile .menu_mmleft .usr_logged_mm_mobile a.privp,
#menu_left_mobile .menu_mmleft .usr_notlogged_mm_mobile a.privp {
  background-image: url(images/privp.png);
  background-size: 22px 22px;
}
#menu_left_mobile .menu_mmleft #mylangs2 {
  width: 120px;
  height: 38px;
  line-height: 38px;
  margin-left: 53px;
  float: left;
  margin-top: 22px;
}
#menu_left_mobile .menu_mmleft #mylangs2 a {
  font-weight: normal;
  text-decoration: none;
  border-bottom: none;
  color: #fff;
  font-family: "Fira Sans";
  font-size: 18.24px;
  line-height: 22px;
}
#menu_left_mobile .menu_mmleft #mylangs2:after {
  display: inline-block;
  color: #fff;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent;
}
#menu_left_mobile .menu_mmleft .bottom_alignto {
  width: 100%;
  position: absolute;
  bottom: 20px;
}
#menu_left_mobile .menu_mmleft .bottom_alignto a.lien {
  color: #A6A6AA;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
  display: block;
  width: 100%;
  margin-bottom: 20px;
}
#menu_left_mobile .menu_mmleft .bottom_alignto .twitter {
  height: 41px;
  width: 41px;
  background: url(images/tw.svg) no-repeat center center;
  display: block;
  float: left;
  margin-top: 0px;
}
#menu_left_mobile .menu_mmleft .bottom_alignto .facebook {
  height: 41px;
  width: 41px;
  background: url(images/fb.svg) no-repeat center center;
  display: block;
  float: left;
  margin-left: 9px;
  margin-top: 0px;
}
#menu_left_mobile .menu_mmleft .bottom_alignto .telegram {
  height: 41px;
  width: 41px;
  background: url(images/telegram.svg) no-repeat center center;
  display: block;
  float: left;
  margin-left: 9px;
  margin-top: 0px;
}
#menu_left_mobile .menu_mmleft .bottom_alignto .linkedin {
  height: 41px;
  width: 41px;
  background: url(images/lnk.svg) no-repeat center center;
  display: block;
  float: left;
  margin-left: 9px;
  margin-top: 0px;
}
#menu_left_mobile .lmenu_login {
  margin-top: 50px;
  width: 90px;
  float: left;
  height: 40px;
  margin-right: 8px;
  border: 2px solid #4F5363;
  border-radius: 20px;
  color: #ABABB8;
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.9px;
  line-height: 40px;
  text-align: center;
}
#menu_left_mobile .lmenu_signup {
  margin-top: 50px;
  width: 130px;
  float: left;
  height: 40px;
  border: 2px solid #4F5363;
  border-radius: 20px;
  color: #ABABB8;
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.9px;
  line-height: 40px;
  text-align: center;
}
body.mopen {
  overflow: hidden;
}
.mopen #menu_left_mobile.open {
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
#mynotifs_popover {
  width: 240px;
  height: 320px;
  position: absolute;
  right: 106px;
  top: 60px;
  display: none;
}
#mynotifs_popover #pop_arrow {
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #273362;
  margin-left: 116px;
}
#mynotifs_popover #mynotifs_content {
  width: 240px;
  max-height: 320px;
  padding: 5px;
  overflow-y: auto;
  overflow-x: hidden;
  background: #273362;
  border-radius: .3rem;
  padding-top: 28px;
}
#mynotifs_popover #mynotifs_content .brightbar {
  background-color: #202e63;
  color: #fff;
  font-family: "Fira Sans";
  font-size: 10px;
  font-weight: 500;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 4px;
  float: left;
  width: 100%;
  padding: 4px;
  position: absolute;
  top: 9px;
  left: 0px;
  border-radius: .3rem .3rem 0 0;
}
#mynotifs_popover #mynotifs_content .brightbar a {
  float: right;
  color: #fff;
}
#mynotifs_popover #mynotifs_content .item {
  width: 100%;
  min-height: 30px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 12px;
  font-weight: 500;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 4px;
  float: left;
  padding-bottom: 4px;
}
#mynotifs_popover #mynotifs_content .item img {
  width: 40px;
  height: 40px;
  float: left;
  display: block;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}
#mynotifs_popover #mynotifs_content .item.unread {
  background: #1D2649;
}
#requestnewchannel,
#requestnewchannel2 {
  background-color: rgba(13, 14, 23, 0.8);
  z-index: 1051;
}
#requestnewchannel .modal-dialog,
#requestnewchannel2 .modal-dialog {
  max-width: 906px;
}
#requestnewchannel .modal-dialog .modal-content,
#requestnewchannel2 .modal-dialog .modal-content {
  background-color: white;
  border-radius: 4px;
  position: relative;
  height: auto;
  border: #2642d4 3px solid;
}
#requestnewchannel .modal-dialog .modal-content .register form,
#requestnewchannel2 .modal-dialog .modal-content .register form {
  display: contents;
}
#requestnewchannel .modal-dialog .modal-content .register .checkbox_custom,
#requestnewchannel2 .modal-dialog .modal-content .register .checkbox_custom {
  color: black !important;
}
#requestnewchannel .modal-dialog .modal-content .register .checkbox_custom .checkmark,
#requestnewchannel2 .modal-dialog .modal-content .register .checkbox_custom .checkmark {
  background-color: #d9e0ff;
}
#requestnewchannel .modal-dialog .modal-content .register .req,
#requestnewchannel2 .modal-dialog .modal-content .register .req {
  color: red;
}
#requestnewchannel .modal-dialog .modal-content .register h1,
#requestnewchannel2 .modal-dialog .modal-content .register h1 {
  min-height: 38px;
  width: 315px;
  color: #2776c3;
  font-family: "Fira Sans";
  font-size: 24px;
  font-weight: 600;
  line-height: 37px;
  margin: 26px 0px 14px 6px;
}
#requestnewchannel .modal-dialog .modal-content .register .input-surface,
#requestnewchannel2 .modal-dialog .modal-content .register .input-surface,
#requestnewchannel .modal-dialog .modal-content .register .textarea-surface,
#requestnewchannel2 .modal-dialog .modal-content .register .textarea-surface {
  height: 40px;
  width: 348px;
  border-radius: 4px 4px 0 0;
  background-color: #d9e0ff;
  border-bottom: 2px solid #2642d4;
  margin-left: 6px;
  margin-bottom: 14px;
  padding: 7px 16px;
}
#requestnewchannel .modal-dialog .modal-content .register .input-surface label,
#requestnewchannel2 .modal-dialog .modal-content .register .input-surface label,
#requestnewchannel .modal-dialog .modal-content .register .textarea-surface label,
#requestnewchannel2 .modal-dialog .modal-content .register .textarea-surface label {
  color: black;
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 16px;
  width: 100%;
  margin-bottom: 0px;
}
#requestnewchannel .modal-dialog .modal-content .register .input-surface input,
#requestnewchannel2 .modal-dialog .modal-content .register .input-surface input,
#requestnewchannel .modal-dialog .modal-content .register .textarea-surface input,
#requestnewchannel2 .modal-dialog .modal-content .register .textarea-surface input {
  color: black;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
}
#requestnewchannel .modal-dialog .modal-content .register .input-surface option,
#requestnewchannel2 .modal-dialog .modal-content .register .input-surface option,
#requestnewchannel .modal-dialog .modal-content .register .textarea-surface option,
#requestnewchannel2 .modal-dialog .modal-content .register .textarea-surface option {
  color: #444c67;
}
#requestnewchannel .modal-dialog .modal-content .register .input-surface select,
#requestnewchannel2 .modal-dialog .modal-content .register .input-surface select,
#requestnewchannel .modal-dialog .modal-content .register .textarea-surface select,
#requestnewchannel2 .modal-dialog .modal-content .register .textarea-surface select {
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  color: rgba(0, 0, 0, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
}
#requestnewchannel .modal-dialog .modal-content .register .input-surface textarea,
#requestnewchannel2 .modal-dialog .modal-content .register .input-surface textarea,
#requestnewchannel .modal-dialog .modal-content .register .textarea-surface textarea,
#requestnewchannel2 .modal-dialog .modal-content .register .textarea-surface textarea {
  min-height: 81px;
  width: 100%;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
}
#requestnewchannel .modal-dialog .modal-content .register .input-surface:focus-within,
#requestnewchannel2 .modal-dialog .modal-content .register .input-surface:focus-within,
#requestnewchannel .modal-dialog .modal-content .register .textarea-surface:focus-within,
#requestnewchannel2 .modal-dialog .modal-content .register .textarea-surface:focus-within {
  border-bottom-color: #177AFF;
}
#requestnewchannel .modal-dialog .modal-content .register .input-surface:focus-within label,
#requestnewchannel2 .modal-dialog .modal-content .register .input-surface:focus-within label,
#requestnewchannel .modal-dialog .modal-content .register .textarea-surface:focus-within label,
#requestnewchannel2 .modal-dialog .modal-content .register .textarea-surface:focus-within label {
  color: #177AFF;
}
#requestnewchannel .modal-dialog .modal-content .register .input-surface:focus-within input,
#requestnewchannel2 .modal-dialog .modal-content .register .input-surface:focus-within input,
#requestnewchannel .modal-dialog .modal-content .register .textarea-surface:focus-within input,
#requestnewchannel2 .modal-dialog .modal-content .register .textarea-surface:focus-within input {
  color: #000000;
}
#requestnewchannel .modal-dialog .modal-content .register .textarea-surface,
#requestnewchannel2 .modal-dialog .modal-content .register .textarea-surface {
  min-height: 122px;
}
#requestnewchannel .modal-dialog .modal-content .register .submitrequest,
#requestnewchannel2 .modal-dialog .modal-content .register .submitrequest {
  color: #ffffff;
  height: 38px;
  width: 348px;
  border-radius: 23px;
  /*background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 100%);*/
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  border: none;
  outline: none;
  margin-left: 6px;
  background-color: #2776c3;
}
#requestnewchannel .modal-dialog .modal-content .register .ou_div,
#requestnewchannel2 .modal-dialog .modal-content .register .ou_div {
  height: 16px;
  width: 85%;
  color: black;
  font-family: "Fira Sans";
  margin-top: 14px;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.4px;
  line-height: 16px;
  text-align: center;
}
#requestnewchannel .modal-dialog .modal-content .register .connect_fb,
#requestnewchannel2 .modal-dialog .modal-content .register .connect_fb {
  width: 348px;
  border-radius: 3px;
  background-color: #3D5BA8;
  background-image: url(images/fbl.png);
  background-repeat: no-repeat;
  background-position: 9px center;
  padding-left: 50px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  height: 40px;
  display: block;
  text-decoration: none;
  margin-bottom: 10px;
  margin-left: 6px;
}
#requestnewchannel .modal-dialog .modal-content .register .connect_fb:hover,
#requestnewchannel2 .modal-dialog .modal-content .register .connect_fb:hover {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
}
#requestnewchannel .modal-dialog .modal-content .register .connect_gplus,
#requestnewchannel2 .modal-dialog .modal-content .register .connect_gplus {
  width: 348px;
  border-radius: 3px;
  background-color: #FFFFFF;
  background-image: url(images/gl.png);
  background-repeat: no-repeat;
  background-position: 9px center;
  padding-left: 50px;
  color: rgba(0, 0, 0, 0.54);
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  height: 40px;
  display: block;
  text-decoration: none;
  margin-left: 6px;
}
#requestnewchannel .modal-dialog .modal-content .register .connect_gplus:hover,
#requestnewchannel2 .modal-dialog .modal-content .register .connect_gplus:hover {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
}
#requestnewchannel .modal-dialog .modal-content .register .abcRioButton,
#requestnewchannel2 .modal-dialog .modal-content .register .abcRioButton {
  border-radius: 3px !important;
  margin-left: 6px;
  text-decoration: none;
}
#requestnewchannel .modal-dialog .modal-content .register .already_mbr,
#requestnewchannel2 .modal-dialog .modal-content .register .already_mbr {
  color: gray;
  font-family: "Fira Sans";
  font-size: 13px;
  letter-spacing: 0.3px;
  line-height: 14px;
  text-align: center;
  width: 100%;
  float: left;
  text-decoration: none;
  display: block;
  margin-top: 21px;
  margin-bottom: 10px;
}
#requestnewchannel .modal-dialog .modal-content .close,
#requestnewchannel2 .modal-dialog .modal-content .close {
  color: #2776c3;
  right: 15px;
  top: 8px;
  position: absolute;
  font-size: 3.21rem;
  font-weight: 300;
  outline: none;
  opacity: 1;
  z-index: 3;
}
#requestnewchannel .modal-dialog .modal-content .leftreqchannelside,
#requestnewchannel2 .modal-dialog .modal-content .leftreqchannelside {
  width: 500px;
  height: 578px;
  position: absolute;
  top: 0;
  left: 0px;
  background: url(https://medias.mytvchain.com/mytv2/storage/clubs/cover/5f6498a4a09e7.jpg) no-repeat center center;
  border-radius: 4px 0px 0px 4px;
  background-size: cover;
}
#requestnewchannel .modal-dialog .modal-content .leftreqchannelside h1,
#requestnewchannel2 .modal-dialog .modal-content .leftreqchannelside h1,
#requestnewchannel .modal-dialog .modal-content .leftreqchannelside h2,
#requestnewchannel2 .modal-dialog .modal-content .leftreqchannelside h2,
#requestnewchannel .modal-dialog .modal-content .leftreqchannelside h3,
#requestnewchannel2 .modal-dialog .modal-content .leftreqchannelside h3 {
  min-height: 68px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 23px;
  font-weight: bold;
  letter-spacing: 0.2px;
  line-height: 34px;
  text-align: center;
}
#requestnewchannel .modal-dialog .modal-content .leftreqchannelside h1,
#requestnewchannel2 .modal-dialog .modal-content .leftreqchannelside h1 {
  margin-top: 130px;
  width: 80%;
  margin-left: 10%;
  font-size: 26px;
}
#requestnewchannel .modal-dialog .modal-content .leftreqchannelside h2,
#requestnewchannel2 .modal-dialog .modal-content .leftreqchannelside h2 {
  line-height: 15px;
  margin-top: 90px;
}
#requestnewchannel .modal-dialog .modal-content .leftreqchannelside h2 .slimtext,
#requestnewchannel2 .modal-dialog .modal-content .leftreqchannelside h2 .slimtext {
  font-weight: 300;
}
#requestnewchannel .modal-dialog .modal-content .leftreqchannelside h3,
#requestnewchannel2 .modal-dialog .modal-content .leftreqchannelside h3 {
  position: absolute;
  bottom: 0px;
  font-size: 11px;
  font-style: italic;
  opacity: .8;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside {
  width: 380px;
  height: 594px;
  position: absolute;
  right: 0px;
  top: 0px;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside h1,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside h1 {
  min-height: 38px;
  width: 315px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 24px;
  font-weight: 600;
  line-height: 37px;
  margin: 26px 0px 14px 6px;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface,
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface {
  height: 58px;
  width: 348px;
  border-radius: 4px 4px 0 0;
  background-color: rgba(202, 211, 255, 0.16);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  margin-left: 6px;
  margin-bottom: 14px;
  padding: 7px 16px;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface label,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface label,
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface label,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface label {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 16px;
  width: 100%;
  margin-bottom: 0px;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface input,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface input,
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface input,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface input {
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface option,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface option,
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface option,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface option {
  color: #444c67;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface select,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface select,
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface select,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface select {
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface textarea,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface textarea,
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface textarea,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface textarea {
  min-height: 81px;
  width: 100%;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface:focus-within,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface:focus-within,
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface:focus-within,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface:focus-within {
  border-bottom-color: #177AFF;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface:focus-within label,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface:focus-within label,
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface:focus-within label,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface:focus-within label {
  color: #177AFF;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface:focus-within input,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface:focus-within input,
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface:focus-within input,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface:focus-within input {
  color: #fff;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface {
  min-height: 122px;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .submitrequest,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .submitrequest {
  color: #ffffff;
  height: 38px;
  width: 348px;
  border-radius: 23px;
  /*background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 100%);*/
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  border: none;
  outline: none;
  margin-left: 6px;
  background-color: #2776c3;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .ou_div,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .ou_div {
  height: 16px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  margin-top: 14px;
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.4px;
  line-height: 16px;
  text-align: center;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .connect_fb,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .connect_fb {
  width: 348px;
  border-radius: 3px;
  background-color: #3D5BA8;
  background-image: url(images/fbl.png);
  background-repeat: no-repeat;
  background-position: 9px center;
  padding-left: 50px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  height: 40px;
  display: block;
  text-decoration: none;
  margin-bottom: 10px;
  margin-left: 6px;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .connect_fb:hover,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .connect_fb:hover {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .connect_gplus,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .connect_gplus {
  width: 348px;
  border-radius: 3px;
  background-color: #FFFFFF;
  background-image: url(images/gl.png);
  background-repeat: no-repeat;
  background-position: 9px center;
  padding-left: 50px;
  color: rgba(0, 0, 0, 0.54);
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  height: 40px;
  display: block;
  text-decoration: none;
  margin-left: 6px;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .connect_gplus:hover,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .connect_gplus:hover {
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .abcRioButton,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .abcRioButton {
  border-radius: 3px !important;
  margin-left: 6px;
  text-decoration: none;
}
#requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .already_mbr,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .already_mbr {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13px;
  letter-spacing: 0.3px;
  line-height: 14px;
  text-align: center;
  width: 100%;
  float: left;
  text-decoration: none;
  display: block;
  margin-top: 21px;
}
#requestnewchannel .modal-dialog .modal-content .select-wrapper,
#requestnewchannel2 .modal-dialog .modal-content .select-wrapper {
  margin: auto;
  max-width: 600px;
  width: calc(60%);
}
#requestnewchannel .modal-dialog .modal-content .select-pure__select,
#requestnewchannel2 .modal-dialog .modal-content .select-pure__select {
  align-items: center;
  background: #d9e0ff;
  border-radius: 4px;
  /* border: 1px solid rgba(0, 0, 0, 0.15); */
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); */
  box-sizing: border-box;
  color: #363b3e;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  justify-content: left;
  /*min-height: 44px;*/
  /* padding: 5px 10px; */
  min-height: 27px;
  position: relative;
  transition: 0.2s;
  width: 100%;
}
#requestnewchannel .modal-dialog .modal-content .select-pure__placeholder,
#requestnewchannel2 .modal-dialog .modal-content .select-pure__placeholder {
  color: #777777;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Fira Sans';
}
#requestnewchannel .modal-dialog .modal-content .select-pure__placeholder--hidden,
#requestnewchannel2 .modal-dialog .modal-content .select-pure__placeholder--hidden {
  display: none;
}
#requestnewchannel .modal-dialog .modal-content .select-pure__options,
#requestnewchannel2 .modal-dialog .modal-content .select-pure__options {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  color: #363b3e;
  background-color: white;
  display: none;
  left: 0;
  max-height: 221px;
  overflow-y: scroll;
  position: absolute;
  top: 32px;
  width: 100%;
  z-index: 5;
}
#requestnewchannel .modal-dialog .modal-content .select-pure__select--opened .select-pure__options,
#requestnewchannel2 .modal-dialog .modal-content .select-pure__select--opened .select-pure__options {
  display: block;
}
#requestnewchannel .modal-dialog .modal-content .select-pure__option,
#requestnewchannel2 .modal-dialog .modal-content .select-pure__option {
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-sizing: border-box;
  height: 44px;
  line-height: 25px;
  padding: 10px;
}
#requestnewchannel .modal-dialog .modal-content .select-pure__option--selected,
#requestnewchannel2 .modal-dialog .modal-content .select-pure__option--selected {
  color: #e4e4e4;
  cursor: initial;
  pointer-events: none;
}
#requestnewchannel .modal-dialog .modal-content .select-pure__option--hidden,
#requestnewchannel2 .modal-dialog .modal-content .select-pure__option--hidden {
  display: none;
}
#requestnewchannel .modal-dialog .modal-content .select-pure__selected-label,
#requestnewchannel2 .modal-dialog .modal-content .select-pure__selected-label {
  background: #5e6264;
  border-radius: 4px;
  color: #fff;
  cursor: initial;
  display: inline-block;
  margin: 5px 10px 5px 0;
  padding: 3px 7px;
}
#requestnewchannel .modal-dialog .modal-content .select-pure__selected-label:last-of-type,
#requestnewchannel2 .modal-dialog .modal-content .select-pure__selected-label:last-of-type {
  margin-right: 0;
}
#requestnewchannel .modal-dialog .modal-content .select-pure__selected-label i,
#requestnewchannel2 .modal-dialog .modal-content .select-pure__selected-label i {
  cursor: pointer;
  display: inline-block;
  margin-left: 7px;
}
#requestnewchannel .modal-dialog .modal-content .select-pure__selected-label i:hover,
#requestnewchannel2 .modal-dialog .modal-content .select-pure__selected-label i:hover {
  color: #e4e4e4;
}
#requestnewchannel .modal-dialog .modal-content .select-pure__autocomplete,
#requestnewchannel2 .modal-dialog .modal-content .select-pure__autocomplete {
  background: #f9f9f8;
  border-bottom: 1px solid #e4e4e4;
  border-left: none;
  border-right: none;
  border-top: none;
  box-sizing: border-box;
  font-size: 16px;
  outline: none;
  padding: 10px;
  width: 100%;
}
#requestnewchannel2 .modal-dialog {
  max-width: 956px;
}
#requestnewchannel2 .modal-dialog .modal-content {
  height: 734px;
}
#requestnewchannel2 .modal-dialog .modal-content .leftreqchannelside {
  width: 550px;
  height: 732px;
}
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface,
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface {
  margin-bottom: 10px;
  padding: 4px 16px;
  height: 52px;
}
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface {
  min-height: 108px;
}
#requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface textarea {
  min-height: 67px;
}
/* custom checkbox */
.checkbox_custom {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-left: 6px;
  margin-bottom: 12px;
  width: 90%;
  float: left;
  min-height: 22px;
  cursor: pointer;
  color: #2776c3;
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* Hide the browser's default checkbox */
.checkbox_custom input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  border-radius: 50%;
  border: 0.7px solid rgba(255, 255, 255, 0.5);
  background-color: #d9e0ff;
}
/* On mouse-over, add a grey background color */
.checkbox_custom:hover input ~ .checkmark {
  box-shadow: 0px 0px 18px 0px rgba(52, 108, 255, 0.8);
}
/* When the checkbox is checked, add a blue background */
.checkbox_custom input:checked ~ .checkmark {
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.2);
  background-color: #2776c3 !important;
  border: none;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.checkbox_custom input:checked ~ .checkmark:after {
  display: block;
}
/* Style the checkmark/indicator */
.checkbox_custom .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* custom checkbox */
#recover_pass,
#recover_passrp2 {
  z-index: 1051;
  background-color: rgba(13, 14, 23, 0.8);
}
#recover_pass .modal-dialog,
#recover_passrp2 .modal-dialog {
  max-width: 540px;
}
#recover_pass .modal-dialog .modal-content,
#recover_passrp2 .modal-dialog .modal-content {
  height: 244px;
  width: 540px;
  border-radius: 4px;
  background-color: white;
  padding: 20px 30px;
}
#recover_pass .modal-dialog .modal-content .close,
#recover_passrp2 .modal-dialog .modal-content .close {
  color: #2776c3;
  right: 19px;
  top: 10px;
  position: absolute;
  font-size: 2.61rem;
  font-weight: 300;
  outline: none;
  opacity: 1;
  z-index: 3;
}
#recover_pass .modal-dialog .modal-content h1,
#recover_passrp2 .modal-dialog .modal-content h1 {
  color: #2776c3;
  font-family: "Fira Sans";
  font-size: 17px;
  font-weight: 800;
  line-height: 26px;
  text-align: center;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
#recover_pass .modal-dialog .modal-content h3,
#recover_passrp2 .modal-dialog .modal-content h3 {
  margin: 0px;
  margin-top: 9px;
  color: #2776c3;
  font-family: "Fira Sans";
  font-size: 14px;
  letter-spacing: -0.22px;
  line-height: 19px;
  text-align: center;
  padding: 0px;
  float: left;
  width: 100%;
  font-weight: 300;
}
#recover_pass .modal-dialog .modal-content .subborder,
#recover_passrp2 .modal-dialog .modal-content .subborder {
  height: 2px;
  width: 100%;
  background: rgba(255, 255, 255, 0.12);
  float: left;
  margin-top: 10px;
  margin-bottom: 20px;
}
#recover_pass .modal-dialog .modal-content .input-surface,
#recover_passrp2 .modal-dialog .modal-content .input-surface,
#recover_pass .modal-dialog .modal-content .textarea-surface,
#recover_passrp2 .modal-dialog .modal-content .textarea-surface {
  height: 58px;
  width: calc(100% - 12px);
  border-radius: 4px 4px 0 0;
  background-color: rgba(202, 211, 255, 0.16);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  margin-left: 6px;
  margin-bottom: 20px;
  padding: 7px 16px;
  float: left;
}
#recover_pass .modal-dialog .modal-content .input-surface label,
#recover_passrp2 .modal-dialog .modal-content .input-surface label,
#recover_pass .modal-dialog .modal-content .textarea-surface label,
#recover_passrp2 .modal-dialog .modal-content .textarea-surface label {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 16px;
  width: 100%;
  margin-bottom: 0px;
}
#recover_pass .modal-dialog .modal-content .input-surface input,
#recover_passrp2 .modal-dialog .modal-content .input-surface input,
#recover_pass .modal-dialog .modal-content .textarea-surface input,
#recover_passrp2 .modal-dialog .modal-content .textarea-surface input {
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
}
#recover_pass .modal-dialog .modal-content .input-surface textarea,
#recover_passrp2 .modal-dialog .modal-content .input-surface textarea,
#recover_pass .modal-dialog .modal-content .textarea-surface textarea,
#recover_passrp2 .modal-dialog .modal-content .textarea-surface textarea {
  min-height: 81px;
  width: 100%;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
}
#recover_pass .modal-dialog .modal-content .input-surface:focus-within,
#recover_passrp2 .modal-dialog .modal-content .input-surface:focus-within,
#recover_pass .modal-dialog .modal-content .textarea-surface:focus-within,
#recover_passrp2 .modal-dialog .modal-content .textarea-surface:focus-within {
  border-bottom-color: #177AFF;
}
#recover_pass .modal-dialog .modal-content .input-surface:focus-within label,
#recover_passrp2 .modal-dialog .modal-content .input-surface:focus-within label,
#recover_pass .modal-dialog .modal-content .textarea-surface:focus-within label,
#recover_passrp2 .modal-dialog .modal-content .textarea-surface:focus-within label {
  color: #177AFF;
}
#recover_pass .modal-dialog .modal-content .input-surfaceek,
#recover_passrp2 .modal-dialog .modal-content .input-surfaceek {
  height: 58px;
  width: auto;
  border-radius: 4px 4px 0 0;
  background-color: #2776c3;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  margin-left: 6px;
  margin-bottom: 20px;
  padding: 7px 16px;
  background-image: url(images/sendmail.png);
  background-size: 52px;
  background-position: 2px center;
  background-repeat: no-repeat;
  padding-left: 50px;
  float: left;
  cursor: pointer;
}
#recover_pass .modal-dialog .modal-content .input-surfaceek .dotlabel,
#recover_passrp2 .modal-dialog .modal-content .input-surfaceek .dotlabel {
  height: 19px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.2px;
  line-height: 19px;
  width: 100%;
  float: left;
}
#recover_pass .modal-dialog .modal-content .input-surfaceek span,
#recover_passrp2 .modal-dialog .modal-content .input-surfaceek span {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: -0.18px;
  line-height: 19px;
  height: 19px;
  width: auto;
  float: left;
  display: block;
}
#recover_pass .modal-dialog .modal-content .input-surfaceek.issel,
#recover_passrp2 .modal-dialog .modal-content .input-surfaceek.issel {
  border-bottom-color: #177AFF;
}
#recover_pass .modal-dialog .modal-content .input-surfaceek.issel .dotlabel,
#recover_passrp2 .modal-dialog .modal-content .input-surfaceek.issel .dotlabel {
  color: #ffffff;
}
#recover_pass .modal-dialog .modal-content .input-surfaceek.issel span,
#recover_passrp2 .modal-dialog .modal-content .input-surfaceek.issel span {
  color: #ffffff;
}
#recover_pass .modal-dialog .modal-content .submitrequest,
#recover_passrp2 .modal-dialog .modal-content .submitrequest {
  color: #ffffff;
  height: 38px;
  width: 200px;
  border-radius: 23px;
  background-color: #2776c3;
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  border: none;
  outline: none;
  /* margin-left: 31px; */
  float: right;
}
#recover_passrp2 {
  z-index: 1051;
  background-color: rgba(13, 14, 23, 0.8);
}
#recover_passrp2 .modal-dialog {
  max-width: 540px;
}
#recover_passrp2 .modal-dialog .modal-content {
  height: 345px;
  width: 540px;
  border-radius: 4px;
  background-color: white;
  padding: 20px 30px;
}
#recover_passrp2 .modal-dialog .modal-content #step3rp {
  width: 100%;
  height: 100%;
  float: left;
}
#recover_passrp2 .modal-dialog .modal-content #step3rp .conds_mp {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}
#recover_passrp2 .modal-dialog .modal-content #step3rp .conds_mp .cond {
  padding-left: 28px;
  font-family: "Fira Sans";
  font-size: 13px;
  letter-spacing: -0.21px;
  line-height: 15px;
  background-repeat: no-repeat;
  float: left;
  margin-right: 10px;
}
#recover_passrp2 .modal-dialog .modal-content #step3rp .conds_mp .cond.uncheck {
  background-image: url(images/bad.svg);
  background-size: 25px;
  background-position: 3px center;
}
#recover_passrp2 .modal-dialog .modal-content #step3rp .conds_mp .cond.check {
  background-image: url(images/tick.svg);
  background-position: 9px center;
}
.margin_discoverpage_top1 {
  width: 100%;
  height: 180px;
  float: left;
}
#discover_page_top {
  width: 100%;
  height: 574px;
  background: url(images/dotsondiscover.svg) no-repeat center center;
  float: left;
}
#discover_page_top .titletexttop1 {
  height: 116px;
  width: 708px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 40px;
  font-weight: 600;
  line-height: 58px;
  text-align: center;
  margin-top: 135px;
  margin-left: calc((100% - 708px) / 2);
}
#discover_page_top .textundertop1 {
  height: 256px;
  width: 576px;
  color: #CEE7FF;
  font-family: "Fira Sans";
  font-size: 16px;
  line-height: 30px;
  text-align: center;
  margin-top: 16px;
  margin-left: calc((100% - 576px) / 2);
}
#discover_page_top .textundertop1 .discvrw {
  width: 323px;
  float: left;
  margin-left: calc((100% - 323px) / 2);
  margin-top: 35px;
  margin-right: calc((100% - 323px) / 2);
}
#discover_page_top .textundertop1 .discvrw #sinscrire {
  height: 42px;
  width: 123px;
  border-radius: 23.4px;
  border: 1px solid rgba(52, 108, 255, 0.44);
  float: left;
  text-decoration: none;
  outline: none;
  color: #FFFFFF;
  font-family: 'Fira Sans', sans-serif;
  font-size: 14px;
  letter-spacing: 0.6px;
  line-height: 42px;
  text-align: center;
  display: block;
}
#discover_page_top .textundertop1 .discvrw #createchain {
  height: 42px;
  font-family: "Fira Sans", sans-serif;
  text-align: center;
  outline: none;
  display: block;
  margin-left: 10px;
  float: left;
  width: 190px;
  z-index: 5;
  border-radius: 23.4px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  text-decoration: none;
  box-shadow: 0 7px 22px 0 rgba(52, 108, 255, 0.44);
  color: #FFFFFF;
  font-size: 15.3px;
  letter-spacing: 0.9px;
  line-height: 42px;
}
#discover_page_top .textundertop1 .discvrw.omom1 {
  width: 190px;
  margin-left: calc((100% - 190px) / 2);
  margin-right: calc((100% - 190px) / 2);
}
#discover_page_top .textundertop1 .discvrw.omom1 #createchain {
  margin-left: 0px;
}
#ambassador_page_top {
  background: url(images/circles_amb.svg) no-repeat;
  height: 1075px;
  background-position-x: 595px;
  background-position-y: -575px;
  background-size: 1750px;
  padding-top: 283px;
  /*.textundertop1 {
		height: 256px; width: 576px; color: #CEE7FF; font-family: "Fira Sans"; font-size: 16px;
		line-height: 30px; text-align: center; margin-top:16px; margin-left:calc(~"(100% - 576px) / 2");
		.discvrw {
			width:323px; float:left; margin-left: calc(~"(100% - 323px) / 2"); margin-top:35px;  margin-right: calc(~"(100% - 323px) / 2");
			#sinscrire {
				height: 42px; width: 123px; border-radius: 23.4px; border:1px solid rgba(52,108,255,0.44); float:left; text-decoration:none; outline:none;
				color: #FFFFFF; font-family: 'Fira Sans', sans-serif; font-size: 14px; letter-spacing: 0.6px; line-height: 42px; text-align: center; display:block;
			}
			#createchain {
				height: 42px;  font-family: "Fira Sans", sans-serif; text-align: center; outline:none; display: block; margin-left: 10px; float: left;
				width: 190px; z-index:5; border-radius: 23.4px; background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%); text-decoration:none;
				box-shadow: 0 7px 22px 0 rgba(52,108,255,0.44); color: #FFFFFF; font-size: 15.3px; letter-spacing: 0.9px; line-height: 42px;
			}
		}
		.discvrw.omom1 {
			width:190px;  margin-left: calc(~"(100% - 190px) / 2");   margin-right: calc(~"(100% - 190px) / 2");
			#createchain { margin-left:0px; }
		}
	}*/
}
#ambassador_page_top .cnttt1 {
  width: 520px;
  float: left;
  margin-left: 150px;
}
#ambassador_page_top .cnttt1 .titletexttop1 {
  min-height: 120px;
  width: 520px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 42px;
  font-weight: 600;
  line-height: 60px;
  text-shadow: 0 2px 30px rgba(0, 175, 255, 0.34);
  float: left;
}
#ambassador_page_top .cnttt1 .titletexttop1 span {
  color: #67A8FF;
}
#ambassador_page_top .cnttt1 .textundertop1 {
  min-height: 128px;
  width: 520px;
  color: #F0F8FF;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
  margin-top: 30px;
  float: left;
}
#ambassador_page_top .cnttt1 .textundertop1 .btn-group {
  margin-right: 100px;
}
#ambassador_page_top .cnttt1 .textundertop1 #becomeambassador {
  height: 42px;
  font-family: "Fira Sans", sans-serif;
  text-align: center;
  outline: none;
  display: block;
  font-weight: 600;
  border: none;
  width: 256px;
  z-index: 5;
  border-radius: 23.4px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  text-decoration: none;
  box-shadow: 0 7px 22px rgba(52, 108, 255, 0.44);
  color: #FFFFFF;
  font-size: 15px;
  letter-spacing: 0.8px;
  line-height: 37px;
  margin-top: 31px;
}
#ambassador_page_top .cnttt1 .textundertop1 .dropdown-menu {
  background-color: #0d101b !important;
  width: 100%;
}
#ambassador_page_top .cnttt1 .textundertop1 .dropdown-menu .dropdown-item {
  color: #fff;
  font-family: "Fira Sans", sans-serif;
  font-weight: bold;
}
#ambassador_page_top .cnttt1 .textundertop1 .dropdown-menu .dropdown-item img {
  height: auto !important;
  max-width: 24px;
  width: auto !important;
  margin-right: 10px;
}
#ambassador_page_top .cnttt1 .textundertop1 .dropdown-menu .dropdown-item:hover {
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%) !important;
}
#ambassador_page_top #ambasador_badge {
  float: right;
  margin-top: -170px;
}
#ambassador_page_row1 {
  background: url(images/shape_omov.svg) no-repeat;
  background-size: 100% auto;
  height: 1060px;
  padding-top: 283px;
  margin-top: -200px;
}
#ambassador_page_row1 .ambassador_ttlp2 {
  height: 60px;
  width: 932px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 42px;
  font-weight: 500;
  line-height: 60px;
  text-align: center;
  text-shadow: 0 2px 30px rgba(0, 175, 255, 0.34);
  margin-left: calc((100% - 932px) / 2);
}
#ambassador_page_row1 .ambassador_ttlp2 span {
  color: #67A8FF;
}
#ambassador_page_row1 .ambassador_descrp2 {
  height: 130px;
  width: 1055px;
  color: #F0F8FF;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 30px;
  text-align: center;
  margin-top: 20px;
  margin-left: calc((100% - 1055px) / 2);
}
#ambassador_page_row1 .ambassador_3icns {
  height: 406px;
  width: 1257px;
  margin-left: calc((100% - 1257px) / 2);
  background: url(images/bgserve23.svg) no-repeat;
  background-size: cover;
  float: left;
  background-color: #273362;
  border-radius: 10px;
  margin-top: 50px;
}
#ambassador_page_row1 .ambassador_3icns .asicn {
  height: 236px;
  width: 300px;
  margin-left: 84px;
  margin-right: 10px;
  margin-top: 74px;
  float: left;
}
#ambassador_page_row1 .ambassador_3icns .asicn .oimg {
  margin-bottom: 24px;
}
#ambassador_page_row1 .ambassador_3icns .asicn .asicn_ttl {
  height: 26px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  position: relative;
  margin-bottom: 45px;
}
#ambassador_page_row1 .ambassador_3icns .asicn .asicn_ttl:after {
  content: '';
  position: absolute;
  bottom: -20px;
  background: #2E87FF;
  width: 60px;
  height: 4px;
  left: 0px;
}
#ambassador_page_row1 .ambassador_3icns .asicn .asicn_descr {
  height: 60px;
  width: 100%;
  color: #F0F8FF;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 30px;
}
#ambassador_page_row4 {
  width: 100%;
  height: 300px;
  background-color: #273362;
}
#ambassador_page_row4 .amb_pr4_ttl {
  min-height: 102px;
  width: 744px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 36px;
  font-weight: 300;
  letter-spacing: -0.17px;
  line-height: 51px;
  margin-left: 152px;
  padding-top: 35px;
  margin-bottom: 32px;
}
#ambassador_page_row4 .amb_pr4_btn {
  height: 44px;
  min-width: 78px;
  border-radius: 22px;
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  border: none;
  padding: 0;
  letter-spacing: 0.6px;
  cursor: pointer;
  line-height: 30px;
  text-align: center;
  float: left;
  outline: none;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  width: auto !important;
  margin-left: 152px;
}
#ambassador_page_row4 .amb_pr4_btn span {
  border-radius: 18px;
  background-color: #273362;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  line-height: 40px;
  padding: 0px 20px;
  float: left;
  min-width: 74px;
  width: auto !important;
}
#ambassador_page_row4 .amb_pr4_btn:after {
  position: absolute;
  right: 10px;
  top: 19px;
}
#ambassador_page_row4 .dropdown-menu {
  background-color: #0d101b !important;
  width: 100%;
  max-width: 219px;
}
#ambassador_page_row4 .dropdown-menu .dropdown-item {
  color: #fff;
  font-family: "Fira Sans", sans-serif;
  font-weight: bold;
}
#ambassador_page_row4 .dropdown-menu .dropdown-item img {
  height: auto !important;
  max-width: 24px;
  width: auto !important;
  margin-right: 10px;
}
#ambassador_page_row4 .dropdown-menu .dropdown-item:hover {
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%) !important;
}
#ambassador_page_row4 .imgover {
  top: -94px;
  right: 97px;
  position: absolute;
  display: block;
}
#ambassador_page_row4 .imgover2 {
  display: none;
}
#ambassador_page_row3 {
  background: url(images/circle_second_right.svg) no-repeat center right;
  background-size: contain;
  background-repeat: repeat-y;
  height: 1400px;
  width: 100%;
  margin-top: -160px;
  padding-top: 259px;
}
#ambassador_page_row3 .amb_pr3_ttl {
  height: 60px;
  width: 852px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 42px;
  font-weight: 500;
  line-height: 60px;
  text-align: center;
  text-shadow: 0 2px 30px rgba(0, 175, 255, 0.34);
  margin-left: calc((100% - 852px) / 2);
}
#ambassador_page_row3 .amb_pr3_ttl span {
  color: #67A8FF;
}
#ambassador_page_row3 .amb_pr3_descr {
  height: 130px;
  width: 1055px;
  color: #F0F8FF;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 30px;
  text-align: center;
  margin-top: 20px;
  margin-left: calc((100% - 1055px) / 2);
  margin-bottom: 100px;
}
#ambassador_page_row3 .amb_pr3_coinsearned {
  width: 1055px;
  height: 423px;
  float: left;
  margin-left: calc((100% - 1055px) / 2);
}
#ambassador_page_row3 .amb_pr3_coinsearned img {
  margin-left: 35px;
  float: left;
}
#ambassador_page_row3 .amb_pr3_coinsearned .list_list_pr3 {
  margin-left: 105px;
  width: 400px;
  float: left;
}
#ambassador_page_row3 .amb_pr3_coinsearned .list_list_pr3 .list_item_pr3 {
  width: 100%;
  height: 72px;
  margin-bottom: 38px;
}
#ambassador_page_row3 .amb_pr3_coinsearned .list_list_pr3 .list_item_pr3 .circle_14 {
  height: 34px;
  width: 34px;
  color: #F0F8FF;
  font-family: "Fira Sans";
  font-size: 20.8px;
  letter-spacing: 0.3px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  background: linear-gradient(to bottom, #515bf0 0%, #3bb9ff 100%);
  margin-bottom: 14px;
  padding: 2px;
  float: left;
}
#ambassador_page_row3 .amb_pr3_coinsearned .list_list_pr3 .list_item_pr3 .circle_14 span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #1E2954;
  display: block;
}
#ambassador_page_row3 .amb_pr3_coinsearned .list_list_pr3 .list_item_pr3 .content_pr3 {
  width: 330px;
  float: left;
  height: 72px;
  margin-left: 29px;
}
#ambassador_page_row3 .amb_pr3_coinsearned .list_list_pr3 .list_item_pr3 .content_pr3 .ttl_pr3 {
  height: 26px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
#ambassador_page_row3 .amb_pr3_coinsearned .list_list_pr3 .list_item_pr3 .content_pr3 .descr_pr3 {
  height: 36px;
  width: 100%;
  color: #F0F8FF;
  font-family: "Fira Sans";
  font-size: 16px;
  letter-spacing: -0.1px;
  line-height: 24px;
}
#ambassador_page_row2 {
  background: url(images/bubles-point-point.svg) no-repeat center center;
  background-size: contain;
  background-repeat: repeat-y;
  height: 2450px;
  width: 100%;
  margin-top: 10px;
  padding-top: 20px;
}
#ambassador_page_row2 .groups_toptop {
  margin-left: calc((100% - 1133px) / 2);
  margin-top: 220px;
  height: 521px;
  width: 1133px;
}
#ambassador_page_row2 .groups_toptop .ambassador_ttlp3 {
  height: 98px;
  width: 852px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 42px;
  font-weight: 500;
  line-height: 60px;
  text-align: center;
  text-shadow: 0 2px 30px rgba(0, 175, 255, 0.34);
  margin-left: calc((100% - 852px) / 2);
}
#ambassador_page_row2 .groups_toptop .ambassador_ttlp3 span {
  color: #67A8FF;
}
#ambassador_page_row2 .groups_toptop .group4 {
  height: 176px;
  width: 548px;
  float: left;
  background-color: #273362;
  border-radius: 10px;
  padding: 24px;
}
#ambassador_page_row2 .groups_toptop .group4 img {
  float: left;
}
#ambassador_page_row2 .groups_toptop .group4 .text_amb4 {
  width: 375px;
  height: 110px;
  font-family: "Fira Sans";
  font-size: 16.8px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.14;
  letter-spacing: 0.2px;
  color: #f0f8ff;
  float: left;
  margin-left: 31px;
}
#ambassador_page_row2 .groups_toptop .group4.b1 {
  background-image: url(images/g4-p1.svg);
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 34px;
}
#ambassador_page_row2 .groups_toptop .group4.b2 {
  background-image: url(images/g4-p2.svg);
  background-repeat: no-repeat;
  background-position: left center;
  margin-bottom: 34px;
  margin-left: 31px;
}
#ambassador_page_row2 .groups_toptop .group4.b3 {
  background-image: url(images/g4-p3.svg);
  background-repeat: no-repeat;
  background-position: left center;
}
#ambassador_page_row2 .groups_toptop .group4.b4 {
  background-image: url(images/g4-p4.svg);
  background-repeat: no-repeat;
  background-position: left center;
  margin-left: 31px;
}
#ambassador_page_row2 .ambassador_pr4_1 {
  height: 91px;
  width: 852px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 42px;
  font-weight: 500;
  text-align: center;
  text-shadow: 0 2px 30px rgba(0, 175, 255, 0.34);
  margin-left: calc((100% - 852px) / 2);
  margin-top: 296px;
}
#ambassador_page_row2 .ambassador_pr4_1 .ambassador_p4_title {
  color: #ffffff;
}
#ambassador_page_row2 .ambassador_pr4_1 .ambassador_p4_title span {
  color: #67A8FF;
}
#ambassador_page_row2 .ambassador_pr4_1 .ambassador_p4_subtitle {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 40px;
}
#ambassador_page_row2 .ambassador_pr4_1 .numbers1-4 {
  width: 34px;
  float: left;
}
#ambassador_page_row2 .ambassador_pr4_1 .numbers1-4 .linedegradeon {
  width: 3px;
  height: 154px;
  border-radius: 1.5px;
  background-image: linear-gradient(to bottom, rgba(14, 30, 76, 0), rgba(43, 126, 239, 0.91) 75%, #2e87ff);
  margin-left: 15px;
}
#ambassador_page_row2 .ambassador_pr4_1 .numbers1-4 .linebetween {
  width: 3px;
  height: 154px;
  border-radius: 1.5px;
  background-color: #2e87ff;
  margin-bottom: 14px;
  margin-left: 15px;
}
#ambassador_page_row2 .ambassador_pr4_1 .numbers1-4 .linedegradeoff {
  width: 3px;
  height: 154px;
  border-radius: 1.5px;
  background-image: linear-gradient(to bottom, #2e87ff, rgba(43, 126, 239, 0.91) 75%, rgba(14, 30, 76, 0));
  margin-bottom: 14px;
  margin-left: 15px;
}
#ambassador_page_row2 .ambassador_pr4_1 .numbers1-4 .circle_14 {
  height: 34px;
  width: 34px;
  color: #F0F8FF;
  font-family: "Fira Sans";
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  background: linear-gradient(to bottom, #515bf0 0%, #3bb9ff 100%);
  margin-top: 14px;
  margin-bottom: 14px;
  padding: 2px;
}
#ambassador_page_row2 .ambassador_pr4_1 .numbers1-4 .circle_14 span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #1E2954;
  display: block;
}
#ambassador_page_row2 .ambassador_pr4_1 .isleft_amb {
  min-height: 204px;
  width: 336px;
  margin-right: 56px;
  margin-left: 17px;
  float: left;
}
#ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .first_left,
#ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .second_left {
  height: 204px;
  width: 336px;
  margin-right: 56px;
  margin-left: 17px;
  float: left;
}
#ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .first_left img,
#ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .second_left img {
  float: right;
  margin-left: 200px;
  margin-bottom: 20px;
}
#ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .first_left .descr_amb12,
#ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .second_left .descr_amb12 {
  width: 328px;
  height: 100px;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.55;
  letter-spacing: -0.1px;
  text-align: right;
  color: #f0f8ff;
}
#ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .first_left {
  margin-top: 300px;
}
#ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .second_left {
  margin-top: 220px;
}
#ambassador_page_row2 .ambassador_pr4_1 .isright_amb {
  min-height: 204px;
  width: 336px;
  margin-right: 17px;
  margin-left: 56px;
  float: right;
}
#ambassador_page_row2 .ambassador_pr4_1 .isright_amb .first_right,
#ambassador_page_row2 .ambassador_pr4_1 .isright_amb .second_right {
  height: 204px;
  width: 336px;
  margin-right: 18px;
  margin-left: 61px;
  float: right;
}
#ambassador_page_row2 .ambassador_pr4_1 .isright_amb .first_right img,
#ambassador_page_row2 .ambassador_pr4_1 .isright_amb .second_right img {
  float: left;
  margin-right: 240px;
  margin-bottom: 20px;
}
#ambassador_page_row2 .ambassador_pr4_1 .isright_amb .first_right .descr_amb12,
#ambassador_page_row2 .ambassador_pr4_1 .isright_amb .second_right .descr_amb12 {
  width: 328px;
  height: 100px;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.55;
  letter-spacing: -0.1px;
  text-align: left;
  color: #f0f8ff;
}
#ambassador_page_row2 .ambassador_pr4_1 .isright_amb .first_right {
  margin-top: 78px;
}
#ambassador_page_row2 .ambassador_pr4_1 .isright_amb .second_right {
  margin-top: 230px;
}
.emploi h1 {
  background: url(images/dotsondiscover.svg) no-repeat center center;
  width: 100%;
  padding: 90px 0px;
  text-align: center;
  color: #fff;
  margin-bottom: 50px;
  background-size: cover;
}
.emploi h3 {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 28px;
  font-weight: 600;
  line-height: 58px;
  text-align: left;
}
.emploi p {
  color: #CEE7FF;
  font-family: "Fira Sans";
  font-size: 16px;
  line-height: 30px;
}
.emploi ul {
  color: #CEE7FF;
  padding-left: 40px;
}
.emploi ul li {
  list-style-type: circle;
}
#discover_page_row1 {
  margin-top: 70px;
  float: left;
  width: 100%;
}
#discover_page_row1 .discoverimage_1 {
  background: url(images/i1discoverpage.svg) no-repeat left center;
  width: 1055px;
  height: 500px;
  padding-left: 580px;
  margin-left: calc((100% - 1055px) / 2);
}
#discover_page_row1 .discoverimage_1 p.ttl {
  height: 58px;
  width: 475px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 40px;
  font-weight: 600;
  line-height: 58px;
}
#discover_page_row1 .discoverimage_1 p.txt {
  height: 256px;
  width: 452px;
  color: #CEE7FF;
  font-family: "Fira Sans";
  font-size: 16px;
  line-height: 30px;
  margin-top: 14px;
}
#discover_page_row2 {
  margin-top: 192px;
  float: left;
  width: 100%;
}
#discover_page_row2 .discoverimage_2 {
  background: url(images/i2discoverpage.svg) no-repeat right center;
  width: 1132px;
  height: 500px;
  padding-right: 665px;
  margin-left: calc((100% - 1132px) / 2);
}
#discover_page_row2 .discoverimage_2 p.ttl {
  height: 122px;
  width: 475px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 40px;
  font-weight: 600;
  line-height: 58px;
  padding-top: 64px;
}
#discover_page_row2 .discoverimage_2 p.txt {
  height: 256px;
  width: 452px;
  color: #CEE7FF;
  font-family: "Fira Sans";
  font-size: 16px;
  line-height: 30px;
  margin-top: 14px;
}
#discover_page_row3 {
  margin-top: 200px;
  float: left;
  width: 100%;
}
#discover_page_row3 .discoverimage_3 {
  background: url(images/i3discoverpage.svg) no-repeat left center;
  width: 1075px;
  height: 520px;
  padding-left: 600px;
  margin-left: calc((100% - 1075px) / 2);
}
#discover_page_row3 .discoverimage_3 p.ttl {
  height: 141px;
  width: 475px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 40px;
  font-weight: 600;
  line-height: 58px;
  padding-top: 83px;
}
#discover_page_row3 .discoverimage_3 p.txt {
  height: 256px;
  width: 452px;
  color: #CEE7FF;
  font-family: "Fira Sans";
  font-size: 16px;
  line-height: 30px;
  margin-top: 14px;
}
#discover_page_row4 {
  margin-top: 230px;
  float: left;
  width: 100%;
  margin-bottom: 200px;
}
#discover_page_row4 .discoverimage_4 {
  background: url(images/player1.png) no-repeat right center;
  width: 1131px;
  height: 374px;
  padding-right: 660px;
  margin-left: calc((100% - 1131px) / 2);
}
#discover_page_row4 .discoverimage_4 p.ttl {
  height: 116px;
  width: 559px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 40px;
  font-weight: 600;
  line-height: 58px;
}
#discover_page_row4 .discoverimage_4 p.txt {
  height: 256px;
  width: 452px;
  color: #CEE7FF;
  font-family: "Fira Sans";
  font-size: 16px;
  line-height: 30px;
  margin-top: 14px;
}
#page {
  width: 100%;
  float: left;
  padding-top: 140px;
}
#page .container {
  color: #fff !important;
}
#page .container span {
  color: #fff !important;
}
#page .container .title2 {
  margin-left: 5px;
  width: 99.5%;
  margin-bottom: 30px;
}
#page .container h1,
#page .container h2,
#page .container h3 {
  color: #fff;
  margin-bottom: .9rem;
  margin-top: .9rem;
}
#page .container h4,
#page .container h5 {
  color: #fff;
  margin-bottom: .9rem;
  margin-top: .9rem;
}
#media {
  width: 100%;
  float: left;
  padding-top: 140px;
}
#media .container {
  color: #fff !important;
  width: 1040px;
  margin: 0 auto;
  position: relative;
  max-width: 1040px;
  padding: 0px;
}
#media .container .topslider {
  width: 100%;
  float: left;
  margin-top: 120px;
  /*#region MODULES */
  /*#endregion */
}
#media .container .topslider .csslider {
  -moz-perspective: 1040px;
  -ms-perspective: 1040px;
  -webkit-perspective: 1040px;
  perspective: 1040px;
  width: 100%;
  display: inline-block;
  text-align: left;
  position: relative;
  margin-bottom: 22px;
}
#media .container .topslider .csslider > input {
  display: none;
}
#media .container .topslider .csslider > input:nth-of-type(10):checked ~ ul li:first-of-type {
  margin-left: -900%;
}
#media .container .topslider .csslider > input:nth-of-type(9):checked ~ ul li:first-of-type {
  margin-left: -800%;
}
#media .container .topslider .csslider > input:nth-of-type(8):checked ~ ul li:first-of-type {
  margin-left: -700%;
}
#media .container .topslider .csslider > input:nth-of-type(7):checked ~ ul li:first-of-type {
  margin-left: -600%;
}
#media .container .topslider .csslider > input:nth-of-type(6):checked ~ ul li:first-of-type {
  margin-left: -500%;
}
#media .container .topslider .csslider > input:nth-of-type(5):checked ~ ul li:first-of-type {
  margin-left: -400%;
}
#media .container .topslider .csslider > input:nth-of-type(4):checked ~ ul li:first-of-type {
  margin-left: -300%;
}
#media .container .topslider .csslider > input:nth-of-type(3):checked ~ ul li:first-of-type {
  margin-left: -200%;
}
#media .container .topslider .csslider > input:nth-of-type(2):checked ~ ul li:first-of-type {
  margin-left: -100%;
}
#media .container .topslider .csslider > input:nth-of-type(1):checked ~ ul li:first-of-type {
  margin-left: 0%;
}
#media .container .topslider .csslider > ul {
  position: relative;
  width: 100%;
  height: 461px;
  z-index: 1;
  font-size: 0;
  line-height: 0;
  background-color: transparent;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#media .container .topslider .csslider > ul > li {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 15px;
  font-size: initial;
  line-height: normal;
  -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
  vertical-align: top;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: normal;
}
#media .container .topslider .csslider > ul > li .left_ttl {
  width: 422px;
  height: 220px;
  background-color: #202A53;
  border-radius: 10px;
  padding: 36px;
  float: left;
  margin-top: 113px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
  position: relative;
}
#media .container .topslider .csslider > ul > li .left_ttl .vendete {
  color: rgba(255, 255, 255, 0.86);
  font-family: "Fira Sans";
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.08px;
  line-height: 18px;
  width: 100%;
  float: left;
  margin-top: 8px;
}
#media .container .topslider .csslider > ul > li .left_ttl .ttlttl {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 26px;
  font-weight: 800;
  letter-spacing: 0.5px;
  line-height: 33px;
  height: 66px;
  width: 100%;
  float: left;
  margin-top: 8px;
  overflow: hidden;
}
#media .container .topslider .csslider > ul > li .left_ttl .date {
  color: rgba(255, 255, 255, 0.86);
  font-family: "Fira Sans";
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.24px;
  line-height: 20px;
  width: 100%;
  margin-top: 10px;
  float: left;
}
#media .container .topslider .csslider > ul > li .left_ttl .btngoto {
  height: 42px;
  width: 168px;
  position: absolute;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 15px;
  font-weight: 600;
  line-height: 42px;
  padding-left: 50px;
  display: block;
  bottom: -16px;
  left: 36px;
  text-align: left;
  border-radius: 22px;
}
#media .container .topslider .csslider > ul > li .left_ttl .btngoto:before {
  content: '';
  height: 32px;
  width: 32px;
  position: absolute;
  left: 9px;
  top: 5px;
  background: url(images/btngoarr.svg?i=1) no-repeat center center;
}
#media .container .topslider .csslider > ul > li .right_img {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 815px;
  height: 461px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: -1;
  border-radius: 14px;
  overflow: hidden;
}
#media .container .topslider .csslider > ul > li.scrollable {
  overflow-y: scroll;
}
#media .container .topslider .csslider > .navigation {
  position: absolute;
  bottom: 20px;
  left: 39px;
  z-index: 10;
  font-size: 0;
  line-height: 0;
  text-align: center;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#media .container .topslider .csslider > .navigation div {
  margin-top: 18px;
}
#media .container .topslider .csslider > .navigation span {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 3.1px;
  line-height: 20px;
  padding-bottom: 18px;
  float: left;
  display: block;
  width: 100%;
  text-align: left;
}
#media .container .topslider .csslider > .navigation label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  border-radius: 6px;
  margin: 0 4px;
  padding: 4px 22px;
  background: #36373F;
  transition: all 0.5s ease;
}
#media .container .topslider .csslider > .navigation label:hover:after {
  opacity: 1;
}
#media .container .topslider .csslider > .navigation label:after {
  content: '';
  position: absolute;
  transition: all 0.5s ease;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -4px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  border-radius: 6px;
  padding: 4px 22px;
  opacity: 0;
}
#media .container .topslider .csslider > .arrows {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#media .container .topslider .csslider.inside .navigation {
  bottom: 10px;
  margin-bottom: 10px;
}
#media .container .topslider .csslider.inside .navigation label {
  border: 1px solid #7e7e7e;
}
#media .container .topslider .csslider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1):after,
#media .container .topslider .csslider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2):after,
#media .container .topslider .csslider > input:nth-of-type(3):checked ~ .navigation label:nth-of-type(3):after,
#media .container .topslider .csslider > input:nth-of-type(4):checked ~ .navigation label:nth-of-type(4):after,
#media .container .topslider .csslider > input:nth-of-type(5):checked ~ .navigation label:nth-of-type(5):after,
#media .container .topslider .csslider > input:nth-of-type(6):checked ~ .navigation label:nth-of-type(6):after,
#media .container .topslider .csslider > input:nth-of-type(7):checked ~ .navigation label:nth-of-type(7):after,
#media .container .topslider .csslider > input:nth-of-type(8):checked ~ .navigation label:nth-of-type(8):after,
#media .container .topslider .csslider > input:nth-of-type(9):checked ~ .navigation label:nth-of-type(9):after,
#media .container .topslider .csslider > input:nth-of-type(10):checked ~ .navigation label:nth-of-type(10):after,
#media .container .topslider .csslider > input:nth-of-type(11):checked ~ .navigation label:nth-of-type(11):after {
  opacity: 1;
}
#media .container .topslider .csslider > .arrows {
  position: absolute;
  left: -31px;
  top: 50%;
  width: 100%;
  height: 26px;
  padding: 0 31px;
  z-index: 0;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#media .container .topslider .csslider > .arrows label {
  display: none;
  position: absolute;
  top: -50%;
  padding: 13px;
  box-shadow: inset 2px -2px 0 1px #3a3a3a;
  cursor: pointer;
  -moz-transition: box-shadow 0.15s, margin 0.15s;
  -o-transition: box-shadow 0.15s, margin 0.15s;
  -webkit-transition: box-shadow 0.15s, margin 0.15s;
  transition: box-shadow 0.15s, margin 0.15s;
}
#media .container .topslider .csslider > .arrows label:hover {
  box-shadow: inset 3px -3px 0 2px #71ad37;
  margin: 0 0px;
}
#media .container .topslider .csslider > .arrows label:before {
  content: '';
  position: absolute;
  top: -100%;
  left: -100%;
  height: 300%;
  width: 300%;
}
#media .container .topslider .csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last,
#media .container .topslider .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0),
#media .container .topslider .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1),
#media .container .topslider .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2),
#media .container .topslider .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3),
#media .container .topslider .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4),
#media .container .topslider .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5),
#media .container .topslider .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6),
#media .container .topslider .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7),
#media .container .topslider .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8),
#media .container .topslider .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9),
#media .container .topslider .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10) {
  display: block;
  left: 0;
  right: auto;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#media .container .topslider .csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,
#media .container .topslider .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2),
#media .container .topslider .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3),
#media .container .topslider .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4),
#media .container .topslider .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5),
#media .container .topslider .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6),
#media .container .topslider .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7),
#media .container .topslider .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8),
#media .container .topslider .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9),
#media .container .topslider .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10),
#media .container .topslider .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11),
#media .container .topslider .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) {
  display: block;
  right: 0;
  left: auto;
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
#media .container .media_type_selector {
  width: 560px;
  height: 52px;
  position: relative;
  float: left;
  margin-bottom: 40px;
}
#media .container .media_type_selector:after {
  bottom: 0px;
  content: '';
  border-radius: 4px;
  height: 4px;
  position: absolute;
  left: 0px;
  width: 100%;
  background-color: #131622;
}
#media .container .media_type_selector a {
  padding: 9px 26px;
  margin-bottom: 10px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 16px;
  letter-spacing: 0.2px;
  line-height: 24px;
  text-align: center;
  float: left;
  margin-right: 4px;
  display: block;
  position: relative;
}
#media .container .media_type_selector a.sel {
  font-weight: bold;
}
#media .container .media_type_selector a.sel:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: -10px;
  left: 0px;
  border-radius: 4px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  z-index: 2;
}
#media .container .rows_container {
  width: 100%;
  float: left;
}
#media .container .rows_container .type1 {
  width: 464px;
  height: 380px;
  border-radius: 10px;
  float: left;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 22px;
  display: block;
  text-decoration: none;
  overflow: hidden;
  transition: all 0.2s linear;
  margin-bottom: 22px;
  position: relative;
}
#media .container .rows_container .type1 .dropdrop {
  background: -moz-linear-gradient(top, rgba(4, 6, 16, 0) 0%, rgba(4, 6, 16, 0.65) 100%);
  background: -webkit-linear-gradient(top, rgba(4, 6, 16, 0) 0%, rgba(4, 6, 16, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(4, 6, 16, 0) 0%, rgba(4, 6, 16, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00040610', endColorstr='#a6040610', GradientType=0);
  width: 100%;
  height: 55%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 22px;
}
#media .container .rows_container .type1 .dropdrop .cattop {
  color: rgba(255, 255, 255, 0.86);
  font-family: "Fira Sans";
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.08px;
  line-height: 18px;
  width: 100%;
  float: left;
  display: block;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
}
#media .container .rows_container .type1 .dropdrop .t_ttl {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 26px;
  font-weight: 800;
  letter-spacing: 0.5px;
  line-height: 31px;
  width: 100%;
  float: left;
  margin-top: 2px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
}
#media .container .rows_container .type1 .dropdrop .t_date {
  width: 100%;
  float: left;
  color: rgba(255, 255, 255, 0.86);
  font-family: "Fira Sans";
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.24px;
  line-height: 20px;
  margin-top: 6px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
}
#media .container .rows_container .type1:hover {
  background-size: 110%;
}
#media .container .rows_container .type2 {
  width: 266px;
  height: 380px;
  border-radius: 10px;
  float: left;
  background-size: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 22px;
  display: block;
  text-decoration: none;
  overflow: hidden;
  transition: all 0.2s linear;
  margin-bottom: 22px;
  position: relative;
}
#media .container .rows_container .type2 .dropdrop {
  background: -moz-linear-gradient(top, rgba(4, 6, 16, 0) 0%, rgba(4, 6, 16, 0.65) 100%);
  background: -webkit-linear-gradient(top, rgba(4, 6, 16, 0) 0%, rgba(4, 6, 16, 0.65) 100%);
  background: linear-gradient(to bottom, rgba(4, 6, 16, 0) 0%, rgba(4, 6, 16, 0.65) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00040610', endColorstr='#a6040610', GradientType=0);
  width: 100%;
  height: 55%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 22px;
}
#media .container .rows_container .type2 .dropdrop .cattop {
  color: rgba(255, 255, 255, 0.86);
  font-family: "Fira Sans";
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.08px;
  line-height: 18px;
  width: 100%;
  float: left;
  display: block;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
}
#media .container .rows_container .type2 .dropdrop .t_ttl {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 26px;
  font-weight: 800;
  letter-spacing: 0.5px;
  line-height: 31px;
  width: 100%;
  float: left;
  margin-top: 2px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
}
#media .container .rows_container .type2 .dropdrop .t_date {
  width: 100%;
  float: left;
  color: rgba(255, 255, 255, 0.86);
  font-family: "Fira Sans";
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.24px;
  line-height: 20px;
  margin-top: 6px;
  text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
}
#media .container .rows_container .type2:hover {
  background-size: 110%;
}
#media .container .rows_container .r22 {
  margin-right: 22px;
}
#media .container span {
  color: #fff !important;
}
#media .container .title2 {
  margin-left: 5px;
  width: 99.5%;
  margin-bottom: 30px;
}
#media .container h1,
#media .container h2,
#media .container h3 {
  color: #fff;
  margin-bottom: .9rem;
  margin-top: .9rem;
}
#media .container h4,
#media .container h5 {
  color: #fff;
  margin-bottom: .9rem;
  margin-top: .9rem;
}
#videos_page {
  width: 100%;
  float: left;
  padding-top: 140px;
}
#videos_page .title2 {
  margin-top: 0px;
  width: 1000px;
  float: left;
  margin-bottom: 40px;
}
#videos_page .title2 span {
  font-size: 16px;
  line-height: 20px;
}
#videos_page .backdiv {
  width: 133px;
  float: left;
  height: 48px;
  margin-top: 9px;
  margin-bottom: 20px;
}
#videos_page .backdiv .gobackto1 {
  box-sizing: border-box;
  height: 47.4px;
  width: 47.4px;
  display: block;
  border-radius: 50%;
  margin-left: 85px;
  border: 1.7px solid rgba(255, 255, 255, 0.95);
  background: url(images/arrow-r.svg) no-repeat center center rgba(255, 255, 255, 0.16);
}
#videos_page .backdiv .retour {
  height: 14px;
  width: 46px;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 14px;
  text-align: center;
  margin-left: 87px;
  margin-top: 10px;
  display: block;
}
#videos_page .video-js {
  width: 100%;
  float: left;
}
#videos_page .video_overdescription {
  width: 100%;
  float: left;
  padding: 24px;
  background-color: #202A53;
}
#videos_page .video_overdescription .vidovr_ttl {
  width: 530px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.97px;
  line-height: 40px;
  text-shadow: 0 4px 9px rgba(255, 255, 255, 0.2);
  float: left;
}
#videos_page .video_overdescription .vidovr_subttl {
  width: 530px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.97px;
  line-height: 22px;
  text-shadow: 0 4px 9px rgba(255, 255, 255, 0.2);
  float: left;
}
#videos_page .video_overdescription .vidovr_by {
  width: 530px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.97px;
  line-height: 15px;
  text-shadow: 0 4px 9px rgba(255, 255, 255, 0.2);
  float: left;
}
#videos_page .video_overdescription .vidovr_by a {
  display: inline-block;
  color: #007bff;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
}
#videos_page .video_overdescription .vidovr_descr {
  width: 100%;
  max-height: 207px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13px;
  letter-spacing: 0.1px;
  line-height: 23px;
  float: left;
  overflow-y: auto;
}
#videos_page .video_overdescription .stars5bbl {
  width: 176px;
  height: 56px;
  float: right;
  border-radius: 26px;
  padding: 15px 18px;
  position: relative;
  display: none;
}
#videos_page .video_overdescription .stars5bbl .star {
  width: 24px;
  height: 24px;
  float: left;
  margin-left: 4px;
  background: url(images/1star.svg?i=1) no-repeat center center;
  background-size: cover;
  cursor: pointer;
}
#videos_page .video_overdescription .stars5bbl .star.r {
  background: url(images/1starb.svg?i=1) no-repeat center center;
  background-size: cover;
}
#videos_page .video_overdescription .stars5bbl .start_anim {
  display: none;
  height: 172px;
  width: 201px;
  position: absolute;
  top: -180px;
  left: -12.5px;
  background-position: center 10px;
  background-repeat: no-repeat;
  background-color: #202A53;
  border-radius: 12px;
}
#videos_page .video_overdescription .stars5bbl .start_anim .text_whoo {
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 28px;
  text-align: center;
  height: 28px;
  margin-top: 135px;
}
#videos_page .video_overdescription .stars5bbl .start_anim.s1 {
  background-image: url(images/poor.svg);
}
#videos_page .video_overdescription .stars5bbl .start_anim.s2 {
  background-image: url(images/pmall.svg);
}
#videos_page .video_overdescription .stars5bbl .start_anim.s3 {
  background-image: url(images/cool.svg);
}
#videos_page .video_overdescription .stars5bbl .start_anim.s4 {
  background-image: url(images/good.svg);
}
#videos_page .video_overdescription .stars5bbl .start_anim.s5 {
  background-image: url(images/whoo.svg?i=1);
}
#videos_page .video_overdescription .stars5bbl:hover {
  background-color: #202A53;
}
#videos_page .video_overdescription .stars5bbl:hover:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #202A53 transparent;
  top: -5px;
  left: 50%;
  margin-left: -2.5px;
  position: absolute;
}
#videos_page .video_overdescription .stars5bbl:hover .start_anim {
  display: block;
}
#videos_page .video_overdescription .stars5bbl.novote {
  background-image: url(images/s5arts.svg);
  background-size: 156px 24px;
  background-repeat: no-repeat;
  background-position: left center;
  position: relative;
  width: 156px;
  height: 24px;
  border-radius: 0px;
  padding: 0px;
  margin-top: 16px;
  margin-left: 20px;
}
#videos_page .video_overdescription .stars5bbl.novote:hover {
  background-color: transparent;
}
#videos_page .video_overdescription .stars5bbl.novote:after {
  display: none;
}
#videos_page .video_overdescription .blue5 {
  background-image: url(images/s5artss.svg);
  background-size: 156px 24px;
  background-repeat: no-repeat;
  background-position: left center;
  position: absolute;
  left: 0px;
  top: 0;
  height: 24px;
}
#categories_page {
  width: 100%;
  float: left;
  padding-top: 140px;
}
#categories_page .title {
  margin-top: 15px;
}
#categories_page .gobackto1 {
  box-sizing: border-box;
  height: 47.4px;
  width: 47.4px;
  display: block;
  border-radius: 50%;
  margin-left: 85px;
  border: 1.7px solid rgba(255, 255, 255, 0.95);
  background: url(images/arrow-r.svg) no-repeat center center rgba(255, 255, 255, 0.16);
}
#categories_page .retour {
  height: 14px;
  width: 46px;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.5px;
  line-height: 14px;
  text-align: center;
  margin-left: 87px;
  margin-top: 10px;
  display: block;
}
#categories_page .cats_container {
  width: 1270px;
  min-height: 500px;
  float: left;
  margin-top: 35px;
  position: relative;
  margin-left: 85px;
  padding-bottom: 80px;
}
#categories_page .cats_container .element {
  height: 336px;
  width: 234px;
  border-radius: 13.54px;
  box-shadow: 0 6px 18px 0 rgba(18, 59, 69, 0.5);
  display: block;
  text-decoration: none;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center center;
  float: left;
  margin-right: 25px;
  margin-top: 26px;
  background-size: 100%;
  transition: all 0.5s ease;
}
#categories_page .cats_container .element h3 {
  color: #FFFFFF;
  font-family: "Fira Sans", sans-serif;
  font-size: 25px;
  font-weight: bold;
  letter-spacing: 0.8px;
  line-height: 24px;
  margin-left: 41px;
  position: relative;
  margin-top: 230px;
  padding-right: 52px;
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.8);
}
#categories_page .cats_container .element h3:before {
  content: '';
  position: absolute;
  left: -15px;
  height: 100%;
  width: 5px;
  border-radius: 3px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 2px 6px 0 rgba(21, 62, 170, 0.5);
}
#categories_page .cats_container .element:nth-child(5n) {
  margin-right: 0px;
}
#categories_page .cats_container .element:hover {
  background-size: 110%;
}
#categories_page .clubs_container {
  width: 1270px;
  min-height: 500px;
  float: left;
  margin-top: 35px;
  position: relative;
  margin-left: 135px;
  padding-bottom: 80px;
}
#categories_page .clubs_container h2 {
  color: #FFFFFF;
  font-family: "Fira Sans", sans-serif;
  font-size: 30px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 1.2px;
  line-height: 58px;
  text-shadow: 0px 4px 9px rgba(255, 255, 255, 0.2);
  margin-top: 15px;
  text-transform: uppercase;
}
#categories_page .clubs_container .element {
  height: 407px;
  width: 352px;
  border-radius: 10px;
  background-color: #2B324A;
  display: block;
  float: left;
  margin: 19px;
  position: relative;
  padding-top: 160px;
  margin-top: 50px;
  text-decoration: none;
  cursor: pointer;
}
#categories_page .clubs_container .element .img {
  height: 178px;
  width: 270px;
  border-radius: 6px;
  box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.34);
  left: 41px;
  top: -24px;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
#categories_page .clubs_container .element .club_flag {
  position: absolute;
  top: 195px;
  right: 15px;
  border-radius: 5px;
}
#categories_page .clubs_container .element h3 {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 20px;
  height: 73px;
  font-weight: 600;
  line-height: 26px;
  text-align: center;
  margin-top: 10px;
  width: 252px;
  margin-left: 50px;
  padding-bottom: 19px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.23);
}
#categories_page .clubs_container .element .nums_club {
  border-bottom: 2px solid rgba(255, 255, 255, 0.23);
  width: 252px;
  margin-left: 50px;
  padding-bottom: 19px;
  padding-top: 9px;
  float: left;
}
#categories_page .clubs_container .element .nums_club .x3 {
  width: 33%;
  float: left;
  text-align: center;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 19.76px;
  font-weight: bold;
  letter-spacing: 1.15px;
  line-height: 28px;
}
#categories_page .clubs_container .element .nums_club .x3 span {
  width: 100%;
  float: left;
  display: block;
  color: #F2F2F8;
  font-family: "Fira Sans";
  font-size: 14.11px;
  font-weight: 300;
  line-height: 17px;
  text-align: center;
  margin-top: 5px;
}
#categories_page .clubs_container .element .nums_club .x3:nth-child(1),
#categories_page .clubs_container .element .nums_club .x3:nth-child(2) {
  border-right: 1.5px solid rgba(93, 94, 113, 0.5);
}
#categories_page .clubs_container .element .gotochannel {
  height: 42px;
  width: 206px;
  margin-left: 73px;
  margin-top: 15px;
  border-radius: 23.4px;
  background: linear-gradient(314.51deg, #177aff 0%, #4828dc 97.74%);
  box-shadow: 0 6px 20px 0 rgba(52, 108, 255, 0.36);
  color: #fff;
  font-family: "Fira Sans";
  font-size: 14px;
  letter-spacing: 0.75px;
  line-height: 42px;
  text-align: center;
  float: left;
}
#categories_page .clubs_container #loadmoreclubs {
  height: 42px;
  width: 206px;
  margin-left: calc((100% - 206px) / 2);
  margin-top: 15px;
  border-radius: 23.4px;
  background: #2E87FF;
  text-decoration: none;
  box-shadow: 0 6px 20px 0 rgba(52, 108, 255, 0.36);
  color: #fff;
  font-family: "Fira Sans";
  font-size: 14px;
  letter-spacing: 0.75px;
  line-height: 42px;
  text-align: center;
  float: left;
}
#categories_page .clubs_container #loadmoreclubs:hover {
  background-color: #4E99FE;
}
.eclub_posdiv .folluv {
  width: auto;
  display: block;
  padding: 20px 0px;
  margin-top: 20px;
  text-align: center;
  margin-left: calc((100% - 320px) / 2);
  /*.uvs {
			padding-left:30px; background:url(images/vidsview.svg) no-repeat 2px center; color: #FFFFFF; font-family: "Fira Sans"; font-size: 17px;	line-height: 29px; float:left;
			text-transform:uppercase; margin-right:24px; margin-top: 6px;
		}*/
}
.eclub_posdiv .folluv .folls {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 17px;
  line-height: 29px;
  float: left;
  margin-right: 40px;
  margin-top: 6px;
}
.eclub_posdiv .folluv .folls .follsi {
  background: url(images/proffol.svg) no-repeat 2px center;
  width: 20px;
  height: 18px;
  margin-right: 10px;
  display: inline-block;
}
.eclub_posdiv .folluv .folls .uvs {
  background: url(images/vidsview.svg) no-repeat 2px center;
  width: 25px;
  height: 18px;
  display: inline-block;
  margin-left: 30px;
  margin-right: 10px;
}
.eclub_posdiv .folluv .folls div {
  cursor: pointer;
}
.eclub_posdiv .folluv .dofollowz {
  height: 38px;
  min-width: 100px;
  border-radius: 23.4px;
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  cursor: pointer;
  line-height: 34px;
  text-align: center;
  float: left;
  outline: none;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
}
.eclub_posdiv .folluv .dofollowz span {
  border-radius: 19.4px;
  background-color: #202A53;
  margin-top: 2px;
  margin-left: 2px;
  line-height: 34px;
  padding: 0px 20px;
  float: left;
  min-width: 95px;
  margin-right: 2px;
  margin-bottom: 2px;
}
.eclub_posdiv .folluv .dofollowz:hover span {
  color: #efefef;
}
.eclub_posdiv .folluv .unfollow {
  height: 38px;
  min-width: 100px;
  border-radius: 23.4px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 38px;
  text-align: center;
  float: left;
  outline: none;
  padding: 0px 10px;
  cursor: pointer;
}
.club_cover {
  width: 1440px;
  height: 318px;
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: calc((100% - 1440px) / 2);
  margin-top: 70px;
  float: left;
  position: relative;
  margin-bottom: 204px;
  background-size: cover;
}
.club_cover .subbg {
  width: 100%;
  position: absolute;
  left: 0;
  height: 139px;
  bottom: -125px;
  background-color: #202A53;
  z-index: 1;
}
.club_cover .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  background: linear-gradient(0deg, rgba(4, 6, 16, 0.86) 0%, rgba(0, 0, 0, 0) 100%);
}
.club_cover .clublogo {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 200px;
  left: 85px;
  border-radius: 8px;
  box-shadow: 0 14px 20px 0 rgba(0, 0, 0, 0.48);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 9;
}
.club_cover #club_name_title {
  height: 29px;
  width: 553px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.4px;
  line-height: 29px;
  position: absolute;
  left: 323px;
  top: 329px;
  z-index: 9;
}
.club_cover #club_name_title span.endirectsp {
  margin-left: 20px;
}
.club_cover .folluv {
  position: absolute;
  left: 323px;
  top: 380px;
  z-index: 9;
  /*.uvs {
			padding-left:30px; background:url(images/vidsview.svg) no-repeat 2px center; color: #FFFFFF; font-family: "Fira Sans"; font-size: 17px;	line-height: 29px; float:left;
			text-transform:uppercase; margin-right:24px; margin-top: 6px;
		}*/
}
.club_cover .folluv .folls {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 17px;
  line-height: 29px;
  float: left;
  margin-right: 40px;
  margin-top: 6px;
}
.club_cover .folluv .folls .follsi {
  background: url(images/proffol.svg) no-repeat 2px center;
  width: 20px;
  height: 18px;
  margin-right: 10px;
  display: inline-block;
}
.club_cover .folluv .folls .uvs {
  background: url(images/vidsview.svg) no-repeat 2px center;
  width: 25px;
  height: 18px;
  display: inline-block;
  margin-left: 30px;
  margin-right: 10px;
}
.club_cover .folluv .dofollow {
  height: 38px;
  min-width: 100px;
  border-radius: 23.4px;
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  cursor: pointer;
  line-height: 34px;
  text-align: center;
  float: left;
  outline: none;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
}
.club_cover .folluv .dofollow span {
  border-radius: 19.4px;
  background-color: #202A53;
  margin-top: 2px;
  margin-left: 2px;
  line-height: 34px;
  padding: 0px 20px;
  float: left;
  min-width: 95px;
  margin-right: 2px;
  margin-bottom: 2px;
}
.club_cover .folluv .unfollow {
  height: 38px;
  min-width: 100px;
  border-radius: 23.4px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 38px;
  text-align: center;
  float: left;
  outline: none;
  padding: 0px 10px;
  cursor: pointer;
}
.club_cover .clubsocial {
  width: 220px;
  height: 47px;
  bottom: -50px;
  right: 86px;
  position: absolute;
  z-index: 8;
}
.club_cover .clubsocial .fbs {
  background: url(images/fbchain.svg) no-repeat center center;
  width: 47px;
  height: 47px;
  float: left;
  display: block;
  margin-right: 10px;
}
.club_cover .clubsocial .tws {
  background: url(images/twchain.svg) no-repeat center center;
  width: 47px;
  height: 47px;
  float: left;
  display: block;
  margin-right: 10px;
}
.club_cover .clubsocial .ins {
  background: url(images/instachain.svg) no-repeat center center;
  width: 47px;
  height: 47px;
  float: left;
  display: block;
  margin-right: 10px;
}
.club_cover .clubsocial .wbss {
  background: url(images/sitechain.svg) no-repeat center center;
  width: 47px;
  height: 47px;
  float: left;
  display: block;
}
.club_cover .clubsocial.hid {
  display: none;
}
.club_cover .clubsocial.w1 {
  width: 50px;
}
.club_cover .clubsocial.w1 .fbs,
.club_cover .clubsocial.w1 .tws,
.club_cover .clubsocial.w1 .ins,
.club_cover .clubsocial.w1 .wbss {
  margin-right: 0px;
}
.club_cover .clubsocial.w2 {
  width: 104px;
}
.club_cover .clubsocial.w2 div:last-child {
  margin-right: 0px;
}
.club_cover .clubsocial.w3 {
  width: 161px;
}
.club_cover .clubsocial.w3 div:last-child {
  margin-right: 0px;
}
.club_cover .clubsocial.w4 {
  width: 218px;
}
.club_cover .clubsocial.w4 div:last-child {
  margin-right: 0px;
}
span.endirectsp {
  width: 65px;
  height: 24px;
  padding: 2px 7px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 21px;
  text-align: center;
  border-radius: 13px;
  font-weight: 400;
  background: #f43a3a;
  background: -webkit-linear-gradient(bottom left, rgba(244, 58, 58, 0.9) 0%, rgba(232, 56, 57, 0.9) 100%);
  background: -o-linear-gradient(bottom left, rgba(244, 58, 58, 0.9) 0%, rgba(232, 56, 57, 0.9) 100%);
  background: linear-gradient(to top right, rgba(244, 58, 58, 0.9) 0%, rgba(232, 56, 57, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f43a3a', endColorstr='#e83839', GradientType=1);
}
.tozero {
  transition: all 0.3s ease;
}
.folder_club {
  width: 1440px;
  float: left;
  margin-left: calc((100% - 1440px) / 2);
}
.folder_club .evt_container {
  min-height: auto;
}
.folder_club .evt_container #evts .element,
.folder_club .evt_container #evtsx .element {
  margin-left: 10px;
}
.folder_club .vid_container {
  width: 1306px;
  float: left;
  margin-top: 35px;
  position: relative;
  margin-left: 85px;
  transition: all 0.5s ease;
}
.folder_club .vid_container .element {
  height: 250px;
  width: 300px;
  margin-right: 24px;
  margin-bottom: 26px;
  float: left;
  transition: all 0.5s ease;
  display: block;
  text-decoration: none;
  position: relative;
  cursor: pointer;
}
.folder_club .vid_container .element:last-child {
  margin-right: 0px;
}
.folder_club .vid_container .element .img {
  height: 150px;
  width: 300px;
  border-radius: 6px;
  margin-bottom: 14px;
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  float: left;
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.2);
  transition: all 0.5s ease;
  cursor: pointer;
}
.folder_club .vid_container .element .img .vid_time {
  height: 27.5px;
  width: 55px;
  border-radius: 13.75px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 2px 6px 0 rgba(21, 62, 170, 0.5);
  position: absolute;
  right: -5px;
  top: 106px;
  color: #fff;
  font-family: "Fira Sans";
  font-size: 13.2px;
  line-height: 26px;
  text-align: center;
}
.folder_club .vid_container .element .img .doplayoo {
  height: 60px;
  width: 60px;
  background-color: rgba(255, 255, 255, 0.44);
  box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.2);
  background-image: url(images/playicnb.svg);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: calc((100% - 60px) / 2);
  left: calc((100% - 60px) / 2);
  border-radius: 50%;
}
.folder_club .vid_container .element .img .doplayoo:hover {
  background-color: #4EA324;
}
.folder_club .vid_container .element .vid_title {
  min-height: 24px;
  width: 294px;
  color: #363C4B;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  float: left;
  word-break: keep-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.folder_club .vid_container .element .vid_subttl {
  width: 294px;
  color: #363C4B;
  font-family: "Fira Sans";
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  float: left;
  word-break: keep-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.folder_club .vid_container .element .vid_views {
  height: 24px;
  width: 100%;
  opacity: 0.7;
  color: #363C4B;
  font-family: "Fira Sans";
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  float: left;
}
.folder_club .vid_container .element:hover .img {
  background-size: 110%;
}
.folder_club .vid_container .element .vid_starts {
  background: url(images/s5arts.svg) no-repeat left center;
  background-size: 91px 14px;
  width: 91px;
  height: 14px;
  float: left;
  position: relative;
}
.folder_club .vid_container .element .vid_starts .vid_blue_stars {
  background: url(images/s5artss.svg) no-repeat left center;
  background-size: 91px 14px;
  width: 0px;
  height: 14px;
  left: 0;
  top: 0;
  position: absolute;
}
.folder_club .tozero {
  position: relative;
  transition: all 0.3s ease;
}
.folder_club .tozero .element {
  height: 301px;
  width: 337px;
  margin-right: 24px;
  position: relative;
  margin-bottom: 26px;
  float: left;
  transition: all 0.5s ease;
  display: block;
  text-decoration: none;
  cursor: pointer;
}
.folder_club .tozero .element:last-child {
  margin-right: 0px;
}
.folder_club .tozero .element .img {
  height: 222px;
  width: 337px;
  border-radius: 0px;
  margin-bottom: 14px;
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
  position: relative;
  transition: all 0.5s ease;
}
.folder_club .tozero .element .img .vid_time {
  height: 27.5px;
  width: 55px;
  border-radius: 13.75px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 2px 6px 0 rgba(21, 62, 170, 0.5);
  position: absolute;
  right: -5px;
  top: 106px;
  display: none;
  color: #FFFFFF;
  font-family: 'Ubuntu', sans-serif;
  font-size: 13.2px;
  line-height: 26px;
  text-align: center;
}
.folder_club .tozero .element .img .doplayoo {
  height: 60px;
  width: 60px;
  background-color: rgba(255, 255, 255, 0.44);
  box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.2);
  background-image: url(images/playicnb_blue.svg);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: calc((100% - 60px) / 2);
  left: calc((100% - 60px) / 2);
}
.folder_club .tozero .element .img .doplayoo:hover {
  background-color: #2e48d0;
  background-image: url(images/playicnb.svg);
}
.folder_club .tozero .element .vid_title {
  height: 24px;
  width: 331px;
  color: #363C4B;
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  word-break: keep-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.folder_club .tozero .element .vid_subttl {
  width: 331px;
  color: #363C4B;
  font-family: 'Ubuntu', sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
  word-break: keep-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.folder_club .tozero .element .vid_views {
  height: 24px;
  width: auto;
  opacity: 0.7;
  color: #363C4B;
  font-family: 'Ubuntu', sans-serif;
  font-size: 13px;
  line-height: 24px;
}
.folder_club .tozero .element:hover .img {
  background-size: 110%;
}
.folder_club .vid_container.more {
  max-height: 235px;
  overflow-y: hidden;
  overflow-x: auto;
}
.folder_club.elementar {
  width: 98%;
  margin-left: 1%;
  margin-right: 1%;
}
.folder_club.elementar .vid_container {
  width: calc(100% - 55px);
  margin-left: 55px;
}
.folder_club.elementar .title,
.folder_club.elementar .title2 {
  max-width: 100%;
  margin-left: 0;
  margin-right: 0px;
}
#copymytxtvidur,
#copymytxtvidur2,
#copymytxtvidur3,
#copymytxtvidur4 {
  position: absolute;
  left: -9999px;
  top: -9999px;
}
#cntdrdown {
  margin-right: 10px;
}
#cntdrdown .btn-mytvchain {
  height: 28px;
  width: 90px;
  border-radius: 23.4px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  text-decoration: none;
  margin: 14px 0px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.6px;
  line-height: 28px;
  text-align: center;
  float: right;
  outline: none;
  cursor: pointer;
  padding: 0px;
}
#cntdrdown .btn-mytvchain:hover {
  color: #eee;
}
#cntdrdown .dropdown-menu {
  background-color: #202A53;
  color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.5);
}
#cntdrdown .dropdown-menu .dropdown-item {
  color: #fff;
}
#cntdrdown .dropdown-menu .dropdown-item:hover {
  color: #177AFF;
  background-color: transparent;
}
#openVideo {
  z-index: 1042;
  background-color: rgba(13, 14, 23, 0.8);
}
#openVideo .modal-dialog {
  max-width: 906px;
}
#openVideo .modal-dialog .modal-content {
  background-color: #202A53;
  border-radius: 4px;
  position: relative;
  /*height:500px;*/
}
#openVideo .modal-dialog .modal-content .close {
  color: #fff;
  right: 19px;
  top: 10px;
  position: absolute;
  font-size: 2.61rem;
  font-weight: 300;
  outline: none;
  opacity: 1;
  z-index: 3;
}
#openVideo .modal-dialog .modal-content video {
  width: 100%;
  height: 100%;
}
#openVideo .modal-dialog .modal-content .video_overdescription {
  width: 100%;
  float: left;
  padding: 24px;
  background-color: #202A53;
}
#openVideo .modal-dialog .modal-content .video_overdescription .vidovr_ttl {
  width: 530px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 0.97px;
  line-height: 40px;
  text-shadow: 0 4px 9px rgba(255, 255, 255, 0.2);
  float: left;
}
#openVideo .modal-dialog .modal-content .video_overdescription .vidovr_subttl {
  width: 530px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.97px;
  line-height: 22px;
  text-shadow: 0 4px 9px rgba(255, 255, 255, 0.2);
  float: left;
}
#openVideo .modal-dialog .modal-content .video_overdescription .vidovr_by {
  width: 530px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.97px;
  line-height: 15px;
  text-shadow: 0 4px 9px rgba(255, 255, 255, 0.2);
  float: left;
}
#openVideo .modal-dialog .modal-content .video_overdescription .vidovr_by a {
  display: inline-block;
  color: #007bff;
  font-size: 12px;
  font-weight: bold;
  line-height: 15px;
}
#openVideo .modal-dialog .modal-content .video_overdescription .vidovr_descr {
  width: 100%;
  max-height: 207px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13px;
  letter-spacing: 0.1px;
  line-height: 23px;
  float: left;
  overflow-y: auto;
}
#openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl {
  width: 176px;
  height: 56px;
  float: right;
  border-radius: 26px;
  padding: 15px 18px;
  position: relative;
  display: none;
}
#openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .star {
  width: 24px;
  height: 24px;
  float: left;
  margin-left: 4px;
  background: url(images/1star.svg?i=1) no-repeat center center;
  background-size: cover;
  cursor: pointer;
}
#openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .star.r {
  background: url(images/1starb.svg?i=1) no-repeat center center;
  background-size: cover;
}
#openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .start_anim {
  display: none;
  height: 172px;
  width: 201px;
  position: absolute;
  top: -180px;
  left: -12.5px;
  background-position: center 10px;
  background-repeat: no-repeat;
  background-color: #28325B;
  border-radius: 12px;
}
#openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .start_anim .text_whoo {
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 19px;
  font-weight: 600;
  letter-spacing: 0.15px;
  line-height: 28px;
  text-align: center;
  height: 28px;
  margin-top: 135px;
}
#openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .start_anim.s1 {
  background-image: url(images/poor.svg);
}
#openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .start_anim.s2 {
  background-image: url(images/pmall.svg);
}
#openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .start_anim.s3 {
  background-image: url(images/cool.svg);
}
#openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .start_anim.s4 {
  background-image: url(images/good.svg);
}
#openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .start_anim.s5 {
  background-image: url(images/whoo.svg?i=1);
}
#openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl:hover {
  background-color: #28325B;
}
#openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl:hover:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #28325B transparent;
  top: -5px;
  left: 50%;
  margin-left: -2.5px;
  position: absolute;
}
#openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl:hover .start_anim {
  display: block;
}
#openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl.novote {
  background-image: url(images/s5arts.svg);
  background-size: 156px 24px;
  background-repeat: no-repeat;
  background-position: left center;
  position: relative;
  width: 156px;
  height: 24px;
  border-radius: 0px;
  padding: 0px;
  margin-top: 16px;
  margin-left: 20px;
}
#openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl.novote:hover {
  background-color: transparent;
}
#openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl.novote:after {
  display: none;
}
#openVideo .modal-dialog .modal-content .video_overdescription .blue5 {
  background-image: url(images/s5artss.svg);
  background-size: 156px 24px;
  background-repeat: no-repeat;
  background-position: left center;
  position: absolute;
  left: 0px;
  top: 0;
  height: 24px;
}
#informaboutcreatingwebtv {
  z-index: 1048;
}
#informaboutcreatingwebtv .modal-dialog {
  max-width: 450px;
}
#informaboutcreatingwebtv .modal-dialog .modal-content {
  background-color: #273362;
  border-radius: 8px;
  position: relative;
  height: 240px;
  overflow: hidden;
}
#informaboutcreatingwebtv .modal-dialog .modal-content .close {
  color: #fff;
  right: 19px;
  top: 10px;
  position: absolute;
  font-size: 2.61rem;
  font-weight: 300;
  outline: none;
  opacity: 1;
  z-index: 3;
}
#informaboutcreatingwebtv .modal-dialog .modal-content .pmsg {
  min-height: 80px;
  width: 92%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 28px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  margin-left: 4%;
  margin-top: 50px;
}
#informaboutcreatingwebtv .modal-dialog .modal-content .btn_log_in {
  height: 38px;
  width: 123px;
  border-radius: 23.4px;
  border: 1px solid rgba(52, 108, 255, 0.44);
  float: left;
  text-decoration: none;
  outline: none;
  color: #FFFFFF;
  font-family: 'Fira Sans', sans-serif;
  font-size: 14px;
  letter-spacing: 0.6px;
  line-height: 38px;
  text-align: center;
  margin-left: 20px;
}
#informaboutcreatingwebtv .modal-dialog .modal-content .btn_sign_up {
  height: 38px;
  min-width: 102px;
  border-radius: 23.4px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 38px;
  text-align: center;
  float: left;
  outline: none;
}
#informaboutcreatingwebtv .modal-dialog .modal-content .inv_btn {
  width: 245px;
  float: left;
  left: calc((100% - 245px) / 2);
  bottom: 15px;
  position: absolute;
}
.ucomms .topheader_ucomms {
  width: 100%;
  float: left;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  border-bottom: 2px solid #28335c;
  padding-bottom: 4px;
}
.ucomms .topheader_ucomms .u1 {
  width: 40%;
  float: left;
}
.ucomms .topheader_ucomms .u2 {
  width: 16%;
  float: left;
}
.ucomms .topheader_ucomms .u3 {
  width: 16%;
  float: left;
}
.ucomms #content_ucomms_rows {
  width: 100%;
  float: left;
  font-family: "Fira Sans";
  font-size: 13px;
  font-weight: normal;
  color: #eee;
}
.ucomms #content_ucomms_rows .ucomms_row {
  border-bottom: 1px solid #28335c;
  padding-bottom: 4px;
  padding-top: 4px;
  width: 100%;
  float: left;
}
.ucomms #content_ucomms_rows .ucomms_row .u1 {
  width: 40%;
  float: left;
  padding-left: 3px;
}
.ucomms #content_ucomms_rows .ucomms_row .u2 {
  width: 16%;
  float: left;
}
.ucomms #content_ucomms_rows .ucomms_row .u3 {
  width: 16%;
  float: left;
}
.comm_horizontal100 {
  width: 100%;
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 120px;
  display: block;
}
.comm_horizontal100m {
  width: 100%;
  float: left;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 75px;
  margin-bottom: 15px;
  display: none;
}
.comm_verticall100 {
  position: absolute;
  left: -145px;
  width: 145px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
}
.comm_verticalr100 {
  position: absolute;
  right: -145px;
  width: 145px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  display: block;
}
@media screen and (max-width: 1200px) {
  .comm_verticall100 {
    display: none;
  }
  .comm_verticalr100 {
    display: none;
  }
}
@media screen and (max-width: 780px) {
  .comm_horizontal100m {
    display: block;
  }
  .comm_horizontal100 {
    display: none;
  }
}
#openEvt .modal-dialog {
  max-width: 850px;
}
#openEvt .modal-dialog .modal-content {
  background-color: #2B324A;
  border-radius: 14px;
  position: relative;
  height: 520px;
  overflow: hidden;
}
#openEvt .modal-dialog .modal-content .close {
  color: #fff;
  right: 19px;
  top: 10px;
  position: absolute;
  font-size: 2.61rem;
  font-weight: 300;
  outline: none;
  opacity: 1;
  z-index: 3;
}
#openEvt .modal-dialog .modal-content .left_evtmod {
  width: 525px;
  min-height: 520px;
  height: 320px;
  background-size: 75% auto;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  background-position: center center;
}
#openEvt .modal-dialog .modal-content .right_evtmod {
  width: 325px;
  min-height: 520px;
  height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
  float: left;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  padding-bottom: 58px;
}
#openEvt .modal-dialog .modal-content .right_evtmod .ttlevtmod {
  float: left;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 22px;
  font-weight: 700;
  line-height: 38px;
}
#openEvt .modal-dialog .modal-content .right_evtmod .evt_by {
  color: #fff;
  font-weight: 700;
}
#openEvt .modal-dialog .modal-content .right_evtmod .dateevtmod {
  height: 32px;
  float: left;
  width: 100%;
  color: #8c909d;
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 24px;
  max-height: 260px;
  overflow-y: auto;
}
#openEvt .modal-dialog .modal-content .right_evtmod .descrevtmod {
  float: left;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
#openEvt .modal-dialog .modal-content .right_evtmod .avert1 {
  position: absolute;
  bottom: 8px;
  height: 50px;
  width: 90%;
}
#openEvt .modal-dialog .modal-content .right_evtmod .avert1 .mavertir {
  height: 42px;
  width: 206px;
  border-radius: 23.4px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 6px 20px rgba(52, 108, 255, 0.36);
  position: absolute;
  bottom: 2px;
  left: 45px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  letter-spacing: 0.75px;
  line-height: 42px;
  text-align: center;
  z-index: 7;
  cursor: pointer;
}
/******************** admin ****************/
.top_part,
.top_part2 {
  min-height: 144px;
  margin-left: 24px;
  margin-top: 91px;
  width: 1045px;
  float: left;
}
.top_part .bottom_full,
.top_part2 .bottom_full {
  width: 100%;
  height: 36px;
  margin-top: 27px;
  float: left;
  position: relative;
}
.top_part .bottom_full .inside_menu,
.top_part2 .bottom_full .inside_menu {
  float: left;
  margin: 0;
  padding: 0;
  margin-left: 28px;
}
.top_part .bottom_full .inside_menu li,
.top_part2 .bottom_full .inside_menu li {
  margin: 0px;
  margin-right: 15px;
  float: left;
  padding: 0px;
  list-style-type: none;
}
.top_part .bottom_full .inside_menu li a,
.top_part2 .bottom_full .inside_menu li a {
  float: left;
  display: block;
  padding: 8px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 19px;
  color: #656982;
  text-decoration: none;
}
.top_part .bottom_full .inside_menu li a.sel,
.top_part2 .bottom_full .inside_menu li a.sel {
  border-bottom: 3px solid #FFCF34;
  padding: 7px;
  line-height: 18px;
}
.top_part .bottom_full .btnoverright,
.top_part2 .bottom_full .btnoverright {
  border: 1.5px solid #1A3B49;
  border-radius: 19px;
  height: 38px;
  padding: 11px 17px;
  font-size: 13px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  color: #1A3B49;
  position: absolute;
  bottom: 65px;
  right: 28px;
  text-decoration: none;
  outline: none;
}
.top_part2 {
  min-height: 92px;
}
.admin-action-menu {
  display: block;
  text-align: center;
  margin-bottom: 20px;
  padding: 15px;
  background: #F9F9F9;
  border: 1px solid #EEE;
}
.admin-action-menu div.intro {
  font-size: 15px;
  font-weight: 300;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.admin-action-menu div.intro span {
  display: block;
  color: #1E202C;
  margin-bottom: 15px;
}
.admin-action-menu div.intro span i {
  color: #1E202C;
  margin-right: 8px;
  font-size: 18px;
}
.admin-action-menu a {
  display: block;
  text-decoration: none;
  background: #1E202C;
  padding: 15px 0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.admin-action-menu a i {
  display: block;
  color: #FFF;
  font-size: 22px;
  margin-bottom: 5px;
  opacity: .6;
}
.admin-action-menu a span {
  display: block;
  color: #FFF;
}
.admin-action-menu a:hover {
  background: #33364a;
  text-decoration: none;
}
.admin-action-menu a:hover i {
  opacity: 1;
}
#admin-modo-table_wrapper,
#admin-modo-table2_wrapper,
#admin-modo-table3_wrapper {
  padding: 10px;
  background-color: #fff;
}
.editadmin {
  padding: 12px;
  position: relative;
  float: left;
  width: 100%;
}
.editadmin .head {
  padding: 16px;
  width: 100%;
  color: #FFF;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  border-bottom: 1px solid rgba(192, 195, 219, 0.6);
  margin-bottom: 25px;
}
.editadmin .head span {
  font-weight: normal;
  line-height: 20px;
  display: inline-block;
  margin-left: 10px;
}
.editadmin .access-bar {
  position: relative;
  height: 25px;
  margin-bottom: 20px;
  color: #fff;
}
.editadmin .access-bar .l,
.editadmin .access-bar .r {
  position: absolute;
  z-index: 1;
  display: inline-block;
  background: transparent;
  font-weight: 300;
}
.editadmin .access-bar .l span,
.editadmin .access-bar .r span {
  font-weight: bold;
}
.editadmin .access-bar .l {
  left: 0;
  padding-right: 20px;
  font-size: 18px;
  color: #fff;
}
.editadmin .access-bar .r {
  right: 0;
  padding-left: 20px;
  color: #fff;
  text-transform: uppercase;
}
.editadmin .access-bar .r a {
  font-size: 12px;
  color: #fff;
  letter-spacing: 1px;
  text-decoration: underline;
  margin-left: 15px;
  vertical-align: middle;
}
.editadmin .access-bar .r a i {
  font-size: 16px;
}
.editadmin .access-bar .r a span {
  font-weight: bold;
}
.editadmin .access-bar .r a:hover {
  text-decoration: none;
}
.editadmin .access-bar .r a:first-child {
  margin: 0;
}
.editadmin .access-bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 30px;
  width: 100%;
  height: 1px;
  background: #ebebeb;
}
.editadmin h5.subtitle {
  height: 42px;
  width: 600px;
  color: #FFF;
  font-family: "Open Sans", sans-serif;
  font-size: 17px;
  font-weight: bold;
  line-height: 42px;
  margin-left: 60px;
  margin-top: 22px;
}
.editadmin .line_form1 {
  width: 100%;
  float: left;
  margin-bottom: 20px;
}
.editadmin .line_form1 input,
.editadmin .line_form1 textarea {
  box-sizing: border-box;
  height: 35px;
  width: 466px;
  border: 1px solid #BABBCC;
  background-color: #FFFFFF;
  float: left;
  padding: 9px 20px;
  color: #84879C;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 15px;
  outline: none;
}
.editadmin .line_form1 input:focus,
.editadmin .line_form1 textarea:focus {
  border: 1.6px solid #F4C52C;
}
.editadmin .line_form1 textarea {
  height: auto !important;
}
.editadmin .line_form1 select {
  box-sizing: border-box;
  height: 35px;
  width: 466px;
  border: 1px solid #BABBCC;
  background-color: #FFFFFF;
  float: left;
  padding: 1px 20px;
  color: #84879C;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 15px;
  outline: none;
}
.editadmin .line_form1 select:focus {
  border: 1.6px solid #F4C52C;
}
.editadmin .line_form1 input.s50 {
  width: 223px;
  margin-right: 20px;
}
.editadmin .line_form1 label {
  height: 35px;
  width: 180px;
  color: #454859;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 35px;
  text-align: right;
  float: left;
  margin-right: 20px;
}
.editadmin .bottomstk {
  width: 666px;
  float: left;
  margin-bottom: 25px;
}
.editadmin .bottomstk .question1 {
  height: 20px;
  width: 100%;
  text-align: right;
  color: #656982;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  padding-right: 40px;
  margin-bottom: 10px;
}
.editadmin .bottomstk .okbtn {
  height: 40px;
  width: 130px;
  background-color: #1A3B49;
  float: right;
  color: #FFFFFF;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  text-align: center;
  padding: 9px;
  border: none;
  margin-left: 18px;
}
.editadmin .bottomstk #closedtx1 {
  border: 1.2px solid #CACDE0;
  background-color: #FFFFFF;
  height: 40px;
  width: 127px;
  color: #888BA6;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  padding: 9px;
  float: right;
}
.editadmin #pass_details {
  position: absolute;
  bottom: 192px;
  width: 380px;
  right: -24px;
}
.editadmin #pass_details .okicn,
.editadmin #pass_details .badicn {
  font-family: 'Open Sans', sans-serif;
  color: #656982;
  font-size: 13px;
  line-height: 22px;
  width: 180px;
  height: 22px;
  float: left;
  padding-left: 25px;
  background: url(images/okicn.svg) no-repeat 6px center;
}
.editadmin #pass_details .min {
  width: 150px;
}
.editadmin #pass_details .badicn {
  background: url(images/badicn.svg) no-repeat 6px center;
}
.editadmin.s50,
.editsociete.s50 {
  margin-top: 80px;
  margin-bottom: 50px;
  background-color: #10193b;
  padding: 30px;
  border-radius: 10px;
}
.editadmin.s50 .input-surface,
.editsociete.s50 .input-surface,
.editadmin.s50 .textarea-surface,
.editsociete.s50 .textarea-surface {
  height: 58px;
  width: 93%;
  border-radius: 4px 4px 0 0;
  background-color: rgba(202, 211, 255, 0.16);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  margin-left: 20px;
  margin-bottom: 20px;
  padding: 6px 16px;
  float: left;
}
.editadmin.s50 .input-surface label,
.editsociete.s50 .input-surface label,
.editadmin.s50 .textarea-surface label,
.editsociete.s50 .textarea-surface label {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 16px;
  width: 100%;
  margin-bottom: .2rem;
}
.editadmin.s50 .input-surface input,
.editsociete.s50 .input-surface input,
.editadmin.s50 .textarea-surface input,
.editsociete.s50 .textarea-surface input {
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
}
.editadmin.s50 .input-surface option,
.editsociete.s50 .input-surface option,
.editadmin.s50 .textarea-surface option,
.editsociete.s50 .textarea-surface option {
  color: #444c67;
}
.editadmin.s50 .input-surface textarea,
.editsociete.s50 .input-surface textarea,
.editadmin.s50 .textarea-surface textarea,
.editsociete.s50 .textarea-surface textarea {
  min-height: 134px;
  width: 100%;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
}
.editadmin.s50 .input-surface select,
.editsociete.s50 .input-surface select,
.editadmin.s50 .textarea-surface select,
.editsociete.s50 .textarea-surface select {
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
}
.editadmin.s50 .input-surface:focus-within,
.editsociete.s50 .input-surface:focus-within,
.editadmin.s50 .textarea-surface:focus-within,
.editsociete.s50 .textarea-surface:focus-within {
  border-bottom-color: #177AFF;
}
.editadmin.s50 .input-surface:focus-within label,
.editsociete.s50 .input-surface:focus-within label,
.editadmin.s50 .textarea-surface:focus-within label,
.editsociete.s50 .textarea-surface:focus-within label {
  color: #177AFF;
}
.editadmin.s50 .input-surface:focus-within input,
.editsociete.s50 .input-surface:focus-within input,
.editadmin.s50 .textarea-surface:focus-within input,
.editsociete.s50 .textarea-surface:focus-within input {
  color: #fff;
}
.editadmin.s50 .setbtn,
.editsociete.s50 .setbtn {
  height: 38px;
  width: 162px;
  border-radius: 23.4px;
  box-shadow: 0px 0px 21px 2px rgba(52, 108, 255, 0.24);
  float: right;
  margin-right: 90px;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 14px;
  font-family: "Fira Sans";
  letter-spacing: 0.6px;
  line-height: 30px;
  text-align: center;
  background-color: transparent;
  border-color: rgba(52, 108, 255, 0.44);
  outline: none;
  margin-bottom: 30px;
}
.editadmin.s50 .setbtn:hover,
.editsociete.s50 .setbtn:hover {
  box-shadow: 0px 0px 24px 2px rgba(52, 108, 255, 0.34);
}
.editsociete,
.editprices {
  padding: 12px;
  float: left;
  width: 100%;
  position: relative;
}
.editsociete .head,
.editprices .head {
  padding: 16px;
  width: 100%;
  color: #1A3B49;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  border-bottom: 1px solid rgba(192, 195, 219, 0.6);
  margin-bottom: 25px;
}
.editsociete .head span,
.editprices .head span {
  font-weight: normal;
  line-height: 20px;
  display: inline-block;
  margin-left: 10px;
}
.editsociete form,
.editprices form {
  width: 100%;
  float: left;
}
.editsociete .r_title,
.editprices .r_title {
  height: 52px;
  width: auto;
  color: #1A3B49;
  font-family: 'Open Sans', sans-serif;
  font-size: 50px;
  font-weight: 800;
  line-height: 52px;
  padding-left: 15px;
  position: relative;
  margin-bottom: 63px;
  float: left;
}
.editsociete .r_title:after,
.editprices .r_title:after {
  content: '';
  position: absolute;
  left: -10px;
  top: 3px;
  height: 48px;
  width: 6px;
  background-color: #FFCF34;
}
.editsociete .removeaddr_del,
.editprices .removeaddr_del {
  min-width: 45px;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  height: 30px;
  padding-left: 35px;
  padding-right: 10px;
  line-height: 30px;
  display: block;
  text-decoration: none;
  color: #1A3B49;
  position: absolute;
  right: 15px;
  top: 5px;
  border-radius: 5px;
  background: url(images/del1.png) no-repeat 10px center rgba(228, 231, 236, 0.9);
}
.editsociete .rightborderdiv3,
.editprices .rightborderdiv3 {
  width: 65%;
  float: left;
  position: relative;
}
.editsociete .rightborderdiv3 #newaddr,
.editprices .rightborderdiv3 #newaddr,
.editsociete .rightborderdiv3 #newbnkibn,
.editprices .rightborderdiv3 #newbnkibn,
.editsociete .rightborderdiv3 #newkycdoc,
.editprices .rightborderdiv3 #newkycdoc {
  box-sizing: border-box;
  height: 43px;
  width: 229px;
  border: 1px solid #BABBCC;
  color: #84879C;
  font-family: "Open Sans";
  font-size: 14px;
  line-height: 15px;
  text-align: center;
  cursor: pointer;
  float: left;
  margin-left: 315px;
  background: url(images/plussm.png) no-repeat 20px center #FFFFFF;
  padding-left: 32px;
  outline: none;
}
.editsociete .rightborderdiv3 #newbnkibn,
.editprices .rightborderdiv3 #newbnkibn {
  width: 300px;
}
.editsociete .rightborderdiv3 #newkycdoc,
.editprices .rightborderdiv3 #newkycdoc {
  width: 350px;
}
.editsociete .rightborderdiv2d,
.editprices .rightborderdiv2d {
  width: 65%;
  float: left;
  margin-bottom: 110px;
}
.editsociete .rightborderdiv2d #submit_form,
.editprices .rightborderdiv2d #submit_form {
  box-sizing: border-box;
  height: 43px;
  width: 228px;
  background-color: #1A3B49;
  border: none;
  color: #fff;
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  float: right;
  margin-left: 16px;
}
.editsociete .rightborderdiv2,
.editprices .rightborderdiv2 {
  width: 25%;
  float: right;
  right: 70px;
  top: 170px;
  position: absolute;
}
.editsociete .rightborderdiv2 .question1,
.editprices .rightborderdiv2 .question1 {
  height: 20px;
  width: 100%;
  text-align: right;
  color: #656982;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px;
  padding-left: 30px;
  margin-bottom: 10px;
}
.editsociete .rightborderdiv2 #submit_form,
.editprices .rightborderdiv2 #submit_form {
  box-sizing: border-box;
  height: 43px;
  width: 128px;
  background-color: #1A3B49;
  border: none;
  color: #fff;
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  float: right;
  margin-left: 16px;
}
.editsociete .rightborderdiv2 #reset_form,
.editprices .rightborderdiv2 #reset_form {
  box-sizing: border-box;
  height: 43px;
  width: 128px;
  border: 1px solid #BABBCC;
  background-color: #FFFFFF;
  color: #777987;
  font-family: "Open Sans";
  font-size: 16px;
  line-height: 20px;
  text-align: center;
  float: right;
}
.editsociete .norightborderdivex,
.editprices .norightborderdivex {
  width: 100%;
  float: left;
  position: relative;
  margin-bottom: 100px;
}
.editsociete .norightborderdivex h3,
.editprices .norightborderdivex h3 {
  margin-left: 29px;
  margin-bottom: 12px;
  height: 42px;
  width: 687px;
  float: left;
  color: #1A3B49;
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  font-weight: bold;
  line-height: 42px;
}
.editsociete .norightborderdivex .row_lazy,
.editprices .norightborderdivex .row_lazy {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.editsociete .norightborderdivex .row_lazy label,
.editprices .norightborderdivex .row_lazy label {
  height: 20px;
  float: left;
  width: 180px;
  color: #454859;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  margin-top: 10px;
}
.editsociete .rightborderdiv,
.editprices .rightborderdiv {
  width: 65%;
  float: left;
  position: relative;
}
.editsociete .rightborderdiv:after,
.editprices .rightborderdiv:after {
  content: '';
  width: 4px;
  height: calc(100% - 73px);
  position: absolute;
  right: -25px;
  top: 53px;
  background-color: #C0C3DB;
}
.editsociete .rightborderdiv h3,
.editprices .rightborderdiv h3 {
  margin-left: 29px;
  margin-bottom: 12px;
  height: 42px;
  width: 687px;
  float: left;
  color: #1A3B49;
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  font-weight: bold;
  line-height: 42px;
}
.editsociete .rightborderdiv .row_line,
.editprices .rightborderdiv .row_line,
.editsociete .rightborderdiv .row_line_double,
.editprices .rightborderdiv .row_line_double {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.editsociete .rightborderdiv .row_line label,
.editprices .rightborderdiv .row_line label,
.editsociete .rightborderdiv .row_line_double label,
.editprices .rightborderdiv .row_line_double label {
  height: 20px;
  float: left;
  width: 380px;
  color: #454859;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  margin-top: 10px;
}
.editsociete .rightborderdiv .row_line input,
.editprices .rightborderdiv .row_line input,
.editsociete .rightborderdiv .row_line_double input,
.editprices .rightborderdiv .row_line_double input {
  padding: 12px 23px;
  color: #84879C;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 15px;
  float: right;
  box-sizing: border-box;
  height: 41px;
  width: 471px;
  border: 1px solid #BABBCC;
  background-color: #FFFFFF;
  outline: none;
}
.editsociete .rightborderdiv .row_line input:focus,
.editprices .rightborderdiv .row_line input:focus,
.editsociete .rightborderdiv .row_line_double input:focus,
.editprices .rightborderdiv .row_line_double input:focus {
  border: 1.6px solid #F4C52C;
}
.editsociete .rightborderdiv .row_line select.exsl,
.editprices .rightborderdiv .row_line select.exsl,
.editsociete .rightborderdiv .row_line_double select.exsl,
.editprices .rightborderdiv .row_line_double select.exsl {
  padding: 2px 23px;
  color: #84879C;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 15px;
  float: right;
  box-sizing: border-box;
  height: 41px;
  width: 471px;
  border: 1px solid #BABBCC;
  background-color: #FFFFFF;
  outline: none;
}
.editsociete .rightborderdiv .row_line select.exsl:focus,
.editprices .rightborderdiv .row_line select.exsl:focus,
.editsociete .rightborderdiv .row_line_double select.exsl:focus,
.editprices .rightborderdiv .row_line_double select.exsl:focus {
  border: 1.6px solid #F4C52C;
}
.editsociete .rightborderdiv .row_line textarea,
.editprices .rightborderdiv .row_line textarea,
.editsociete .rightborderdiv .row_line_double textarea,
.editprices .rightborderdiv .row_line_double textarea {
  box-sizing: border-box;
  height: 135px;
  width: 471px;
  border: 1px solid #BABBCC;
  background-color: #FFFFFF;
  float: right;
  padding: 12px 23px;
  color: #84879C;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 15px;
  outline: none;
}
.editsociete .rightborderdiv .row_line textarea:focus,
.editprices .rightborderdiv .row_line textarea:focus,
.editsociete .rightborderdiv .row_line_double textarea:focus,
.editprices .rightborderdiv .row_line_double textarea:focus {
  border: 1.6px solid #F4C52C;
}
.editsociete .rightborderdiv .row_line_double input,
.editprices .rightborderdiv .row_line_double input {
  width: 230px;
  outline: none;
}
.editsociete .rightborderdiv .row_line_double input:focus,
.editprices .rightborderdiv .row_line_double input:focus {
  border: 1.6px solid #F4C52C;
}
.editsociete .rightborderdiv .row_line_double input#company_teloffice,
.editprices .rightborderdiv .row_line_double input#company_teloffice {
  margin-right: 11px;
}
.editsociete .rightborderdiv .row_lazy,
.editprices .rightborderdiv .row_lazy {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.editsociete .rightborderdiv .row_lazy label,
.editprices .rightborderdiv .row_lazy label {
  height: 20px;
  float: left;
  width: 180px;
  color: #454859;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 20px;
  text-align: right;
  margin-top: 10px;
}
/******************************* clubs admins *****************************/
#clubs_admin {
  width: 100%;
  min-height: 800px;
  float: left;
}
#clubs_admin .container {
  position: relative;
  padding-bottom: 271px;
  padding-top: 70px;
  min-height: 100%;
}
#clubs_admin .container .myclubs_leftbar {
  position: fixed;
  width: 232px;
  top: 0px;
  bottom: 0px;
  background-color: #273362;
  z-index: -1;
  padding: 96px 22px 26px 22px;
}
#clubs_admin .container .myclubs_leftbar .ttl {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 20px;
  font-weight: bold;
  line-height: 37px;
  width: 100%;
  padding-bottom: 4px;
  border-bottom: 2px solid #273362;
  margin-bottom: 30px;
}
#clubs_admin .container .myclubs_leftbar .subttl {
  height: 37px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 37px;
}
#clubs_admin .container .myclubs_leftbar .chaingrup {
  width: 85%;
  position: absolute;
  border-radius: 0px 32px 32px 0px;
  left: 0px;
  overflow: hidden;
  height: 42px;
  padding-top: 11px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  z-index: 8;
}
#clubs_admin .container .myclubs_leftbar .chaingrup span {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.2px;
  line-height: 20px;
  background-image: url(images/chaingrup.svg);
  background-repeat: no-repeat;
  background-position: 25px center;
  padding-left: 63px;
  width: 100%;
}
#clubs_admin .container .menuoverchain {
  width: 220px;
  position: fixed;
  top: 220px;
  z-index: 8;
}
#clubs_admin .container .menuoverchain .chaingrup {
  width: 90%;
  position: relative;
  border-radius: 0px 32px 32px 0px;
  left: 0px;
  overflow: hidden;
  height: 42px;
  padding-top: 11px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  margin-bottom: 10px;
  display: block;
}
#clubs_admin .container .menuoverchain .chaingrup span {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.2px;
  line-height: 20px;
  background-image: url(images/chaingrup.svg);
  background-repeat: no-repeat;
  background-position: 25px center;
  padding-left: 63px;
  width: 100%;
}
#clubs_admin .container .right_position {
  float: right;
  width: calc(100% - 232px);
  height: auto;
  padding: 35px 0px;
  min-height: 1100px;
}
#clubs_admin .container .right_position .topttl {
  min-height: 37px;
  width: 96%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 20px;
  font-weight: 600;
  line-height: 37px;
  padding-bottom: 12px;
  border-bottom: 2px solid #273362;
  float: right;
}
#clubs_admin .container .right_position .topttl .rightalsq {
  height: 44px;
  width: 44px;
  display: block;
  float: right;
  border-radius: 50%;
  background: url(images/squares.svg) no-repeat center center #202A53;
  margin-left: 20px;
}
#clubs_admin .container .right_position .topttl .rightalsq.sel {
  background-image: url(images/square.svg);
}
#clubs_admin .container .right_position .topttl .rightalln {
  height: 44px;
  width: 44px;
  display: block;
  float: right;
  border-radius: 50%;
  background: url(images/liness.svg) no-repeat center center #1a2242;
}
#clubs_admin .container .right_position .topttl .rightalln.sel {
  background-image: url(images/linessh.svg);
}
#clubs_admin .container .right_position .allclublisted {
  width: 96%;
  float: right;
}
#clubs_admin .container .right_position .allclublisted .top_line {
  height: 40px;
  width: 100%;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 20px;
}
#clubs_admin .container .right_position .allclublisted .top_line .empty {
  width: 90px;
  float: left;
  height: 40px;
  padding: 10px;
  margin-left: 70px;
}
#clubs_admin .container .right_position .allclublisted .top_line .cname {
  width: 530px;
  float: left;
  height: 40px;
  padding: 10px;
}
#clubs_admin .container .right_position .allclublisted .top_line .catcl {
  width: 240px;
  float: left;
  height: 40px;
  padding: 10px;
}
#clubs_admin .container .right_position .allclublisted .top_line .datecl {
  width: 145px;
  float: left;
  height: 40px;
  padding: 10px;
}
#clubs_admin .container .right_position .allclublisted .rowline {
  height: 100px;
  width: 1086px;
  margin-left: 30px;
  float: left;
  background: #202A53;
  padding: 30px 34px;
  border-radius: 4px;
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.75);
  transition: all 0.5s ease;
  margin-top: 20px;
}
#clubs_admin .container .right_position .allclublisted .rowline .empty {
  width: 90px;
  float: left;
  height: 40px;
  margin-right: 20px;
}
#clubs_admin .container .right_position .allclublisted .rowline .empty .voir {
  height: 38px;
  min-width: 78px;
  border-radius: 23.4px;
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  cursor: pointer;
  line-height: 34px;
  text-align: center;
  float: left;
  outline: none;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
}
#clubs_admin .container .right_position .allclublisted .rowline .empty .voir span {
  border-radius: 19.4px;
  background-color: #202A53;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  line-height: 34px;
  padding: 0px 20px;
  float: left;
  min-width: 74px;
}
#clubs_admin .container .right_position .allclublisted .rowline .cname {
  width: 525px;
  float: left;
  height: 40px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 17px;
  font-weight: 600;
  line-height: 40px;
}
#clubs_admin .container .right_position .allclublisted .rowline .cname .img {
  height: 40px;
  width: 61px;
  float: left;
  margin-right: 15px;
}
#clubs_admin .container .right_position .allclublisted .rowline .catcl {
  width: 235px;
  float: left;
  height: 40px;
  padding: 10px 1px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 15px;
  line-height: 20px;
}
#clubs_admin .container .right_position .allclublisted .rowline .datecl {
  width: 145px;
  float: left;
  height: 40px;
  padding: 10px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 15px;
  line-height: 20px;
}
#clubs_admin .container .right_position .allclublisted .rowline .propcl {
  width: 155px;
  float: left;
  height: 40px;
  padding: 10px;
  margin-left: 10px;
}
#clubs_admin .container .right_position .allclublisted .rowline:hover {
  width: 1108px;
  height: 102px;
  box-shadow: 0px 1px 10px 0px rgba(60, 60, 228, 0.8);
  margin-left: 19px;
  margin-top: 19px;
}
#clubs_admin .container .right_position .allclublisted .clubosubs {
  width: 350px;
  height: 180px;
  padding: 15px;
  padding-top: 74px;
  display: block;
  float: left;
  margin-left: 20px;
  position: relative;
  margin-top: 40px;
}
#clubs_admin .container .right_position .allclublisted .clubosubs .subebg {
  content: '';
  width: 350px;
  height: 180px;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: -1;
}
#clubs_admin .container .right_position .allclublisted .clubosubs .img {
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 10px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 6px;
}
#clubs_admin .container .right_position .allclublisted .clubosubs .abo_club_name {
  min-height: 40px;
  width: 220px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.2px;
  line-height: 20px;
  float: left;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8);
}
#clubs_admin .container .right_position .allclublisted .clubosubs .folls {
  padding-left: 30px;
  background: url(images/proffol.svg) no-repeat 2px center;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 18px;
  float: left;
  width: 220px;
  background-size: 12px 12px;
}
#clubs_admin .container .right_position .allclublisted .clubosubs .uvs {
  padding-left: 30px;
  background: url(images/vidsview.svg) no-repeat 2px center;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 18px;
  float: left;
  text-transform: uppercase;
  width: 220px;
  background-size: 12px 16px;
}
#clubs_admin .container .right_position .allclublisted .clubosubs:nth-child(3n+1) {
  margin-left: 0px;
}
#clubs_admin .container .right_position .allclublisted .clubosubs:hover {
  box-shadow: 0px 0px 15px 0px rgba(60, 60, 228, 0.2);
}
#clubs_admin .container .right_position .clubcover {
  width: 1178px;
  height: 267px;
  float: right;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -35px;
  position: relative;
}
#clubs_admin .container .right_position .clubcover .leftcover {
  width: 250px;
  height: 450px;
  background-color: #202A53;
  position: absolute;
  top: 82px;
  left: 30px;
  border-radius: 5px;
  overflow: hidden;
}
#clubs_admin .container .right_position .clubcover .leftcover .leftcover_pp {
  width: 250px;
  height: 200px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
}
#clubs_admin .container .right_position .clubcover .leftcover .gotomychain {
  background: url(images/logocircle.svg) no-repeat center center rgba(0, 0, 0, 0.2);
  background-size: 14px;
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 13px;
  right: 6px;
  border-radius: 50%;
  border: 1px solid #fff;
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.6);
}
#clubs_admin .container .right_position .clubcover .leftcover .clubttl {
  min-height: 52px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.23px;
  line-height: 26px;
  float: left;
  padding: 18px;
}
#clubs_admin .container .right_position .clubcover .leftcover .folls {
  padding-left: 48px;
  background: url(images/proffol.svg) no-repeat 20px center;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 23px;
  float: left;
  width: 100%;
  background-size: 14px 14px;
  margin-bottom: 2px;
}
#clubs_admin .container .right_position .clubcover .leftcover .uvs {
  padding-left: 48px;
  background: url(images/vidsview.svg) no-repeat 20px center;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 23px;
  float: left;
  width: 100%;
  background-size: 14px 18px;
}
#clubs_admin .container .right_position .clubcover .leftcover .socialntk {
  width: 100%;
  padding: 18px;
  float: left;
}
#clubs_admin .container .right_position .clubcover .leftcover .socialntk .twitter {
  height: 37px;
  width: 37px;
  background: url(images/twadm.svg) no-repeat center center;
  background-size: 36px 36px;
  display: block;
  float: left;
  margin-top: 0px;
}
#clubs_admin .container .right_position .clubcover .leftcover .socialntk .facebook {
  height: 37px;
  width: 37px;
  background: url(images/fbadm.svg) no-repeat center center;
  background-size: 36px 36px;
  display: block;
  float: left;
  margin-left: 7px;
  margin-top: 0px;
}
#clubs_admin .container .right_position .clubcover .leftcover .socialntk .insta {
  height: 37px;
  width: 37px;
  background: url(images/instaadm.svg) no-repeat center center;
  background-size: 36px 36px;
  display: block;
  float: left;
  margin-left: 7px;
  margin-top: 0px;
}
#clubs_admin .container .right_position .clubcover .leftcover .socialntk .siteedin {
  height: 37px;
  width: 37px;
  background: url(images/wbadm.svg) no-repeat center center;
  background-size: 36px 36px;
  display: block;
  float: left;
  margin-left: 7px;
  margin-top: 0px;
}
#clubs_admin .container .right_position .clubcover .leftcover .socialntk .siteedinb {
  height: 37px;
  width: 37px;
  background: url(images/wbadmb.svg) no-repeat center center;
  background-size: 36px 36px;
  display: block;
  float: left;
  margin-left: 7px;
  margin-top: 0px;
}
#clubs_admin .container .right_position .clubcover .leftcover .crdt {
  padding-left: 18px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 18px;
  float: left;
  width: 100%;
}
#clubs_admin .container .right_position .clubcover .leftcover #statustoggle {
  display: none;
}
#clubs_admin .container .right_position .clubcover #allover {
  display: none;
}
#clubs_admin .container .right_position .clubcover .statuscover {
  width: 250px;
  min-height: 250px;
  background-color: #202A53;
  position: absolute;
  top: 562px;
  left: 30px;
  border-radius: 5px;
  overflow: hidden;
  padding: 18px;
}
#clubs_admin .container .right_position .clubcover .statuscover .ttl_status {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  height: 24px;
}
#clubs_admin .container .right_position .clubcover .statuscover #statustoggleoff {
  display: none;
}
#clubs_admin .container .right_position .clubcover .statuscover .status_pub {
  height: 108px;
  width: 100%;
  background-color: #324075;
  border-radius: 10px;
  margin-top: 18px;
  padding: 10px;
  position: relative;
}
#clubs_admin .container .right_position .clubcover .statuscover .status_pub .status_text {
  height: 18px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  text-align: center;
  margin-top: 62px;
}
#clubs_admin .container .right_position .clubcover .statuscover .status_pub.create {
  border: 2px solid #2E87FF;
  background: url(images/eyedashed.svg) no-repeat center 18px #324075;
}
#clubs_admin .container .right_position .clubcover .statuscover .status_pub.createvalid {
  border: 2px solid #21AD56;
  background: url(images/eyedashed.svg) no-repeat center 18px #324075;
}
#clubs_admin .container .right_position .clubcover .statuscover .status_pub.pending {
  border: 2px solid #F9B55C;
  background: url(images/timelapse.svg) no-repeat center 18px #324075;
}
#clubs_admin .container .right_position .clubcover .statuscover .status_pub.valid {
  border: 2px solid #21AD56;
  background: url(images/validvalid.svg) no-repeat center 18px #324075;
}
#clubs_admin .container .right_position .clubcover .statuscover .pendingactions {
  width: 100%;
  float: left;
}
#clubs_admin .container .right_position .clubcover .statuscover .pendingactions .ttl_preq {
  height: 24px;
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 26px;
  margin-top: 18px;
  margin-bottom: 16px;
}
#clubs_admin .container .right_position .clubcover .statuscover .pendingactions .pa_item {
  width: 100%;
  float: left;
  margin-bottom: 16px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 23px;
}
#clubs_admin .container .right_position .clubcover .statuscover .pendingactions .pa_item span {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 2px solid #2E87FF;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 22px;
  text-align: center;
  float: left;
  margin-right: 12px;
}
#clubs_admin .container .right_position .clubcover .statuscover .pendingactions .pa_item.check span {
  background: url(images/smallvalid.svg) no-repeat center center;
  background-size: 26px 26px;
  border: none;
  overflow: hidden;
  text-indent: -50px;
}
#clubs_admin .container .right_position .clubcover .statuscover .pendingactions .msgpreq {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 23px;
  width: 100%;
  border-left: 1px solid #F9B55C;
  margin-top: 26px;
  padding-left: 17px;
  float: left;
}
#clubs_admin .container .right_position .clubcover .statuscover .pendingactions .msgpreq.green {
  border-left: 1px solid #21AD56;
}
#clubs_admin .container .right_position .clubcover .statuscover .pendingactions .msgpreq.red {
  border-left: 1px solid #F43A3A;
}
#clubs_admin .container .right_position .clubcover .statuscover .downbtn_status {
  height: 38px;
  border-radius: 23px;
  width: 98%;
  opacity: 0.2;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 34px;
  text-align: center;
  border: 2px solid rgba(46, 135, 255, 0.2);
  outline: none;
  padding: 0;
  background: transparent;
  display: block;
  float: left;
  margin-left: 1%;
}
#clubs_admin .container .right_position .clubcover .statuscover .downbtn_status.active {
  cursor: pointer;
  opacity: 1;
  color: #FFFFFF;
  border: 2px solid #21AD56;
}
#clubs_admin .container .right_position .clubcover .statuscover .downbtn_status.active:hover {
  background-color: #21AD56;
}
#clubs_admin .container .right_position .clubcover .statuscover .downbtn_status.valid {
  cursor: pointer;
  opacity: 1;
  color: #FFFFFF;
  border: 2px solid #21AD56;
  margin-top: 10px;
}
#clubs_admin .container .right_position .clubcover .statuscover .downbtn_status.valid:hover {
  background-color: #21AD56;
}
#clubs_admin .container .right_position .profile_picture {
  width: 100%;
  float: left;
}
#clubs_admin .container .right_position .profile_picture .prof_photo {
  width: 200px;
  height: 132px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  position: relative;
}
#clubs_admin .container .right_position .profile_picture .prof_photo #uploadprogress3 {
  position: absolute;
  left: 0;
  top: 48%;
  height: 11px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  width: 0%;
  color: #fff;
  font-size: 9px;
  line-height: 11px;
  text-align: center;
  font-family: "Fira Sans";
}
#clubs_admin .container .right_position .profile_picture .text_descriptif {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 22px;
  margin-left: 20px;
  float: left;
  width: calc(100% - 230px);
}
#clubs_admin .container .right_position .profile_picture #change_avatar_myclub {
  float: left;
  margin-left: 20px;
  margin-top: 15px;
  position: relative;
  right: auto;
  top: auto;
  cursor: pointer;
  text-decoration: none;
}
#clubs_admin .container .right_position .cover_photocc {
  width: 100%;
  float: left;
  margin-top: 30px;
  margin-bottom: 20px;
}
#clubs_admin .container .right_position .cover_photocc .cover_cc {
  height: 134px;
  width: 604px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  position: relative;
}
#clubs_admin .container .right_position .cover_photocc .cover_cc #uploadprogress4 {
  position: absolute;
  left: 0;
  top: 48%;
  height: 14px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  width: 0%;
  color: #fff;
  font-size: 10px;
  line-height: 14px;
  text-align: center;
  font-family: "Fira Sans";
}
#clubs_admin .container .right_position .cover_photocc .text_descriptif {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 22px;
  margin-left: 20px;
  float: left;
  width: calc(100% - 330px);
  margin-top: 11px;
}
#clubs_admin .container .right_position .cover_photocc #change_cover_myclub {
  float: left;
  margin-left: 0px;
  margin-top: 15px;
  position: relative;
  right: auto;
  top: auto;
  cursor: pointer;
  text-decoration: none;
}
#clubs_admin .container .right_position.tp {
  width: 100%;
  float: left;
  margin: 0 0 0 0;
  padding: 0px 100px;
}
#clubs_admin .container .right_position.tp .editbar {
  background-color: #202A53;
  height: 74px;
  width: 100%;
  position: fixed;
  top: 70px;
  left: 0px;
  z-index: 8;
}
#clubs_admin .container .right_position.tp .editbar .container {
  width: 1300px;
  margin-left: calc(( 100% - 1300px ) / 2);
  max-height: 74px;
  min-height: 74px;
  padding: 0px;
  float: left;
}
#clubs_admin .container .right_position.tp .editbar .container .ettl {
  height: 50px;
  width: 650px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 24px;
  font-weight: bold;
  line-height: 50px;
  margin-top: 12px;
  float: left;
  margin-left: 30px;
}
#clubs_admin .container .right_position.tp .editbar .container .ettl.twol {
  line-height: 26px;
}
#clubs_admin .container .right_position.tp .editbar .container .retur {
  box-sizing: border-box;
  height: 47.4px;
  width: 47.4px;
  display: block;
  border-radius: 50%;
  margin-left: 12px;
  border: 1.7px solid rgba(255, 255, 255, 0.95);
  background: url(images/arrow-r.svg) no-repeat center center rgba(255, 255, 255, 0.16);
  float: left;
  margin-top: 16px;
}
#clubs_admin .container .right_position.tp .editbar .container .btns {
  width: 410px;
  float: right;
  padding: 18px 0px;
}
#clubs_admin .container .right_position.tp .editbar .container .btns .discardchanges {
  height: 38px;
  width: 202px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  line-height: 38px;
  text-align: center;
  float: left;
}
#clubs_admin .container .right_position.tp .editbar .container .btns .dosavechanges {
  height: 38px;
  min-width: 94px;
  border-radius: 22px;
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  cursor: pointer;
  line-height: 38px;
  text-align: center;
  float: left;
  outline: none;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  margin-left: 20px;
  border: none;
}
#clubs_admin .container .right_position.tp .editbar .container .btns .dosavechanges span {
  border-radius: 18px;
  background-color: #202A53;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  line-height: 34px;
  padding: 0px 14px;
  float: left;
  min-width: 90px;
}
#clubs_admin .container .right_position.tp .editbar #uploadprogress3 {
  position: absolute;
  left: 0;
  top: 75px;
  height: 11px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  width: 0%;
  color: #fff;
  font-size: 9px;
  line-height: 11px;
  text-align: center;
  font-family: "Fira Sans";
}
#clubs_admin .container .right_position.tp .specialbtn {
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  border-radius: 22px;
  color: #FFFFFF;
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  -webkit-appearance: none;
}
#clubs_admin .container .right_position.tp .container.ex1106 {
  width: 1106px;
  float: left;
  margin-left: calc((100% - 1106px) /2);
  margin-top: 92px;
  padding: 0px;
  padding-bottom: 50px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .ii {
  height: auto;
  width: 562px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen {
  height: 389px;
  width: 544px;
  background-color: #202A53;
  padding: 20px 22px;
  float: left;
  border-radius: 10px;
  margin-right: 18px;
  position: relative;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .enfrdiv {
  width: 73px;
  position: absolute;
  right: 15px;
  top: 10px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .enfrdiv a {
  width: 34px;
  height: 30px;
  float: left;
  display: block;
  margin-right: 5px;
  cursor: pointer;
  padding: 3px 5px;
  border-radius: 6px;
  background-color: #252832;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .enfrdiv a img {
  width: 24px;
  height: 24px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .enfrdiv a:hover {
  background-color: #177AFF;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .enfrdiv a:last-child {
  margin-right: 0px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .enfrdiv a.sel {
  background-color: #177AFF;
}
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid {
  height: 233px;
  width: 544px;
  background-color: #202A53;
  padding: 20px 22px;
  float: left;
  border-radius: 10px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .imgofevt,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .imgofevt {
  width: 167px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100px;
  border-radius: 4px;
  margin-top: 5px;
  float: left;
}
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt #mygoon,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid #mygoon {
  width: 100%;
  height: 349px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .videovid {
  height: auto;
}
#clubs_admin .container .right_position.tp .container.ex1106 .pic_seldd img {
  width: 100px;
  height: 60px;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  cursor: pointer;
}
#clubs_admin .container .right_position.tp .container.ex1106 .pic_seldd img.sel {
  border: 2px solid #177AFF;
}
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt.withvid,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid.withvid {
  min-height: 389px;
  z-index: 3;
  position: relative;
}
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt.withvid #video_xdvid,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid.withvid #video_xdvid {
  float: left;
}
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream {
  height: 173px;
  width: 544px;
  background-color: #202A53;
  padding: 20px 22px;
  float: left;
  border-radius: 10px;
  margin-top: 18px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .extra {
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  padding: 0px;
  margin: 0px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 10px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .videocat {
  height: 146px;
  width: 544px;
  background-color: #202A53;
  padding: 20px 22px;
  float: left;
  border-radius: 10px;
  margin-top: 18px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .datecont {
  min-height: 146px;
  width: 544px;
  background-color: #202A53;
  padding: 20px 22px;
  float: left;
  border-radius: 10px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .datecont #uploadingfilename {
  color: #177AFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-align: center;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
  float: left;
}
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt {
  margin-top: 18px;
  margin-right: 18px;
  width: 544px;
  float: left;
  min-height: 310px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt .datecont {
  min-height: 146px;
  width: 544px;
  background-color: #202A53;
  padding: 20px 22px;
  float: left;
  border-radius: 10px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt .catevt,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt .privacy_n {
  height: 146px;
  width: 544px;
  background-color: #202A53;
  padding: 20px 22px;
  float: left;
  border-radius: 10px;
  margin-top: 18px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt #uploadnewvideo {
  min-width: 325px;
  margin-left: calc((100% - 325px) / 2);
  margin-top: 10px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt #uploadnewvideo span {
  min-width: 321px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .dosavechanges {
  height: 38px;
  min-width: 94px;
  border-radius: 22px;
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  cursor: pointer;
  line-height: 38px;
  text-align: center;
  float: left;
  outline: none;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  margin-left: 20px;
  border: none;
}
#clubs_admin .container .right_position.tp .container.ex1106 .dosavechanges span {
  border-radius: 18px;
  background-color: #202A53;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  line-height: 34px;
  padding: 0px 14px;
  float: left;
  min-width: 90px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 {
  margin-top: 18px;
  margin-right: 0px;
  width: 544px;
  float: left;
  min-height: 310px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .startstream {
  min-height: 68px;
  width: 544px;
  background-color: #202A53;
  padding: 14px 22px;
  float: left;
  border-radius: 10px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .startstream .extra {
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  padding: 0px;
  margin: 0px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 10px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .startstream .dosavechanges {
  height: 38px;
  min-width: 300px;
  border-radius: 22px;
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  cursor: pointer;
  line-height: 38px;
  text-align: center;
  float: left;
  outline: none;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  margin-left: calc((100% - 300px) / 2);
  border: none;
}
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .startstream .dosavechanges span {
  border-radius: 18px;
  background-color: #202A53;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  line-height: 34px;
  padding: 0px 14px;
  float: left;
  min-width: 296px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt {
  height: 224px;
  width: 544px;
  background-color: #202A53;
  padding: 20px 22px;
  float: left;
  border-radius: 10px;
  margin-top: 18px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .ttl,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .ttl,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .ttl,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .ttl,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .ttl,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .ttl,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .ttl,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .ttl,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .ttl,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .ttl {
  height: 24px;
  width: 314px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
  float: left;
  margin-bottom: 16px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .somedescrt,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .somedescrt,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .somedescrt,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .somedescrt,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .somedescrt,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .somedescrt,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .somedescrt,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .somedescrt,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .somedescrt,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .somedescrt {
  min-height: 44px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  float: left;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .input-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .input-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .input-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .input-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .input-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .input-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .input-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .input-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .input-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .input-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .textarea-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .textarea-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .textarea-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .textarea-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .textarea-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .textarea-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .textarea-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .textarea-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .textarea-surface,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .textarea-surface {
  min-height: 58px;
  width: 100%;
  border-radius: 4px 4px 0 0;
  background-color: rgba(202, 211, 255, 0.05);
  border-bottom: 2px solid #919398;
  margin-bottom: 20px;
  padding: 6px 16px;
  float: left;
  /*&:nth-child(odd) { margin-left: 0px; }*/
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .input-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .input-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .input-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .input-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .input-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .input-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .input-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .input-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .input-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .input-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .textarea-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .textarea-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .textarea-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .textarea-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .textarea-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .textarea-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .textarea-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .textarea-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .textarea-surface label,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .textarea-surface label {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 16px;
  width: 100%;
  margin-bottom: .2rem;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .input-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .input-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .input-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .input-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .input-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .input-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .input-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .input-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .input-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .input-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .textarea-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .textarea-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .textarea-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .textarea-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .textarea-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .textarea-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .textarea-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .textarea-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .textarea-surface input,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .textarea-surface input {
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .input-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .input-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .input-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .input-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .input-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .input-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .input-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .input-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .input-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .input-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .textarea-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .textarea-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .textarea-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .textarea-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .textarea-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .textarea-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .textarea-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .textarea-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .textarea-surface select,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .textarea-surface select {
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .input-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .input-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .input-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .input-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .input-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .input-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .input-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .input-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .input-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .input-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .textarea-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .textarea-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .textarea-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .textarea-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .textarea-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .textarea-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .textarea-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .textarea-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .textarea-surface select option,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .textarea-surface select option {
  color: #444c67;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .input-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .input-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .input-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .input-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .input-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .input-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .input-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .input-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .input-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .input-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .textarea-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .textarea-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .textarea-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .textarea-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .textarea-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .textarea-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .textarea-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .textarea-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .textarea-surface textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .textarea-surface textarea {
  min-height: 178px;
  width: 100%;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .input-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .input-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .input-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .input-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .input-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .input-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .input-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .input-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .input-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .input-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .textarea-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .textarea-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .textarea-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .textarea-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .textarea-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .textarea-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .textarea-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .textarea-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .textarea-surface:focus-within,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .textarea-surface:focus-within {
  border-bottom-color: #177AFF;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .input-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .input-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .input-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .input-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .input-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .input-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .input-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .input-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .input-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .input-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .textarea-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .textarea-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .textarea-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .textarea-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .textarea-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .textarea-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .textarea-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .textarea-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .textarea-surface:focus-within label,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .textarea-surface:focus-within label {
  color: #177AFF;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .input-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .input-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .input-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .input-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .input-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .input-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .input-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .input-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .input-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .input-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .textarea-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .textarea-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .textarea-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .textarea-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .textarea-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .textarea-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .textarea-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .textarea-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .textarea-surface:focus-within input,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .textarea-surface:focus-within input {
  color: #fff;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .input-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .input-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .input-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .input-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .input-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .input-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .input-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .input-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .input-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .input-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .textarea-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .textarea-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .textarea-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .textarea-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .textarea-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .textarea-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .textarea-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .textarea-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .textarea-surface:focus-within textarea,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .textarea-surface:focus-within textarea {
  color: #fff;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .input-surface.s50,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .input-surface.s50,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .input-surface.s50,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .input-surface.s50,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .input-surface.s50,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .input-surface.s50,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .input-surface.s50,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .input-surface.s50,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .input-surface.s50,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .input-surface.s50 {
  width: 49%;
  margin-right: 2%;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .input-surface.s50.nomg,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .input-surface.s50.nomg,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .input-surface.s50.nomg,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .input-surface.s50.nomg,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .input-surface.s50.nomg,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .input-surface.s50.nomg,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .input-surface.s50.nomg,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .input-surface.s50.nomg,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .input-surface.s50.nomg,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .input-surface.s50.nomg {
  margin-right: 0%;
  float: right;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .btnaction,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .btnaction,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .btnaction,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .btnaction,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .btnaction,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .btnaction,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .btnaction,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .btnaction,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .btnaction,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .btnaction {
  height: 38px;
  min-width: 94px;
  border-radius: 22px;
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  cursor: pointer;
  line-height: 38px;
  text-align: center;
  float: left;
  outline: none;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  margin-left: 15px;
  margin-top: 55px;
  border: none;
  padding: 2px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .btnaction span,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .btnaction span,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .btnaction span,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .btnaction span,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .btnaction span,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .btnaction span,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .btnaction span,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .btnaction span,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .btnaction span,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .btnaction span {
  border-radius: 18px;
  background-color: #202A53;
  line-height: 34px;
  padding: 0px 14px;
  float: left;
  min-width: 90px;
}
#clubs_admin .container .right_position.tp .container.ex1106 .infogen .addbtmb,
#clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .addbtmb,
#clubs_admin .container .right_position.tp .container.ex1106 .lienstream .addbtmb,
#clubs_admin .container .right_position.tp .container.ex1106 .datecont .addbtmb,
#clubs_admin .container .right_position.tp .container.ex1106 .catevt .addbtmb,
#clubs_admin .container .right_position.tp .container.ex1106 .socialevt .addbtmb,
#clubs_admin .container .right_position.tp .container.ex1106 .videocat .addbtmb,
#clubs_admin .container .right_position.tp .container.ex1106 .videovid .addbtmb,
#clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .addbtmb,
#clubs_admin .container .right_position.tp .container.ex1106 .privacy_n .addbtmb {
  margin-bottom: 35px;
}
#clubs_admin .container .right_cnt {
  width: 727px;
  float: left;
  height: auto;
  margin-left: 327px;
  margin-top: 40px;
}
#clubs_admin .container .right_cnt .top_clbmenu {
  width: 100%;
  float: left;
  height: 50px;
  border-radius: 8px 8px 2px 2px;
  background-color: #202A53;
}
#clubs_admin .container .right_cnt .top_clbmenu a {
  border-bottom: 2px solid #2D3760;
  width: 25%;
  float: left;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  position: relative;
  display: block;
}
#clubs_admin .container .right_cnt .top_clbmenu a.sel {
  line-height: 50px;
  font-weight: bold;
  color: #fff;
  letter-spacing: 0.2px;
}
#clubs_admin .container .right_cnt .top_clbmenu a.sel:after {
  content: '';
  width: 100%;
  position: absolute;
  bottom: -2px;
  height: 3px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  left: 0px;
}
#clubs_admin .container .right_cnt .input-surface,
#clubs_admin .container .right_cnt .textarea-surface {
  min-height: 58px;
  width: 650px;
  border-radius: 4px 4px 0 0;
  background-color: rgba(202, 211, 255, 0.05);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  margin-left: 20px;
  margin-bottom: 20px;
  padding: 6px 16px;
  float: left;
  /*&:nth-child(odd) { margin-left: 0px; }*/
}
#clubs_admin .container .right_cnt .input-surface label,
#clubs_admin .container .right_cnt .textarea-surface label {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Fira Sans";
  font-size: 12px;
  letter-spacing: 0.4px;
  line-height: 16px;
  width: 100%;
  margin-bottom: .2rem;
}
#clubs_admin .container .right_cnt .input-surface input,
#clubs_admin .container .right_cnt .textarea-surface input {
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  width: 100%;
  outline: none;
}
#clubs_admin .container .right_cnt .input-surface select,
#clubs_admin .container .right_cnt .textarea-surface select {
  width: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
}
#clubs_admin .container .right_cnt .input-surface option,
#clubs_admin .container .right_cnt .textarea-surface option {
  color: #444c67;
}
#clubs_admin .container .right_cnt .input-surface textarea,
#clubs_admin .container .right_cnt .textarea-surface textarea {
  min-height: 134px;
  width: 100%;
  color: rgba(255, 255, 255, 0.58);
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 24px;
  background-color: transparent;
  border: none;
  outline: none;
  resize: none;
}
#clubs_admin .container .right_cnt .input-surface:focus-within,
#clubs_admin .container .right_cnt .textarea-surface:focus-within {
  border-bottom-color: #177AFF;
}
#clubs_admin .container .right_cnt .input-surface:focus-within label,
#clubs_admin .container .right_cnt .textarea-surface:focus-within label {
  color: #177AFF;
}
#clubs_admin .container .right_cnt .input-surface:focus-within input,
#clubs_admin .container .right_cnt .textarea-surface:focus-within input {
  color: #fff;
}
#clubs_admin .container .right_cnt .input-surface.s50 {
  width: 46%;
  margin-right: 1%;
}
#clubs_admin .container .right_cnt .publish_status {
  min-height: 58px;
  width: 650px;
  border-radius: 4px 4px 0 0;
  background-color: rgba(202, 211, 255, 0.05);
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  margin-left: 20px;
  margin-bottom: 20px;
  padding: 6px 16px;
  float: left;
}
#clubs_admin .container .right_cnt .publish_status span {
  line-height: 46px;
  color: #fff;
  font-family: "Fira Sans";
  font-size: 16px;
  font-weight: bold;
}
#clubs_admin .container .right_cnt .publish_status #publishun {
  height: 34px;
  min-width: 78px;
  border-radius: 22px;
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  cursor: pointer;
  line-height: 30px;
  text-align: center;
  float: right;
  outline: none;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  width: auto !important;
  padding: 3px 30px;
  margin-right: 40px;
  margin-top: 6px;
}
#clubs_admin .container .right_cnt .row_content {
  width: 100%;
  padding: 20px;
  float: left;
  display: block;
  border-radius: 8px;
  margin-top: 20px;
  height: auto;
  background-color: #202A53;
  position: relative;
}
#clubs_admin .container .right_cnt .row_content .rrtop_ttl {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: bold;
  line-height: 37px;
  float: left;
  width: 100%;
  margin-bottom: 16px;
}
#clubs_admin .container .right_cnt .row_content .rrtop_ttl span {
  width: 100%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  display: block;
}
#clubs_admin .container .right_cnt .row_content .cl-adm {
  width: 90%;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
  display: block;
  margin-bottom: 10px;
  margin-left: 10%;
}
#clubs_admin .container .right_cnt .row_content .change_section,
#clubs_admin .container .right_cnt .row_content .canceled,
#clubs_admin .container .right_cnt .row_content .addnewadmtoclub {
  height: 34px;
  min-width: 78px;
  border-radius: 22px;
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  cursor: pointer;
  line-height: 30px;
  text-align: center;
  float: left;
  outline: none;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  position: absolute;
  right: 22px;
  top: 15px;
  width: auto !important;
}
#clubs_admin .container .right_cnt .row_content .change_section span,
#clubs_admin .container .right_cnt .row_content .canceled span,
#clubs_admin .container .right_cnt .row_content .addnewadmtoclub span {
  border-radius: 18px;
  background-color: #202A53;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  line-height: 30px;
  padding: 0px 20px;
  float: left;
  min-width: 74px;
  width: auto !important;
}
#clubs_admin .container .right_cnt .row_content .canceled {
  right: 180px;
}
#clubs_admin .container .right_cnt .row_content .change_section.save {
  line-height: 34px;
  padding-left: 20px;
  padding-right: 20px;
}
#clubs_admin .container .right_cnt .row_content .ucat {
  width: 105px;
  min-height: 235px;
  float: left;
  margin-left: 20px;
}
#clubs_admin .container .right_cnt .row_content .ucat img {
  width: 105px;
  border-radius: 6px;
}
#clubs_admin .container .right_cnt .row_content .ucat .ucat_name {
  width: 100%;
  float: left;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 13px;
  letter-spacing: -0.2px;
  line-height: 16px;
  text-align: center;
  margin-top: 10px;
}
#clubs_admin .container .right_cnt .row_content .ucat .ucat_name.ns {
  color: rgba(255, 255, 255, 0.5);
}
#clubs_admin .container .right_cnt .row_content .ucat.sel {
  position: relative;
}
#clubs_admin .container .right_cnt .row_content .ucat.sel:before {
  content: '';
  position: absolute;
  width: 28px;
  height: 28px;
  top: -11px;
  right: -11px;
  background: url(images/issel.svg) no-repeat center center;
  background-size: cover;
}
#clubs_admin .container .right_cnt .row_content .ucat.sel img {
  border: 2px solid #395BF1;
}
#clubs_admin .container .right_cnt .row_content .ucat.sel .ucat_name.ns {
  color: #fff;
}
#clubs_admin .container .right_cnt .row_content .ucat.canhpsbecat {
  cursor: pointer;
}
#clubs_admin .container .right_cnt .uvids_filter {
  width: 100%;
  border-radius: 6px;
  height: 42px;
  padding: 11px;
  background-color: #202A53;
  margin-top: 24px;
  float: left;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 20px;
}
#clubs_admin .container .right_cnt .uvids_filter .u1 {
  width: 100px;
  float: left;
  height: 20px;
}
#clubs_admin .container .right_cnt .uvids_filter .u2 {
  width: 200px;
  float: left;
  margin-right: 14px;
  position: relative;
}
#clubs_admin .container .right_cnt .uvids_filter .u2 a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
#clubs_admin .container .right_cnt .uvids_filter .u2 a:hover {
  color: #fff;
  text-decoration: underline;
}
#clubs_admin .container .right_cnt .uvids_filter .u2 a.sel {
  color: #fff;
}
#clubs_admin .container .right_cnt .uvids_filter .u2 a.sel.up:before {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  top: 1px;
  right: 1px;
  border: 5px solid transparent;
  border-bottom-color: #FFFFFF;
}
#clubs_admin .container .right_cnt .uvids_filter .u2 a.sel.down:before {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  top: 6px;
  right: 1px;
  border: 5px solid transparent;
  border-top-color: #FFFFFF;
}
#clubs_admin .container .right_cnt .uvids_filter .u3 {
  width: 140px;
  float: left;
  margin-right: 12px;
  padding-left: 0px;
  position: relative;
}
#clubs_admin .container .right_cnt .uvids_filter .u3 a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
#clubs_admin .container .right_cnt .uvids_filter .u3 a:hover {
  color: #fff;
  text-decoration: underline;
}
#clubs_admin .container .right_cnt .uvids_filter .u3 a.sel {
  color: #fff;
}
#clubs_admin .container .right_cnt .uvids_filter .u3 a.sel.up:before {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  top: 1px;
  right: 1px;
  border: 5px solid transparent;
  border-bottom-color: #FFFFFF;
}
#clubs_admin .container .right_cnt .uvids_filter .u3 a.sel.down:before {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  top: 6px;
  right: 1px;
  border: 5px solid transparent;
  border-top-color: #FFFFFF;
}
#clubs_admin .container .right_cnt .uvids_filter .u4 {
  width: 170px;
  float: left;
  position: relative;
}
#clubs_admin .container .right_cnt .uvids_filter .u4 a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
#clubs_admin .container .right_cnt .uvids_filter .u4 a:hover {
  color: #fff;
  text-decoration: underline;
}
#clubs_admin .container .right_cnt .uvids_filter .u4 a.sel {
  color: #fff;
}
#clubs_admin .container .right_cnt .uvids_filter .u4 a.sel.up:before {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  top: 1px;
  right: 6px;
  border: 5px solid transparent;
  border-bottom-color: #FFFFFF;
}
#clubs_admin .container .right_cnt .uvids_filter .u4 a.sel.down:before {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  top: 6px;
  right: 6px;
  border: 5px solid transparent;
  border-top-color: #FFFFFF;
}
#clubs_admin .container .right_cnt .uvids_filter .u5 {
  width: 50px;
  float: left;
  padding-left: 0px;
  position: relative;
}
#clubs_admin .container .right_cnt .uvids_filter .u5 a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
}
#clubs_admin .container .right_cnt .uvids_filter .u5 a:hover {
  color: #fff;
  text-decoration: underline;
}
#clubs_admin .container .right_cnt .uvids_filter .u5 a.sel {
  color: #fff;
}
#clubs_admin .container .right_cnt .uvids_filter .u5 a.sel.up:before {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  top: 1px;
  right: 1px;
  border: 5px solid transparent;
  border-bottom-color: #FFFFFF;
}
#clubs_admin .container .right_cnt .uvids_filter .u5 a.sel.down:before {
  content: ' ';
  height: 0;
  position: absolute;
  width: 0;
  top: 6px;
  right: 1px;
  border: 5px solid transparent;
  border-top-color: #FFFFFF;
}
#clubs_admin .container .right_cnt .uups .u2 {
  width: 440px;
}
#clubs_admin .container .right_cnt .uups .u3 {
  width: 100px;
}
#clubs_admin .container .right_cnt .uups .u4 {
  width: 120px;
}
#clubs_admin .container .right_cnt .uvids_row,
#clubs_admin .container .right_cnt .upls_row {
  width: 100%;
  border-radius: 6px;
  height: 82px;
  padding: 11px;
  background-color: #202A53;
  margin-top: 24px;
  float: left;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
  position: relative;
}
#clubs_admin .container .right_cnt .uvids_row .u1,
#clubs_admin .container .right_cnt .upls_row .u1 {
  width: 100px;
  float: left;
  height: 20px;
}
#clubs_admin .container .right_cnt .uvids_row .u1 .uvbg,
#clubs_admin .container .right_cnt .upls_row .u1 .uvbg {
  width: 90px;
  float: left;
  margin-right: 10px;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 60px;
}
#clubs_admin .container .right_cnt .uvids_row .u2,
#clubs_admin .container .right_cnt .upls_row .u2 {
  width: 200px;
  float: left;
  margin-right: 15px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}
#clubs_admin .container .right_cnt .uvids_row .u3,
#clubs_admin .container .right_cnt .upls_row .u3 {
  width: 140px;
  float: left;
  margin-right: 10px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 15px;
  line-height: 60px;
  font-weight: normal;
}
#clubs_admin .container .right_cnt .uvids_row .u4,
#clubs_admin .container .right_cnt .upls_row .u4 {
  width: 170px;
  float: left;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
#clubs_admin .container .right_cnt .uvids_row .u5,
#clubs_admin .container .right_cnt .upls_row .u5 {
  width: 45px;
  float: left;
  padding-left: 0px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
#clubs_admin .container .right_cnt .uvids_row .options,
#clubs_admin .container .right_cnt .upls_row .options {
  width: 25px;
  height: 60px;
  background: url(images/3dots.svg) no-repeat center center;
  cursor: pointer;
  float: right;
}
#clubs_admin .container .right_cnt .uvids_row .uoverprog,
#clubs_admin .container .right_cnt .upls_row .uoverprog,
#clubs_admin .container .right_cnt .uvids_row .uoverprog2,
#clubs_admin .container .right_cnt .upls_row .uoverprog2 {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 6px;
  overflow: hidden;
}
#clubs_admin .container .right_cnt .uvids_row .uoverprog:before,
#clubs_admin .container .right_cnt .upls_row .uoverprog:before,
#clubs_admin .container .right_cnt .uvids_row .uoverprog2:before,
#clubs_admin .container .right_cnt .upls_row .uoverprog2:before {
  content: '';
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.3);
  filter: blur(45px);
  z-index: 3;
}
#clubs_admin .container .right_cnt .uvids_row .uoverprog .progressovr,
#clubs_admin .container .right_cnt .upls_row .uoverprog .progressovr,
#clubs_admin .container .right_cnt .uvids_row .uoverprog2 .progressovr,
#clubs_admin .container .right_cnt .upls_row .uoverprog2 .progressovr {
  float: left;
  height: 100%;
  background: linear-gradient(314.51deg, rgba(23, 122, 255, 0.94) 0%, rgba(72, 40, 220, 0.94) 97.74%);
  width: 0%;
}
#clubs_admin .container .right_cnt .uvids_row .uoverprog .progressovr span,
#clubs_admin .container .right_cnt .upls_row .uoverprog .progressovr span,
#clubs_admin .container .right_cnt .uvids_row .uoverprog2 .progressovr span,
#clubs_admin .container .right_cnt .upls_row .uoverprog2 .progressovr span {
  color: #FFF;
  text-align: center;
  font-size: 28px;
  line-height: 82px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  text-shadow: 0px 1px 10px #000;
  font-size: bolder;
}
#clubs_admin .container .right_cnt .uvids_row .uoverprog2 .progressovr,
#clubs_admin .container .right_cnt .upls_row .uoverprog2 .progressovr {
  background: linear-gradient(314.51deg, rgba(35, 7, 77, 0.54) 0%, rgba(204, 83, 51, 0.54) 67.74%);
}
#clubs_admin .container .right_cnt .uvids_row .uoverprog2 .progressovr span,
#clubs_admin .container .right_cnt .upls_row .uoverprog2 .progressovr span {
  line-height: 15px;
  font-size: 15px;
  padding: 60px;
  text-align: right;
  color: #ff1919;
}
#clubs_admin .container .right_cnt .upls_row {
  height: 34px;
  padding: 7px;
}
#clubs_admin .container .right_cnt .upls_row .options {
  height: 100%;
  background-size: auto 20px;
}
#clubs_admin .container .right_cnt .upls_row .u2 {
  width: 440px;
}
#clubs_admin .container .right_cnt .upls_row .u3 {
  line-height: 20px;
  width: 100px;
  background: url(images/movec.svg) no-repeat center center;
  color: transparent;
}
#clubs_admin .container .right_cnt .upls_row .u4 {
  width: 120px;
}
#clubs_admin .container .right_cnt .underbar1 {
  width: 100%;
  float: left;
  height: 44px;
  margin-top: 24px;
}
#clubs_admin .container .right_cnt .underbar1 #searchinevts,
#clubs_admin .container .right_cnt .underbar1 #searchinvids,
#clubs_admin .container .right_cnt .underbar1 #searchinpls {
  width: 480px;
  height: 44px;
  border: none;
  border-radius: 22px;
  padding: 10px 10px 10px 63px;
  background: url(images/search_inevts.png) no-repeat 28px center #202A53;
  background-size: 22px;
  color: rgba(255, 255, 255, 0.76);
  font-family: "Fira Sans";
  font-size: 14px;
  line-height: 24px;
  outline: none;
}
#clubs_admin .container .right_cnt .underbar1 .createnewev,
#clubs_admin .container .right_cnt .underbar1 .createnewvid,
#clubs_admin .container .right_cnt .underbar1 .createnewpls {
  height: 42px;
  min-width: 94px;
  border-radius: 22px;
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  cursor: pointer;
  line-height: 42px;
  text-align: center;
  float: right;
  outline: none;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  margin-left: 31px;
  margin-top: 1px;
  padding: 2px;
}
#clubs_admin .container .right_cnt .underbar1 .createnewev span,
#clubs_admin .container .right_cnt .underbar1 .createnewvid span,
#clubs_admin .container .right_cnt .underbar1 .createnewpls span {
  border-radius: 18px;
  background-color: #10193B;
  line-height: 38px;
  padding: 0px 14px;
  float: left;
  min-width: 90px;
}
#clubs_admin .container .right_cnt .uevts_row {
  width: 233px;
  height: 288px;
  margin-left: 12px;
  margin-top: 50px;
  background: url(images/ticketadmevt.svg) no-repeat center center transparent;
  float: left;
  color: #fff;
  position: relative;
  padding-top: 155px;
}
#clubs_admin .container .right_cnt .uevts_row .uvbg {
  position: absolute;
  width: 199px;
  left: 17px;
  top: -17px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 148px;
  border-radius: 8px;
  -webkit-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.5);
}
#clubs_admin .container .right_cnt .uevts_row .u3 {
  color: rgba(255, 255, 255, 0.8);
  font-family: "Fira Sans";
  font-size: 13px;
  line-height: 15px;
  margin-left: 17px;
  float: left;
}
#clubs_admin .container .right_cnt .uevts_row .u2 {
  width: 198px;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin-left: 17px;
  float: left;
  min-height: 38px;
  margin-top: 7px;
  margin-bottom: 5px;
  overflow: hidden;
  max-height: 40px;
}
#clubs_admin .container .right_cnt .uevts_row .u4 {
  position: absolute;
  min-width: 39px;
  right: 7px;
  top: 90px;
  color: #fff;
  font-family: "Fira Sans";
  font-size: 12px;
  line-height: 20px;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  border-radius: 13px;
  padding: 4px 8px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
}
#clubs_admin .container .right_cnt .uevts_row .deldel {
  position: absolute;
  min-width: 100px;
  right: 7px;
  top: 50px;
  color: #fff;
  font-family: "Fira Sans";
  font-size: 12px;
  line-height: 20px;
  background: linear-gradient(314.51deg, #e52d27 0%, #b31217 97.74%);
  border-radius: 13px;
  padding: 4px 8px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.5);
}
#clubs_admin .container .right_cnt .uevts_row .linebtm {
  width: 199px;
  margin-left: 17px;
  height: 1px;
  background: rgba(255, 255, 255, 0.23);
  float: left;
}
#clubs_admin .container .right_cnt .uevts_row .doedit {
  height: 38px;
  min-width: 94px;
  border-radius: 22px;
  text-decoration: none;
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  cursor: pointer;
  line-height: 38px;
  text-align: center;
  float: left;
  outline: none;
  background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
  box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
  margin-left: 69px;
  margin-top: 15px;
  border: none;
  padding: 0px;
}
#clubs_admin .container .right_cnt .uevts_row .doedit:after {
  display: none;
}
#clubs_admin .container .right_cnt .uevts_row .doedit span {
  border-radius: 18px;
  background-color: #202A53;
  margin-top: 2px;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 2px;
  line-height: 34px;
  padding: 0px 14px;
  float: left;
  min-width: 90px;
}
#clubs_admin .container .right_cnt .uevts_row .doedit span:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent;
}
#clubs_admin .container .right_cnt .uevts_row:nth-child(3n+1) {
  margin-left: 0px;
}
.popover {
  background-color: #202A53;
}
.popover .arrow:after {
  border-left-color: #202A53;
}
.popover .popover-body {
  padding: 5px;
  float: left;
  color: #fff;
}
.popover .popover-body a {
  color: #FFFFFF;
  font-family: "Fira Sans";
  font-size: 14px;
  letter-spacing: -0.3px;
  line-height: 17px;
  width: 100%;
  float: left;
  padding: 8px 10px;
  border-bottom: 1px solid #2C2E3A;
  text-decoration: none;
}
.popover .popover-body a:last-child {
  border-bottom: none;
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-topbarplugin-container {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s;
}
.video-js .vjs-topbarplugin-container {
  width: 99%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: #fff;
  padding: 5px 1%;
  font-size: 163%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.7);
}
.vjs-has-started .vjs-topbarplugin-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s;
}
.vjs-topbarplugin-container a {
  color: #eee;
  text-decoration: none;
  -moz-transition: color 0.1s cubic-bezier(0, 0, 0.2, 1);
  -webkit-transition: color 0.1s cubic-bezier(0, 0, 0.2, 1);
  transition: color 0.1s cubic-bezier(0, 0, 0.2, 1);
  outline: 0;
}
.vjs-topbarplugin-container a.titlenameplugin {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  height: 1.2em;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  float: left;
  padding-left: 4px;
}
.vjs-topbarplugin-container a.titlenameplugin:hover {
  color: #fff;
  -moz-transition: color 0.1s cubic-bezier(0.4, 0, 1, 1);
  -webkit-transition: color 0.1s cubic-bezier(0.4, 0, 1, 1);
  transition: color 0.1s cubic-bezier(0.4, 0, 1, 1);
}
/******************** admin *****************/
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline:hover,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 10em;
}
.video-js .vjs-controls-disabled .vjs-big-play-button {
  display: none !important;
}
.video-js .vjs-control {
  width: 4em;
}
.video-js .vjs-menu-button-inline:before {
  width: 1.5em;
}
.vjs-menu-button-inline .vjs-menu {
  left: 3em;
}
.video-js .vjs-load-progress div,
.vjs-seeking .vjs-big-play-button,
.vjs-waiting .vjs-big-play-button {
  display: none !important;
}
.video-js .vjs-mouse-display:after,
.video-js .vjs-play-progress:after {
  padding: 0 0.4em 0.3em;
}
.video-js.vjs-ended .vjs-loading-spinner {
  display: none;
}
.video-js.vjs-ended .vjs-big-play-button {
  display: block !important;
}
.video-js.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started.video-js .vjs-big-play-button,
video-js.vjs-ended .vjs-big-play-button {
  display: block;
}
.video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-left: -1.5em;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 2.5em;
  border-radius: 20%;
  height: 1.4em!important;
  line-height: 1.4em!important;
  margin-top: -0.7em !important;
}
.video-js .vjs-big-play-button:active,
.video-js .vjs-big-play-button:focus,
.video-js:hover .vjs-big-play-button {
  background-color: #4832c1;
}
.video-js .vjs-loading-spinner {
  border-color: #4832c1;
}
.video-js .vjs-control-bar2 {
  background-color: #000;
}
.video-js .vjs-control-bar {
  background-color: rgba(0, 0, 0, 0.3) !important;
  color: #fff;
  font-size: 10px;
}
.video-js .vjs-play-progress,
.video-js .vjs-volume-level {
  background-color: #4832c1;
}
.video-js .vjs-load-progress {
  background: rgba(255, 255, 255, 0.3);
}
.video-js .s3bubble-meta-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
.video-js .s3bubble-meta-overlay .s3bubble-meta-overlay-container {
  margin: 3%;
  width: 50%;
  padding: 0;
  text-shadow: 0 -1px 0 #252525;
  text-align: left;
}
.video-js .s3bubble-meta-overlay .s3bubble-meta-overlay-container h5 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.5vw;
  font-weight: 200;
  color: #fff;
  margin: 0;
  text-shadow: 0 -1px 0 #252525;
  max-width: 30em;
  margin: 0 0 0.4em 0;
  padding: 0;
}
.video-js .s3bubble-meta-overlay .s3bubble-meta-overlay-container h1 {
  font-family: "Fira Sans", sans-serif;
  font-weight: 500;
  font-size: 24px;
  letter-spacing: 0.1vw;
  color: #fff;
  margin: 0 0 0.2em 0;
  padding: 0;
}
.video-js .s3bubble-meta-overlay .s3bubble-meta-overlay-container p {
  font-family: "Fira Sans", sans-serif;
  font-weight: 200;
  font-size: 16px;
  color: #fff;
  text-shadow: 0 -1px 0 #252525;
  line-height: 1.3em;
  width: 100%;
  max-width: 30em;
  margin: 0;
  padding: 0;
}
.s3bubble-meta-overlay-visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 1s linear;
}
.s3bubble-meta-overlay-hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 1s, opacity 2s linear;
}
.video-js .vjs-big-play-button {
  background: url(images/play.png?i=3) no-repeat center center !important;
  width: 106px !important;
  height: 116px !important;
  border: none !important;
  background-size: cover;
  margin-top: -53px !important;
  margin-left: -58px !important;
  z-index: 9;
}
.video-js .vjs-big-play-button span {
  display: none;
}
@media screen and (max-width: 1500px) {
  .title2 {
    max-width: 80%;
  }
  .subscriptions {
    width: calc(100% - 25px);
    margin-left: 5px;
  }
}
@media screen and (max-width: 1300px) {
  .container {
    max-width: 100%;
  }
  .container #categories_page {
    padding-top: 85px;
  }
  .container #categories_page .subscriptions {
    width: calc(100% - 25px);
    margin-left: 5px;
  }
  .container #categories_page .subscriptions .clubsubscription {
    margin-left: 0px;
    width: 48%;
    margin-left: 0%;
  }
  .container #categories_page .subscriptions .clubsubscription .subebg {
    max-width: 100%;
  }
  .container #categories_page .subscriptions .clubsubscription .abo_club_name {
    width: calc(100% - 95px);
  }
  .container #categories_page .subscriptions .clubsubscription .folls {
    width: calc(100% - 95px);
  }
  .container #categories_page .subscriptions .clubsubscription .uvs {
    width: calc(100% - 95px);
  }
  .container #categories_page .subscriptions .clubsubscription:nth-child(even) {
    margin-left: 20px;
  }
}
@media screen and (max-width: 618px) {
  #categories_page {
    padding-top: 85px;
  }
  #categories_page .subscriptions {
    width: calc(100% - 25px);
    margin-left: 5px;
  }
  #categories_page .subscriptions .clubsubscription {
    margin-left: 0px;
    width: 100%;
  }
  #categories_page .subscriptions .clubsubscription .subebg {
    max-width: 100%;
  }
  #categories_page .subscriptions .clubsubscription .abo_club_name {
    width: calc(100% - 95px);
  }
  #categories_page .subscriptions .clubsubscription .folls {
    width: calc(100% - 95px);
  }
  #categories_page .subscriptions .clubsubscription .uvs {
    width: calc(100% - 95px);
  }
}
@media screen and (max-width: 1439px) {
  .club_cover {
    width: 100%;
    min-height: 163px;
    max-height: 163px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 0;
    margin-top: 91px;
    float: left;
    position: relative;
    margin-bottom: 394px;
  }
  .club_cover .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    background: linear-gradient(0deg, rgba(4, 6, 16, 0.86) 0%, rgba(0, 0, 0, 0) 100%);
  }
  .club_cover .clublogo {
    width: 180px;
    height: 180px;
    position: absolute;
    top: 72px;
    left: calc((100% - 180px) / 2);
    border-radius: 8px;
    box-shadow: 0 14px 20px 0 rgba(0, 0, 0, 0.48);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .club_cover .subbg {
    display: none;
  }
  .club_cover #club_name_title {
    min-height: 29px;
    width: calc(100% - 48px);
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.4px;
    line-height: 32px;
    position: absolute;
    left: 24px;
    top: 268px;
    text-align: center;
  }
  .club_cover #club_name_title span.endirectsp {
    position: absolute;
    left: calc((100% - 64px) / 2);
    margin-left: 0px;
    top: 17px;
  }
  .club_cover .folluv {
    position: absolute;
    left: 0px;
    top: 328px;
    z-index: 9;
    width: 100%;
  }
  .club_cover .folluv .folls {
    text-align: center;
    width: 100%;
    margin-right: 0px;
  }
  .club_cover .folluv .dofollow {
    position: absolute;
    left: calc((100% - 130px) / 2);
    top: 120px;
  }
  .club_cover .folluv .unfollow {
    position: absolute;
    left: calc((100% - 132px) / 2);
    top: 120px;
  }
  .club_cover .clubsocial {
    width: 220px;
    height: 47px;
    top: 378px;
    left: calc((100% - 220px) / 2);
    position: absolute;
  }
  .club_cover .clubsocial .fbs {
    background: url(images/fbchain.svg) no-repeat center center;
    width: 47px;
    height: 47px;
    float: left;
    display: block;
    margin-right: 10px;
  }
  .club_cover .clubsocial .tws {
    background: url(images/twchain.svg) no-repeat center center;
    width: 47px;
    height: 47px;
    float: left;
    display: block;
    margin-right: 10px;
  }
  .club_cover .clubsocial .ins {
    background: url(images/instachain.svg) no-repeat center center;
    width: 47px;
    height: 47px;
    float: left;
    display: block;
    margin-right: 10px;
  }
  .club_cover .clubsocial .wbss {
    background: url(images/sitechain.svg) no-repeat center center;
    width: 47px;
    height: 47px;
    float: left;
    display: block;
  }
  .club_cover .clubsocial.hid {
    display: none;
  }
  .club_cover .clubsocial.w1 {
    width: 50px;
    left: calc((100% - 50px) / 2);
  }
  .club_cover .clubsocial.w1 .fbs,
  .club_cover .clubsocial.w1 .tws,
  .club_cover .clubsocial.w1 .ins,
  .club_cover .clubsocial.w1 .wbss {
    margin-right: 0px;
  }
  .club_cover .clubsocial.w2 {
    width: 104px;
    left: calc((100% - 104px) / 2);
  }
  .club_cover .clubsocial.w2 div:last-child {
    margin-right: 0px;
  }
  .club_cover .clubsocial.w3 {
    width: 161px;
    left: calc((100% - 161px) / 2);
  }
  .club_cover .clubsocial.w3 div:last-child {
    margin-right: 0px;
  }
  .club_cover .clubsocial.w4 {
    width: 218px;
    left: calc((100% - 218px) / 2);
  }
  .club_cover .clubsocial.w4 div:last-child {
    margin-right: 0px;
  }
  .folder_club {
    width: 100%;
    float: left;
    margin-left: 0px;
  }
  .folder_club .searchf {
    width: 100%;
    max-width: 94%;
  }
  .folder_club .searchf h1 {
    float: left;
    line-height: 28px;
    height: 30px;
  }
  .folder_club .searchf input {
    width: 80%;
    margin-left: 0px;
    font-size: 18px;
    letter-spacing: normal;
    margin-top: 0px;
    line-height: 36px;
    background-size: 16px;
    padding-left: 40px;
  }
  .folder_club .searchf ::-webkit-input-placeholder {
    font-family: "FontAwesome", "Fira Sans", sans-serif;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
  }
  .folder_club .searchf ::-moz-placeholder {
    font-family: "FontAwesome", "Fira Sans", sans-serif;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
  }
  .folder_club .searchf :-ms-input-placeholder {
    font-family: "FontAwesome", "Fira Sans", sans-serif;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
  }
  .folder_club .searchf :-moz-placeholder {
    font-family: "FontAwesome", "Fira Sans", sans-serif;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
  }
  .folder_club .searchf input.withss {
    width: 90%;
    border-radius: 38px;
  }
  .folder_club .searchf .select2 {
    margin-top: 16px;
    background-color: #2E87FF;
    height: 36px;
    border-radius: 38px;
    border-left: none;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 90%;
    width: 90%;
  }
  .folder_club .searchf .select2 .select2-selection {
    background-color: #2E87FF;
    color: #fff;
    margin-top: 3px;
    border: none;
  }
  .folder_club .searchf .select2 .select2-selection .select2-selection__rendered {
    color: #fff;
  }
  .folder_club .searchf .select2 .select2-selection .select2-selection__arrow {
    top: 4px;
  }
  .folder_club .searchf .select2 .select2-selection .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
  }
  .folder_club .vid_container {
    width: 100%;
    min-height: 195px;
    float: left;
    margin-top: 35px;
    position: relative;
    margin-left: 0px;
  }
  .folder_club .vid_container .element {
    height: 185px;
    width: 155px;
    margin-right: 10px;
    position: relative;
    margin-bottom: 24px;
    float: left;
    transition: all 0.5s ease;
    display: block;
    text-decoration: none;
    cursor: pointer;
  }
  .folder_club .vid_container .element:last-child {
    margin-right: 0px;
  }
  .folder_club .vid_container .element .img {
    height: 82px;
    width: 155px;
    border-radius: 6px;
    margin-bottom: 14px;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.2);
    transition: all 0.5s ease;
  }
  .folder_club .vid_container .element .img .vid_time {
    height: 18px;
    width: 40px;
    border-radius: 13.75px;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    box-shadow: 0 2px 6px 0 rgba(21, 62, 170, 0.5);
    position: absolute;
    right: 5px;
    top: 58px;
    color: #fff;
    font-family: "Fira Sans";
    font-size: 8px;
    line-height: 19px;
    text-align: center;
  }
  .folder_club .vid_container .element .vid_title {
    min-height: 24px;
    max-height: 42px;
    width: 100%;
    color: #363C4B;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .folder_club .vid_container .element .vid_subttl {
    width: 100%;
    color: #363C4B;
    font-family: "Fira Sans";
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    overflow: hidden;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .folder_club .vid_container .element .vid_views {
    height: 34px;
    width: 100%;
    opacity: 0.7;
    color: #363C4B;
    font-family: "Fira Sans";
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    float: left;
  }
  .folder_club .vid_container .element:hover .img {
    background-size: 110%;
  }
  .folder_club .vid_container.more {
    max-height: 235px;
    overflow-y: hidden;
    overflow-x: auto;
  }
  .evt_container {
    width: 100%;
    min-height: 500px;
    float: left;
    margin-top: 0px;
    position: relative;
    margin-left: 0px;
    max-width: 100%;
    overflow-x: scroll;
  }
  .title,
  .title2 {
    width: calc(100% - 18px);
    margin-left: 18px;
    padding-left: 0px;
    height: auto;
    margin-top: 15px;
  }
  .title h1,
  .title2 h1 {
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.6px;
    line-height: 38px;
    text-shadow: 0px 4px 9px rgba(255, 255, 255, 0.2);
  }
  .title h5,
  .title2 h5 {
    width: 100%;
    font-size: 13px;
    letter-spacing: 2.8px;
    line-height: 30px;
    text-shadow: 0px 4px 7px rgba(255, 255, 255, 0.26);
    color: #BADEFF;
    margin-top: -35px;
  }
  .title .allbtn,
  .title2 .allbtn {
    font-size: 13px;
    letter-spacing: -0.2px;
    line-height: 15px;
    text-align: right;
    color: #52B2FF;
    width: auto;
    height: auto;
    display: block;
    float: right;
    background: none;
    padding: 0;
    border: none;
    min-width: auto;
    right: 8px;
    top: -18px;
  }
  .title:after,
  .title2:after {
    display: none;
  }
  .title:before,
  .title2:before {
    left: -5px;
  }
  .container {
    width: 100%;
    float: left;
  }
  .cat_container {
    width: 100%;
    height: 245px;
    overflow-x: scroll;
    margin-left: 0px;
  }
  .cat_container .element {
    height: 224px;
    width: 158px;
    border-radius: 6px;
    margin-right: 10px;
    background-size: cover;
    position: relative;
    cursor: pointer;
  }
  .cat_container .element h3 {
    bottom: 16px;
    left: 8px;
    width: calc(100% - 16px);
    font-size: 17px;
    font-weight: bold;
    line-height: 23px;
    position: absolute;
    padding-right: 0px;
    margin-left: 0px;
  }
  .cat_container .element h3:before {
    content: '';
    position: absolute;
    top: -15px;
    left: 0px;
    height: 5px;
    width: 24px;
    border-radius: 3px;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    box-shadow: 0 2px 6px 0 rgba(21, 62, 170, 0.5);
  }
  .cat_container .element:nth-child(even) {
    margin-top: 0;
    margin-left: 0;
  }
  .cat_container .element:nth-child(odd):not(:first-child) {
    margin-left: 0;
  }
  .vid_container {
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
    padding-left: 4px;
    overflow-x: scroll;
    overflow-y: hidden;
    min-height: 180px;
    margin-bottom: 15px;
  }
}
#statisticscmm_modal .modal-xl {
  min-width: 1200px;
}
#mediastats-data {
  min-height: 790px;
}
.fole {
  display: none;
}
.evxs {
  display: none;
}
@media screen and (max-width: 1000px) {
  body {
    padding-bottom: 72px;
  }
  #statisticscmm_modal .modal-xl {
    min-width: auto;
  }
  .evt_container #evtcnt_next,
  .evt_container #evtcnt_prev {
    display: none;
  }
  #mediastats-data {
    min-height: 390px;
  }
  .doasearch_find {
    position: relative;
    float: left;
    width: 90%;
    margin-top: 30px;
    margin-left: 5%;
  }
  .doasearch_find #find_something,
  .doasearch_find #find_something2 {
    width: 120px;
    text-align: center;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.64);
    border: 1px solid #2E42FF;
    background: #2E76FF;
    display: block;
    outline: none;
    margin-left: 0px;
    float: left;
    margin-top: 10px;
    border-radius: 100px;
    color: #fff;
    font-family: "Fira Sans", sans-serif;
    font-size: 18px;
    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  .doasearch_find input {
    background: url(images/search_inevts.png) no-repeat 16px center #2E87FF;
    border: 0px solid rgba(0, 0, 0, 0);
    color: #fff;
    line-height: 50px;
    border-radius: 100px;
    font-family: "Fira Sans", sans-serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 1.2px;
    outline: none;
    padding-left: 55px;
    background-size: 26px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.64);
    width: 95%;
    float: left;
    margin-top: 0px;
  }
  .doasearch_find ::-webkit-input-placeholder {
    font-family: "FontAwesome", "Fira Sans", sans-serif;
    color: rgba(255, 255, 255, 0.9);
    font-size: 24px;
    line-height: 50px;
  }
  .doasearch_find ::-moz-placeholder {
    font-family: "FontAwesome", "Fira Sans", sans-serif;
    color: rgba(255, 255, 255, 0.9);
    font-size: 24px;
    line-height: 50px;
  }
  .doasearch_find :-ms-input-placeholder {
    font-family: "FontAwesome", "Fira Sans", sans-serif;
    color: rgba(255, 255, 255, 0.9);
    font-size: 24px;
    line-height: 50px;
  }
  .doasearch_find :-moz-placeholder {
    font-family: "FontAwesome", "Fira Sans", sans-serif;
    color: rgba(255, 255, 255, 0.9);
    font-size: 24px;
    line-height: 50px;
  }
  .categories #pays_container .descr_pays {
    margin-bottom: 15px;
    margin-top: 0px;
    max-width: 100%;
  }
  .categories #pays_container .descr_pays .pays_bytitle {
    padding-left: 13px;
    margin-left: 0px;
    width: 100%;
  }
  .categories #pays_container .descr_pays .pays_bytitle div {
    font-size: 12.6vw;
  }
  .categories #pays_container .descr_pays .pays_bydescr {
    padding-left: 33px;
    margin-left: 0px;
    width: 100%;
  }
  .categories #pays_container .descr_pays .pays_bydescr:before {
    left: 10px;
  }
  .categories #pays_container .bg-text-dual1 .stroked,
  .categories #pays_container .bg-text-dual1 .unstroked {
    width: 50%;
  }
  .categories #pays_container .divisions {
    width: 100%;
    margin-top: 0px;
    overflow-x: auto;
  }
  .categories #pays_container .divisions .division {
    height: 200px;
    width: 133px;
    margin-right: 16px;
    background-size: cover;
  }
  .categories #pays_container .divisions .division .division_bg_name .division_name {
    padding-left: 8px;
    font-size: 20px;
  }
  .categories #pays_container .divisions .division .division_bg_name .division_name span {
    font-size: 12.8px;
  }
  .arrow_next1,
  .arrow_prev1 {
    display: none !important;
  }
  .tozero {
    overflow-x: auto !important;
  }
  /* mobile fuchs */
  .modal-content {
    width: 100% !important;
  }
  .modal-content .input-surface {
    width: auto !important;
  }
  .modal-content .submitrequest {
    width: 50% !important;
  }
  .exp3 #top_menu {
    background-color: transparent;
    box-shadow: none;
    transition: all 0.4s;
  }
  .exp3 #top_menu #left_logo {
    left: 0px;
    width: 177px;
    background-image: url(images/logo_white.png);
    background-repeat: no-repeat;
  }
  .exp3 #top_menu .topmenu_bgofit {
    width: 100%;
    height: 130px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.31) 25.17%, rgba(0, 0, 0, 0.64) 57.57%, rgba(0, 0, 0, 0.91) 100%);
  }
  .exp3 #top_menu #left_logo.ligue {
    padding-left: 5px;
    left: 5px;
  }
  .exp3 #top_menu #left_logo.ligue.corsica-football {
    width: 185px;
    line-height: 18px;
    padding-top: 15px;
    padding-left: 65px;
  }
  .exp3 #top_menu #left_logo.ligue.fff {
    left: 5px;
    line-height: 18px;
    padding-top: 15px;
    padding-left: 65px;
    width: 170px;
  }
  .exp3 #top_menu .topmenu {
    margin-right: 0px;
    width: 94px;
  }
  .exp3 #top_menu .topmenu a {
    float: right;
    text-align: right !important;
    margin: 0 !important;
  }
  .exp3 #top_menu .topmenu .menu_menu {
    float: right;
    width: 40px;
    height: 36px;
    padding-right: 0px;
    background: url(images/menu_bgicon.png) no-repeat;
    background-position: center center;
    background-size: 25px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 36px;
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
    text-decoration: none;
    text-indent: -999px;
  }
  .doasearch input {
    width: 90%;
    margin-left: 5%;
    font-size: 16px;
  }
  .doasearch ::-webkit-input-placeholder {
    font-family: "FontAwesome", "Fira Sans", sans-serif;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    line-height: 50px;
  }
  .doasearch ::-moz-placeholder {
    font-family: "FontAwesome", "Fira Sans", sans-serif;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    line-height: 50px;
  }
  .doasearch :-ms-input-placeholder {
    font-family: "FontAwesome", "Fira Sans", sans-serif;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    line-height: 50px;
  }
  .doasearch :-moz-placeholder {
    font-family: "FontAwesome", "Fira Sans", sans-serif;
    color: rgba(255, 255, 255, 0.9);
    font-size: 16px;
    line-height: 50px;
  }
  .title {
    width: 100% !important;
    margin-left: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .title h1 {
    height: 76px;
    font-size: 21px !important;
  }
  .title .fole,
  .title .evxs {
    display: block;
    background: rgba(43, 43, 70, 0.07);
    border-radius: 26px;
    position: absolute;
    left: 0px;
  }
  .exp4 #top_menu {
    background-color: #202A53;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.14);
    transition: all 0.4s;
    height: 74px;
  }
  .exp4 #top_menu .topmenu_bgofit {
    display: none;
  }
  .exp4 #top_menu #left_logo {
    left: 0px;
    width: 177px;
    background: url(images/logo_white.png) no-repeat center center;
  }
  .exp4 #top_menu #left_logo.ligue {
    padding-left: 5px;
    left: 5px;
  }
  .exp4 #top_menu #left_logo.ligue.corsica-football {
    width: 185px;
    line-height: 18px;
    padding-top: 15px;
    padding-left: 65px;
  }
  .exp4 #top_menu #left_logo.ligue.fff {
    left: 5px;
    line-height: 18px;
    padding-top: 15px;
    padding-left: 65px;
    width: 170px;
  }
  .exp4 #top_menu .topmenu {
    margin-right: 0px;
    width: 94px;
  }
  .exp4 #top_menu .topmenu .search_menu {
    float: right;
    width: 40px;
    height: 36px;
    padding-right: 0px;
    background: url(images/search_bgicon.png) no-repeat;
    background-position: center center;
    background-size: 25px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 36px;
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
    padding-top: 0px;
    text-indent: -999px;
  }
  .exp4 #top_menu .topmenu .menu_menu {
    float: right;
    width: 40px;
    height: 36px;
    padding-right: 0px;
    background: url(images/menu_bgicon.png) no-repeat;
    background-position: center center;
    background-size: 25px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.4px;
    line-height: 36px;
    text-align: center;
    font-family: 'Ubuntu', sans-serif;
    text-decoration: none;
    text-indent: -999px;
  }
  .exp4 .club_cover {
    margin-top: 0px;
  }
  .exp4 .club_cover #club_name_title span.endirectsp {
    top: -30px;
  }
  /* mobile */
  #main_picture2 {
    width: 100%;
    float: left;
    height: 100%;
    height: calc(100% + 52px);
    position: absolute;
    z-index: 1;
  }
  #main_picture2 .godown {
    height: 34px;
    width: 190px;
    color: #E0F0FF;
    font-family: "Fira Sans", sans-serif;
    left: calc((100% - 190px) / 2);
    bottom: 110px;
    position: absolute;
    z-index: 7;
    font-size: 13px;
    letter-spacing: 3.34px;
    line-height: 34px;
    text-align: center;
    text-shadow: 0 4px 7px rgba(255, 255, 255, 0.28);
    display: block;
    text-decoration: none;
  }
  #main_picture2 .arrdown {
    background: url(images/darrow.svg) no-repeat center center;
    height: 32px;
    width: 21px;
    position: absolute;
    left: calc((100% - 21px) / 2);
    bottom: 70px;
    display: block;
    text-decoration: none;
    z-index: 8;
    transition: all 0.2s linear;
  }
  #main_picture2 .arrdown:hover {
    bottom: 60px;
  }
  #main_picture2 .logo_slides {
    display: none;
  }
  #main_picture2 #main_slides {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
  }
  #main_picture2 #main_slides .sslide {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
  }
  #main_picture2 #main_slides .sslide .slide_text {
    position: absolute;
    top: 220px;
    height: 120px;
    width: 85%;
    left: 32px;
    z-index: 15;
  }
  #main_picture2 #main_slides .sslide .slide_text .ttext .ttext {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 3.38vw;
    font-weight: 300;
    letter-spacing: -0.33px;
    line-height: 3.75vw;
    position: relative;
    width: 100%;
    min-height: 60px;
    float: left;
  }
  #main_picture2 #main_slides .sslide .slide_text .ttext .ttext strong {
    font-weight: bold;
  }
  #main_picture2 #main_slides .sslide .slide_text .ttext .front_bigtitle {
    color: #FFFFFF;
    font-family: 'Ubuntu', sans-serif;
    font-size: 9.398vw;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 14.1vw;
    min-height: 190px;
    width: 500px;
    float: left;
    position: relative;
    margin-left: 30px;
    padding-bottom: 0px;
    padding-top: 25px;
    max-width: 90%;
  }
  #main_picture2 #main_slides .sslide .slide_text .ttext .front_bigtitle span {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 34px;
    float: left;
  }
  #main_picture2 #main_slides .sslide .slide_text .ttext .front_bigtitle:before {
    content: '';
    width: 7px;
    height: calc(100% - 20px);
    position: absolute;
    left: -29px;
    top: 25px;
    border-radius: 0px;
    background: #FF8528;
  }
  #main_picture2 #main_slides .sslide .slide_text .ttext .alink {
    border-radius: 18.4px;
    border: 1.6px solid rgba(52, 108, 255, 0.44);
    min-width: 98px;
    padding: 2px 20px;
    height: 30px;
    text-align: center;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 12px;
    letter-spacing: 0.6px;
    line-height: 22px;
    display: block;
    float: left;
    margin-top: 10px;
  }
  #main_picture2 #main_slides .sslide.on {
    z-index: 99;
    opacity: 1;
  }
  #main_picture2 #main_slides .z1 {
    z-index: 10;
  }
  #main_picture2 #main_slides .z2 {
    z-index: 9;
  }
  #main_picture2 #main_slides .z3 {
    z-index: 8;
  }
  #main_picture2 #main_slides .z4 {
    z-index: 7;
  }
  #main_picture2 #main_slides .z5 {
    z-index: 6;
  }
  #main_picture2 #main_slides .z6 {
    z-index: 5;
  }
  #main_picture2 #main_slides .z7 {
    z-index: 4;
  }
  #main_picture2 #main_slides .z8 {
    z-index: 3;
  }
  #main_picture2 #main_slides .z9 {
    z-index: 2;
  }
  #main_picture2 #main_slides .z10 {
    z-index: 1;
  }
  #main_picture2 #main_slides .slidetr {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(images/filter_trlt.svg) no-repeat left -115px;
    background-size: cover;
    z-index: 11;
  }
  #main_picture2 .s_navigation {
    position: absolute;
    left: 36px;
    top: 306px;
    z-index: 99;
  }
  #main_picture2 .s_navigation input {
    display: none;
  }
  #main_picture2 .s_navigation label {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1.5px solid #fff;
    float: left;
    display: block;
    margin-right: 10px;
    cursor: pointer;
  }
  #main_picture2 .s_navigation label:hover {
    border-color: rgba(255, 255, 255, 0.95);
  }
  #main_picture2 .s_navigation label:hover:after {
    opacity: 0.95;
  }
  #main_picture2 .s_navigation input[type="radio"]:checked + label {
    border-color: rgba(255, 255, 255, 0.95);
  }
  #main_picture2 .s_navigation input[type="radio"]:checked + label:after {
    opacity: 0.95;
  }
  @keyframes fade {
    0% {
      opacity: 0;
    }
    11.11% {
      opacity: 1;
    }
    33.33% {
      opacity: 1;
    }
    44.44% {
      opacity: 0;
    }
    100% {
      opacity: 0;
    }
  }
  /*CSS MEDIA FOR create club page*/
  .subheader {
    width: 100%;
    height: 252px;
    background: url(images/circles_cwtv.svg) no-repeat right center #202A53;
    position: absolute;
    top: 70px;
    left: 0px;
    z-index: 9;
  }
  .subheader .retour {
    height: 48px;
    width: 48px;
    color: rgba(255, 255, 255, 0.7);
    font-family: "Fira Sans";
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 48px;
    text-align: center;
    margin-left: 0px;
    margin-top: 52px;
    display: block;
    float: left;
  }
  .subheader .retour span {
    box-sizing: border-box;
    height: 47.4px;
    width: 47.4px;
    display: block;
    border-radius: 50%;
    margin-right: 10px;
    border: 1.7px solid rgba(255, 255, 255, 0.95);
    background: url(images/arrow-r.svg) no-repeat center center rgba(255, 255, 255, 0.16);
    float: left;
  }
  .subheader .htitle {
    height: 48px;
    width: calc(100% - 54px);
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 26px;
    font-weight: 500;
    letter-spacing: 1.2px;
    line-height: 48px;
    margin-top: 52px;
    margin-left: 5px;
    float: left;
  }
  .subheader .hdescr {
    height: 48px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    margin-left: 0px;
    margin-top: 20px;
    float: left;
  }
  .subheader .steps-menu {
    height: 80px;
    width: calc(100% - 10px);
    margin-left: 0px;
    background-color: #273362;
    border-radius: 10px;
    position: absolute;
    top: 212px;
    overflow: visible;
    margin-left: -10px;
    margin-right: -10px;
  }
  .subheader .steps-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 100%;
    float: left;
    height: 100%;
    position: relative;
  }
  .subheader .steps-menu ul li.area_1,
  .subheader .steps-menu ul li.area_2,
  .subheader .steps-menu ul li.area_3 {
    width: 36%;
    padding: 24px 10px 0px;
    float: left;
    height: 36px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 11px;
    line-height: 16px;
    margin-top: 7px;
    cursor: pointer;
    position: relative;
    text-align: center;
  }
  .subheader .steps-menu ul li.area_1:after,
  .subheader .steps-menu ul li.area_2:after,
  .subheader .steps-menu ul li.area_3:after {
    content: '';
    position: absolute;
    top: 16px;
    right: -8px;
    background: #2E87FF;
    border-radius: 4px;
    width: 16px;
    height: 4px;
    display: none;
  }
  .subheader .steps-menu ul li.area_1 span,
  .subheader .steps-menu ul li.area_2 span,
  .subheader .steps-menu ul li.area_3 span {
    width: 18px;
    height: 18px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 10px;
    line-height: 16px;
    text-align: center;
    border: 2px solid #2E87FF;
    margin-right: 0px;
    top: 0px;
    position: absolute;
    margin-top: 0px;
    left: calc(( 100% - 18px ) / 2);
    display: block;
    border-radius: 50%;
  }
  .subheader .steps-menu ul li.area_1 {
    border-radius: 10px 10px 0px 0px;
  }
  .subheader .steps-menu ul li.area_1,
  .subheader .steps-menu ul li.area_2 {
    width: 32%;
  }
  .subheader .steps-menu ul li.sel {
    font-weight: bold;
  }
  .subheader .steps-menu ul li.sel span {
    background: #2E87FF;
    font-weight: bold;
  }
  .subheader .steps-menu ul li.sel:before {
    content: '';
    width: 100%;
    left: 10px;
    position: absolute;
    bottom: -35px;
    height: 3px;
    background: #2E87FF;
  }
  .subheader .steps-menu ul li.area_3 {
    border-radius: 0px 0px 10px 10px;
  }
  .subheader .steps-menu ul li.area_3:after {
    display: none;
  }
  .subheader .steps-menu ul li.step_btn {
    width: 100%;
    float: left;
    background: transparent;
    height: 100%;
    padding-right: 15px;
    position: absolute;
    top: 460px;
  }
  .subheader .steps-menu ul li.step_btn #doretur {
    height: 30px;
    width: 47px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    letter-spacing: 0.6px;
    line-height: 30px;
    margin-top: 25px;
    display: none;
    float: left;
    margin-left: 35px;
  }
  .subheader .steps-menu ul li.step_btn .nextstep {
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    height: 40px;
    min-width: 80px;
    border-radius: 23.4px;
    margin-top: 20px;
    border: none;
    padding: 2px;
    float: right;
  }
  .subheader .steps-menu ul li.step_btn .nextstep span {
    background: #2D3A6E;
    height: 36px;
    float: left;
    width: 100%;
    line-height: 36px;
    border-radius: 23.4px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    letter-spacing: 0.6px;
    display: block;
    padding: 0px 15px;
  }
  #createwebtv_step1 {
    background: url(images/bubles-point-point.svg) no-repeat center center;
    background-size: cover;
    background-repeat: repeat-y;
    min-height: 650px;
    height: auto;
    width: 100%;
    margin-top: 240px;
    padding-top: 20px;
    float: left;
    padding-bottom: 25px;
  }
  #createwebtv_step1 .container {
    padding: 0px;
  }
  #createwebtv_step1 .container .left_wbtv {
    width: 94%;
    float: left;
    margin-left: 3%;
    margin-top: 150px;
  }
  #createwebtv_step1 .container .left_wbtv .w1ttl {
    min-height: 26px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
  }
  #createwebtv_step1 .container .left_wbtv .wprogress,
  #createwebtv_step1 .container .left_wbtv .witem {
    width: 100%;
    margin-bottom: 20px;
    height: 306px;
    padding: 28px;
    border-radius: 10px;
    background-color: #273362;
    float: left;
  }
  #createwebtv_step1 .container .left_wbtv .need_help {
    width: 100%;
    height: 140px;
    padding: 28px;
    border-radius: 10px;
    background-color: #273362;
    float: left;
    display: none;
  }
  #createwebtv_step1 .container .left_wbtv .need_help .needhelp {
    width: 100%;
    float: left;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 16px;
    line-height: 44px;
    height: 44px;
    display: block;
    margin-top: 18px;
  }
  #createwebtv_step1 .container .left_wbtv .need_help .needhelp span {
    background: url(images/cwvmail.svg) no-repeat center center;
    width: 44px;
    height: 44px;
    border: 2px solid #2E87FF;
    border-radius: 50%;
    float: left;
    margin-right: 14px;
    display: block;
  }
  #createwebtv_step1 .container .left_wbtv .circle {
    position: relative;
    top: 4px;
    left: 4px;
    text-align: center;
    width: 170px;
    height: 170px;
    border-radius: 100%;
    background-color: #273362;
  }
  #createwebtv_step1 .container .left_wbtv .inside-circle {
    background-color: #5F72A0;
    width: 136px;
    height: 136px;
    border-radius: 100%;
    position: relative;
    top: 17px;
    left: 17px;
    line-height: 136px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 24px;
    text-align: center;
  }
  #createwebtv_step1 .container .left_wbtv .circle-slimborder {
    position: absolute;
    top: -2px;
    left: -2px;
    width: 182px;
    height: 182px;
    border: 1px solid #7F87A2;
    border-radius: 100%;
    z-index: 1;
  }
  #createwebtv_step1 .container .left_wbtv .circle-border {
    position: relative;
    text-align: center;
    width: 178px;
    height: 178px;
    margin-left: calc((100% - 177px) /2);
    margin-top: 28px;
    border-radius: 100%;
  }
  #createwebtv_step1 .container .left_wbtv .circle-border.p11 {
    background: linear-gradient(40deg, #273362 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
  }
  #createwebtv_step1 .container .left_wbtv .circle-border.p22 {
    background: linear-gradient(79deg, #273362 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
  }
  #createwebtv_step1 .container .left_wbtv .circle-border.p33 {
    background: linear-gradient(122deg, #273362 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
  }
  #createwebtv_step1 .container .left_wbtv .circle-border.p45 {
    background: linear-gradient(162deg, #273362 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
  }
  #createwebtv_step1 .container .left_wbtv .circle-border.p56 {
    background: linear-gradient(22deg, #177AFF 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
  }
  #createwebtv_step1 .container .left_wbtv .circle-border.p67 {
    background: linear-gradient(61deg, #177AFF 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
  }
  #createwebtv_step1 .container .left_wbtv .circle-border.p78 {
    background: linear-gradient(100deg, #177AFF 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
  }
  #createwebtv_step1 .container .left_wbtv .circle-border.p89 {
    background: linear-gradient(136deg, #177AFF 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
  }
  #createwebtv_step1 .container .left_wbtv .circle-border.p100 {
    background: linear-gradient(180deg, #177AFF 50%, transparent 50%), linear-gradient(0deg, #177AFF 50%, #273362 50%);
  }
  #createwebtv_step1 .container .center_container {
    width: 94%;
    margin-left: 3%;
    float: left;
    border-radius: 10px;
    background-color: #2D3A6E;
    padding: 29px 28px;
    margin-top: 45px;
    display: none;
  }
  #createwebtv_step1 .container .center_container .htitle {
    min-height: 24px;
    height: auto;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 20px;
    position: relative;
    width: calc(100% - 88px);
  }
  #createwebtv_step1 .container .center_container .htitle span {
    opacity: 0.6;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    line-height: 24px;
    height: 24px;
    float: right;
    position: absolute;
    top: 14px;
    right: -80px;
  }
  #createwebtv_step1 .container .center_container .htitle2 {
    height: 24px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 20px;
    margin-top: 17px;
    float: left;
  }
  #createwebtv_step1 .container .center_container .htitle2 span {
    opacity: 0.6;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    line-height: 24px;
    height: 24px;
    float: right;
  }
  #createwebtv_step1 .container .center_container .input-surface,
  #createwebtv_step1 .container .center_container .textarea-surface {
    height: 58px;
    width: 100%;
    border-radius: 4px 4px 0 0;
    background-color: rgba(202, 211, 255, 0.07);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 20px;
    padding: 6px 16px;
    float: left;
  }
  #createwebtv_step1 .container .center_container .input-surface label,
  #createwebtv_step1 .container .center_container .textarea-surface label {
    color: rgba(255, 255, 255, 0.5);
    font-family: "Fira Sans";
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 16px;
    width: 100%;
    margin-bottom: .2rem;
  }
  #createwebtv_step1 .container .center_container .input-surface input,
  #createwebtv_step1 .container .center_container .textarea-surface input {
    color: #fff;
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 24px;
    background-color: transparent;
    border: none;
    width: 100%;
    outline: none;
  }
  #createwebtv_step1 .container .center_container .input-surface option,
  #createwebtv_step1 .container .center_container .textarea-surface option {
    color: #444c67;
  }
  #createwebtv_step1 .container .center_container .input-surface select,
  #createwebtv_step1 .container .center_container .textarea-surface select {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    color: rgba(255, 255, 255, 0.58);
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 24px;
  }
  #createwebtv_step1 .container .center_container .input-surface textarea,
  #createwebtv_step1 .container .center_container .textarea-surface textarea {
    min-height: 134px;
    width: 100%;
    color: #fff;
    font-family: "Fira Sans";
    font-size: 13px;
    line-height: 24px;
    background-color: transparent;
    border: none;
    outline: none;
    resize: none;
  }
  #createwebtv_step1 .container .center_container .input-surface:focus-within,
  #createwebtv_step1 .container .center_container .textarea-surface:focus-within {
    background-color: rgba(202, 211, 255, 0.18);
    border-bottom-color: #177AFF;
  }
  #createwebtv_step1 .container .center_container .input-surface:focus-within label,
  #createwebtv_step1 .container .center_container .textarea-surface:focus-within label {
    color: #177AFF;
  }
  #createwebtv_step1 .container .center_container .input-surface:focus-within input,
  #createwebtv_step1 .container .center_container .textarea-surface:focus-within input {
    color: #fff;
  }
  #createwebtv_step1 .container .center_container .input-surface ::-webkit-input-placeholder,
  #createwebtv_step1 .container .center_container .textarea-surface ::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.58);
  }
  #createwebtv_step1 .container .center_container .input-surface ::-moz-placeholder,
  #createwebtv_step1 .container .center_container .textarea-surface ::-moz-placeholder {
    color: rgba(255, 255, 255, 0.58);
  }
  #createwebtv_step1 .container .center_container .input-surface :-ms-input-placeholder,
  #createwebtv_step1 .container .center_container .textarea-surface :-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.58);
  }
  #createwebtv_step1 .container .center_container .input-surface :-moz-placeholder,
  #createwebtv_step1 .container .center_container .textarea-surface :-moz-placeholder {
    color: rgba(255, 255, 255, 0.58);
  }
  #createwebtv_step1 .container .center_container .input-surface:last-child,
  #createwebtv_step1 .container .center_container .textarea-surface:last-child {
    margin-bottom: 0px;
  }
  #createwebtv_step1 .container .center_container .input-surface.s50 {
    width: 49%;
    margin-right: 2%;
  }
  #createwebtv_step1 .container .center_container .input-surface.s50:nth-child(odd) {
    margin-right: 0px;
  }
  #createwebtv_step1 .container .center_container h4 {
    min-height: 24px;
    height: auto;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-weight: normal;
    font-size: 15px;
    line-height: 37px;
    margin-bottom: 16px;
    float: left;
  }
  #createwebtv_step1 .container .center_container .extraradio {
    width: 100%;
    float: left;
    margin-bottom: 20px;
  }
  #createwebtv_step1 .container .center_container .extraradio h4 {
    min-height: 24px;
    height: auto;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 15px;
    line-height: 37px;
    margin-bottom: 16px;
  }
  #createwebtv_step1 .container .center_container .extraradio .mytvradio {
    display: block;
    width: 100%;
    float: left;
    position: relative;
    padding-left: 35px;
    margin-bottom: 16px;
    cursor: pointer;
    font-size: 16px;
    font-family: "Fira Sans";
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #createwebtv_step1 .container .center_container .extraradio .mytvradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  #createwebtv_step1 .container .center_container .extraradio .mytvradio .mydot {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: transparent;
    border-radius: 50%;
    border: 2px solid #D4D7E0;
  }
  #createwebtv_step1 .container .center_container .extraradio .mytvradio:hover input ~ .mydot {
    border-color: rgba(23, 122, 255, 0.4);
  }
  #createwebtv_step1 .container .center_container .extraradio .mytvradio input:checked ~ .mydot {
    border-color: #177AFF;
  }
  #createwebtv_step1 .container .center_container .extraradio .mytvradio .mydot:after {
    content: "";
    position: absolute;
    display: none;
  }
  #createwebtv_step1 .container .center_container .extraradio .mytvradio input:checked ~ .mydot:after {
    display: block;
  }
  #createwebtv_step1 .container .center_container .extraradio .mytvradio .mydot:after {
    top: 7px;
    left: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #B3D3FF;
  }
  #createwebtv_step1 .container .center_container .ucat {
    width: 105px;
    min-height: 200px;
    float: left;
    margin-left: 20px;
    cursor: pointer;
  }
  #createwebtv_step1 .container .center_container .ucat img {
    width: 105px;
    border-radius: 6px;
  }
  #createwebtv_step1 .container .center_container .ucat .ucat_name {
    width: 100%;
    float: left;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 13px;
    letter-spacing: -0.2px;
    line-height: 16px;
    text-align: center;
    margin-top: 10px;
  }
  #createwebtv_step1 .container .center_container .ucat .ucat_name.ns {
    color: rgba(255, 255, 255, 0.5);
  }
  #createwebtv_step1 .container .center_container .ucat.sel {
    position: relative;
  }
  #createwebtv_step1 .container .center_container .ucat.sel:before {
    content: '';
    position: absolute;
    width: 28px;
    height: 28px;
    top: -11px;
    right: -11px;
    background: url(images/issel.svg) no-repeat center center;
    background-size: cover;
  }
  #createwebtv_step1 .container .center_container .ucat.sel img {
    border: 2px solid #395BF1;
  }
  #createwebtv_step1 .container .center_container .ucat.sel .ucat_name.ns {
    color: #fff;
  }
  #createwebtv_step1 .container .center_container .ucat.canhpsbecat {
    cursor: pointer;
  }
  #createwebtv_step1 .container .center_container.show {
    display: block;
  }
  #create_chain_message {
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.65);
    position: fixed;
    z-index: 999;
    display: none;
  }
  #create_chain_message .main_confirm {
    height: 355px;
    width: 94%;
    position: absolute;
    left: 3%;
    top: 110px;
    padding: 20px 10px;
    background-color: #273362;
    border-radius: 12px;
  }
  #create_chain_message .main_confirm .goback_ch1 {
    width: 50%;
    float: left;
    margin-bottom: 20px;
  }
  #create_chain_message .main_confirm .goback_ch1 #gobackto1 {
    background: url(images/leftarr.JPG) no-repeat left center;
    width: 120px;
    height: 30px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    letter-spacing: 0.6px;
    line-height: 32px;
    padding-left: 30px;
    display: block;
  }
  #create_chain_message .main_confirm .inside_withrad100 {
    width: 100%;
    min-height: 100px;
    float: left;
  }
  #create_chain_message .main_confirm .inside_withrad100 .rad100 {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    position: relative;
    font-family: "Fira Sans";
    font-size: 15px;
    line-height: 100px;
    text-align: center;
    color: #fff;
    float: right;
    margin-left: 0;
    margin-top: -55px;
  }
  #create_chain_message .main_confirm .inside_withrad100 .rad100:after {
    width: 92px;
    height: 92px;
    top: 4px;
    left: 4px;
    position: absolute;
    border-radius: 50%;
    border: 14px solid #273362;
    content: '';
  }
  #create_chain_message .main_confirm .inside_withrad100 .putright {
    float: right;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
  }
  #create_chain_message .main_confirm .inside_withrad100 .putright .puttitle {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    width: 100%;
    float: left;
    margin-bottom: 14px;
  }
  #create_chain_message .main_confirm .inside_withrad100 .putright .mytvcheck {
    display: block;
    position: relative;
    padding-left: 35px;
    height: 22px;
    margin-bottom: 12px;
    cursor: pointer;
    width: 100%;
    float: left;
    font-size: 13px;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #create_chain_message .main_confirm .inside_withrad100 .putright .mytvcheck a {
    font-size: 13px;
    color: #fff;
    display: block;
    margin-top: 2px;
  }
  #create_chain_message .main_confirm .inside_withrad100 .putright .mytvcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  #create_chain_message .main_confirm .inside_withrad100 .putright .mycheck {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    border: 1px solid #8A91AA;
    background-color: #414B75;
  }
  #create_chain_message .main_confirm .inside_withrad100 .putright .mytvcheck:hover input ~ .mycheck {
    border-color: #8F91DD;
  }
  #create_chain_message .main_confirm .inside_withrad100 .putright .mytvcheck input:checked ~ .mycheck {
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    border: none;
  }
  #create_chain_message .main_confirm .inside_withrad100 .putright .mycheck:after {
    content: "";
    position: absolute;
    display: none;
  }
  #create_chain_message .main_confirm .inside_withrad100 .putright .mytvcheck input:checked ~ .mycheck:after {
    display: block;
  }
  #create_chain_message .main_confirm .inside_withrad100 .putright .mytvcheck .mycheck:after {
    left: 9px;
    top: 5px;
    width: 4px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #create_chain_message .main_confirm .inside_withrad100 .putright #savecreatechain {
    height: 38px;
    width: 180px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.6px;
    line-height: 30px;
    text-align: center;
    border-radius: 23px;
    margin-left: calc((100% - 180px) / 2);
    padding: 2px;
    border: none;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    display: block;
    float: left;
    margin-top: 15px;
    outline: none;
    cursor: pointer;
  }
  #create_chain_message .main_confirm .inside_withrad100 .putright #savecreatechain span {
    width: 100%;
    border-radius: 23px;
    height: 34px;
    line-height: 37px;
    text-align: center;
    background-color: #273362;
    display: block;
    float: left;
  }
  #create_chain_message .main_confirm #space_after {
    width: 100%;
    height: 100%;
    display: none;
  }
  #create_chain_message .main_confirm .spaceinside {
    background: url(images/successicon.svg) no-repeat center 0px;
    margin-top: 10px;
    width: 100%;
    height: 100%;
    padding: 115px 0px 0px;
    background-size: 100px;
  }
  #create_chain_message .main_confirm .spaceinside .spce_ttle {
    min-height: 80px;
    height: auto;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    margin-left: 0px;
    float: left;
  }
  #create_chain_message .main_confirm .spaceinside .spce_descr {
    width: 100%;
    margin-left: 0px;
    float: left;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    margin-top: 16px;
  }
  /* CSS MEDIA FOR CREATE club page*/
  #jobs_page_row {
    background: url(images/carrer_img.jpg) no-repeat center center;
    background-size: cover;
    background-repeat: repeat-y;
    min-height: 1006px;
    height: auto;
    width: 100%;
    margin-top: -160px;
    padding-top: 20px;
    float: left;
  }
  #jobs_page_row .huge_ttl {
    min-height: 72px;
    width: 100%;
    padding: 0px 22px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    position: relative;
    margin-bottom: 40px;
    margin-left: 0px;
    margin-top: 90px;
  }
  #jobs_page_row .huge_ttl:after {
    position: absolute;
    content: '';
    left: 22px;
    bottom: -10px;
    background-color: #2E87FF;
    height: 4px;
    width: 100px;
  }
  #jobs_page_row .under_ttl {
    min-height: 160px;
    width: 100%;
    color: #F0F8FF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    margin-left: 0px;
    padding: 0px 22px;
    text-shadow: 0 4px 7px rgba(255, 255, 255, 0.3);
  }
  #jobs_page_row .tvchainjoin {
    min-height: 378px;
    height: auto;
    width: 100%;
    margin-left: 0;
    margin-top: 110px;
    border-radius: 10px;
    background: url(images/triangles_jobsm.svg) no-repeat center center #273362;
    background-size: cover;
    padding: 22px 18px;
    float: left;
  }
  #jobs_page_row .tvchainjoin .left_huge_ttl {
    min-height: 75px;
    height: auto;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 27px;
    font-weight: 500;
    line-height: 43px;
    float: left;
    margin-top: 5px;
    margin-bottom: 20px;
  }
  #jobs_page_row .tvchainjoin .left_huge_ttl.fr {
    font-size: 25px;
    width: 100%;
  }
  #jobs_page_row .tvchainjoin .right_huge_descr {
    height: auto;
    min-height: 200px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    letter-spacing: 0.2px;
    position: relative;
    margin-top: 35px;
    float: left;
  }
  #jobs_page_row .tvchainjoin .right_huge_descr:before {
    content: '';
    position: absolute;
    left: 0px;
    width: 151px;
    height: 4px;
    top: -30px;
    background: #F9B55C;
  }
  #jobs_page_row .tvchainjoin .right_huge_descr.fr {
    font-size: 14px;
    line-height: 30px;
  }
  #jobs_page_row2 {
    background: url(images/bubles-point-point.svg) no-repeat center center;
    background-size: cover;
    background-repeat: repeat-y;
    min-height: 450px;
    height: auto;
    width: 100%;
    margin-top: 0px;
    padding-top: 20px;
    float: left;
    padding-bottom: 125px;
  }
  #jobs_page_row2 .container {
    padding: 20px;
  }
  #jobs_page_row2 .container .jobs_ttl {
    min-height: 36px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 24px;
    font-weight: bold;
    line-height: 36px;
    position: relative;
    margin-bottom: 20px;
    margin-left: 0;
    float: left;
    padding: 0px 22px;
    height: auto;
  }
  #jobs_page_row2 .container .jobs_ttl:after {
    position: absolute;
    content: '';
    left: 22px;
    bottom: -20px;
    background-color: #2E87FF;
    height: 4px;
    width: 100px;
  }
  #jobs_page_row2 .container .category_ttl {
    padding-left: 20px;
    position: relative;
    height: 48px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 26px;
    font-weight: bold;
    line-height: 37px;
    margin-top: 20px;
    margin-bottom: 25px;
    margin-left: 0;
    float: left;
    padding: 0px 22px 0px 36px;
  }
  #jobs_page_row2 .container .category_ttl:before {
    position: absolute;
    content: '';
    left: 22px;
    top: 2px;
    height: 33px;
    background-color: #F9B55C;
    width: 4px;
  }
  #jobs_page_row2 .container .ttlsj_cnt {
    width: 100%;
    margin-left: 0;
    float: left;
    height: 20px;
    margin-bottom: 25px;
    display: none;
  }
  #jobs_page_row2 .container .ttlsj_cnt .icon {
    width: 64px;
    height: 20px;
    margin-left: 53px;
    float: left;
  }
  #jobs_page_row2 .container .ttlsj_cnt .j_ttl {
    height: 20px;
    width: 342px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin-left: 60px;
    float: left;
    opacity: 0.6;
  }
  #jobs_page_row2 .container .ttlsj_cnt .j_loc {
    height: 20px;
    width: 258px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin-left: 10px;
    float: left;
    opacity: 0.6;
  }
  #jobs_page_row2 .container .ttlsj_cnt .j_dispo {
    height: 20px;
    width: 148px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    margin-left: 10px;
    float: left;
    opacity: 0.6;
  }
  #jobs_page_row2 .container .ttlsj_cnt .sel {
    opacity: 1;
  }
  #jobs_page_row2 .container .ttlsj_cnt .withicn {
    cursor: pointer;
  }
  #jobs_page_row2 .container .ttlsj_cnt .withicn span {
    width: 0;
    height: 0;
    margin-left: 7px;
    padding-top: 3px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
    display: inline-block;
  }
  #jobs_page_row2 .container .job_container {
    float: left;
    width: calc(100% - 44px);
    height: 270px;
    background-color: #202A53;
    border-radius: 8px;
    margin-bottom: 18px;
    margin-left: 22px;
    transition: all 0.5s ease;
    padding: 30px;
  }
  #jobs_page_row2 .container .job_container:hover {
    width: calc(100% - 44px);
    height: 270px;
    margin-left: 22px;
  }
  #jobs_page_row2 .container .job_container .icon {
    float: left;
  }
  #jobs_page_row2 .container .job_container .icon.crown {
    background: url(images/crown.svg) no-repeat center center;
    width: 100%;
    height: 45px;
    margin-left: 0;
    margin-top: 5px;
  }
  #jobs_page_row2 .container .job_container .icon.edited {
    background: url(images/edited.svg) no-repeat center center;
    width: 100%;
    height: 53px;
    margin-left: 0;
    margin-top: 5px;
  }
  #jobs_page_row2 .container .job_container .icon.users {
    background: url(images/users.svg) no-repeat center center;
    width: 100%;
    height: 45px;
    margin-left: 0;
    margin-top: 5px;
  }
  #jobs_page_row2 .container .job_container .j_ttl {
    height: 20px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    margin-left: 0;
    float: left;
    margin-top: 10px;
    text-align: center;
  }
  #jobs_page_row2 .container .job_container .j_loc {
    height: 20px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    margin-left: 0;
    float: left;
    margin-top: 10px;
    text-align: center;
  }
  #jobs_page_row2 .container .job_container .j_dispo {
    height: 20px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: normal;
    line-height: 20px;
    margin-left: 0;
    float: left;
    margin-top: 10px;
    text-align: center;
  }
  #jobs_page_row2 .container .job_container .sendtoamb {
    height: 42px;
    width: 156px;
    border-radius: 18px;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 100%);
    box-shadow: 0 4px 9px rgba(52, 108, 255, 0.35);
    border: none;
    outline: none;
    padding: 2px;
    cursor: pointer;
    color: #ffffff;
    font-family: "Fira Sans";
    font-size: 14px;
    letter-spacing: 0.75px;
    line-height: 42px;
    text-align: center;
    margin-top: 17px;
    margin-right: 0;
    float: left;
    text-decoration: none;
    margin-left: calc(( 100% - 156px ) / 2);
  }
  #jobs_page_row2 .container .job_container .sendtoamb span {
    line-height: 38px;
    width: 152px;
    display: block;
    border-radius: 16px;
    background-color: #202A53;
    color: #ffffff;
    font-family: "Fira Sans";
    font-size: 15px;
    letter-spacing: 0.75px;
    text-align: center;
  }
  #jobs_page_row2 .container .job_container .sendtoamb:hover span {
    background: #202A53;
  }
  #mynotifs_popover2 {
    width: 100%;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    left: 0px;
    bottom: 0;
    display: none;
  }
  #mynotifs_popover2 #pop_arrow2 {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 24px;
    height: 24px;
    color: #fff;
    opacity: 1;
  }
  #mynotifs_popover2 #pop_arrow2 span {
    font-size: 2.61rem;
    font-weight: 300;
    color: #fff;
  }
  #mynotifs_popover2 #mynotifs_content2 {
    width: 100%;
    height: 100%;
    padding: 5px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #151E41;
    border-radius: 0;
    padding-top: 23%;
  }
  #mynotifs_popover2 #mynotifs_content2 .brightbar {
    background-color: #202e63;
    color: #fff;
    font-family: "Fira Sans";
    font-size: 12px;
    font-weight: 500;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 5px;
    float: left;
    width: 100%;
    padding: 4px;
    position: absolute;
    top: 32px;
    left: 0px;
    border-radius: .3rem .3rem 0 0;
  }
  #mynotifs_popover2 #mynotifs_content2 .brightbar a {
    float: left;
    color: #fff;
  }
  #mynotifs_popover2 #mynotifs_content2 .item {
    width: 100%;
    min-height: 30px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 12px;
    font-weight: 500;
    border-bottom: 1px solid rgba(255, 255, 255, 0.6);
    margin-bottom: 4px;
    float: left;
    padding-bottom: 4px;
  }
  #mynotifs_popover2 #mynotifs_content2 .item img {
    width: 40px;
    height: 40px;
    float: left;
    display: block;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  #mynotifs_popover2 #mynotifs_content2 .item.unread {
    background: #323F73;
  }
  #clubs_admin .container .myclubs_leftbar,
  #clubs_admin .container .menuoverchain {
    display: none;
  }
  #clubs_admin .container .right_position {
    width: 100%;
    margin-left: 0px;
    float: left;
  }
  #clubs_admin .container .right_position .clubcover {
    max-width: 100%;
  }
  #clubs_admin .container .right_position .clubcover .leftcover {
    width: 100%;
    max-height: 240px;
    position: relative;
    margin-top: 5px;
    left: 0px;
  }
  #clubs_admin .container .right_position .clubcover .leftcover .leftcover_pp {
    width: 100px;
    max-height: 230px;
    background-size: contain;
  }
  #clubs_admin .container .right_position .clubcover .leftcover .clubttl,
  #clubs_admin .container .right_position .clubcover .leftcover .folls,
  #clubs_admin .container .right_position .clubcover .leftcover .uvs,
  #clubs_admin .container .right_position .clubcover .leftcover .socialntk,
  #clubs_admin .container .right_position .clubcover .leftcover .crdt {
    width: calc(100% - 100px);
  }
  #clubs_admin .container .right_position .clubcover .leftcover #statustoggle {
    padding: 3px 22px;
    border-radius: 16px;
    width: auto;
    position: absolute;
    left: 5px;
    top: 180px;
    z-index: 3;
    color: #fff;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #21AD56;
    cursor: pointer;
    display: block;
  }
  #clubs_admin .container .right_position .clubcover .leftcover .gotomychain {
    background: url(images/logocircle.svg) no-repeat center center;
    background-size: 14px;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    top: 13px;
    right: 6px;
    border-radius: 50%;
    border: 1px solid #fff;
  }
  #clubs_admin .container .right_position .clubcover #allover {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    background: rgba(0, 0, 0, 0.1);
  }
  #clubs_admin .container .right_position .clubcover .statuscover {
    width: 250px;
    min-height: 250px;
    background-color: #202A53;
    position: absolute;
    top: 562px;
    left: 30px;
    border-radius: 5px;
    overflow: hidden;
    padding: 18px;
    display: none;
    box-shadow: 0px 0px 24px 16px rgba(0, 0, 0, 0.24);
  }
  #clubs_admin .container .right_position .clubcover .statuscover .ttl_status {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    height: 24px;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .status_pub {
    height: 68px;
    width: 100%;
    background-color: #324075;
    border-radius: 10px;
    margin-top: 13px;
    padding: 10px 10px 10px 60px;
    position: relative;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .status_pub .status_text {
    height: 18px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    margin-top: 1px;
  }
  #clubs_admin .container .right_position .clubcover .statuscover #statustoggleoff {
    width: 26px;
    height: 26px;
    display: block;
    color: #fff;
    position: absolute;
    font-size: 16px;
    right: 10px;
    top: 12px;
    cursor: pointer;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .status_pub.create {
    border: 2px solid #2E87FF;
    background: url(images/eyedashed.svg) no-repeat 22px 18px #324075;
    background-size: 24px;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .status_pub.createvalid {
    border: 2px solid #21AD56;
    background: url(images/eyedashed.svg) no-repeat 22px 18px #324075;
    background-size: 24px;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .status_pub.pending {
    border: 2px solid #F9B55C;
    background: url(images/timelapse.svg) no-repeat 22px 18px #324075;
    background-size: 24px;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .status_pub.valid {
    border: 2px solid #21AD56;
    background: url(images/validvalid.svg) no-repeat 22px 18px #324075;
    background-size: 24px;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .pendingactions {
    width: 100%;
    float: left;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .pendingactions .ttl_preq {
    height: 24px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 13px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 13px;
    margin-bottom: 11px;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .pendingactions .pa_item {
    width: 100%;
    float: left;
    margin-bottom: 16px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 23px;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .pendingactions .pa_item span {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid #2E87FF;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 11px;
    line-height: 16px;
    text-align: center;
    float: left;
    margin-right: 12px;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .pendingactions .pa_item.check span {
    background: url(images/smallvalid.svg) no-repeat center center;
    background-size: 26px 26px;
    border: none;
    overflow: hidden;
    text-indent: -50px;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .pendingactions .msgpreq {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 11px;
    line-height: 16px;
    width: 100%;
    border-left: 1px solid #F9B55C;
    margin-top: 16px;
    padding-left: 17px;
    float: left;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .pendingactions .msgpreq.green {
    border-left: 1px solid #21AD56;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .pendingactions .msgpreq.red {
    border-left: 1px solid #F43A3A;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .downbtn_status {
    height: 38px;
    border-radius: 23px;
    width: 98%;
    opacity: 0.2;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.6px;
    line-height: 34px;
    text-align: center;
    border: 2px solid rgba(46, 135, 255, 0.2);
    outline: none;
    padding: 0;
    background: transparent;
    display: block;
    float: left;
    margin-left: 1%;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .downbtn_status.active {
    cursor: pointer;
    opacity: 1;
    color: #FFFFFF;
    border: 2px solid #21AD56;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .downbtn_status.active:hover {
    background-color: #21AD56;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .downbtn_status.valid {
    cursor: pointer;
    opacity: 1;
    color: #FFFFFF;
    border: 2px solid #21AD56;
    margin-top: 10px;
  }
  #clubs_admin .container .right_position .clubcover .statuscover .downbtn_status.valid:hover {
    background-color: #21AD56;
  }
  #clubs_admin .container .right_position .clubcover .statuscover.showme {
    position: fixed;
    top: 100px;
    left: calc((100% - 250px) / 2);
    display: block;
    z-index: 5;
  }
  #clubs_admin .container .right_position .allclublisted {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
  #clubs_admin .container .right_position .allclublisted .top_line .empty {
    width: 22%;
    margin-left: 0px;
  }
  #clubs_admin .container .right_position .allclublisted .top_line .cname {
    width: 45%;
  }
  #clubs_admin .container .right_position .allclublisted .top_line .catcl {
    width: 20%;
  }
  #clubs_admin .container .right_position .allclublisted .top_line .datecl {
    width: 20%;
  }
  #clubs_admin .container .right_position .allclublisted .rowline {
    width: 100%;
    margin-left: 0px;
    padding: 5px;
    height: auto;
  }
  #clubs_admin .container .right_position .allclublisted .rowline:hover {
    width: 100%;
    height: auto;
    padding: 5px;
    margin-left: 0px;
    margin-right: 0px;
  }
  #clubs_admin .container .right_position .allclublisted .rowline .empty {
    width: 22%;
    margin-left: 0px;
  }
  #clubs_admin .container .right_position .allclublisted .rowline .cname {
    width: 50%;
    height: auto;
  }
  #clubs_admin .container .right_position .allclublisted .rowline .catcl {
    width: 18%;
    height: auto;
  }
  #clubs_admin .container .right_position .allclublisted .rowline .datecl {
    width: 10%;
    height: auto;
  }
  #clubs_admin .container .right_position .allclublisted .clubosubs {
    width: 100%;
    margin-left: 0px;
  }
  #clubs_admin .container .right_position .allclublisted .clubosubs .subebg {
    width: 100%;
  }
  #clubs_admin .container .right_position .allclublisted .clubosubs .abo_club_name,
  #clubs_admin .container .right_position .allclublisted .clubosubs .folls,
  #clubs_admin .container .right_position .allclublisted .clubosubs .uvs {
    width: calc(100% - 90px);
    text-shadow: 1px 1px 5px #000000;
  }
  #clubs_admin .container .right_position .right_cnt {
    margin-left: 0px;
    margin-top: 80px;
    max-width: 100%;
  }
  #clubs_admin .container .right_position .right_cnt .input-surface {
    width: 100%;
    margin-left: 0px;
  }
  #clubs_admin .container .right_position .right_cnt .change_section {
    right: 8px;
  }
  #clubs_admin .container .right_position .right_cnt .cover_cc {
    max-width: 100%;
  }
  #clubs_admin .container .right_position .right_cnt .text_descriptif {
    width: 100%;
  }
  #clubs_admin .container .right_position .right_cnt .underbar1 {
    height: auto;
    min-height: 44px;
    margin-bottom: 20px;
  }
  #clubs_admin .container .right_position .right_cnt .underbar1 #searchinpls,
  #clubs_admin .container .right_position .right_cnt .underbar1 #searchinvids,
  #clubs_admin .container .right_position .right_cnt .underbar1 .searchinevts {
    width: 100%;
  }
  #clubs_admin .container .right_position .right_cnt .underbar1 .createnewpls,
  #clubs_admin .container .right_position .right_cnt .underbar1 .createnewvid,
  #clubs_admin .container .right_position .right_cnt .underbar1 .createnewev {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-left: 0px;
  }
  #clubs_admin .container .right_position .right_cnt .underbar1 .createnewpls span,
  #clubs_admin .container .right_position .right_cnt .underbar1 .createnewvid span,
  #clubs_admin .container .right_position .right_cnt .underbar1 .createnewev span {
    min-width: calc(100% - 1px);
  }
  #clubs_admin .container .right_position .right_cnt .uvids_filter {
    height: auto;
    width: 100%;
  }
  #clubs_admin .container .right_position .right_cnt .uvids_filter div {
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
  }
  #clubs_admin .container .right_position .right_cnt .upls_row,
  #clubs_admin .container .right_position .right_cnt .uvids_row {
    width: 100%;
    height: auto;
    position: relative;
  }
  #clubs_admin .container .right_position .right_cnt .upls_row div,
  #clubs_admin .container .right_position .right_cnt .uvids_row div {
    width: 100%;
    float: left;
    padding-left: 0px;
    height: auto;
  }
  #clubs_admin .container .right_position .right_cnt .upls_row div .uvbg,
  #clubs_admin .container .right_position .right_cnt .uvids_row div .uvbg {
    width: 100%;
    float: left;
  }
  #clubs_admin .container .right_position .right_cnt .upls_row div.options,
  #clubs_admin .container .right_position .right_cnt .uvids_row div.options {
    width: 25px;
    right: 5px;
    position: absolute;
    top: 0px;
    min-height: 60px;
  }
  #clubs_admin .container .right_position .right_cnt .upls_row .uoverprog2 .progressovr span,
  #clubs_admin .container .right_position .right_cnt .uvids_row .uoverprog2 .progressovr span {
    padding: 20px;
  }
  #clubs_admin .container .right_position .right_cnt .uevts_row {
    margin-left: 0px;
  }
  #clubs_admin .container .right_position .right_cnt .publish_status {
    width: 100%;
    margin-left: 0px;
  }
  #clubs_admin .container .right_position .right_cnt .publish_status #publishun {
    float: left;
    margin-bottom: 10px;
  }
  #clubs_admin .container .right_position.tp {
    padding: 0px;
  }
  #clubs_admin .container .right_position.tp .editbar {
    height: auto;
    top: 40px;
    float: left;
  }
  #clubs_admin .container .right_position.tp .editbar .container {
    width: 100%;
    margin-left: 0px;
    max-height: fit-content;
  }
  #clubs_admin .container .right_position.tp .editbar .container .ettl {
    width: 75%;
    font-size: 15px;
    line-height: 20px;
    margin-left: 10px;
  }
  #clubs_admin .container .right_position.tp .editbar .container .btns {
    width: 100%;
    float: left;
  }
  #clubs_admin .container .right_position.tp #createanewvideo .editbar {
    height: auto;
    top: 40px;
    float: left;
  }
  #clubs_admin .container .right_position.tp #createanewvideo .editbar .container {
    width: 100%;
    margin-left: 0px;
    max-height: fit-content;
  }
  #clubs_admin .container .right_position.tp #createanewvideo .editbar .container .ettl {
    width: 75%;
    font-size: 15px;
    line-height: 20px;
  }
  #clubs_admin .container .right_position.tp #createanewvideo .editbar .container .btns {
    width: 100%;
    float: left;
  }
  #clubs_admin .container .right_position.tp .container.ex1106 {
    width: 100%;
    margin-left: 0px;
    margin-top: 200px;
  }
  #clubs_admin .container .right_position.tp .container.ex1106 .ii,
  #clubs_admin .container .right_position.tp .container.ex1106 .datecont {
    max-width: 100%;
  }
  #clubs_admin .container .right_position.tp .container.ex1106 .infogen,
  #clubs_admin .container .right_position.tp .container.ex1106 .imagesevt,
  #clubs_admin .container .right_position.tp .container.ex1106 .lienstream,
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt,
  #clubs_admin .container .right_position.tp .container.ex1106 .socialevt,
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 {
    width: 100%;
    margin-right: 0px;
    padding: 8px 10px;
    margin-top: 15px;
  }
  #clubs_admin .container .right_position.tp .container.ex1106 .infogen .datecont,
  #clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .datecont,
  #clubs_admin .container .right_position.tp .container.ex1106 .lienstream .datecont,
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt .datecont,
  #clubs_admin .container .right_position.tp .container.ex1106 .socialevt .datecont,
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .datecont,
  #clubs_admin .container .right_position.tp .container.ex1106 .infogen .catevt,
  #clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .catevt,
  #clubs_admin .container .right_position.tp .container.ex1106 .lienstream .catevt,
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt .catevt,
  #clubs_admin .container .right_position.tp .container.ex1106 .socialevt .catevt,
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .catevt,
  #clubs_admin .container .right_position.tp .container.ex1106 .infogen .startstream,
  #clubs_admin .container .right_position.tp .container.ex1106 .imagesevt .startstream,
  #clubs_admin .container .right_position.tp .container.ex1106 .lienstream .startstream,
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt .startstream,
  #clubs_admin .container .right_position.tp .container.ex1106 .socialevt .startstream,
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .startstream {
    width: 100%;
    margin-right: 0px;
    padding: 8px 10px;
    margin-top: 15px;
  }
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt {
    padding-left: 0;
    padding-right: 0px;
  }
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt .catevt,
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt .videocat {
    height: auto;
    max-width: 100%;
  }
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt .catevt .input-surface.s50,
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt .videocat .input-surface.s50 {
    width: 100%;
    margin: 0px;
  }
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt .catevt .dosavechanges,
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt .videocat .dosavechanges {
    width: 100%;
    margin-left: 0px;
  }
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt .catevt .dosavechanges span,
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt .videocat .dosavechanges span {
    min-width: calc(99%);
  }
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt .withvid {
    max-width: 100%;
  }
  #clubs_admin .container .right_position.tp .container.ex1106 .imagesevt.withvid {
    height: auto !important;
  }
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 {
    width: 100%;
    padding: 0px;
  }
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .startstream .dosavechanges {
    max-width: 94%;
    min-width: 94%;
    margin-left: 3%;
    margin-top: 5px;
  }
  #clubs_admin .container .right_position.tp .container.ex1106 .dtctevt2 .startstream .dosavechanges span {
    max-width: calc(94% - 1px);
    min-width: calc(94% - -11px);
  }
  #clubs_admin .container .right_position.tp .container.ex1106 .socialevt {
    height: auto;
  }
  #clubs_admin .container .right_position.tp .container.ex1106 .socialevt .input-surface.s50 {
    width: 100%;
    float: left;
    margin-left: 0px;
  }
  .alerter {
    width: 100%;
    height: 75px;
    padding: 10px;
    font-size: 12px;
    color: #fff;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background-color: rgba(52, 108, 255, 0.85);
    z-index: 10;
    text-align: center;
  }
  .alerter a {
    font-weight: bold;
    color: #fff;
  }
  .alerter a.dissmissalerter {
    position: absolute;
    right: 3px;
    top: 5px;
  }
  .alerter .btnaccess {
    width: 100px;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    border-radius: 8px;
    border: 2px solid #fff;
  }
  #ambassador_page_top {
    max-width: 100%;
    background: url(images/circles_amb.svg) no-repeat;
    height: 1075px;
    background-position-x: initial;
    background-position-y: initial;
    background-size: cover;
    padding-top: 0px;
    margin-top: -50px;
  }
  #ambassador_page_top .cnttt1 {
    max-width: 100%;
    float: left;
    margin-left: 0px;
    padding: 18px;
  }
  #ambassador_page_top .cnttt1 .titletexttop1 {
    min-height: 70px;
    max-width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    text-shadow: 0 2px 30px rgba(0, 175, 255, 0.34);
    float: left;
  }
  #ambassador_page_top .cnttt1 .titletexttop1 span {
    color: #67A8FF;
  }
  #ambassador_page_top .cnttt1 .textundertop1 {
    min-height: 160px;
    max-width: 100%;
    color: #F0F8FF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 300;
    line-height: 1.75;
    margin-top: 10px;
    float: left;
  }
  #ambassador_page_top .cnttt1 .textundertop1 #becomeambassador {
    height: 42px;
    font-family: "Fira Sans", sans-serif;
    text-align: center;
    outline: none;
    display: block;
    font-weight: 400;
    width: 256px;
    z-index: 5;
    border-radius: 23.4px;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    text-decoration: none;
    box-shadow: 0 7px 22px rgba(52, 108, 255, 0.44);
    color: #FFFFFF;
    font-size: 15px;
    letter-spacing: 0.8px;
    line-height: 37px;
    margin-top: 31px;
  }
  #ambassador_page_top #ambasador_badge {
    float: left;
    margin-top: 40px;
    max-width: 100%;
    height: auto;
  }
  #ambassador_page_row1 {
    background: url(images/shape_omov.svg) no-repeat;
    background-size: cover;
    min-height: 1060px;
    height: auto;
    padding-top: 200px;
    margin-top: -340px;
    float: left;
  }
  #ambassador_page_row1 .ambassador_ttlp2 {
    min-height: 36px;
    height: auto;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
    text-shadow: 0 2px 30px rgba(0, 175, 255, 0.34);
    margin-left: 0px;
    padding: 0px 18px;
  }
  #ambassador_page_row1 .ambassador_ttlp2 span {
    color: #67A8FF;
  }
  #ambassador_page_row1 .ambassador_descrp2 {
    min-height: 130px;
    height: auto;
    width: 100%;
    color: #F0F8FF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 1.5;
    text-align: center;
    margin-top: 20px;
    padding: 0px 18px;
    float: left;
    margin-left: 0px;
  }
  #ambassador_page_row1 .ambassador_3icns {
    min-height: 406px;
    height: auto;
    width: 100%;
    margin-left: 0;
    padding: 18px;
    background: url(images/texturemm1.svg) no-repeat;
    background-size: cover;
    float: left;
    background-color: #273362;
    border-radius: 10px;
    margin-top: 50px;
    padding: 25px 34px;
  }
  #ambassador_page_row1 .ambassador_3icns .asicn {
    min-height: 236px;
    height: auto;
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 24px;
    float: left;
  }
  #ambassador_page_row1 .ambassador_3icns .asicn:first-child {
    margin-top: 25px;
  }
  #ambassador_page_row1 .ambassador_3icns .asicn .oimg {
    margin-bottom: 24px;
  }
  #ambassador_page_row1 .ambassador_3icns .asicn .asicn_ttl {
    min-height: 26px;
    height: auto;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    position: relative;
    margin-bottom: 45px;
  }
  #ambassador_page_row1 .ambassador_3icns .asicn .asicn_ttl:after {
    content: '';
    position: absolute;
    bottom: -20px;
    background: #2E87FF;
    width: 60px;
    height: 4px;
    left: 0px;
  }
  #ambassador_page_row1 .ambassador_3icns .asicn .asicn_descr {
    min-height: 60px;
    height: auto;
    width: 100%;
    color: #F0F8FF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 30px;
  }
  #ambassador_page_row4 {
    width: 100%;
    min-height: 300px;
    height: auto;
    background-color: #273362;
    float: left;
    margin-bottom: -30px;
  }
  #ambassador_page_row4 .amb_pr4_ttl {
    min-height: 58px;
    height: auto;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 17px;
    font-weight: 300;
    letter-spacing: normal;
    line-height: 29px;
    margin-left: 0px;
    padding-top: 95px;
    margin-bottom: 32px;
    text-align: center;
  }
  #ambassador_page_row4 .amb_pr4_btn {
    height: 44px;
    min-width: 78px;
    border-radius: 22px;
    text-decoration: none;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.6px;
    cursor: pointer;
    line-height: 30px;
    text-align: center;
    float: left;
    outline: none;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
    width: 234px !important;
    margin-left: 0px;
  }
  #ambassador_page_row4 .amb_pr4_btn span {
    border-radius: 18px;
    background-color: #273362;
    margin-top: 2px;
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
    line-height: 40px;
    padding: 0px 20px;
    float: left;
    min-width: 74px;
    width: 230px !important;
  }
  #ambassador_page_row4 .btn-group {
    margin-right: 100px;
    margin-left: calc((100% - 234px) / 2);
  }
  #ambassador_page_row4 .imgover {
    top: -194px;
    right: 0px;
    left: 0px;
    position: absolute;
    max-width: 260px;
    height: auto;
    left: calc((100% - 260px) / 2);
    display: none;
  }
  #ambassador_page_row4 .imgover2 {
    top: -194px;
    right: 0px;
    left: 0px;
    position: absolute;
    max-width: 260px;
    height: auto;
    left: calc((100% - 260px) / 2);
    display: block;
  }
  #ambassador_page_row3 {
    background: url(images/circle_second_right.svg) no-repeat center right;
    background-size: contain;
    background-repeat: repeat-y;
    min-height: 1200px;
    height: auto;
    width: 100%;
    margin-top: 40px;
    padding-top: 0px;
    padding: 0px 18px;
    float: left;
  }
  #ambassador_page_row3 .amb_pr3_ttl {
    min-height: 30px;
    height: auto;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    text-align: center;
    text-shadow: 0 2px 30px rgba(0, 175, 255, 0.34);
    margin-left: 0;
  }
  #ambassador_page_row3 .amb_pr3_ttl span {
    color: #67A8FF;
  }
  #ambassador_page_row3 .amb_pr3_descr {
    min-height: 80px;
    height: auto;
    width: 100%;
    color: #F0F8FF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.2px;
    line-height: 27px;
    text-align: center;
    margin-top: 20px;
    margin-left: 0;
    margin-bottom: 30px;
  }
  #ambassador_page_row3 .amb_pr3_descr br {
    display: none;
  }
  #ambassador_page_row3 .amb_pr3_coinsearned {
    width: 100%;
    min-height: 423px;
    height: auto;
    float: left;
    margin-left: 0;
  }
  #ambassador_page_row3 .amb_pr3_coinsearned img {
    margin-left: 0px;
    float: left;
    max-width: 100%;
    height: auto;
  }
  #ambassador_page_row3 .amb_pr3_coinsearned .list_list_pr3 {
    margin-left: 0px;
    width: 100%;
    float: left;
  }
  #ambassador_page_row3 .amb_pr3_coinsearned .list_list_pr3 .list_item_pr3 {
    width: 100%;
    height: 72px;
    margin-bottom: 38px;
  }
  #ambassador_page_row3 .amb_pr3_coinsearned .list_list_pr3 .list_item_pr3 .circle_14 {
    height: 34px;
    width: 34px;
    color: #F0F8FF;
    font-family: "Fira Sans";
    font-size: 20.8px;
    letter-spacing: 0.3px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: linear-gradient(to bottom, #515bf0 0%, #3bb9ff 100%);
    margin-bottom: 14px;
    padding: 2px;
    float: left;
  }
  #ambassador_page_row3 .amb_pr3_coinsearned .list_list_pr3 .list_item_pr3 .circle_14 span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #1E2954;
    display: block;
  }
  #ambassador_page_row3 .amb_pr3_coinsearned .list_list_pr3 .list_item_pr3 .content_pr3 {
    width: 82%;
    float: left;
    height: 72px;
    margin-left: 17px;
  }
  #ambassador_page_row3 .amb_pr3_coinsearned .list_list_pr3 .list_item_pr3 .content_pr3 .ttl_pr3 {
    height: 26px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
  }
  #ambassador_page_row3 .amb_pr3_coinsearned .list_list_pr3 .list_item_pr3 .content_pr3 .descr_pr3 {
    height: 36px;
    width: 100%;
    color: #F0F8FF;
    font-family: "Fira Sans";
    font-size: 16px;
    letter-spacing: -0.1px;
    line-height: 24px;
  }
  #ambassador_page_row3 .amb_pr3_coinsearned .list_list_pr3 .list_item_pr3 .content_pr3 .descr_pr3 br {
    display: none;
  }
  #ambassador_page_row3 .amb_pr3_coinsearned .list_list_pr3 br {
    display: none;
  }
  #ambassador_page_row2 {
    background: url(images/bubles-point-point.svg) no-repeat center center;
    background-size: cover;
    background-repeat: repeat-y;
    min-height: 450px;
    height: auto;
    width: 100%;
    margin-top: 30px;
    padding-top: 20px;
    float: left;
  }
  #ambassador_page_row2 .groups_toptop {
    margin-left: 0;
    margin-top: 30px;
    min-height: 321px;
    height: auto;
    width: 100%;
    float: left;
  }
  #ambassador_page_row2 .groups_toptop .ambassador_ttlp3 {
    min-height: 72px;
    height: auto;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    text-align: left;
    text-shadow: 0 2px 30px rgba(0, 175, 255, 0.34);
    margin-left: 0;
    margin-bottom: 30px;
  }
  #ambassador_page_row2 .groups_toptop .ambassador_ttlp3 span {
    color: #67A8FF;
  }
  #ambassador_page_row2 .groups_toptop .group4 {
    min-height: 176px;
    height: auto;
    width: 100%;
    float: left;
    background-color: #273362;
    border-radius: 10px;
    padding: 21px;
    margin-bottom: 24px;
    background-size: cover;
  }
  #ambassador_page_row2 .groups_toptop .group4 img {
    float: left;
  }
  #ambassador_page_row2 .groups_toptop .group4 .text_amb4 {
    width: 100%;
    min-height: 50px;
    height: auto;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 33px;
    letter-spacing: 0.2px;
    color: #f0f8ff;
    float: left;
    margin-left: 0px;
  }
  #ambassador_page_row2 .groups_toptop .group4.b1 {
    background-image: url(images/g4-p1.svg);
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 24px;
  }
  #ambassador_page_row2 .groups_toptop .group4.b2 {
    background-image: url(images/g4-p2.svg);
    background-repeat: no-repeat;
    background-position: left center;
    margin-bottom: 24px;
    margin-left: 0px;
  }
  #ambassador_page_row2 .groups_toptop .group4.b3 {
    background-image: url(images/g4-p3.svg);
    background-repeat: no-repeat;
    background-position: left center;
  }
  #ambassador_page_row2 .groups_toptop .group4.b4 {
    background-image: url(images/g4-p4.svg);
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 0px;
  }
  #ambassador_page_row2 .ambassador_pr4_1 {
    min-height: 1120px;
    height: auto;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    text-shadow: 0 2px 30px rgba(0, 175, 255, 0.34);
    margin-left: 0;
    margin-top: 26px;
    float: left;
    position: relative;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .ambassador_p4_title {
    text-align: left;
    color: #ffffff;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .ambassador_p4_title span {
    color: #67A8FF;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .ambassador_p4_subtitle {
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 20px;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .numbers1-4 {
    width: 34px;
    float: left;
    position: absolute;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .numbers1-4 .linedegradeon {
    width: 3px;
    height: 154px;
    border-radius: 1.5px;
    background-image: linear-gradient(to bottom, rgba(14, 30, 76, 0), rgba(43, 126, 239, 0.91) 75%, #2e87ff);
    margin-left: 15px;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .numbers1-4 .linebetween {
    width: 3px;
    height: 154px;
    border-radius: 1.5px;
    background-color: #2e87ff;
    margin-bottom: 14px;
    margin-left: 15px;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .numbers1-4 .linedegradeoff {
    width: 3px;
    height: 154px;
    border-radius: 1.5px;
    background-image: linear-gradient(to bottom, #2e87ff, rgba(43, 126, 239, 0.91) 75%, rgba(14, 30, 76, 0));
    margin-bottom: 14px;
    margin-left: 15px;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .numbers1-4 .circle_14 {
    height: 34px;
    width: 34px;
    color: #F0F8FF;
    font-family: "Fira Sans";
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    background: linear-gradient(to bottom, #515bf0 0%, #3bb9ff 100%);
    margin-top: 14px;
    margin-bottom: 14px;
    padding: 2px;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .numbers1-4 .circle_14 span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #1E2954;
    display: block;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .isleft_amb {
    min-height: 204px;
    width: 84%;
    margin-right: 0;
    margin-left: 17px;
    float: left;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .first_left,
  #ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .second_left {
    height: 204px;
    width: 75%;
    margin-right: 0;
    margin-left: 17px;
    float: left;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .first_left img,
  #ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .second_left img {
    float: none;
    margin-left: 0px;
    margin-right: 60%;
    margin-bottom: 20px;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .first_left .descr_amb12,
  #ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .second_left .descr_amb12 {
    width: 100%;
    min-height: 100px;
    height: auto;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: -0.1px;
    text-align: left;
    color: #f0f8ff;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .first_left br,
  #ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .second_left br {
    display: none;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .first_left {
    position: absolute;
    margin-top: 0px;
    top: 383px;
    left: 60px;
    margin-left: 0px;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .isleft_amb .second_left {
    position: absolute;
    top: 808px;
    left: 60px;
    margin-left: 0px;
    margin-top: 0px;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .isright_amb {
    min-height: 204px;
    width: 84%;
    margin-right: 0;
    margin-left: 17px;
    float: left;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .isright_amb .first_right,
  #ambassador_page_row2 .ambassador_pr4_1 .isright_amb .second_right {
    height: 204px;
    width: 75%;
    margin-right: 0;
    margin-left: 0;
    float: right;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .isright_amb .first_right img,
  #ambassador_page_row2 .ambassador_pr4_1 .isright_amb .second_right img {
    float: none;
    margin-right: 60%;
    margin-bottom: 20px;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .isright_amb .first_right .descr_amb12,
  #ambassador_page_row2 .ambassador_pr4_1 .isright_amb .second_right .descr_amb12 {
    width: 100%;
    min-height: 100px;
    height: auto;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.55;
    letter-spacing: -0.1px;
    text-align: left;
    color: #f0f8ff;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .isright_amb .first_right br,
  #ambassador_page_row2 .ambassador_pr4_1 .isright_amb .second_right br {
    display: none;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .isright_amb .first_right {
    margin-top: 0px;
    position: absolute;
    top: 160px;
    left: 60px;
  }
  #ambassador_page_row2 .ambassador_pr4_1 .isright_amb .second_right {
    position: absolute;
    top: 593px;
    left: 60px;
    margin-left: 0px;
    margin-top: 0px;
  }
  #top_menu_mobile {
    min-height: 44px;
    position: fixed;
    top: 0px;
    z-index: 1039;
    display: none;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.82);
    width: 100%;
  }
  #top_menu_mobile #firstmobtop {
    background: url(images/logofinalmobile.svg) no-repeat center center rgba(32, 43, 82, 0.98);
    width: 100%;
    height: 47px;
    float: left;
  }
  #top_menu_mobile #firstmobtop #leftmenuicon {
    background: url(images/icon_menumobile.svg) no-repeat center center;
    height: 47px;
    width: 62px;
    float: left;
    display: block;
    outline: none;
  }
  #top_menu_mobile #firstmobtop #rightmenuicon {
    background: url(images/profilemobile.svg) no-repeat center center;
    height: 47px;
    width: 62px;
    float: right;
    display: block;
    outline: none;
  }
  #top_menu_mobile #firstmobtop #rightnotificon {
    background: url(images/notification2.svg) no-repeat center center;
    height: 47px;
    width: 62px;
    float: right;
    display: block;
    outline: none;
    cursor: pointer;
    position: relative;
  }
  #top_menu_mobile #firstmobtop #rightnotificon .nr {
    display: none;
    background: #ff3019;
    background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    font-family: 'Fira Sans', sans-serif;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0);
    text-align: center;
    line-height: 16px;
    position: absolute;
    top: 8px;
    right: 12px;
  }
  #top_menu_mobile #underbarmob {
    height: 44px;
    width: 100%;
    background-color: rgba(32, 43, 82, 0.98);
    float: left;
  }
  #top_menu_mobile #underbarmob .alnk {
    height: 44px;
    width: 33%;
    margin-right: 0.5%;
    color: rgba(255, 255, 255, 0.7);
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 44px;
    text-align: center;
    display: block;
    text-transform: uppercase;
    float: left;
  }
  #top_menu_mobile #underbarmob .alnk .brd {
    display: none;
  }
  #top_menu_mobile #underbarmob .alnk:last-child {
    margin-right: 0%;
  }
  #top_menu_mobile #underbarmob .alnk.sel {
    height: 44px;
    line-height: 42px;
    color: #fff;
  }
  #top_menu_mobile #underbarmob .alnk.sel .brd {
    border-radius: 1.1px;
    background: linear-gradient(270deg, #0B6EF5 0%, #4A29E4 100%);
    box-shadow: 0 7px 22px 0 rgba(52, 108, 255, 0.44);
    width: 100%;
    display: block;
    height: 2px;
  }
  #openVideo {
    z-index: 1050;
    background-color: rgba(13, 14, 23, 0.8);
  }
  #openVideo .modal-dialog {
    max-width: 100%;
  }
  #openVideo .modal-dialog .modal-content {
    background-color: #202A53;
    border-radius: 4px;
    position: relative;
    /*height:500px;*/
  }
  #openVideo .modal-dialog .modal-content .close {
    color: #fff;
    right: 19px;
    top: 10px;
    position: absolute;
    font-size: 2.61rem;
    font-weight: 300;
    outline: none;
    opacity: 1;
    z-index: 3;
  }
  #openVideo .modal-dialog .modal-content video {
    width: 100%;
    height: 100%;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription {
    width: 100%;
    float: left;
    padding: 6px;
    background-color: #202A53;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .vidovr_ttl {
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.97px;
    line-height: 21px;
    text-shadow: 0 4px 9px rgba(255, 255, 255, 0.2);
    float: left;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .vidovr_subttl {
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.97px;
    line-height: 16px;
    text-shadow: 0 4px 9px rgba(255, 255, 255, 0.2);
    float: left;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .vidovr_by {
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.97px;
    line-height: 15px;
    text-shadow: 0 4px 9px rgba(255, 255, 255, 0.2);
    float: left;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .vidovr_by a {
    display: inline-block;
    color: #007bff;
    font-size: 12px;
    font-weight: bold;
    line-height: 15px;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .vidovr_descr {
    width: 100%;
    max-height: 107px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 12px;
    letter-spacing: 0.1px;
    line-height: 16px;
    float: left;
    overflow-y: auto;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl {
    width: 176px;
    height: 56px;
    float: right;
    border-radius: 26px;
    padding: 15px 18px;
    position: relative;
    margin-bottom: 20px;
    margin-top: 10px;
    display: none;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .star {
    width: 24px;
    height: 24px;
    float: left;
    margin-left: 4px;
    background: url(images/1star.svg?i=1) no-repeat center center;
    background-size: cover;
    cursor: pointer;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .star.r {
    background: url(images/1starb.svg?i=1) no-repeat center center;
    background-size: cover;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .start_anim {
    display: none;
    height: 172px;
    width: 201px;
    position: absolute;
    top: -180px;
    left: -12.5px;
    background-position: center 10px;
    background-repeat: no-repeat;
    background-color: #28325B;
    border-radius: 12px;
    z-index: 99;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .start_anim .text_whoo {
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0.15px;
    line-height: 28px;
    text-align: center;
    height: 28px;
    margin-top: 135px;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .start_anim.s1 {
    background-image: url(images/poor.svg);
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .start_anim.s2 {
    background-image: url(images/pmall.svg);
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .start_anim.s3 {
    background-image: url(images/cool.svg);
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .start_anim.s4 {
    background-image: url(images/good.svg);
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl .start_anim.s5 {
    background-image: url(images/whoo.svg?i=1);
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl:hover {
    background-color: #28325B;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl:hover:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #28325B transparent;
    top: -5px;
    left: 50%;
    margin-left: -2.5px;
    position: absolute;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl:hover .start_anim {
    display: block;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl.novote {
    background-image: url(images/s5arts.svg);
    background-size: 156px 24px;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    width: 156px;
    height: 24px;
    border-radius: 0px;
    padding: 0px;
    margin-top: 16px;
    margin-left: 10px;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl.novote:hover {
    background-color: transparent;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .stars5bbl.novote:after {
    display: none;
  }
  #openVideo .modal-dialog .modal-content .video_overdescription .blue5 {
    background-image: url(images/s5artss.svg);
    background-size: 156px 24px;
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    left: 0px;
    top: 0;
    height: 24px;
  }
  .exp #top_menu_mobile {
    display: none;
  }
  #main_picture .container {
    max-width: 100%;
    margin-top: 45px;
  }
  #main_picture .categories.container {
    padding-top: 50px;
    margin-top: 85px;
  }
  #main_picture video#bgvid {
    display: none;
  }
  #main_picture .bgaftervid {
    background-image: url(images/mobile_bg.jpg);
  }
  #main_picture #logo_fpage {
    height: 190px;
    width: 255px;
    top: 48px;
    left: calc((100% - 255px) / 2);
    background-size: cover;
  }
  #main_picture #textcenter {
    width: calc(100% - 46px);
    left: 23px;
    top: 265px;
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
  }
  #main_picture #pbtns {
    top: 348px;
  }
  #main_picture .godown {
    top: 420px;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 34px;
  }
  #main_picture .arrdown {
    top: 464px;
  }
  #main_picture .arrdown:hover {
    top: 474px;
  }
  .title,
  .title2 {
    width: calc(100% - 18px);
    margin-left: 18px;
    padding-left: 0px;
    height: auto;
    margin-top: 15px;
  }
  .title h1,
  .title2 h1 {
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.6px;
    line-height: 38px;
    text-shadow: 0px 4px 9px rgba(255, 255, 255, 0.2);
  }
  .title h5,
  .title2 h5 {
    width: 100%;
    font-size: 13px;
    letter-spacing: 2.8px;
    line-height: 30px;
    text-shadow: 0px 4px 7px rgba(255, 255, 255, 0.26);
    color: #BADEFF;
    margin-top: -35px;
  }
  .title .allbtn,
  .title2 .allbtn {
    font-size: 13px;
    letter-spacing: -0.2px;
    line-height: 15px;
    text-align: right;
    color: #52B2FF;
    width: auto;
    height: auto;
    display: block;
    float: right;
    background: none;
    padding: 0;
    border: none;
    min-width: auto;
    right: 8px;
    top: -18px;
  }
  .title:after,
  .title2:after {
    display: none;
  }
  .title:before,
  .title2:before {
    left: -5px;
  }
  .container {
    width: 100%;
    float: left;
  }
  .categories .container {
    padding-top: 50px;
    margin-top: 45px;
  }
  .cat_container {
    width: 100%;
    height: 245px;
    overflow-x: scroll;
    margin-left: 0px;
  }
  .cat_container .element {
    height: 224px;
    width: 158px;
    border-radius: 6px;
    margin-right: 10px;
    background-size: cover;
    position: relative;
    cursor: pointer;
  }
  .cat_container .element h3 {
    bottom: 16px;
    left: 8px;
    width: calc(100% - 16px);
    font-size: 17px;
    font-weight: bold;
    line-height: 23px;
    position: absolute;
    padding-right: 0px;
    margin-left: 0px;
  }
  .cat_container .element h3:before {
    content: '';
    position: absolute;
    top: -15px;
    left: 0px;
    height: 5px;
    width: 24px;
    border-radius: 3px;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    box-shadow: 0 2px 6px 0 rgba(21, 62, 170, 0.5);
  }
  .cat_container .element:nth-child(even) {
    margin-top: 0;
    margin-left: 0;
  }
  .cat_container .element:nth-child(odd):not(:first-child) {
    margin-left: 0;
  }
  .vid_container {
    width: 100%;
    margin-left: 0px;
    margin-top: 0px;
    padding-left: 4px;
    overflow-x: scroll;
    overflow-y: hidden;
    min-height: 180px;
    margin-bottom: 15px;
  }
  .vid_container #vsc,
  .vid_container #vsc2,
  .vid_container .tozero {
    position: relative;
    height: 235px;
    transition: all 0.3s ease;
  }
  .vid_container #vsc .element,
  .vid_container #vsc2 .element,
  .vid_container .tozero .element {
    height: 195px;
    width: 190px;
    margin-right: 18px;
    float: left;
    margin-bottom: 24px;
    cursor: pointer;
  }
  .vid_container #vsc .element .img,
  .vid_container #vsc2 .element .img,
  .vid_container .tozero .element .img {
    width: 190px;
    height: 92px;
    border-radius: 6px;
    background-size: cover;
    position: relative;
    cursor: pointer;
  }
  .vid_container #vsc .element .img .vid_time,
  .vid_container #vsc2 .element .img .vid_time,
  .vid_container .tozero .element .img .vid_time {
    height: 18px;
    width: 44px;
    border-radius: 13.75px;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 9px;
    line-height: 18px;
    text-align: center;
    right: 8px;
    bottom: 6px;
    top: auto;
  }
  .vid_container #vsc .element .img .doplayoo,
  .vid_container #vsc2 .element .img .doplayoo,
  .vid_container .tozero .element .img .doplayoo {
    height: 60px;
    width: 60px;
    background-color: rgba(255, 255, 255, 0.44);
    box-shadow: 0 2px 17px 0 rgba(0, 0, 0, 0.2);
    background-image: url(images/playicnb.svg);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: calc((100% - 60px) / 2);
    left: calc((100% - 60px) / 2);
  }
  .vid_container #vsc .element .img .doplayoo:hover,
  .vid_container #vsc2 .element .img .doplayoo:hover,
  .vid_container .tozero .element .img .doplayoo:hover {
    background-color: #4EA324;
  }
  .vid_container #vsc .element .vid_title,
  .vid_container #vsc2 .element .vid_title,
  .vid_container .tozero .element .vid_title {
    width: 190px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 19px;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .vid_container #vsc .element .vid_subttl,
  .vid_container #vsc2 .element .vid_subttl,
  .vid_container .tozero .element .vid_subttl {
    width: 190px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .vid_container #vsc .element .vid_views,
  .vid_container #vsc2 .element .vid_views,
  .vid_container .tozero .element .vid_views {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 13px;
    font-weight: 300;
    line-height: 14px;
  }
  .vid_container #vsc .element:last-child,
  .vid_container #vsc2 .element:last-child,
  .vid_container .tozero .element:last-child {
    margin-right: 0;
  }
  .evt_container {
    width: 100%;
    min-height: 500px;
    float: left;
    margin-top: 0px;
    position: relative;
    margin-left: 0px;
    max-width: 100%;
    overflow-x: scroll;
  }
  .evt_container #evts,
  .evt_container #evtsx {
    width: auto;
    float: left;
    overflow-x: auto;
    position: relative;
  }
  .evt_container #evts .element,
  .evt_container #evtsx .element {
    height: 392px;
    width: 296px;
    margin-right: 24px;
    position: relative;
    margin-bottom: 26px;
    float: left;
    transition: all 0.5s ease;
    display: block;
    text-decoration: none;
    background: url(images/evt_bg3.svg) no-repeat center center;
    margin-top: 26px;
    cursor: pointer;
    box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.1);
  }
  .evt_container #evts .element:last-child,
  .evt_container #evtsx .element:last-child {
    margin-right: 0px;
  }
  .evt_container #evts .element .image_evt,
  .evt_container #evtsx .element .image_evt {
    height: 190px;
    width: 274px;
    border-radius: 0px 0px 12px 12px;
    margin-top: 1px;
    margin-bottom: 0px;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    box-shadow: 0 8px 14px rgba(0, 0, 0, 0.34);
    transition: all 0.5s ease;
    margin-left: 11px;
  }
  .evt_container #evts .element .image_evt .cat,
  .evt_container #evtsx .element .image_evt .cat {
    height: 27px;
    min-width: 55px;
    border-radius: 13.75px;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    box-shadow: 0 2px 6px 0 rgba(21, 62, 170, 0.5);
    position: absolute;
    right: -5px;
    top: 106px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 13.2px;
    line-height: 27px;
    text-align: center;
    padding: 1px 4px;
  }
  .evt_container #evts .element .insidecat,
  .evt_container #evtsx .element .insidecat {
    width: 100%;
    float: left;
  }
  .evt_container #evts .element .insidecat .cat,
  .evt_container #evtsx .element .insidecat .cat {
    height: 27px;
    min-width: 55px;
    border-radius: 12px;
    background: #2E87FF;
    box-shadow: 0 2px 6px 0 rgba(21, 62, 170, 0.5);
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 13.2px;
    line-height: 26px;
    text-align: center;
    padding: 1px 10px;
    margin-left: 22px;
    float: left;
    white-space: nowrap;
    word-break: keep-all;
    text-overflow: ellipsis;
    max-width: 85%;
    overflow: hidden;
  }
  .evt_container #evts .element .evt_title,
  .evt_container #evtsx .element .evt_title {
    height: 40px;
    width: 252px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 22px;
    margin-bottom: 17px;
    overflow: hidden;
  }
  .evt_container #evts .element .linebtm,
  .evt_container #evtsx .element .linebtm {
    width: 252px;
    margin-left: 22px;
    margin-top: -16px;
    height: 2px;
    background: rgba(255, 255, 255, 0.23);
  }
  .evt_container #evts .element .timedate,
  .evt_container #evtsx .element .timedate {
    height: 24px;
    width: auto;
    color: #8c909d;
    font-family: "Fira Sans";
    font-size: 13px;
    line-height: 24px;
    margin-left: 22px;
  }
  .evt_container #evts .element .mavertir,
  .evt_container #evtsx .element .mavertir {
    height: 42px;
    width: 206px;
    border-radius: 23.4px;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    box-shadow: 0 6px 20px rgba(52, 108, 255, 0.36);
    position: absolute;
    bottom: 11px;
    left: 45px;
    font-family: "Fira Sans";
    font-size: 14px;
    letter-spacing: 0.75px;
    line-height: 42px;
    text-align: center;
    z-index: 7;
  }
  .evt_container #evts .element .mavertir:hover,
  .evt_container #evtsx .element .mavertir:hover {
    color: #FFFFFF;
  }
  .evt_container #evts .element:hover .image_evt,
  .evt_container #evtsx .element:hover .image_evt {
    background-size: 110%;
  }
  .evt_container #evtsx {
    width: 650px;
  }
  .evt_container #evtsx .element {
    float: left;
    margin-right: 15px;
  }
  #footer {
    height: 200px;
    width: 100%;
    background: url(images/mobilebtmbg.svg) no-repeat bottom center #0C0F1B;
    padding: 0px;
    margin-bottom: 30px;
  }
  #footer .textcenter {
    width: 100%;
    margin-left: 0px;
    font-size: 17px;
    font-weight: 300;
    line-height: 29px;
    margin-top: 5px;
  }
  #footer .discover {
    margin-top: 15px;
  }
  #footer2 .container {
    padding: 0;
  }
  #categories_page .container {
    padding-right: 0px;
    float: left;
    margin-top: 5px;
  }
  #categories_page .gobackto1 {
    margin-left: 0px;
    float: left;
    margin-top: 30px;
  }
  #categories_page .retour {
    margin-left: 15px;
    margin-top: 47px;
    float: left;
  }
  #categories_page .title2 {
    max-height: 86px;
    height: auto;
    margin-top: 5px;
  }
  #categories_page .title2 h1 {
    height: auto;
  }
  #categories_page .title2:after {
    display: none;
  }
  #categories_page .title2:before {
    display: none;
  }
  #categories_page .cats_container {
    margin-left: 0;
    margin-top: 0;
    width: 100%;
  }
  #categories_page .cats_container .element {
    height: 224px;
    width: 158px;
    border-radius: 6px;
    margin-right: 10px;
    margin-top: 10px;
    background-size: cover;
    position: relative;
    cursor: pointer;
  }
  #categories_page .cats_container .element h3 {
    bottom: 16px;
    left: 8px;
    width: calc(100% - 16px);
    font-size: 17px;
    font-weight: bold;
    line-height: 23px;
    position: absolute;
    padding-right: 0px;
    margin-left: 0px;
  }
  #categories_page .cats_container .element h3:before {
    content: '';
    position: absolute;
    top: -15px;
    left: 0px;
    height: 5px;
    width: 24px;
    border-radius: 3px;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    box-shadow: 0 2px 6px 0 rgba(21, 62, 170, 0.5);
  }
  #categories_page .cats_container .element:nth-child(even) {
    margin-left: 0;
  }
  #categories_page .cats_container .element:nth-child(odd) {
    margin-left: 0;
  }
  #categories_page .cats_container .element:nth-child(5n) {
    margin-right: 10px;
  }
  #recover_pass,
  #recover_passrp2 {
    z-index: 1051;
    background-color: rgba(13, 14, 23, 0.8);
  }
  #recover_pass .modal-dialog,
  #recover_passrp2 .modal-dialog {
    max-width: 100%;
  }
  #recover_pass .modal-dialog .modal-content,
  #recover_passrp2 .modal-dialog .modal-content {
    min-height: 264px;
    width: 100%;
    border-radius: 4px;
    background-color: #2B324A;
    padding: 20px 30px;
    transition: all 0.5s ease;
  }
  #recover_pass .modal-dialog .modal-content .close,
  #recover_passrp2 .modal-dialog .modal-content .close {
    color: #fff;
    right: 19px;
    top: 10px;
    position: absolute;
    font-size: 2.61rem;
    font-weight: 300;
    outline: none;
    opacity: 1;
    z-index: 3;
  }
  #recover_pass .modal-dialog .modal-content h1,
  #recover_passrp2 .modal-dialog .modal-content h1 {
    font-family: "Fira Sans";
    font-size: 17px;
    font-weight: 800;
    line-height: 26px;
    text-align: center;
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  #recover_pass .modal-dialog .modal-content h3,
  #recover_passrp2 .modal-dialog .modal-content h3 {
    margin: 0px;
    margin-top: 9px;
    font-family: "Fira Sans";
    font-size: 14px;
    letter-spacing: -0.22px;
    line-height: 19px;
    text-align: center;
    padding: 0px;
    float: left;
    width: 100%;
    font-weight: 300;
  }
  #recover_pass .modal-dialog .modal-content .subborder,
  #recover_passrp2 .modal-dialog .modal-content .subborder {
    height: 2px;
    width: 100%;
    background: rgba(255, 255, 255, 0.12);
    float: left;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  #recover_pass .modal-dialog .modal-content .input-surface,
  #recover_passrp2 .modal-dialog .modal-content .input-surface,
  #recover_pass .modal-dialog .modal-content .textarea-surface,
  #recover_passrp2 .modal-dialog .modal-content .textarea-surface {
    height: 58px;
    width: calc(100% - 12px);
    border-radius: 4px 4px 0 0;
    background-color: rgba(202, 211, 255, 0.16);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    margin-left: 6px;
    margin-bottom: 20px;
    padding: 7px 16px;
    float: left;
  }
  #recover_pass .modal-dialog .modal-content .input-surface label,
  #recover_passrp2 .modal-dialog .modal-content .input-surface label,
  #recover_pass .modal-dialog .modal-content .textarea-surface label,
  #recover_passrp2 .modal-dialog .modal-content .textarea-surface label {
    font-family: "Fira Sans";
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 16px;
    width: 100%;
    margin-bottom: 0px;
  }
  #recover_pass .modal-dialog .modal-content .input-surface input,
  #recover_passrp2 .modal-dialog .modal-content .input-surface input,
  #recover_pass .modal-dialog .modal-content .textarea-surface input,
  #recover_passrp2 .modal-dialog .modal-content .textarea-surface input {
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 24px;
    background-color: transparent;
    border: none;
    width: 100%;
    outline: none;
  }
  #recover_pass .modal-dialog .modal-content .input-surface textarea,
  #recover_passrp2 .modal-dialog .modal-content .input-surface textarea,
  #recover_pass .modal-dialog .modal-content .textarea-surface textarea,
  #recover_passrp2 .modal-dialog .modal-content .textarea-surface textarea {
    min-height: 81px;
    width: 100%;
    font-family: "Fira Sans";
    font-size: 13px;
    line-height: 24px;
    background-color: transparent;
    border: none;
    outline: none;
    resize: none;
  }
  #recover_pass .modal-dialog .modal-content .input-surface:focus-within,
  #recover_passrp2 .modal-dialog .modal-content .input-surface:focus-within,
  #recover_pass .modal-dialog .modal-content .textarea-surface:focus-within,
  #recover_passrp2 .modal-dialog .modal-content .textarea-surface:focus-within {
    border-bottom-color: #177AFF;
  }
  #recover_pass .modal-dialog .modal-content .input-surfaceek,
  #recover_passrp2 .modal-dialog .modal-content .input-surfaceek {
    height: 58px;
    width: auto;
    border-radius: 4px 4px 0 0;
    background-color: rgba(202, 211, 255, 0.16);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    margin-left: 6px;
    margin-bottom: 20px;
    padding: 7px 16px;
    background-image: url(images/sendmail.png);
    background-size: 52px;
    background-position: 2px center;
    background-repeat: no-repeat;
    padding-left: 50px;
    float: left;
    cursor: pointer;
  }
  #recover_pass .modal-dialog .modal-content .input-surfaceek .dotlabel,
  #recover_passrp2 .modal-dialog .modal-content .input-surfaceek .dotlabel {
    height: 19px;
    font-family: "Fira Sans";
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.2px;
    line-height: 19px;
    width: 100%;
    float: left;
  }
  #recover_pass .modal-dialog .modal-content .input-surfaceek span,
  #recover_passrp2 .modal-dialog .modal-content .input-surfaceek span {
    font-family: "Fira Sans";
    font-size: 12px;
    letter-spacing: -0.18px;
    line-height: 19px;
    height: 19px;
    width: auto;
    float: left;
    display: block;
  }
  #recover_pass .modal-dialog .modal-content .input-surfaceek.issel,
  #recover_passrp2 .modal-dialog .modal-content .input-surfaceek.issel {
    border-bottom-color: #177AFF;
  }
  #recover_pass .modal-dialog .modal-content .input-surfaceek.issel .dotlabel,
  #recover_passrp2 .modal-dialog .modal-content .input-surfaceek.issel .dotlabel {
    color: #177AFF;
  }
  #recover_pass .modal-dialog .modal-content .input-surfaceek.issel span,
  #recover_passrp2 .modal-dialog .modal-content .input-surfaceek.issel span {
    color: #177AFF;
  }
  #recover_pass .modal-dialog .modal-content .submitrequest,
  #recover_passrp2 .modal-dialog .modal-content .submitrequest {
    height: 38px;
    width: 123px;
    border-radius: 23px;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 100%);
    box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
    border: none;
    outline: none;
    margin-left: 6px;
    padding: 2px;
    cursor: pointer;
    position: absolute;
    right: 35px;
    bottom: 20px;
    color: #ffffff;
    font-family: "Fira Sans";
    font-size: 14px;
    letter-spacing: 0.75px;
    line-height: 38px;
    text-align: center;
  }
  #recover_pass .modal-dialog .modal-content .submitrequest span,
  #recover_passrp2 .modal-dialog .modal-content .submitrequest span {
    width: 119px;
    display: block;
    border-radius: 16px;
    background-color: #2B324A;
    color: #ffffff;
    font-family: "Fira Sans";
    font-size: 14px;
    letter-spacing: 0.75px;
    line-height: 34px;
    text-align: center;
  }
  #recover_pass .modal-dialog .modal-content #step1rp,
  #recover_passrp2 .modal-dialog .modal-content #step1rp {
    height: 244px;
    width: 100%;
    float: left;
  }
  #recover_pass .modal-dialog .modal-content #step2rp,
  #recover_passrp2 .modal-dialog .modal-content #step2rp {
    height: 294px;
    width: 100%;
    float: left;
  }
  #recover_pass .modal-dialog .modal-content #step2rp h1,
  #recover_passrp2 .modal-dialog .modal-content #step2rp h1 {
    font-size: 15px;
    font-weight: 800;
    line-height: 22px;
  }
  #recover_pass .modal-dialog .modal-content #step2rp h3,
  #recover_passrp2 .modal-dialog .modal-content #step2rp h3 {
    font-size: 13px;
    letter-spacing: -0.22px;
    line-height: 18px;
    font-weight: 300;
  }
  #recover_passrp2 {
    z-index: 1051;
    background-color: rgba(13, 14, 23, 0.8);
  }
  #recover_passrp2 .modal-dialog {
    max-width: 100%;
  }
  #recover_passrp2 .modal-dialog .modal-content {
    max-height: 385px;
    height: 385px;
    width: 100%;
    border-radius: 4px;
    background-color: #2B324A;
    padding: 20px 30px;
  }
  #recover_passrp2 .modal-dialog .modal-content #step3rp {
    width: 100%;
    height: 100%;
    float: left;
  }
  #recover_passrp2 .modal-dialog .modal-content #step3rp .conds_mp {
    width: 100%;
    float: left;
    margin-bottom: 15px;
  }
  #recover_passrp2 .modal-dialog .modal-content #step3rp .conds_mp .cond {
    padding-left: 28px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 13px;
    letter-spacing: -0.21px;
    line-height: 15px;
    background-repeat: no-repeat;
    float: left;
    margin-right: 10px;
  }
  #recover_passrp2 .modal-dialog .modal-content #step3rp .conds_mp .cond.uncheck {
    background-image: url(images/bad.svg);
    background-size: 25px;
    background-position: 3px center;
  }
  #recover_passrp2 .modal-dialog .modal-content #step3rp .conds_mp .cond.check {
    background-image: url(images/tick.svg);
    background-position: 9px center;
  }
  #discover_page_top {
    background: url(images/mobilebtmbg.svg) no-repeat center center;
    margin-top: -78px;
    padding-top: 100px;
  }
  #discover_page_top .container {
    padding-left: 0px;
    padding-right: 0px;
  }
  #discover_page_top .titletexttop1 {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 26px;
    font-weight: 600;
    line-height: 37px;
    text-align: center;
    width: 94%;
    margin-left: 3%;
    margin-top: 55px;
    height: 86px;
    margin-bottom: 20px;
    float: left;
  }
  #discover_page_top .textundertop1 {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 300;
    line-height: 28px;
    text-align: center;
    text-shadow: 0 4px 7px rgba(255, 255, 255, 0.3);
    width: 94%;
    margin-left: 3%;
    float: left;
  }
  #discover_page_row1 .discoverimage_1 {
    height: 580px;
    background-position: bottom center;
    background-size: 277px 296px;
    padding-left: 0px;
    margin-left: 0px;
    width: 100%;
  }
  #discover_page_row1 .discoverimage_1 p.ttl {
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    min-height: 40px;
    max-width: 96%;
  }
  #discover_page_row1 .discoverimage_1 p.txt {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.1px;
    line-height: 26px;
    text-shadow: 0 4px 7px rgba(255, 255, 255, 0.3);
    max-width: 96%;
  }
  #discover_page_row2 {
    width: 100%;
    margin-top: 70px;
  }
  #discover_page_row2 .discoverimage_2 {
    margin-left: 0px;
    width: 100%;
    padding: 0px;
    background-position: center bottom;
    background-size: 322px 288px;
    height: 595px;
  }
  #discover_page_row2 .discoverimage_2 p.ttl {
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    min-height: 40px;
    max-width: 96%;
  }
  #discover_page_row2 .discoverimage_2 p.txt {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.1px;
    line-height: 26px;
    text-shadow: 0 4px 7px rgba(255, 255, 255, 0.3);
    max-width: 96%;
  }
  #discover_page_row3 {
    width: 100%;
    margin-top: 70px;
  }
  #discover_page_row3 .discoverimage_3 {
    margin-left: 0px;
    width: 100%;
    padding: 0px;
    background: url(images/i3discoverpage.svg) no-repeat center bottom;
    background-size: 288px 363px;
    height: 700px;
  }
  #discover_page_row3 .discoverimage_3 p.ttl {
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    min-height: 40px;
    max-width: 96%;
  }
  #discover_page_row3 .discoverimage_3 p.txt {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.1px;
    line-height: 26px;
    text-shadow: 0 4px 7px rgba(255, 255, 255, 0.3);
    max-width: 96%;
  }
  #discover_page_row4 {
    width: 100%;
    margin-top: 40px;
  }
  #discover_page_row4 .discoverimage_4 {
    margin-left: 0px;
    width: 100%;
    padding: 0px;
    background-position: bottom center;
    background-size: 100%;
    height: 504px;
  }
  #discover_page_row4 .discoverimage_4 p.ttl {
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    min-height: 40px;
    max-width: 96%;
  }
  #discover_page_row4 .discoverimage_4 p.txt {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 300;
    letter-spacing: -0.1px;
    line-height: 26px;
    text-shadow: 0 4px 7px rgba(255, 255, 255, 0.3);
    max-width: 96%;
  }
  #videos_page {
    width: 100%;
    float: left;
    padding-top: 140px;
  }
  #videos_page .title {
    margin-top: 15px;
  }
  #videos_page .gobackto1 {
    box-sizing: border-box;
    height: 47.4px;
    width: 47.4px;
    display: block;
    border-radius: 50%;
    margin-left: 85px;
    border: 1.7px solid rgba(255, 255, 255, 0.95);
    background: url(images/arrow-r.svg) no-repeat center center rgba(255, 255, 255, 0.16);
  }
  #videos_page .retour {
    height: 14px;
    width: 46px;
    color: rgba(255, 255, 255, 0.7);
    font-family: "Fira Sans";
    font-size: 12px;
    letter-spacing: 0.5px;
    line-height: 14px;
    text-align: center;
    margin-left: 87px;
    margin-top: 10px;
    display: block;
  }
  #categories_page .clubs_container {
    width: 100%;
    min-height: 300px;
    float: left;
    margin-top: 35px;
    position: relative;
    margin-left: 0px;
    padding-bottom: 20px;
  }
  #categories_page .clubs_container h2 {
    color: #FFFFFF;
    font-family: "Fira Sans", sans-serif;
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 58px;
    text-shadow: 0px 4px 9px rgba(255, 255, 255, 0.2);
    margin-top: 15px;
    text-transform: uppercase;
  }
  #categories_page .clubs_container .element {
    height: 102px;
    width: 96%;
    border-radius: 10px;
    background-color: #2B324A;
    display: block;
    float: left;
    margin: 0%;
    position: relative;
    padding: 16px;
    margin-top: 14px;
    text-decoration: none;
    cursor: pointer;
  }
  #categories_page .clubs_container .element .img {
    height: 71px;
    width: 108px;
    border-radius: 3px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.34);
    float: left;
    position: relative;
    top: 0px;
    left: 0px;
    background-size: cover;
    cursor: pointer;
  }
  #categories_page .clubs_container .element h3 {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: -0.1px;
    text-align: left;
    margin-top: 0px;
    width: 252px;
    margin-left: 12px;
    padding-bottom: 0px;
    border-bottom: none;
    width: calc(100% - 120px);
    float: left;
    height: auto;
  }
  #categories_page .clubs_container .element .club_flag {
    position: absolute;
    top: 10px;
    right: auto;
    left: -5px;
    border-radius: 5px;
  }
  #categories_page .clubs_container .element .nums_club {
    border-bottom: none;
    width: calc(100% - 120px);
    margin-left: 12px;
    padding-bottom: 0px;
    padding-top: 0px;
    float: left;
  }
  #categories_page .clubs_container .element .nums_club .x3 {
    width: 33%;
    float: left;
    text-align: center;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 11px;
    font-weight: bold;
    letter-spacing: -0.2px;
    line-height: 11px;
  }
  #categories_page .clubs_container .element .nums_club .x3 span {
    width: 100%;
    float: left;
    display: block;
    color: #F2F2F8;
    font-family: "Fira Sans";
    font-size: 7px;
    font-weight: 300;
    line-height: 8px;
    text-align: center;
    margin-top: 1px;
  }
  #categories_page .clubs_container .element .nums_club .x3:nth-child(1),
  #categories_page .clubs_container .element .nums_club .x3:nth-child(2) {
    border-right: 1px solid rgba(93, 94, 113, 0.5);
  }
  #categories_page .clubs_container .element .gotochannel {
    display: none;
  }
  #categories_page .clubs_container #loadmoreclubs {
    height: 42px;
    width: 206px;
    margin-left: calc((100% - 206px) / 2);
    margin-top: 15px;
    border-radius: 23.4px;
    background: #2E87FF;
    text-decoration: none;
    box-shadow: 0 6px 20px 0 rgba(52, 108, 255, 0.36);
    color: #fff;
    font-family: "Fira Sans";
    font-size: 14px;
    letter-spacing: 0.75px;
    line-height: 42px;
    text-align: center;
    float: left;
  }
  #categories_page .clubs_container #loadmoreclubs:hover {
    background-color: #4E99FE;
  }
  #footer2 {
    min-height: 680px;
    padding-bottom: 275px;
    margin-top: 30px;
    padding-top: 20px;
  }
  #footer2 .container {
    float: left;
  }
  #footer2 .container .bottom_logo {
    height: auto;
    width: 100%;
    padding-left: 10px;
    position: absolute;
    bottom: -210px;
  }
  #footer2 .container .bottom_logo .partner_powerdby {
    width: 100%;
    float: left;
    margin-top: 10px;
    height: 40px;
    font-weight: 600;
    color: #000;
    font-family: "Fira Sans";
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 40px;
    text-align: center;
    display: block;
    text-decoration: none;
  }
  #footer2 .container .createwebtv {
    margin-bottom: 30px;
  }
  #footer2 .container .block_col {
    margin-left: 20px;
    margin-bottom: 20px;
  }
  .top1 #footer2 {
    min-height: 735px;
    padding-bottom: 295px;
  }
  .swal2-container {
    z-index: 9999991;
  }
  #makelogin {
    z-index: 1051;
    background-color: rgba(4, 6, 16, 0.98);
    max-width: 100%;
  }
  #makelogin .modal-dialog {
    max-width: 100%;
  }
  #makelogin .modal-dialog .modal-content {
    max-width: 100%;
  }
  #makelogin .modal-dialog .modal-content h1 {
    max-width: 100%;
    margin: 32px 0px 22px 0px;
  }
  #makelogin .modal-dialog .modal-content .input-surface {
    width: 96%;
    margin-left: 2%;
  }
  #makelogin .modal-dialog .modal-content .checkbox_custom {
    margin-left: 6px;
    width: 140px;
  }
  #makelogin .modal-dialog .modal-content .recoverpasswd {
    margin-right: 6px;
  }
  #makelogin .modal-dialog .modal-content .submitrequest {
    margin-left: 10px !important;
    width: calc(100% - 20px) !important;
  }
  #makelogin .modal-dialog .modal-content .connect_fb {
    margin-left: 10px;
    width: calc(100% - 20px);
  }
  #makelogin .modal-dialog .modal-content .abcRioButton {
    max-width: 96%;
    max-width: calc(100% - 20px);
    margin-left: 10px;
  }
  #sendcontactmsg {
    background-color: rgba(4, 6, 16, 0.98);
    z-index: 1051;
  }
  #sendcontactmsg .modal-dialog {
    max-width: 100%;
  }
  #sendcontactmsg .modal-dialog .modal-content {
    height: auto;
    background-color: transparent;
    border: none;
  }
  #sendcontactmsg .modal-dialog .modal-content .close {
    color: #fff;
    right: 15px;
    top: 10px;
    position: absolute;
    font-size: 2.61rem;
    font-weight: 300;
    outline: none;
    opacity: 1;
    z-index: 3;
  }
  #sendcontactmsg .modal-dialog .modal-content h1 {
    min-height: 28px;
    width: 96%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 22px;
    font-weight: bold;
    line-height: 27px;
    margin: 40px 0px 26px 26px;
  }
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart {
    width: 100%;
    padding: 0;
  }
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .address_info {
    margin: 10px 1% 10px 1%;
    font-size: 12px;
  }
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface,
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface {
    height: 66px;
    width: 98%;
    border-radius: 4px 4px 0 0;
    background-color: rgba(202, 211, 255, 0.16);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    margin-left: 1%;
    margin-bottom: 16px;
    padding: 7px 16px;
  }
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface label,
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface label {
    color: rgba(255, 255, 255, 0.5);
    font-family: "Fira Sans";
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 16px;
    width: 100%;
  }
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface input,
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface input {
    color: rgba(255, 255, 255, 0.58);
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 24px;
    background-color: transparent;
    border: none;
    width: 100%;
    outline: none;
  }
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface textarea,
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface textarea {
    min-height: 81px;
    width: 98%;
    margin-left: 1%;
    color: rgba(255, 255, 255, 0.58);
    font-family: "Fira Sans";
    font-size: 13px;
    line-height: 24px;
    background-color: transparent;
    border: none;
    outline: none;
    resize: none;
  }
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface:focus-within,
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface:focus-within {
    border-bottom-color: #177AFF;
  }
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface:focus-within label,
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface:focus-within label {
    color: #177AFF;
  }
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface:focus-within input,
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface:focus-within input {
    color: #fff;
  }
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .input-surface50 {
    width: 98% !important;
    margin-left: 1%;
  }
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .textarea-surface {
    min-height: 122px;
  }
  #sendcontactmsg .modal-dialog .modal-content .max100 .leftpart .submitrequest {
    color: #ffffff;
    height: 38px;
    width: 200px;
    border-radius: 23px;
    background: linear-gradient(314deg, #177aff 0%, #4828dc 100%);
    box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
    border: none;
    outline: none;
    margin-left: calc((100% - 200px) / 2 );
  }
  #sendcontactmsg .modal-dialog .modal-content .max100 .rightpart {
    width: 98%;
    margin-left: 1%;
    margin-top: 50px;
  }
  #sendcontactmsg .modal-dialog .modal-content .max100 .rightpart iframe {
    border: 0;
    max-height: 320px;
  }
  #sendcontactmsg .modal-dialog .modal-content .max100 .contactdetails {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 17px;
    line-height: 27px;
    width: 100%;
    padding: 10px;
    margin-top: 8px;
  }
  #requestnewchannel,
  #requestnewchannel2 {
    z-index: 1051;
    background-color: rgba(4, 6, 16, 0.98);
  }
  #requestnewchannel .modal-dialog .modal-content,
  #requestnewchannel2 .modal-dialog .modal-content {
    height: auto;
    /*background-color:transparent;*/
    border: none;
  }
  #requestnewchannel .modal-dialog .modal-content .leftreqchannelside,
  #requestnewchannel2 .modal-dialog .modal-content .leftreqchannelside {
    display: none;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside {
    width: 100%;
    height: auto;
    position: relative;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside h1,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside h1 {
    min-height: 38px;
    width: 96%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 30px;
    font-weight: bold;
    line-height: 37px;
    margin: 40px 0px 26px 1%;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface,
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface {
    height: 66px;
    width: 100%;
    border-radius: 4px 4px 0 0;
    background-color: rgba(202, 211, 255, 0.16);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    margin-left: 0px;
    margin-bottom: 16px;
    padding: 7px 16px;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface label,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface label,
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface label,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface label {
    color: rgba(255, 255, 255, 0.5);
    font-family: "Fira Sans";
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 16px;
    width: 100%;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface input,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface input,
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface input,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface input {
    color: rgba(255, 255, 255, 0.58);
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 24px;
    background-color: transparent;
    border: none;
    width: 100%;
    outline: none;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface option,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface option,
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface option,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface option {
    color: #444c67;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface select,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface select,
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface select,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface select {
    width: 100%;
    background-color: transparent;
    border: none;
    outline: none;
    color: rgba(255, 255, 255, 0.58);
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 24px;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface textarea,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface textarea,
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface textarea,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface textarea {
    min-height: 81px;
    width: 100%;
    color: rgba(255, 255, 255, 0.58);
    font-family: "Fira Sans";
    font-size: 13px;
    line-height: 24px;
    background-color: transparent;
    border: none;
    outline: none;
    resize: none;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface:focus-within,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface:focus-within,
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface:focus-within,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface:focus-within {
    border-bottom-color: #177AFF;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface:focus-within label,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface:focus-within label,
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface:focus-within label,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface:focus-within label {
    color: #177AFF;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface:focus-within input,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface:focus-within input,
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface:focus-within input,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface:focus-within input {
    color: #fff;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .textarea-surface,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .textarea-surface {
    min-height: 122px;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .submitrequest,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .submitrequest {
    color: #ffffff;
    height: 38px;
    width: 200px;
    border-radius: 23px;
    background: linear-gradient(314deg, #177aff 0%, #4828dc 100%);
    box-shadow: 0 4px 9px 0 rgba(52, 108, 255, 0.35);
    margin-left: 90px;
    border: none;
    outline: none;
  }
  #requestnewchannel .modal-dialog,
  #requestnewchannel2 .modal-dialog {
    max-width: 100%;
  }
  #requestnewchannel .modal-dialog .modal-content,
  #requestnewchannel2 .modal-dialog .modal-content {
    max-width: 100%;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside {
    padding-bottom: 20px;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside h1,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside h1 {
    margin: 10px 0px 26px 1%;
    font-size: 26px;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .input-surface,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .input-surface {
    width: 96%;
    margin-left: 2%;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .checkbox_custom,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .checkbox_custom {
    margin-left: 6px;
    width: calc(100% - 6px);
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .connect_fb,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .connect_fb {
    margin-left: 10px;
    width: calc(100% - 20px);
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .submitrequest,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .submitrequest {
    margin-left: 10px !important;
    width: calc(100% - 20px) !important;
  }
  #requestnewchannel .modal-dialog .modal-content .rightrequestchannelside .abcRioButton,
  #requestnewchannel2 .modal-dialog .modal-content .rightrequestchannelside .abcRioButton {
    max-width: 96%;
    max-width: calc(100% - 20px);
    margin-left: 10px;
  }
  #parameters {
    background-color: rgba(13, 14, 23, 0.8);
  }
  #parameters .modal-dialog {
    max-width: 100%;
  }
  #parameters .modal-dialog .modal-content {
    background-color: #273362;
    border-radius: 0px;
    position: relative;
    height: auto;
    float: left;
    overflow: hidden;
  }
  #parameters .modal-dialog .modal-content .close {
    color: #fff;
    right: 19px;
    top: 10px;
    position: absolute;
    font-size: 2.81rem;
    font-weight: 300;
    outline: none;
    opacity: 1;
    z-index: 3;
  }
  #parameters .modal-dialog .modal-content .params_left {
    height: auto;
    width: 100%;
    border-radius: 8px 0 0 8px;
    background-color: transparent;
    position: relative;
    left: 0px;
    top: 0px;
  }
  #parameters .modal-dialog .modal-content .params_left .title_pmenut {
    height: 46px;
    width: 168px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 24px;
    font-weight: bold;
    line-height: 37px;
    margin-left: 29px;
    margin-top: 32px;
    border-bottom: 0.85px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 9px;
    margin-bottom: 10px;
  }
  #parameters .modal-dialog .modal-content .params_left .menu_param {
    width: 100%;
    height: 40px;
    margin-top: 10px;
    position: relative;
  }
  #parameters .modal-dialog .modal-content .params_left .menu_param:after {
    content: '';
    width: 100%;
    background: #202a53;
    height: 3px;
    bottom: 5px;
    left: 0px;
    position: absolute;
    z-index: 2;
  }
  #parameters .modal-dialog .modal-content .params_left .menu_param .menu_item {
    height: 32px;
    float: left;
    width: 31%;
    border-radius: 0;
    padding-left: 0px;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding-top: 10px;
    display: block;
    text-decoration: none;
    margin-bottom: 1px;
    position: relative;
  }
  #parameters .modal-dialog .modal-content .params_left .menu_param .menu_item:after {
    content: '';
    background: #202a53;
    height: 3px;
    left: 0px;
    bottom: -3px;
    z-index: 3;
    width: 100%;
  }
  #parameters .modal-dialog .modal-content .params_left .menu_param .menu_item:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }
  #parameters .modal-dialog .modal-content .params_left .menu_param .menu_item .compte {
    width: 18px;
    height: 18px;
    margin-right: 20px;
    float: left;
    display: none;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
  }
  #parameters .modal-dialog .modal-content .params_left .menu_param .menu_item .securite {
    width: 15px;
    height: 18px;
    margin-left: 1px;
    margin-right: 22px;
    float: left;
    display: none;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
  }
  #parameters .modal-dialog .modal-content .params_left .menu_param .menu_item .notifs {
    width: 19px;
    height: 18px;
    margin-right: 19px;
    float: left;
    display: none;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
  }
  #parameters .modal-dialog .modal-content .params_left .menu_param .menu_item .stats {
    width: 19px;
    height: 18px;
    margin-right: 19px;
    float: left;
    display: none;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center center;
  }
  #parameters .modal-dialog .modal-content .params_left .menu_param .menu_item.sel {
    background: none;
    box-shadow: none;
  }
  #parameters .modal-dialog .modal-content .params_left .menu_param .menu_item.sel:after {
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 100%);
    color: #FFFFFF;
    height: 3px;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: -3px;
    content: '';
    z-index: 3;
  }
  #parameters .modal-dialog .modal-content .params_right {
    height: auto;
    width: 100%;
    border-radius: 0 8px 8px 0;
    background-color: transparent;
    position: relative;
    right: 0px;
    top: 0px;
    float: left;
    /*ios checkbox*/
    /*ios checkbox*/
    /* settings */
    /* settings p */
  }
  #parameters .modal-dialog .modal-content .params_right .input-surface,
  #parameters .modal-dialog .modal-content .params_right .textarea-surface {
    height: 58px;
    width: 100%;
    border-radius: 4px 4px 0 0;
    background-color: rgba(202, 211, 255, 0.05);
    border-bottom: 2px solid rgba(255, 255, 255, 0.5);
    margin-left: 0px;
    margin-bottom: 20px;
    padding: 6px 16px;
    float: left;
  }
  #parameters .modal-dialog .modal-content .params_right .input-surface label,
  #parameters .modal-dialog .modal-content .params_right .textarea-surface label {
    color: rgba(255, 255, 255, 0.5);
    font-family: "Fira Sans";
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 16px;
    width: 100%;
    margin-bottom: .2rem;
  }
  #parameters .modal-dialog .modal-content .params_right .input-surface input,
  #parameters .modal-dialog .modal-content .params_right .textarea-surface input {
    color: rgba(255, 255, 255, 0.58);
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 24px;
    background-color: transparent;
    border: none;
    width: 100%;
    outline: none;
  }
  #parameters .modal-dialog .modal-content .params_right .input-surface textarea,
  #parameters .modal-dialog .modal-content .params_right .textarea-surface textarea {
    min-height: 134px;
    width: 100%;
    color: rgba(255, 255, 255, 0.58);
    font-family: "Fira Sans";
    font-size: 13px;
    line-height: 24px;
    background-color: transparent;
    border: none;
    outline: none;
    resize: none;
  }
  #parameters .modal-dialog .modal-content .params_right .input-surface:focus-within,
  #parameters .modal-dialog .modal-content .params_right .textarea-surface:focus-within {
    border-bottom-color: #177AFF;
  }
  #parameters .modal-dialog .modal-content .params_right .input-surface:focus-within label,
  #parameters .modal-dialog .modal-content .params_right .textarea-surface:focus-within label {
    color: #177AFF;
  }
  #parameters .modal-dialog .modal-content .params_right .input-surface:focus-within input,
  #parameters .modal-dialog .modal-content .params_right .textarea-surface:focus-within input {
    color: #fff;
  }
  #parameters .modal-dialog .modal-content .params_right .input-surface:nth-child(odd),
  #parameters .modal-dialog .modal-content .params_right .textarea-surface:nth-child(odd) {
    margin-left: 0px;
  }
  #parameters .modal-dialog .modal-content .params_right input[type="checkbox"].apple-switch {
    position: absolute;
    margin: 8px 0 0 16px;
  }
  #parameters .modal-dialog .modal-content .params_right input[type="checkbox"].apple-switch + label {
    position: relative;
    padding: 5px 0 0 50px;
    line-height: 2.0em;
  }
  #parameters .modal-dialog .modal-content .params_right input[type="checkbox"].apple-switch + label:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 40px;
    /* x*5 */
    height: 24px;
    /* x*3 */
    border-radius: 16px;
    /* x*2 */
    background: #fff;
    border: 1px solid #D5D4D4;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  #parameters .modal-dialog .modal-content .params_right input[type="checkbox"].apple-switch + label:after {
    content: "";
    position: absolute;
    display: block;
    left: 0px;
    top: 0px;
    width: 24px;
    /* x*3 */
    height: 24px;
    /* x*3 */
    border-radius: 16px;
    /* x*2 */
    background: #fff;
    border: 1px solid #D5D4D4;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  #parameters .modal-dialog .modal-content .params_right input[type="checkbox"].apple-switch + label:hover:after {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  }
  #parameters .modal-dialog .modal-content .params_right input[type="checkbox"].apple-switch:checked + label:after {
    margin-left: 16px;
    border: 1px solid #45A2FD;
  }
  #parameters .modal-dialog .modal-content .params_right input[type="checkbox"].apple-switch:checked + label:before {
    border: 1px solid #45A2FD;
    background: #45A2FD;
  }
  #parameters .modal-dialog .modal-content .params_right .setbtn {
    height: 38px;
    width: 162px;
    border-radius: 23.4px;
    box-shadow: 0px 0px 21px 2px rgba(52, 108, 255, 0.24);
    float: left;
    margin-left: calc((100% - 162px) / 2);
    margin-right: auto;
    color: #FFFFFF;
    cursor: pointer;
    font-family: "Fira Sans";
    font-size: 14px;
    letter-spacing: 0.6px;
    line-height: 30px;
    text-align: center;
    background-color: transparent;
    border-color: rgba(52, 108, 255, 0.44);
    outline: none;
  }
  #parameters .modal-dialog .modal-content .params_right .setbtn:hover {
    box-shadow: 0px 0px 24px 2px rgba(52, 108, 255, 0.34);
  }
  #parameters .modal-dialog .modal-content .params_right #compte_p {
    display: block;
    padding: 32px;
    width: 100%;
    height: 100%;
    float: left;
  }
  #parameters .modal-dialog .modal-content .params_right #compte_p .title_p {
    height: 37px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 20px;
    font-weight: bold;
    line-height: 37px;
    float: left;
  }
  #parameters .modal-dialog .modal-content .params_right #compte_p .info_p {
    height: 37px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: bold;
    line-height: 37px;
    margin-top: 24px;
    float: left;
  }
  #parameters .modal-dialog .modal-content .params_right #compte_p .image_avatarparm {
    height: 134px;
    width: 134px;
    border-radius: 5.38px;
    box-shadow: 0 3px 14px 0 rgba(0, 0, 0, 0.54);
    float: left;
    margin-right: 22px;
    overflow: hidden;
    position: relative;
  }
  #parameters .modal-dialog .modal-content .params_right #compte_p .image_avatarparm img {
    width: 100%;
    height: 100%;
  }
  #parameters .modal-dialog .modal-content .params_right #compte_p .image_avatarparm #uploadprogress {
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 100%);
    width: 0%;
    height: 8px;
    position: absolute;
    z-index: 2;
    top: 63px;
    left: 0px;
  }
  #parameters .modal-dialog .modal-content .params_right #compte_p .image_butons_descr {
    width: calc(100% - 158px);
    float: left;
  }
  #parameters .modal-dialog .modal-content .params_right #compte_p .image_butons_descr .image_btn_info {
    float: left;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    line-height: 22px;
  }
  #parameters .modal-dialog .modal-content .params_right #compte_p .image_butons_descr .setbtn {
    float: left;
    margin-bottom: 14px;
  }
  #parameters .modal-dialog .modal-content .params_right #securite_p {
    padding: 32px;
    width: 100%;
    height: 100%;
    float: left;
    display: none;
  }
  #parameters .modal-dialog .modal-content .params_right #securite_p .title_p {
    height: 37px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 20px;
    font-weight: bold;
    line-height: 37px;
    float: left;
  }
  #parameters .modal-dialog .modal-content .params_right #securite_p .info_p {
    height: 37px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: bold;
    line-height: 37px;
    margin-top: 24px;
    float: left;
  }
  #parameters .modal-dialog .modal-content .params_right #securite_p p.info {
    width: 100%;
    float: left;
    margin-bottom: 10px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    letter-spacing: -0.22px;
    line-height: 19px;
    display: block;
  }
  #parameters .modal-dialog .modal-content .params_right #securite_p .conds_mp {
    width: 100%;
    float: left;
    margin-bottom: 15px;
  }
  #parameters .modal-dialog .modal-content .params_right #securite_p .conds_mp .cond {
    padding-left: 28px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 13px;
    letter-spacing: -0.21px;
    line-height: 15px;
    background-repeat: no-repeat;
    float: left;
    margin-right: 10px;
  }
  #parameters .modal-dialog .modal-content .params_right #securite_p .conds_mp .cond.uncheck {
    background-image: url(images/bad.svg);
    background-size: 25px;
    background-position: 3px center;
  }
  #parameters .modal-dialog .modal-content .params_right #securite_p .conds_mp .cond.check {
    background-image: url(images/tick.svg);
    background-position: 9px center;
  }
  #parameters .modal-dialog .modal-content .params_right #notifs_p {
    padding: 32px;
    width: 100%;
    height: 100%;
    float: left;
    display: none;
  }
  #parameters .modal-dialog .modal-content .params_right #notifs_p .title_p {
    height: 37px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 20px;
    font-weight: bold;
    line-height: 37px;
    float: left;
  }
  #parameters .modal-dialog .modal-content .params_right #notifs_p .ios_notifs {
    width: 100%;
    float: left;
    margin-top: 26px;
  }
  #parameters .modal-dialog .modal-content .params_right #notifs_p .ios_notifs .ttl_ntfs {
    width: 72%;
    float: left;
    display: block;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: bold;
    line-height: 37px;
  }
  #parameters .modal-dialog .modal-content .params_right #notifs_p .ios_notifs .info_ntfs {
    width: 72%;
    float: left;
    display: block;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
  }
  #parameters .modal-dialog .modal-content .params_right #notifs_p .ios_notifs .right_ntfs {
    width: 51px;
    float: right;
    min-height: 30px;
    margin-top: 20px;
  }
  .club_cover {
    width: 100%;
    min-height: 163px;
    max-height: 163px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-left: 0;
    margin-top: 91px;
    float: left;
    position: relative;
    margin-bottom: 394px;
  }
  .club_cover .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden;
    background: linear-gradient(0deg, rgba(4, 6, 16, 0.86) 0%, rgba(0, 0, 0, 0) 100%);
  }
  .club_cover .clublogo {
    width: 180px;
    height: 180px;
    position: absolute;
    top: 72px;
    left: calc((100% - 180px) / 2);
    border-radius: 8px;
    box-shadow: 0 14px 20px 0 rgba(0, 0, 0, 0.48);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .club_cover .subbg {
    display: none;
  }
  .club_cover #club_name_title {
    min-height: 29px;
    width: calc(100% - 48px);
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.4px;
    line-height: 32px;
    position: absolute;
    left: 24px;
    top: 268px;
    text-align: center;
  }
  .club_cover #club_name_title span.endirectsp {
    position: absolute;
    left: calc((100% - 64px) / 2);
    margin-left: 0px;
    top: 17px;
  }
  .club_cover .folluv {
    position: absolute;
    left: 0px;
    top: 328px;
    z-index: 9;
    width: 100%;
  }
  .club_cover .folluv .folls {
    text-align: center;
    width: 100%;
    margin-right: 0px;
  }
  .club_cover .folluv .dofollow {
    position: absolute;
    left: calc((100% - 130px) / 2);
    top: 120px;
  }
  .club_cover .folluv .unfollow {
    position: absolute;
    left: calc((100% - 132px) / 2);
    top: 120px;
  }
  .club_cover .clubsocial {
    width: 220px;
    height: 47px;
    top: 378px;
    left: calc((100% - 220px) / 2);
    position: absolute;
  }
  .club_cover .clubsocial .fbs {
    background: url(images/fbchain.svg) no-repeat center center;
    width: 47px;
    height: 47px;
    float: left;
    display: block;
    margin-right: 10px;
  }
  .club_cover .clubsocial .tws {
    background: url(images/twchain.svg) no-repeat center center;
    width: 47px;
    height: 47px;
    float: left;
    display: block;
    margin-right: 10px;
  }
  .club_cover .clubsocial .ins {
    background: url(images/instachain.svg) no-repeat center center;
    width: 47px;
    height: 47px;
    float: left;
    display: block;
    margin-right: 10px;
  }
  .club_cover .clubsocial .wbss {
    background: url(images/sitechain.svg) no-repeat center center;
    width: 47px;
    height: 47px;
    float: left;
    display: block;
  }
  .club_cover .clubsocial.hid {
    display: none;
  }
  .club_cover .clubsocial.w1 {
    width: 50px;
    left: calc((100% - 50px) / 2);
  }
  .club_cover .clubsocial.w1 .fbs,
  .club_cover .clubsocial.w1 .tws,
  .club_cover .clubsocial.w1 .ins,
  .club_cover .clubsocial.w1 .wbss {
    margin-right: 0px;
  }
  .club_cover .clubsocial.w2 {
    width: 104px;
    left: calc((100% - 104px) / 2);
  }
  .club_cover .clubsocial.w2 div:last-child {
    margin-right: 0px;
  }
  .club_cover .clubsocial.w3 {
    width: 161px;
    left: calc((100% - 161px) / 2);
  }
  .club_cover .clubsocial.w3 div:last-child {
    margin-right: 0px;
  }
  .club_cover .clubsocial.w4 {
    width: 218px;
    left: calc((100% - 218px) / 2);
  }
  .club_cover .clubsocial.w4 div:last-child {
    margin-right: 0px;
  }
  .folder_club {
    width: 100%;
    float: left;
    margin-left: 0px;
  }
  .folder_club .searchf {
    width: 100%;
    max-width: 94%;
  }
  .folder_club .searchf h1 {
    float: left;
    line-height: 28px;
    height: 30px;
  }
  .folder_club .searchf input {
    width: 80%;
    margin-left: 0px;
    font-size: 18px;
    letter-spacing: normal;
    margin-top: 0px;
    line-height: 36px;
    background-size: 16px;
    padding-left: 40px;
  }
  .folder_club .searchf ::-webkit-input-placeholder {
    font-family: "FontAwesome", "Fira Sans", sans-serif;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
  }
  .folder_club .searchf ::-moz-placeholder {
    font-family: "FontAwesome", "Fira Sans", sans-serif;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
  }
  .folder_club .searchf :-ms-input-placeholder {
    font-family: "FontAwesome", "Fira Sans", sans-serif;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
  }
  .folder_club .searchf :-moz-placeholder {
    font-family: "FontAwesome", "Fira Sans", sans-serif;
    color: rgba(255, 255, 255, 0.9);
    font-size: 14px;
  }
  .folder_club .searchf input.withss {
    width: 90%;
    border-radius: 38px;
  }
  .folder_club .searchf .select2 {
    margin-top: 16px;
    background-color: #2E87FF;
    height: 36px;
    border-radius: 38px;
    border-left: none;
    padding-right: 20px;
    padding-left: 20px;
    max-width: 90%;
    width: 90%;
  }
  .folder_club .searchf .select2 .select2-selection {
    background-color: #2E87FF;
    color: #fff;
    margin-top: 3px;
    border: none;
  }
  .folder_club .searchf .select2 .select2-selection .select2-selection__rendered {
    color: #fff;
  }
  .folder_club .searchf .select2 .select2-selection .select2-selection__arrow {
    top: 4px;
  }
  .folder_club .searchf .select2 .select2-selection .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
  }
  .folder_club .vid_container {
    width: 100%;
    min-height: 195px;
    float: left;
    margin-top: 35px;
    position: relative;
    margin-left: 0px;
  }
  .folder_club .vid_container .element {
    height: 185px;
    width: 155px;
    margin-right: 10px;
    position: relative;
    margin-bottom: 24px;
    float: left;
    transition: all 0.5s ease;
    display: block;
    text-decoration: none;
    cursor: pointer;
  }
  .folder_club .vid_container .element:last-child {
    margin-right: 0px;
  }
  .folder_club .vid_container .element .img {
    height: 82px;
    width: 155px;
    border-radius: 6px;
    margin-bottom: 14px;
    background-position: center center;
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.2);
    transition: all 0.5s ease;
  }
  .folder_club .vid_container .element .img .vid_time {
    height: 18px;
    width: 40px;
    border-radius: 13.75px;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    box-shadow: 0 2px 6px 0 rgba(21, 62, 170, 0.5);
    position: absolute;
    right: 5px;
    top: 58px;
    color: #fff;
    font-family: "Fira Sans";
    font-size: 8px;
    line-height: 19px;
    text-align: center;
  }
  .folder_club .vid_container .element .vid_title {
    min-height: 24px;
    max-height: 42px;
    width: 100%;
    color: #363C4B;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    overflow: hidden;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .folder_club .vid_container .element .vid_subttl {
    width: 100%;
    color: #363C4B;
    font-family: "Fira Sans";
    font-size: 12px;
    font-weight: 500;
    line-height: 17px;
    overflow: hidden;
    word-break: keep-all;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .folder_club .vid_container .element .vid_views {
    height: 34px;
    width: 100%;
    opacity: 0.7;
    color: #363C4B;
    font-family: "Fira Sans";
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    float: left;
  }
  .folder_club .vid_container .element:hover .img {
    background-size: 110%;
  }
  .folder_club .vid_container.more {
    max-height: 235px;
    overflow-y: hidden;
    overflow-x: auto;
  }
  .firstvideo {
    min-height: 204px;
    width: 98%;
    margin-left: 1%;
    float: left;
    border-radius: 8px;
    background-color: #2B324A;
    box-shadow: 1px 4px 12px 0 rgba(0, 0, 0, 0.5);
    overflow: hidden;
    height: auto;
    margin-bottom: 15px;
  }
  .firstvideo .right {
    height: auto;
    width: 100%;
    padding: 14px;
    float: right;
    padding-bottom: 65px;
    position: relative;
    right: auto;
    top: auto;
  }
  .firstvideo .right .title_vivid {
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 0.97px;
    line-height: 40px;
    text-shadow: 0 4px 9px rgba(255, 255, 255, 0.2);
  }
  .firstvideo .right .date_vivid {
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 13px;
    letter-spacing: 0.1px;
    line-height: 23px;
  }
  .firstvideo .right .date_vivid .cat_vivid {
    display: inline-block;
    line-height: 15px;
    padding: 4px;
    font-size: 13px;
    color: #fff;
    background: #2E87FF;
    letter-spacing: 0.1px;
    border-radius: 15px;
    position: relative;
    float: right;
  }
  .firstvideo .right .subtitle_vivid {
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.2px;
    line-height: 24px;
    text-shadow: 0 4px 9px rgba(255, 255, 255, 0.2);
  }
  .firstvideo .right .text_vivid {
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 13px;
    letter-spacing: 0.1px;
    line-height: 23px;
  }
  .firstvideo .right .stars5bbl {
    width: 176px;
    height: 56px;
    float: right;
    border-radius: 26px;
    padding: 15px 18px;
    position: relative;
  }
  .firstvideo .right .stars5bbl .star {
    width: 24px;
    height: 24px;
    float: left;
    margin-left: 4px;
    background: url(images/1star.svg?i=1) no-repeat center center;
    background-size: cover;
    cursor: pointer;
  }
  .firstvideo .right .stars5bbl .star.r {
    background: url(images/1starb.svg?i=1) no-repeat center center;
    background-size: cover;
  }
  .firstvideo .right .stars5bbl .start_anim {
    display: none;
    height: 172px;
    width: 201px;
    position: absolute;
    top: -180px;
    left: -12.5px;
    background-position: center 10px;
    background-repeat: no-repeat;
    background-color: #28325B;
    border-radius: 12px;
  }
  .firstvideo .right .stars5bbl .start_anim .text_whoo {
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0.15px;
    line-height: 28px;
    text-align: center;
    height: 28px;
    margin-top: 135px;
  }
  .firstvideo .right .stars5bbl .start_anim.s1 {
    background-image: url(images/poor.svg);
  }
  .firstvideo .right .stars5bbl .start_anim.s2 {
    background-image: url(images/pmall.svg);
  }
  .firstvideo .right .stars5bbl .start_anim.s3 {
    background-image: url(images/cool.svg);
  }
  .firstvideo .right .stars5bbl .start_anim.s4 {
    background-image: url(images/good.svg);
  }
  .firstvideo .right .stars5bbl .start_anim.s5 {
    background-image: url(images/whoo.svg?i=1);
  }
  .firstvideo .right .stars5bbl:hover {
    background-color: #28325B;
  }
  .firstvideo .right .stars5bbl:hover:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #202A53 transparent;
    top: -5px;
    left: 50%;
    margin-left: -2.5px;
    position: absolute;
  }
  .firstvideo .right .stars5bbl:hover .start_anim {
    display: block;
  }
  .firstvideo .right .stars5bbl.novote {
    background-image: url(images/s5arts.svg);
    background-size: 156px 24px;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    width: 156px;
    height: 24px;
    border-radius: 0px;
    padding: 0px;
    margin-top: 16px;
    margin-left: 10px;
  }
  .firstvideo .right .stars5bbl.novote:hover {
    background-color: transparent;
  }
  .firstvideo .right .stars5bbl.novote:after {
    display: none;
  }
  .firstvideo .right .blue5 {
    background-image: url(images/s5artss.svg);
    background-size: 156px 24px;
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    left: 0px;
    top: 0;
    height: 24px;
  }
  .firstvideo .left {
    height: auto;
    width: 100%;
    float: left;
    position: relative;
  }
  #informaboutcreatingwebtv .modal-dialog {
    max-width: 100%;
  }
  #informaboutcreatingwebtv .modal-dialog .modal-content {
    background-color: #273362;
    border-radius: 4px;
    position: relative;
    height: 220px;
    overflow: hidden;
  }
  #informaboutcreatingwebtv .modal-dialog .modal-content .close {
    color: #fff;
    right: 19px;
    top: 10px;
    position: absolute;
    font-size: 2.61rem;
    font-weight: 300;
    outline: none;
    opacity: 1;
    z-index: 3;
  }
  #informaboutcreatingwebtv .modal-dialog .modal-content .pmsg {
    min-height: 80px;
    width: 92%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 20px;
    font-weight: 600;
    line-height: 33px;
    text-align: center;
    margin-left: 4%;
    margin-top: 50px;
  }
  #openEvt .modal-dialog {
    max-width: 100%;
  }
  #openEvt .modal-dialog .modal-content {
    background-color: #2B324A;
    border-radius: 4px;
    position: relative;
    min-height: 480px;
    overflow: hidden;
  }
  #openEvt .modal-dialog .modal-content .close {
    color: #fff;
    right: 19px;
    top: 10px;
    position: absolute;
    font-size: 2.61rem;
    font-weight: 300;
    outline: none;
    opacity: 1;
    z-index: 3;
  }
  #openEvt .modal-dialog .modal-content .left_evtmod {
    width: 100%;
    min-height: 220px;
    height: 320px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
  }
  #openEvt .modal-dialog .modal-content .right_evtmod {
    width: 100%;
    min-height: 320px;
    height: 320px;
    overflow-y: auto;
    overflow-x: hidden;
    float: left;
    padding: 10px;
    position: relative;
    padding-bottom: 58px;
  }
  #openEvt .modal-dialog .modal-content .right_evtmod .ttlevtmod {
    float: left;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 22px;
    font-weight: 700;
    line-height: 38px;
  }
  #openEvt .modal-dialog .modal-content .right_evtmod .evt_by {
    color: #fff;
    font-weight: 700;
  }
  #openEvt .modal-dialog .modal-content .right_evtmod .dateevtmod {
    height: 32px;
    float: left;
    width: 100%;
    color: #8c909d;
    font-family: "Fira Sans";
    font-size: 13px;
    line-height: 24px;
  }
  #openEvt .modal-dialog .modal-content .right_evtmod .descrevtmod {
    float: left;
    width: 100%;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    overflow-y: auto;
  }
  #openEvt .modal-dialog .modal-content .right_evtmod .avert1 {
    position: absolute;
    bottom: 70px;
    height: 50px;
    width: 90%;
  }
  #openEvt .modal-dialog .modal-content .right_evtmod .avert1 .mavertir {
    height: 42px;
    width: 206px;
    border-radius: 23.4px;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    box-shadow: 0 6px 20px rgba(52, 108, 255, 0.36);
    position: absolute;
    bottom: 2px;
    left: 45px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    letter-spacing: 0.75px;
    line-height: 42px;
    text-align: center;
    z-index: 7;
    cursor: pointer;
  }
  /* mobile media page ! **/
  body.umed,
  body.umed2 {
    background-position: center 90px;
  }
  #media {
    width: 100%;
    float: left;
    padding-top: 100px;
  }
  #media .container {
    color: #fff !important;
    width: 100%;
    margin: 0 auto;
    position: relative;
    max-width: 1040px;
    padding: 0px;
  }
  #media .container .topslider {
    width: 100%;
    float: left;
    margin-top: 30px;
    /*#region MODULES */
    /*#endregion */
  }
  #media .container .topslider .csslider {
    -moz-perspective: 100%;
    -ms-perspective: 100%;
    -webkit-perspective: 100%;
    perspective: 100%;
    width: 100%;
    display: inline-block;
    text-align: left;
    position: relative;
    margin-bottom: 22px;
  }
  #media .container .topslider .csslider > input {
    display: none;
  }
  #media .container .topslider .csslider > input:nth-of-type(10):checked ~ ul li:first-of-type {
    margin-left: -900%;
  }
  #media .container .topslider .csslider > input:nth-of-type(9):checked ~ ul li:first-of-type {
    margin-left: -800%;
  }
  #media .container .topslider .csslider > input:nth-of-type(8):checked ~ ul li:first-of-type {
    margin-left: -700%;
  }
  #media .container .topslider .csslider > input:nth-of-type(7):checked ~ ul li:first-of-type {
    margin-left: -600%;
  }
  #media .container .topslider .csslider > input:nth-of-type(6):checked ~ ul li:first-of-type {
    margin-left: -500%;
  }
  #media .container .topslider .csslider > input:nth-of-type(5):checked ~ ul li:first-of-type {
    margin-left: -400%;
  }
  #media .container .topslider .csslider > input:nth-of-type(4):checked ~ ul li:first-of-type {
    margin-left: -300%;
  }
  #media .container .topslider .csslider > input:nth-of-type(3):checked ~ ul li:first-of-type {
    margin-left: -200%;
  }
  #media .container .topslider .csslider > input:nth-of-type(2):checked ~ ul li:first-of-type {
    margin-left: -100%;
  }
  #media .container .topslider .csslider > input:nth-of-type(1):checked ~ ul li:first-of-type {
    margin-left: 0%;
  }
  #media .container .topslider .csslider > ul {
    position: relative;
    width: 100%;
    height: 461px;
    z-index: 1;
    font-size: 0;
    line-height: 0;
    background-color: transparent;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  #media .container .topslider .csslider > ul > li {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 15px;
    font-size: initial;
    line-height: normal;
    -moz-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
    transition: all 0.5s cubic-bezier(0.4, 1.3, 0.65, 1);
    vertical-align: top;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: normal;
  }
  #media .container .topslider .csslider > ul > li .left_ttl {
    width: 82%;
    height: 220px;
    background-color: #202A53;
    border-radius: 10px;
    padding: 36px;
    float: left;
    margin-top: 113px;
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.75);
    position: relative;
    margin-left: 9%;
  }
  #media .container .topslider .csslider > ul > li .left_ttl .vendete {
    color: rgba(255, 255, 255, 0.86);
    font-family: "Fira Sans";
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.08px;
    line-height: 18px;
    width: 100%;
    float: left;
    margin-top: 8px;
  }
  #media .container .topslider .csslider > ul > li .left_ttl .ttlttl {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 0.5px;
    line-height: 33px;
    height: 66px;
    width: 100%;
    float: left;
    margin-top: 8px;
    overflow: hidden;
  }
  #media .container .topslider .csslider > ul > li .left_ttl .date {
    color: rgba(255, 255, 255, 0.86);
    font-family: "Fira Sans";
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.24px;
    line-height: 20px;
    width: 100%;
    margin-top: 10px;
    float: left;
  }
  #media .container .topslider .csslider > ul > li .left_ttl .btngoto {
    height: 42px;
    width: 168px;
    position: absolute;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 15px;
    font-weight: 600;
    line-height: 42px;
    padding-left: 50px;
    display: block;
    bottom: -16px;
    left: 36px;
    text-align: left;
    border-radius: 22px;
  }
  #media .container .topslider .csslider > ul > li .left_ttl .btngoto:before {
    content: '';
    height: 32px;
    width: 32px;
    position: absolute;
    left: 9px;
    top: 5px;
    background: url(images/btngoarr.svg?i=1) no-repeat center center;
  }
  #media .container .topslider .csslider > ul > li .right_img {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 94%;
    height: 220px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    z-index: -1;
    border-radius: 14px;
    overflow: hidden;
    left: 3%;
  }
  #media .container .topslider .csslider > ul > li.scrollable {
    overflow-y: scroll;
  }
  #media .container .topslider .csslider > .navigation {
    position: absolute;
    bottom: 20px;
    left: 39px;
    z-index: 10;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #media .container .topslider .csslider > .navigation div {
    margin-top: 18px;
  }
  #media .container .topslider .csslider > .navigation span {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 3.1px;
    line-height: 20px;
    padding-bottom: 18px;
    float: left;
    display: block;
    width: 100%;
    text-align: left;
  }
  #media .container .topslider .csslider > .navigation label {
    position: relative;
    display: inline-block;
    cursor: pointer;
    border-radius: 6px;
    margin: 0 4px;
    padding: 4px 22px;
    background: #36373F;
    transition: all 0.5s ease;
  }
  #media .container .topslider .csslider > .navigation label:hover:after {
    opacity: 1;
  }
  #media .container .topslider .csslider > .navigation label:after {
    content: '';
    position: absolute;
    transition: all 0.5s ease;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -4px;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    border-radius: 6px;
    padding: 4px 22px;
    opacity: 0;
  }
  #media .container .topslider .csslider > .arrows {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  #media .container .topslider .csslider.inside .navigation {
    bottom: 10px;
    margin-bottom: 10px;
  }
  #media .container .topslider .csslider.inside .navigation label {
    border: 1px solid #7e7e7e;
  }
  #media .container .topslider .csslider > input:nth-of-type(1):checked ~ .navigation label:nth-of-type(1):after,
  #media .container .topslider .csslider > input:nth-of-type(2):checked ~ .navigation label:nth-of-type(2):after,
  #media .container .topslider .csslider > input:nth-of-type(3):checked ~ .navigation label:nth-of-type(3):after,
  #media .container .topslider .csslider > input:nth-of-type(4):checked ~ .navigation label:nth-of-type(4):after,
  #media .container .topslider .csslider > input:nth-of-type(5):checked ~ .navigation label:nth-of-type(5):after,
  #media .container .topslider .csslider > input:nth-of-type(6):checked ~ .navigation label:nth-of-type(6):after,
  #media .container .topslider .csslider > input:nth-of-type(7):checked ~ .navigation label:nth-of-type(7):after,
  #media .container .topslider .csslider > input:nth-of-type(8):checked ~ .navigation label:nth-of-type(8):after,
  #media .container .topslider .csslider > input:nth-of-type(9):checked ~ .navigation label:nth-of-type(9):after,
  #media .container .topslider .csslider > input:nth-of-type(10):checked ~ .navigation label:nth-of-type(10):after,
  #media .container .topslider .csslider > input:nth-of-type(11):checked ~ .navigation label:nth-of-type(11):after {
    opacity: 1;
  }
  #media .container .topslider .csslider > .arrows {
    position: absolute;
    left: -31px;
    top: 50%;
    width: 100%;
    height: 26px;
    padding: 0 31px;
    z-index: 0;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
  #media .container .topslider .csslider > .arrows label {
    display: none;
    position: absolute;
    top: -50%;
    padding: 13px;
    box-shadow: inset 2px -2px 0 1px #3a3a3a;
    cursor: pointer;
    -moz-transition: box-shadow 0.15s, margin 0.15s;
    -o-transition: box-shadow 0.15s, margin 0.15s;
    -webkit-transition: box-shadow 0.15s, margin 0.15s;
    transition: box-shadow 0.15s, margin 0.15s;
  }
  #media .container .topslider .csslider > .arrows label:hover {
    box-shadow: inset 3px -3px 0 2px #71ad37;
    margin: 0 0px;
  }
  #media .container .topslider .csslider > .arrows label:before {
    content: '';
    position: absolute;
    top: -100%;
    left: -100%;
    height: 300%;
    width: 300%;
  }
  #media .container .topslider .csslider.infinity > input:first-of-type:checked ~ .arrows label.goto-last,
  #media .container .topslider .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(0),
  #media .container .topslider .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(1),
  #media .container .topslider .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(2),
  #media .container .topslider .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(3),
  #media .container .topslider .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(4),
  #media .container .topslider .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(5),
  #media .container .topslider .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(6),
  #media .container .topslider .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(7),
  #media .container .topslider .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(8),
  #media .container .topslider .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(9),
  #media .container .topslider .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(10) {
    display: block;
    left: 0;
    right: auto;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #media .container .topslider .csslider.infinity > input:last-of-type:checked ~ .arrows label.goto-first,
  #media .container .topslider .csslider > input:nth-of-type(1):checked ~ .arrows > label:nth-of-type(2),
  #media .container .topslider .csslider > input:nth-of-type(2):checked ~ .arrows > label:nth-of-type(3),
  #media .container .topslider .csslider > input:nth-of-type(3):checked ~ .arrows > label:nth-of-type(4),
  #media .container .topslider .csslider > input:nth-of-type(4):checked ~ .arrows > label:nth-of-type(5),
  #media .container .topslider .csslider > input:nth-of-type(5):checked ~ .arrows > label:nth-of-type(6),
  #media .container .topslider .csslider > input:nth-of-type(6):checked ~ .arrows > label:nth-of-type(7),
  #media .container .topslider .csslider > input:nth-of-type(7):checked ~ .arrows > label:nth-of-type(8),
  #media .container .topslider .csslider > input:nth-of-type(8):checked ~ .arrows > label:nth-of-type(9),
  #media .container .topslider .csslider > input:nth-of-type(9):checked ~ .arrows > label:nth-of-type(10),
  #media .container .topslider .csslider > input:nth-of-type(10):checked ~ .arrows > label:nth-of-type(11),
  #media .container .topslider .csslider > input:nth-of-type(11):checked ~ .arrows > label:nth-of-type(12) {
    display: block;
    right: 0;
    left: auto;
    -moz-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
  #media .container .media_type_selector {
    width: 96%;
    height: 52px;
    position: relative;
    float: left;
    margin-bottom: 40px;
    max-width: 500px;
    margin-left: 2%;
  }
  #media .container .media_type_selector:after {
    bottom: 0px;
    content: '';
    border-radius: 4px;
    height: 4px;
    position: absolute;
    left: 2%;
    width: 96%;
    background-color: #131622;
  }
  #media .container .media_type_selector a {
    padding: 9px 14px;
    margin-bottom: 10px;
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 14px;
    letter-spacing: 0.2px;
    line-height: 24px;
    text-align: center;
    float: left;
    margin-right: 4px;
    display: block;
    position: relative;
  }
  #media .container .media_type_selector a.sel {
    font-weight: bold;
  }
  #media .container .media_type_selector a.sel:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    bottom: -10px;
    left: 0px;
    border-radius: 4px;
    background: linear-gradient(314.51deg, #177AFF 0%, #4828DC 97.74%);
    z-index: 2;
  }
  #media .container .rows_container {
    width: 100%;
    float: left;
  }
  #media .container .rows_container .type1 {
    width: 96%;
    height: 280px;
    border-radius: 10px;
    float: left;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 22px;
    display: block;
    text-decoration: none;
    overflow: hidden;
    transition: all 0.2s linear;
    margin-bottom: 22px;
    position: relative;
    margin-left: 2%;
  }
  #media .container .rows_container .type1 .dropdrop {
    background: -moz-linear-gradient(top, rgba(4, 6, 16, 0) 0%, rgba(4, 6, 16, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(4, 6, 16, 0) 0%, rgba(4, 6, 16, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(4, 6, 16, 0) 0%, rgba(4, 6, 16, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00040610', endColorstr='#a6040610', GradientType=0);
    width: 100%;
    height: 55%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 22px;
  }
  #media .container .rows_container .type1 .dropdrop .cattop {
    color: rgba(255, 255, 255, 0.86);
    font-family: "Fira Sans";
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.08px;
    line-height: 18px;
    width: 100%;
    float: left;
    display: block;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
  }
  #media .container .rows_container .type1 .dropdrop .t_ttl {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 0.5px;
    line-height: 31px;
    width: 100%;
    float: left;
    margin-top: 2px;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
  }
  #media .container .rows_container .type1 .dropdrop .t_date {
    width: 100%;
    float: left;
    color: rgba(255, 255, 255, 0.86);
    font-family: "Fira Sans";
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.24px;
    line-height: 20px;
    margin-top: 6px;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
  }
  #media .container .rows_container .type1:hover {
    background-size: 110%;
  }
  #media .container .rows_container .type2 {
    width: 96%;
    height: 280px;
    border-radius: 10px;
    float: left;
    background-size: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 22px;
    display: block;
    text-decoration: none;
    overflow: hidden;
    transition: all 0.2s linear;
    margin-bottom: 22px;
    position: relative;
    margin-left: 2%;
  }
  #media .container .rows_container .type2 .dropdrop {
    background: -moz-linear-gradient(top, rgba(4, 6, 16, 0) 0%, rgba(4, 6, 16, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(4, 6, 16, 0) 0%, rgba(4, 6, 16, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(4, 6, 16, 0) 0%, rgba(4, 6, 16, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00040610', endColorstr='#a6040610', GradientType=0);
    width: 100%;
    height: 55%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 22px;
  }
  #media .container .rows_container .type2 .dropdrop .cattop {
    color: rgba(255, 255, 255, 0.86);
    font-family: "Fira Sans";
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.08px;
    line-height: 18px;
    width: 100%;
    float: left;
    display: block;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
  }
  #media .container .rows_container .type2 .dropdrop .t_ttl {
    color: #FFFFFF;
    font-family: "Fira Sans";
    font-size: 26px;
    font-weight: 800;
    letter-spacing: 0.5px;
    line-height: 31px;
    width: 100%;
    float: left;
    margin-top: 2px;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
  }
  #media .container .rows_container .type2 .dropdrop .t_date {
    width: 100%;
    float: left;
    color: rgba(255, 255, 255, 0.86);
    font-family: "Fira Sans";
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.24px;
    line-height: 20px;
    margin-top: 6px;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
  }
  #media .container .rows_container .type2:hover {
    background-size: 110%;
  }
  #media .container .rows_container .r22 {
    margin-right: 22px;
  }
  #media .container span {
    color: #fff !important;
  }
  #media .container .title2 {
    margin-left: 5px;
    width: 99.5%;
    margin-bottom: 30px;
  }
  #media .container h1,
  #media .container h2,
  #media .container h3 {
    color: #fff;
    margin-bottom: .9rem;
    margin-top: .9rem;
  }
  #media .container h4,
  #media .container h5 {
    color: #fff;
    margin-bottom: .9rem;
    margin-top: .9rem;
  }
  body.umed2 {
    background-size: auto 300px;
  }
  body.umed2 #media {
    padding-top: 91px;
  }
  body.umed2 #media .container {
    width: 94%;
    margin-left: 3%;
    padding: 5px;
    max-width: 100%;
    margin-top: 150px;
  }
  body.umed2 #media .container .retour {
    margin-left: 0px;
  }
  body.umed2 #media .container .media_art_ttl {
    font-size: 25px;
    font-weight: bold;
    line-height: 36px;
    height: auto;
    margin: 12px 0px;
  }
  body.umed2 #media .container .media_art_bydateshare {
    width: 100%;
    max-width: 460px;
    margin-left: 0;
  }
  body.umed2 #media .container .media_art_bydateshare .byavt {
    width: calc(100% - 100px);
    float: left;
    font-size: 14px;
    line-height: 20px;
  }
  body.umed2 #media .container .text_container {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    margin: 10px 0px;
  }
  body.umed2 #media .container .text_container :not(.nosize) > img:not(.nosize) {
    width: 100%;
    height: auto;
  }
}
.acc_modemail {
  width: 100%;
  float: left;
  position: absolute;
  padding: 5px;
  display: none;
  top: 69px;
  left: 0px;
  background: #eee;
  border: 2px solid #b3b3b3;
}
.acc_modemail .emtip {
  cursor: pointer;
  width: 100%;
  padding: 2px;
  font-size: 12px;
  color: #000;
}
.acc_modemail .emtip:hover {
  background: #dadada;
}
.vjs-quality-selector .vjs-menu-button {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}
.vjs-quality-selector .vjs-icon-placeholder {
  font-family: 'VideoJS';
  font-weight: normal;
  font-style: normal;
}
.vjs-quality-selector .vjs-icon-placeholder:before {
  content: '\f110';
}
.vjs-menu-button-popup .vjs-menu {
  left: -6em;
}
.vjs-quality-changing .vjs-big-play-button {
  display: none;
}
.vjs-quality-changing .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
}
@media screen and (min-width: 1000px) {
  #top_menu_mobile {
    display: none;
  }
}
.alertify,
.alertify-cover {
  z-index: 999999999;
  position: fixed;
}
.alertify,
.alertify-log,
.alertify-show {
  -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.alertify-hide {
  -webkit-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -moz-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -ms-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
.alertify-cover {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  filter: alpha(opacity=0);
  opacity: 0;
}
.alertify-cover-hidden {
  display: none;
}
.alertify {
  top: 150px;
  left: 50%;
  width: 550px;
  margin-left: -275px;
  opacity: 1;
}
.alertify-hidden {
  -webkit-transform: translate(0, -150px);
  -moz-transform: translate(0, -150px);
  -ms-transform: translate(0, -150px);
  -o-transform: translate(0, -150px);
  transform: translate(0, -150px);
  opacity: 0;
  display: none;
}
:root * > .alertify-hidden {
  display: block;
  visibility: hidden;
}
.alertify-logs {
  position: fixed;
  z-index: 5000;
  bottom: 10px;
  right: 10px;
  width: 300px;
}
.alertify-logs-hidden {
  display: none;
}
.alertify-log {
  display: block;
  margin-top: 10px;
  position: relative;
  right: -300px;
  opacity: 0;
}
.alertify-log-show {
  right: 0;
  opacity: 1;
}
.alertify-log-hide {
  -webkit-transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -moz-transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -ms-transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: all 0.5s cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -webkit-transform: translate(300px, 0);
  -moz-transform: translate(300px, 0);
  -ms-transform: translate(300px, 0);
  -o-transform: translate(300px, 0);
  transform: translate(300px, 0);
  opacity: 0;
}
.alertify-dialog {
  padding: 25px;
}
.alertify-resetFocus {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.alertify-inner {
  text-align: center;
}
.alertify-text {
  margin-bottom: 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
}
.alertify-button,
.alertify-button:active,
.alertify-button:hover,
.alertify-button:visited {
  background: 0 0;
  text-decoration: none;
  border: none;
  line-height: 1.5;
  font-size: 100%;
  display: inline-block;
  cursor: pointer;
  margin-left: 5px;
}
@media only screen and (max-width: 680px) {
  .alertify,
  .alertify-logs {
    width: 90%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .alertify {
    left: 5%;
    margin: 0;
  }
}
.alertify,
.alertify-log {
  font-family: sans-serif;
}
.alertify {
  background: #FFF;
  border: 1px solid #8E8E8E;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.alertify-dialog {
  padding: 0;
}
.alertify-inner {
  text-align: left;
}
.alertify-message {
  padding: 15px;
  margin: 0;
}
.alertify-text-wrapper {
  padding: 0 15px;
}
.alertify-text {
  color: #555;
  border-radius: 4px;
  padding: 8px;
  background-color: #FFF;
  border: 1px solid #CCC;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.alertify-text:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.alertify-buttons {
  padding: 14px 15px 15px;
  background: #F5F5F5;
  border-top: 1px solid #DDD;
  border-radius: 0 0 6px 6px;
  box-shadow: inset 0 1px 0 #FFF;
  text-align: right;
}
.alertify-button,
.alertify-button:active,
.alertify-button:focus,
.alertify-button:hover {
  margin-left: 10px;
  border-radius: 4px;
  font-weight: 400;
  padding: 4px 12px;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
}
.alertify-button:focus {
  outline: 0;
  box-shadow: 0 0 5px #2B72D5;
}
.alertify-button:active {
  position: relative;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.alertify-button-cancel,
.alertify-button-cancel:active,
.alertify-button-cancel:focus,
.alertify-button-cancel:hover {
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.75);
  background-color: #E6E6E6;
  border: 1px solid #BBB;
  color: #333;
  background-image: -webkit-linear-gradient(top, #FFF, #E6E6E6);
  background-image: -moz-linear-gradient(top, #FFF, #E6E6E6);
  background-image: -ms-linear-gradient(top, #FFF, #E6E6E6);
  background-image: -o-linear-gradient(top, #FFF, #E6E6E6);
  background-image: linear-gradient(top, #FFF, #E6E6E6);
}
.alertify-button-cancel:active,
.alertify-button-cancel:focus,
.alertify-button-cancel:hover {
  background: #E6E6E6;
}
.alertify-button-ok,
.alertify-button-ok:active,
.alertify-button-ok:focus,
.alertify-button-ok:hover {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #04C;
  border: 1px solid #04C;
  border-color: #04C #04C #002A80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #FFF;
}
.alertify-button-ok:active,
.alertify-button-ok:focus,
.alertify-button-ok:hover {
  background: #04C;
}
.alertify-log {
  background: #D9EDF7;
  padding: 8px 14px;
  border-radius: 4px;
  color: #3A8ABF;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border: 1px solid #BCE8F1;
}
.alertify-log-error {
  color: #B94A48;
  background: #F2DEDE;
  border: 1px solid #EED3D7;
}
.alertify-log-success {
  color: #468847;
  background: #DFF0D8;
  border: 1px solid #D6E9C6;
}
.vjs-picture-in-picture-control {
  display: none !important;
}
#footer2 {
  height: unset;
  padding-bottom: 0 !important;
}
#footer2 .container {
  padding: 30px;
}
.flex {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.footer-items div {
  float: none !important;
  margin-left: unset !important;
}
.footer-items .brands {
  width: 500px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
  align-items: baseline;
}
.footer-items .brands .tvch {
  margin-top: 40px !important;
}
.footer-items .item {
  margin-top: 40px;
}
.footer-items .item .logo {
  max-width: 320px;
}
.footer-items .item .logo .logo-tab {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.footer-items .item .logo .logo-tab img {
  max-width: 180px;
  max-height: 80px;
  height: auto;
  width: auto;
  margin-right: 10px;
}
.footer-items .item .logo .logo-tab .logo-title {
  color: #00973f;
  font-weight: 500;
}
.partner_discover {
  display: flex;
  text-decoration: none;
  font-weight: 600;
  color: #000;
  flex-direction: column;
  width: 100%;
  align-items: center;
  margin-top: 20px;
}
@media (max-width: 620px) {
  .footer-items {
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
  }
  .footer-items .brands {
    width: 100%;
    justify-content: center;
  }
  .footer-items .brands div {
    margin-top: 20px;
  }
}
.vid-bg {
  background-image: url(images/pattern_background_1.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.vid-bg-list {
  background-color: #f8fdff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 900'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' x2='0' y1='1' y2='0'%3E%3Cstop offset='0' stop-color='%23202a53'/%3E%3Cstop offset='1' stop-color='%23ff934c'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' x2='0' y1='0' y2='1' gradientTransform='rotate(174,0.5,0.5)'%3E%3Cstop offset='0' stop-color='%23ff934c'/%3E%3Cstop offset='1' stop-color='%23202a53'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='%23FFF' fill-opacity='0' stroke-miterlimit='10'%3E%3Cg stroke='url(%23a)' stroke-width='3.3'%3E%3Cpath transform='translate(-56 4.4) rotate(0.5 1409 581) scale(0.97983)' d='M1409 581 1450.35 511 1490 581z'/%3E%3Ccircle stroke-width='1.1' transform='translate(-63.5 41) rotate(4.8 800 450) scale(1.005909)' cx='500' cy='100' r='40'/%3E%3Cpath transform='translate(12.899999999999999 -55.5) rotate(40.5 401 736) scale(1.005909)' d='M400.86 735.5h-83.73c0-23.12 18.74-41.87 41.87-41.87S400.86 712.38 400.86 735.5z'/%3E%3C/g%3E%3Cg stroke='url(%23b)' stroke-width='1'%3E%3Cpath transform='translate(246 -1.4000000000000004) rotate(0.3500000000000001 150 345) scale(0.9886099999999999)' d='M149.8 345.2 118.4 389.8 149.8 434.4 181.2 389.8z'/%3E%3Crect stroke-width='2.2' transform='translate(-81.5 -110) rotate(39.599999999999994 1089 759)' x='1039' y='709' width='100' height='100'/%3E%3Cpath transform='translate(-162 46) rotate(6.6 1400 132) scale(0.925)' d='M1426.8 132.4 1405.7 168.8 1363.7 168.8 1342.7 132.4 1363.7 96 1405.7 96z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 0;
}
@media (max-width: 1400px) {
  body.exp4 {
    background-color: #D5D7EA;
  }
}
.folder_club .tozero .element .vid_title {
  white-space: initial !important;
  height: initial !important;
}
.filter-block {
  display: flex !important;
  justify-content: space-evenly;
}
.ligue-searchbar {
  width: 200px;
  height: 40px;
  margin-left: 10px;
  padding-left: 10px;
  border-radius: 30px;
  font-size: 15px;
  color: #80818f;
  border: 1px solid #ced4da;
  outline: none !important;
  display: block;
}
.mobile-searchbar {
  display: none;
}
.no-results {
  text-align: center;
  display: none;
  color: #80818f;
  margin-top: 25px;
}
.no-results.visible {
  display: block;
}
@media (max-width: 995px) {
  .mobile-searchbar {
    display: block;
    width: 99%;
    margin: 10px auto;
  }
  .filter-block {
    display: none !important;
  }
  select.fole,
  select.evxs {
    position: relative !important;
  }
  .tozero {
    margin-top: 15px;
  }
  .evt_container,
  .vid_container {
    top: 50px !important;
  }
  .evt_container .tozero,
  .vid_container .tozero {
    left: 0;
  }
}
.tozero {
  display: flex !important;
  width: 100% !important;
  overflow: auto !important;
  left: -25px;
  scrollbar-width: none;
}
.tozero::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
.tozero::-webkit-scrollbar-thumb {
  background: transparent;
}
.not_available {
  position: relative;
  text-align: center;
}
.not_available img {
  width: 100%;
}
.not_available p {
  background: url(images/play.png?i=3) no-repeat center center !important;
  width: 106px !important;
  height: 116px !important;
  border: none !important;
  background-size: cover;
  z-index: 9;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.not_available:hover {
  cursor: pointer;
}
.text-black {
  color: #000000;
}