.bg {
  background-color:#fff;
}
.dsk .bContent .bg {
  background-color:#ed7329;
}
/* hide desktop pics on mobile and vice versa */
.dsk .picmob, 
.mob .picdsk,
.dsk .nodsk,
.mob .nomob 
{display: none !important;}

.med.rto {
  height: 0;
  width: 100%;
  position: relative;
}
.med.rto img {
  position: absolute;
  width: 100%;
  height: 100%;
}


/* --------------------------------------------- CONTENT PAGE --- */
.bContent .cttop {
  border-top:100px solid transparent;
}
.dsk .bContent .wallpaper {
  position: fixed;
  z-index: 1;
  width: 100%;
  min-width: 960px;
  top: 120px;
  height: calc(100% - 120px);
  left:0;
  background-position: center;
  background-size:cover;
}
.mob .bContent .wallpaper {
  position: absolute;
  top: 110px;
  height: calc(100% - 110px);
  left:0;
  width: 100%;
  background-position: center;
  background-size:cover;
}
@media (orientation: landscape) {
  .mob .bContent .wallpaper {
    height: 200%;
  }
}
.bContent .aboveWallpaper {
  position: relative;
  z-index: 2;
}
#content {
  position: relative;
}
.dsk #content:after {
  content:"";
  display: block;
  clear: both;
}
.dsk .bContent .cttop, .dsk .partnersbottom {
  width: 960px;
  margin: 0 auto;
}
.dsk .bContent .ctCentered, .dsk .bHome .ctCentered {
  background-color: #fff;
  z-index:2;
  margin: 0 auto;
  width: 940px;
  padding: 0 10px;
}
.mob .ctCentered {
  background: #fff;
  border: 1px solid #fff;
  border-width: 1px 0;
}
.dsk .rtx .txcmp .ctCentered {
  width: auto;
  margin: 0;
  padding: 0;
}
.dsk .bContent .ctCentered.twocol {
  background: transparent;
  position: relative;
  padding: 0;
  width: 960px;
  margin-bottom:50px;
  margin-top: 20px;
}
.dsk .ctCentered.twocol.news {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
}
.dsk .ctCentered.twocol .ctLeftCol {
  width: 620px;
  background: #fff;
}
.mob .ctCentered.twocol .ctLeftCol {
  padding-top: 10px;
}
.dsk .ctCentered.twocol.pp .ctRightCol {
  width: 300px;
  padding: 10px;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
}
.dsk .ctCentered.twocol.news .ctRightCol {
  width: 300px;
  padding: 10px;
  background: #fff;
}
.mob .ctCentered.twocol.news .ctRightCol {
  padding: 10px 0;
  xoverflow: auto;
}
.dsk .bContent .ctWide, .dsk .bHome .ctWide  {
  background: #fff;
  z-index:2;
}
.bContent .text {
  margin: 0 10px;
  padding: 10px 0;
}
.rtx > *:last-child {
  clear: both;
}
.mob .bContent .text {
  padding: 0;
}
.bContent .text .topline {
  font-size: 15px;
  margin: 0 0 15px 0;
}
.mob .bContent .text .topline {
  font-size: 0.875rem;
  margin: 0 0 10px 0;
}
.bContent .text h1 {
  color: #ed7329;
}
.mob .bContent .text h1 {
  margin: 10px 0;
}
.btreventheader.fix::before {
  height: 37px;
  display: block;
}
.btreventheader.fix .info {
  border-bottom: 37px solid transparent;
}
.btreventheader.fix .fpos {
  position: fixed;
  top:120px;
  z-index: 100;
  border: 0;
  width: 100%;
}

.btreventheader.fix .fposinner {
  width: 960px;
}
.mob .btreventheader .border {
  border-top: 10px solid transparent;
}
.dsk .btreventheader .eventnavi .border {
  background-color:#fff;
  border: 1px solid #ed7329;
  border-width: 1px 0;
  height: 35px;
  line-height: 35px;
}
.dsk .btreventheader .eventnavi .nv {
  display: inline-block;
  height: 100%;
  padding: 0 10px;
  margin: 0 10px 0 0;
  font-weight: bold;
}
.mob .btreventheader .eventnavi .nv.menuopener::after {
  content:"";
  display: inline-block;
  margin-left: 5px;
  vertical-align: baseline;
  margin-top:2px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
}
.mob .btreventheader .eventnavi.menu.open .nv.menuopener::after {
  transform:rotate(180deg);
}

.mob .btreventheader .eventnavi .nv {
  display: none;
  height: 35px;
  line-height: 35px;
  text-align: center;
}
.mob .btreventheader .eventnavi.open .nv {
  display: block;
}

.btreventheader .eventnavi .nv:hover, .btreventheader .eventnavi .nv:active, .btreventheader .eventnavi .nv.sel, .mob .btreventheader .eventnavi .nv {
  color:#fff;
  background-color: #ed7329;
}
.mob .btreventheader .eventnavi .nv.sel {
  display: block;
}


.dsk .btreventheader .eventnavi .nv.tick {
  width: 300px;
  display: block;
  margin: 0;
  float: right;
  background-color: #e63c34;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
.mob .btreventheader .beforenav.tick {
  display: block;
  margin: 0 20px;
  height: 35px;
  line-height: 35px;
  background-color: #e63c34;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1rem;
}
.dsk .btreventheader .info {
  position: relative;
  overflow: auto;
}
.btreventheader .info .r {
  border-radius: 5px 5px 0 0;
  border-bottom: 1px solid #fff;
  background: #e63c34;
  background: linear-gradient(to top, #e63c34, #ed7329);
  color: #fff;
  text-align: center;
}
.dsk .btreventheader .info .r {
  float: right;
  width: 320px;
}
.mob .btreventheader .info .r {
  margin: 0 20px;
}
.btreventheader .info .med {
  padding: 10px;
}
.btreventheader .info .med img {
  width: 75%;
}
.btreventheader .info .r .t {
  font-size: 32px;
  font-weight: bold;
  padding: 5px 0;
}
.mob .btreventheader .info .r .t {
  font-size: 2rem;
}
.btreventheader .info .r .d {
  font-size: 18px;
  font-weight: bold;
  padding: 0 0 10px 0;
}
.mob .btreventheader .info .r .d {
  font-size: 1.125rem;
}
.dsk .btreventheader {
  position: relative;
}
.btreventheader .evtcountdown.hidden, .btreventheader .evtcountdown .hidden {
  visibility: hidden;
}
.dsk .btreventheader .evtcountdown {
  position: absolute;
  bottom: 40px;
  right: 340px;
}
.mob .btreventheader .evtcountdown {
  margin-bottom: 10px;
}

.btreventheader .evtcountdown .tx {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color:#fff;
  text-shadow: 2px 2px 5px #222;  
}
.mob .btreventheader .evtcountdown .tx {
  font-size: 1.75rem;
}
.btreventheader .evtcountdown .tbl {
  display: flex;
  flex-direction: row;
  color:#fff;
  text-shadow: 2px 2px 5px #222;  
}
.mob .btreventheader .evtcountdown .tbl {
  justify-content: space-around;  
}
.dsk .btreventheader .evtcountdown .col {
  text-align: center;
  margin: 0 10px;
  padding: 5px 10px 0 10px;
}
.mob .btreventheader .evtcountdown .col {
  text-align: center;
}
.btreventheader .evtcountdown .col .hl {
  font-size: 22px;
  font-weight: bold;
}
.mob .btreventheader .evtcountdown .col .hl {
  font-size: 1.25rem;
}  
.btreventheader .evtcountdown .col .val {
  font-size:32px;
  font-weight: bold;
}
.mob .btreventheader .evtcountdown .col .val {
  font-size: 2rem;
}
/* --------------------------------------------- CONTENT PAGE END --- */

/* --------------------------------------------- SPEECH BUBBLE --- */
.dsk .bContent .ctCentered.speechbubbledist {
  background: transparent;
  border-bottom: 30px solid #fff;
}
.mob .bContent .ctCentered.speechbubbledist {
  background: transparent;
  border-color: transparent;
  margin-bottom: 10px;
}
.speechbubble {
  width: 80%;
  margin: 0 auto;
  padding: 30px 20px;
  position: relative;
  border-radius: 5px;
}
.dsk .speechbubble:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 30px 0 0;
  position: absolute;
  bottom:-39px;
  left: 30px;
  z-index:1;
}


.speechbubble.or {
  background-color: rgba(237, 117, 41, 0.85) /*#ed7529*/
}
.speechbubble.or:before {
  border-color: rgba(237, 117, 41, 0.85) transparent transparent transparent;  
}  
.speechbubble.bl {
  background-color: rgba(106, 35, 131, 0.85); /* #6a2383 */  
}
.speechbubble.bl:before {
  border-color: rgba(106, 35, 131, 0.85) transparent transparent transparent;  
}  
.speechbubble .hl {
  color: #fff;
  font-size: 48px;
  font-weight: 800;
}
.mob .speechbubble .hl {
  font-size: 32px;
  word-wrap: break-word;
}
 

/* --------------------------------------------- SPEECH BUBBLE END --- */


/* --------------------------------------------- 3COL PIC TEASER --- */
.dsk .ctCentered > .cmpthreepics {
  position: relative;
  overflow: hidden;
  max-width: 960px;
  margin: 0 auto;
}
.mob .ctCentered> .cmpthreepics {
  border-top: 1px solid transparent;
}
.dsk .ctCentered > .cmpthreepics .itm {
  position: relative;
  width: calc((100% - 61px) / 3);
  float: left;
  margin: 10px;
}
.dsk .ctCentered > .cmpthreepics.buttwo .itm {
  width: calc((100% - 41px) / 2);
}
.dsk .ctCentered > .cmpthreepics.butone .itm {
  width: calc(100% - 21px);
}
.dsk .ctCentered > .cmpthreepics.butfour .itm {
  width: calc((100% - 81px) / 4);
}

.dsk .ctRightCol .cmpthreepics .itm {
  position: relative;
  margin: 10px 0;
}
.mob .cmpthreepics .itm {
  position: relative;
  margin: 10px;
}
.cmpthreepics.hl-on-pic .itm .hl {
  position: absolute;
  bottom: 20px;
  left:20px;
  color:#fff;
}
.cmpthreepics .itm .hl {
  font-weight: 800;
  font-size: 26px;
}
.mob .cmpthreepics .itm .med {
  position: relative;
}
.cmpthreepics .itm .med img {
  border-radius: 5px;
  width: 100%;
}
.mob .cmpthreepics .itm iframe, .mob .cmpthreepics .itm .med > div {
  display: block;
  margin: 0 auto;
}

.dsk .ctCentered > .cmpthreepics.butone .itm .med {
  text-align: center;
}
.dsk .ctCentered > .cmpthreepics.butone .itm .med img {
  width: auto;
  max-width: 100%;
}


/* --------------------------------------------- 3COL PIC TEASER END --- */

/* --------------------------------------------- 2COL TEXTBOX LEFT PIC TEASER RIGHT --- */
.dsk .cmporangeboxnpix {
  position: relative;
  display: flex;
  flex-direction: row;
}
.dsk .cmporangeboxnpix .lc {
  width: 50%;
}
.mob .cmporangeboxnpix .lc {
  margin-bottom: 20px;
}
.cmporangeboxnpix .tsorange {
  margin: 10px;
}
.mob .cmporangeboxnpix .tsorange {
  margin: 0 10px 10px 10px;
}
.dsk .cmporangeboxnpix .tsorange {
  height: calc(100% - 20px);
}
.dsk .cmporangeboxnpix .rc {
  width: 50%;
}

.cmporangeboxnpix .itm { 
  position: relative;
  margin: 10px;
}
.mob .cmporangeboxnpix .itm:last-child {
  margin-bottom: 0;
}
.cmporangeboxnpix .itm .hl { 
  position: absolute;
  bottom: 20px;
  left:20px;
  color:#fff;
  font-weight: 800;
  font-size: 26px;
  text-shadow: 2px 2px 5px #222;
}

.cmporangeboxnpix .itm .med img { 
  border-radius: 5px;
  width: 100%;
}
/* --------------------------------------------- 2COL TEXTBOX LEFT PIC TEASER RIGHT END --- */

/* --------------------------------------------- FAQ --- */
.faq {
  position: relative;
}
.dsk .faq .sur {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.faq .faqtx {
  position: relative;
  padding: 10px;
}
.mob .faq .faqtx {
  margin: 20px 10px;
  padding: 0;
}

.dsk .faq .sur .faqtx {
  width: 49%;
}
.faq .faqtx .hl {
  color: #ed7529;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 15px 0;
}
.faq .faqtx .qcon .faqq {
  background-color: #f39147;
  color: #fff;
  font-weight: bold;
  padding: 10px 10px;
  margin: 5px 0;
  position: relative;
  cursor: pointer;
}
.faq .faqtx .qcon .faqq::before {
  content: "+";
  font-weight: normal;
  float: right;
  font-size:28px;
  color: rgba(255,255,255,.5);
  line-height:18px;
}
.faq .faqtx .qcon.open .faqq::before {
  content: "-";
}
.faq .faqtx .qcon:nth-child(odd) .faqq {
  background-color: #ed7529;
}

.dsk .txcmp .faq .faqtx {
  margin: 0;
} 
.mob .txcmp .faq .faqtx {
  margin: 20px 0;
} 
/* opening animation */
.faq .faqtx .qcon .qa {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .3s ease-in-out;
}
.faq .faqtx .qcon .qa > div {
  overflow: hidden;
}
.faq .faqtx .qcon.open .qa {
  grid-template-rows: 1fr;
}


/* --------------------------------------------- FAQ END --- */


/* --------------------------------------------- CONTENT TEXT AND PIC --- */

.dsk .cmptextnpic {
  position: relative;
  overflow: hidden;
}
.mob .cmptextnpic .lc {
  padding: 10px;
}
.cmptextnpic .lc .hl {
  font-size: 22px;
  font-weight: bold;
  margin: 15px 0;
  color: #ed7329;
}
.mob .cmptextnpic .lc .hl {
  margin: 0 0 10px 0;
}
.dsk .cmptextnpic .rc {
  float: right;
  width: 50%;
  padding: 10px 20px;
  box-sizing: border-box;
  margin-left:20px;
}
.mob .cmptextnpic .rc {
  padding: 10px 10px 0 10px;
}
.cmptextnpic .med {
  text-align: center;
}
.cmptextnpic .med img {
  display: inline-block;
  max-width: 100%;
}
/* --------------------------------------------- CONTENT TEXT AND PIC END --- */

/* ------------------------ CONTENT TEXT AND PIC with css:cmp-text-on-pic --- */
.cmp-text-on-pic {
  position: relative;
  margin: 20px -10px;
}
.mob .cmp-text-on-pic {
  margin: 20px 0;
}

.cmp-text-on-pic .med img {
  width: 100%;
}
.cmp-text-on-pic .lc {
  position: absolute;
  bottom:10px;
  left: 10px;
  width: calc(100% - 20px);
  color: #fff;
}
.cmp-text-on-pic .lc .hl {
  font-size: 1.5rem;
}
/* -------------------- CONTENT TEXT AND PIC with css:cmp-text-on-pic END --- */


/* --------------------------------------------- CONTENT TEXT AND PARTNER --- */

.dsk .cmptextnpartners {
  position: relative;
  overflow: hidden;
}
.cmptextnpic .lc,
.cmptextnpartners .lc {
  padding: 10px;
}
.mob .cmptextnpartners .lc {
  padding: 1px 10px;
}
.dsk .cmptextnpartners .lc {
  width:50%;
}
.cmptextnpartners .lc .hl {
  font-size: 22px;
  font-weight: bold;
  margin: 15px 0;
  color: #ed7329;
}
.mob .cmptextnpartners .lc .hl {
  margin: 0 0 10px 0;
}
.dsk .cmptextnpartners .rc {
  float: right;
  width: 50%;
  padding: 30px 20px;
  box-sizing: border-box;
  margin-left:20px;
}
.mob .cmptextnpartners .rc {
  padding: 10px 10px 0 10px;
}

.cmptextnpartners .itm {
  display: inline-block;
  height: 66px;
  line-height: 66px;
  padding: 10px 0;
  width: auto;
  margin: 0 10px;
}
.cmptextnpartners .itm .med img {
  max-height: 66px;
}
/* --------------------------------------------- CONTENT TEXT AND PARTNER END --- */

/* --------------------------------------------- PARTNER OVERVIEW --- */
.dsk .cmppartov {
  padding: 20px 0;
}
.mob .cmppartov {
  padding: 10px;
}
.cmppartov .hl {
  color: #ed7529;
  font-weight: bold;
  font-size: 18px;
  padding: 0 0 15px 0;
}
.cmppartov table {
  border-collapse: collapse;
  width: 100%;
}
.cmppartov td {
  border-collapse: collapse;
  border-bottom: 1px solid #aaa;
}
.cmppartov td.col1 {
  text-align: center;
  width: 20%;
}
.mob .cmppartov td.col1 {
  width: 16%;
}
.mob .cmppartov td.col1 .med {
  display: block;
  position: relative;
}
.mob .cmppartov td.col1 .med img {
  width: 100%;
}
.dsk .cmppartov td.col2 {
  padding-left: 50px;
  width: 40%;
  font-size: 18px;
  font-weight: 800;
}
.mob .cmppartov td.col2 {
  font-weight: bold;
  padding-left:15px;
}
.dsk .cmppartov td.col3 {
  width: 20%;
}
.mob .cmppartov td.col3 {
  width: 20%;
}
.cmppartov td.col4 {
  padding-right: 30px;
  text-align: right;
}
.mob .cmppartov td.col4 {
  padding-right: 0;
  width: 20%;
}
.cmppartov td.col3 a {
  background-color: #ed7529;
  color:#fff;
  display: inline-block;
  width: 150px;
  text-align: center;
  padding: 5px 0;
  font-weight: bold; 
  white-space: nowrap;
}
.mob .cmppartov td.col3 a {
  width: auto;
  padding: 5px 10px;
  font-size: 0.75rem; 
}

.cmppartov td.col4 a {
  border: 1px solid #ed7529;
  color: #ed7529;
  display: inline-block;
  width: 150px;
  text-align: center;
  padding: 4px 0;
  font-weight: bold; 
  white-space: nowrap;
}
.mob .cmppartov td.col4 a {
  width: auto;
  padding: 4px 10px;
  font-size: 0.75rem; 
}



/* --------------------------------------------- PARTNER OVERVIEW END --- */

/* --------------------------------------------- PARTNER BOTTOM --- */
.partnersbottom {
  position: relative;
}
.mob .partnersbottom {
  padding: 0 20px;
}
.partnersbottom .itm {
  display: inline-block;
  height: 46px;
  line-height: 46px;
  padding: 10px 0;
  width: auto;
  margin: 0 40px;
}
.mob .partnersbottom .itm {
  margin: 0 5%;
}
.partnersbottom .itm .med img {
  max-height: 46px;
}
/* --------------------------------------------- PARTNER BOTTOM END --- */



/* --------------------------------------------- CONTENT HOMEPAGE --- */

/* --------------------------------------------- HOME LEAD TOPICS --- */
.hmleadtopics .swiper-container-horizontal > .swiper-pagination {
  z-index:2;
}
.hmleadtopics .swiper-pagination-bullet {
  box-shadow: 0px 0px 5px #888;
  width: 12px;
  height: 12px;
}
.hmleadtopics .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 0.7;
  box-shadow: 0px 0px 5px #888;
}


.hmleadtopics .teas {
  width: 100%;
  position: relative;
}
.hmleadtopics .teas .med img {
  width: 100%;
}
.hmleadtopics .teas .op1 {
  position: absolute;
  left: 20px;
  bottom: 30px;
}
.hmleadtopics .teas .hl {
  color: #fff;
  font-size: 48px;
  font-weight: 800;
  text-shadow: 2px 2px 5px #222;  
}
.mob .hmleadtopics .teas .hl {
  font-size: 2rem;
}
.mob .hmleadtopics .teas p.ood {
  display: none;
}
.hmleadtopics .teas .tx {
  color: #fff;
  font-size: 24px;
  text-shadow: 2px 2px 5px #222;  
}
.mob .hmleadtopics .teas .tx {
  font-size: 1.25rem;
}

.hmleadtopics .teas .tx p {
  margin:20px 0 0; 
  padding: 0;
}
.mob .hmleadtopics .teas .tx p {
  line-height: 2.5rem;
}
/* --------------------------------------------- HOME LEAD TOPICS END --- */


/* --------------------------------------------- HOME CONTENT EVENTS --- */
.hmevents {
  color: #fff;
}
.dsk .hmevents {
  background: #e63c34;
  background: linear-gradient(to right, #e63c34, #ed7329);
  position: relative;
}
.mob .hmevents {
  position: absolute;
  top: 0;
  right: -90%;
  width: 90%;
  z-index: 102;
}
.mob .hmevents .wrapper {
  background: #e63c34;
  background: linear-gradient(to top, #e63c34, #ed7329);
  transform: translate3d(0, 0, 0);
  transition:transform .2s ease-in;  
}
.mob .hmeventsmobopen .hmevents .wrapper {
  transform: translate3d(-100%, 0, 0);
  transition:transform .2s ease-in .2s;  
}
.mob .hmevents .mobopener {
  position: absolute;
  z-index: 101;
  xleft:-28%;
  right: 100%;
  white-space: nowrap;
  top:-50px;
  height:50px;
  line-height: 50px;
  transform: rotate(-90deg) translate3d(0, 0, 0);
  transform-origin: 100% 100%;
  font-size: 1rem;
  font-weight: bold;
  background: #e63c34;
  background: linear-gradient(to right, #e63c34, #ed7329);
  padding: 0 10px;
  transition:transform .2s ease-in .6s;  
}
.mob .hmeventsmobopen .hmevents .mobopener {
  transform: rotate(-90deg) translate3d(0, 50px, 0);
  transition:transform .2s ease-in;  
}
.dsk .hmevents .wrapper {
  white-space: nowrap;
  position: relative;  
  height: 60px;
  padding: 20px;
  overflow: hidden;
}
.dsk .hmevents.open .wrapper {
  height: auto;
}
.dsk .hmevents .lc {
  display: inline-block;
  width: 250px;
  vertical-align: top;
}
.dsk .hmevents .lc .med img {
  width: 100%;
}
.dsk .hmevents .lc .chl {
  font-size:22px;
  font-weight: 800;
  height: 60px;
  line-height: 60px;
}
.mob .hmevents .lc .chl {
  padding: 10px 0;
  font-size: 1.375rem;
  font-weight: bold;
  text-align: center;
}
.mob .hmevents .lc .chl .burgerx {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 17px;
  height: 17px;
  background: url(/pub/pic/burger-x.svg);
  background-size: cover;
}

.dsk .hmevents .lc .hl {
  margin:20px 0 20px 0;
  font-size:22px;
  font-weight: bold;
}
.dsk .hmevents .lc .tx {
  margin:20px 0 0 0;
  font-size:18px;
  font-weight: bold;
}
.dsk .hmevents .opener {
  position: absolute;
  bottom: -49px;
  right: 20px;
  width: 112px;
  height:50px;
  z-index:101;
  overflow:hidden;
}
.dsk .hmevents .opener .corner {
  position: absolute;
  bottom:17px;
  left:6px;
  width: 0;
  height: 0;
  border:50px solid #ed6e2a;
  border-radius:10px 0 10px 0;
  transform: rotate(45deg);
}
.dsk .hmevents .opener a {
  position: absolute;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  z-index:102;
  font-size: 16px;
  font-weight: 800;
}

.dsk .hmevents.open .opener {
  bottom: -1px;
}
.dsk .hmevents.open .opener .corner {
  top:17px;
  bottom:initial;
  border-color:#fff;
}
.dsk .hmevents .rc {
  display: inline-block;
  width: calc(100% - 250px);
  white-space: normal;
}
.mob .hmevents .rc {
  padding: 0 20px;
}
.hmevents .evt {
  position: relative;
  border: 2px solid #ffffff;
  border-radius: 5px;
  display: inline-block;
  height: 64px;
  line-height: 60px;
  box-sizing: border-box;
}
.dsk .hmevents .evt {
  width: 20%;
  min-width:280px;
  max-width:400px;
  margin: 0 0 20px 5px;
  vertical-align: top;
}
.mob .hmevents .evt {
  width: 100%;
  margin: 0 0 20px 0;
}
.hmevents .evt .med {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  height: 40px;
  width: 65px;
}
.hmevents .evt .med img {
  max-height: 40px;
  max-width: 65px;
  vertical-align: baseline;
}
.hmevents .evt .loc {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  margin-left: 10px;
  width: 150px;
}
.hmevents .evt .loc .d {
  font-size: 16px;
}
.mob .hmevents .evt .loc .d {
  font-size: 1rem;
}
.hmevents .evt .loc .t {
  font-size: 18px;
  font-weight: bold;
}
.mob .hmevents .evt .loc .t {
  font-size: 1.125rem;
}
.hmevents .evt .lnks {
  position: absolute;
  right:0;
  top:0;
  line-height: normal;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.mob .hmevents .evt .lnks {
  font-size: 1rem;
}
.hmevents .evt .lnks .i {
  height: 30px;
  line-height: 30px;
  display: block;
  padding: 0 10px;
}
.hmevents .evt .lnks .s {
  height: 30px;
  line-height: 28px;
  display: block;
  padding: 0 10px;
  background-color: #de3831;
  box-sizing: border-box;
  border: 2px solid #fff;
  border-width: 2px 0 0 2px;
  border-radius: 5px 0 5px 0;
}
/* --------------------------------------------- HOME CONTENT EVENTS END --- */

/* --------------------------------------------- HOME CONTENT PARTNERS --- */
.hmpartnersglobal {
  max-width: 1260px;
  margin: 0 auto;
  padding: 0 130px;
  position: relative;
}
.dsk .hmpartnersglobal > .left {
  display: inline-block;
  width: calc(100% - 200px);
}
.mob .suppliersmall {
  display: none;
}
.dsk .suppliersmall {
  display: inline-block;
  width: 150px;
  margin-left: 50px;
}
.dsk .hmpartnersglobal .suppliersmall .itm {
  margin:0;
  text-align: center;
  width: 150px;
  background-color: #fff;
}

.mob .hmpartnersglobal {
  padding: 0 20px;
}
.partnerslider.flx .swiper-wrapper {
  display: flex;
  flex-direction:row;
  justify-content: space-around;
}
.partnerslider > div::before {
  content: "";
  position: absolute;
  top:0;
  left:-1px;
  width: 40px;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255,1), rgba(255, 255, 255, 0));
  z-index: 2;
}
.partnerslider > div::after {
  content: "";
  position: absolute;
  top:0;
  right:-1px;
  width: 40px;
  height: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255,1), rgba(255, 255, 255, 0));
  z-index: 2;
}
.partnerslider.flx > div::after, .partnerslider.flx > div::before {
  display: none;
}

.hmpartnersglobal .itm {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  padding: 10px 0;
  width: auto;
  margin: 0 40px;
}
.mob .hmpartnersglobal .itm {
  margin: 0 5%;
}
.hmpartnersglobal .itm .med img {
  max-height: 60px;
}

/* --------------------------------------------- HOME CONTENT PARTNERS END --- */

/* --------------------------------------------- HOME CONTENT TOP PIC TEASERS TYPE1 --- */
.dsk .hmtoppicteasers.type1 {
  position: relative;
  overflow: hidden;
  max-width: 1280px;
  margin: 10px auto;
}
.dsk .hmtoppicteasers .tile {
  position: relative;
  width: calc((100% - 61px) / 3);
  float: left;
  margin: 10px;
}
@media (max-width: 1200px){
  .dsk .hmtoppicteasers .tile {
    width: calc((100% - 40px) / 2);
    min-width: initial;
  } 
}
.mob .hmtoppicteasers .tile {
  margin: 0 10px 10px 10px;
}
.dsk .hmtoppicteasers .tile .tilew {
  height: 0;
  padding-bottom: 83.34%;
}
.dsk .hmtoppicteasers .tile.ht2 .tilew {
  padding-bottom: calc(83.33% * 2 + 20px);
}
.dsk .hmtoppicteasers .tileh {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mob .hmtoppicteasers .tileh {
  position: relative;
}
.tsorange {
  box-sizing: border-box;
  border: 4px solid #ed7529;
  padding: 15px;
  border-radius:3px;
}
.tsorange.rtx h2 {
  color: #ed7529;
  font-size: 36px;
  font-weight: bold;
  font-style: italic;
  margin: 0 0 15px 0;
}
.mob .tsorange h2 {
  font-size: 2rem;
}
.tsorange p {
  font-size: 16px;
  margin: 15px 0;
}
.mob .tsorange p {
  fontsize: 1rem;
}
.hmtoppicteasers.type1 .ts .med img {
  width:100%;
  height:100%;
  border-radius:5px;
}
.hmtoppicteasers.type1 .ts .hl {
  position: absolute;
  top:10px;
  left:10px;
  font-size:28px;
  font-weight: 800;
  color:#fff;
  text-shadow: 2px 2px 5px #222;  
}
.mob .hmtoppicteasers.type1 .ts .hl {
  font-size:1.5rem;
}
.hmtoppicteasers.type1 .ts .txbg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 20px);
  padding: 10px;
  background-color: rgba(0,0,0,0.4);
  color:#fff;
  border-radius: 0 0 5px 5px;
}
.hmtoppicteasers.type1 .ts .tx p {
  margin: 0;
}




/* --------------------------------------------- HOME CONTENT TOP PIC TEASERS TYPE1 END --- */
/* --------------------------------------------- CONTENT HOMEPAGE END --- */





/* --------------------------------------------- RICHTEXT --- */

.rtx p,
.rtx h2,
.rtx table,
.rtx ul,
.rtx ol,
.rtx .txcmp.alignM
{
  margin: 0.75rem 0;
}
.rtx li {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
.rtx h1 {
  font-size: 1.75rem;
}
.rtx h2 {
  color: #ed7529;
  font-size: 1.5rem;
}
.rtx h3 {
  color: #ed7529;
  font-size: 1.25rem;
}
.rtx h4 {
  font-size: 1.125rem;
}
.rtx h5 {
  font-size: 1rem;
}
.rtx a {
  color: #ed7529;
  font-weight: bold;
}
.rtx p.abs {
  font-size: 1.125rem;
  font-weight: bold;
}
.rtx p,
.rtx h2,
.rtx h3,
.rtx h4,
.rtx h5,
.rtx li {
  line-height:1.35em;
}


.rtx a.btnc1 {
  display: inline-block;
  white-space: nowrap;  
  padding: 3px 20px;
  color: #ffffff;
  font-weight: bold;
  background-color: #ed7529;
  text-shadow: none;
  margin-right: 20px;
  margin-bottom:5px;
}
.rtx a.btnc2 {
  display: inline-block;
  white-space: nowrap;
  padding: 3px 20px;
  color: #ffffff;
  font-weight: bold;
  background-color: #6a2383;
  text-shadow: none;
  margin-right: 20px;
  margin-bottom:5px;
}
.mob .rtx a.btnc1, .mob .rtx a.btnc2 {
  white-space: initial;
} 
.rtx p.hrc1 {
  height: 1px;
  background-color: grey;
  margin: 10px 0;
}
.rtx p.hrc2 {
  height: 1px;
  background-color: #ec722a;
  margin: 10px 0;
}
.rtx p.calb {
  height: 0;
  line-height:0;
  clear: both;
}
.rtx  p.alr,
.rtx h1.alr,
.rtx h2.alr,
.rtx h3.alr,
.rtx h4.alr,
.rtx h5.alr {
  text-align: right;
}

.rtx  p.alc,
.rtx h1.alc,
.rtx h2.alc,
.rtx h3.alc,
.rtx h4.alc,
.rtx h5.alc {
  text-align: center;
}
.rtx .scrollable {
  position: relative;
  overflow: hidden;
}
.rtx .scrollable .scroller {
  position: relative;
  overflow-x: visible;
  overflow-y: hidden;
}
.rtx table.taSty, .rtx table.taSty td {
  border-collapse: collapse;
  padding: 0 4px;
}

.rtx table.taSty {
  background: #ec722a;  
  border-radius:8px;
  overflow: hidden;
}
.rtx table.taSty td {
  padding: 12px 30px;
  color: #fff;
  vertical-align: top;
}
.rtx table.taSty td p {
  margin: 0;
  padding: 0;
}
.rtx table.taSty tr:nth-child(even) {
  background: #f1904f;
}
.rtx table.taSty tr.taStyHead td {
  font-weight: bold;
  font-style: italic;
  font-size: 1.2em;
}
.rtx table.taSty.clRed { background-color: #ef4136; }
.rtx table.taSty.clRed tr:nth-child(even) { background-color: #ff827a; }
.rtx table.taSty.clPurple { background-color: #6a2c91; }
.rtx table.taSty.clPurple tr:nth-child(even) { background-color: #d392fc; }
.rtx table.taSty.clYellow { background-color: #fdb515; }
.rtx table.taSty.clYellow tr:nth-child(even) { background-color: #ffeec9; }
.rtx table.taSty.clYellow td {color: #000;}
.rtx table.taSty.clBlue { background-color: #293896; }
.rtx table.taSty.clBlue tr:nth-child(even) { background-color: #abb7ff; }
.rtx table.taSty.clGold { background-color: #836d4a; }
.rtx table.taSty.clGold tr:nth-child(even) { background-color: #e3cfaf; }
.rtx table.taSty.clSilver { background-color: #a7a9ac; }
.rtx table.taSty.clSilver tr:nth-child(even) { background-color: #d0d0d0; }
.rtx table.taSty.clSilver td {color: #000;}

.dsk .rtx table.taSty.posL {float: left; margin: 0 10px 5px 0;}
.dsk .rtx table.taSty.posR {float: right; margin: 0 0 5px 10px;}
.dsk .rtx table.taSty.posC {margin: 0 auto;}
.rtx table.taSty.posW {min-width: 100%;}
.mob .rtx table.taSty.posL {margin: 0 auto;}
.mob .rtx table.taSty.posR {margin: 0 auto;}
.mob .rtx table.taSty.posC {margin: 0 auto;}


.ctRightCol table {
  width: 100%;
}
/* --------------------------------------------- RICHTEXT END --- */
/* --------------------------------------------- RICHTEXT COMPONENTS --- */
.dsk .rtx .txcmp.alignM > .med > img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}
.dsk .rtx .txcmp.alignR {
  max-width: 50%;
  margin: 0 0 10px 20px;
  float: right;
}
.dsk .rtx .txcmp.alignL {
  max-width: 50%;
  margin: 0 20px 10px 0;
  float: left;
}
.mob .txcmp .med {
  position:relative;
}
.mob .txcmp .med img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.rtx .txcmp .med.pur {
  position: relative;
}

/* --------------------------------------------- RICHTEXT COMPONENTS END --- */


/* --------------------------------------------- RIGHT COL OF NEWS --- */
.ctRightCol .med > img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
}
.ctRightCol .cmpteas {
  margin-bottom: 10px;
}
.mob .ctRightCol .cmpteas {
  padding: 0 10px;  
}
.ctRightCol .cmpteas:last-child {
  margin-bottom:0;
}

/* --------------------------------------------- RIGHT COL OF NEWS END --- */

/* --------------------------------------------- DIASHOW PAGE --- */
.bDia {
  background-color:#6a6a6a;
}
.btrdiaheader .logo {
  position: absolute;
  height:50px;
  top: 10px;
  left: 10px;
}
.btrdiaheader .logo img {
  max-height: 50px;
}
.btrdiaheader .close {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
}
.bDia .theaed {
  position: absolute;
  right: 40px;
  top: 10px;
}

.bDia .dbg {
  position: absolute;
  left: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.6);
  transform: translate3d(0, 0, 0);
  transition:transform .8s ease;
}
.bDia .dbg.top {
  height: 70px;
  top:0;
}
.bDia .dbg.bottom {
  height: 70px;
  bottom:0;
}
.bDia.fullpic .dbg.top {
  transform: translate3d(0, -100%, 0);
}
.bDia.fullpic .dbg.bottom {
  transform: translate3d(0, 100%, 0);
}
.bDia .picinfo {
  position: absolute;
  bottom: 0;
  right: 40px;
  font-size:  22px;
  line-height: 70px;
  font-weight: bold;
  color: #fff;
}
.mob .bDia .picinfo {
  font-size: 1.375rem;
}
.bDia .share {
  position: absolute;
  left: 50%;
  transform: translate3d(-50%, -35px, 0);  
  top: 0;
  transition: transform .8s ease;
}
.bDia.fullpic .share {
  transform: translate3d(-50%, 0, 0);
}
.bDia .share a {
  display: inline-block;
  margin: 0 15px;
}
.bDia .share a img {
  width: 30px;
  height: 30px;
}
.bDia .tx {
  position: absolute;
  top: 0;
  left: 40px;
  width: calc(100% - 160px);
  height: 100%;
  display: flex;
  align-items: center;
  font-size:  16px;
  color: #fff;
}
.mob .bDia .tx {
  font-size: 1rem;
}
.bDia .med {
  position: absolute;
  top:0;
  left: 0;
  margin: 0px 40px;
  width: calc(100% - 80px);
  height: 100%;
  overflow: hidden;
  transition:margin .8s ease, width .8s ease;
}
.bDia.fullpic .med {
  margin: 0;
  width: 100%;
}
.bDia .med .diaimg {
  width: 100%;
  height:100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1; 
  transition: opacity .2s ease;
}
.bDia .med .diaimg.hidden {
  opacity:0;
}
.bDia .nav {
  position: absolute;
  display: flex;
  flex-direction:row;
  align-items:center;
  justify-content: center;
  top: 0;
  height: 100%;
  width: 40px;
  transform: translate3d(0, 0, 0);
  transition:transform .8s ease;
}
.bDia .nav.next {
  right:0;
}
.bDia.fullpic .nav.next {
  transform: translate3d(100%, 0, 0);
}
.bDia.fullpic .nav.prev {
  transform: translate3d(-100%, 0, 0);
}

.bDia .nav span {
  width:0;
  height:0;
  border-style: solid;
  color: transparent;
}
.bDia .nav.next span {
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #fff;
}
.bDia .nav.prev span {
  border-width: 20px 20px 20px 0;
  border-color: transparent #fff transparent transparent;
}
@media (max-width: 600px){
  .btrdiaheader .logo {
    height:30px;
  }
  .btrdiaheader .logo img {
    max-height: 30px;
  }
  .bDia .dbg.top {
    height: 110px;
  }
  .bDia .theaed {
    right: 0px;
    top: 50px;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .bDia .tx {
    left: 20px;
    font-size: 14px;
    width: calc(100% - 120px);
  }
  .mob .bDia .tx {
    font-size: 0.875rem;
  }
  .bDia .picinfo {
    right: 20px;
  }
}
.frmdia {
  position: fixed;
  z-index:10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background-color:#6a6a6a;
}
.frmdia iframe {
  border: none;
  z-index:10000;
  width: 100%;
  height: 100%;
}
.showDia .frmdia {
  display: block;
}
.showDia {
  overflow: hidden;
}

/* --------------------------------------------- DIASHOW PAGE END --- */

/* --------------------------------------------- DIASHOW COMPONENT --- */
.cmpdiashow {
  position: relative;
  height:270px;
  border: 1px solid #fff;
  border-width: 20px 0;
  background-color: #fff;
  
  display: flex;
  flex-direction: row;
  justify-content: space-between;
    
}
.mob .cmpdiashow {
  border-width: 10px 0;
  height: 200px;
}
.cmpdiashow a {
  display: block;
  height: 270px;
  width: auto;
}
.mob .cmpdiashow a {
  height: 200px;
}
.cmpdiashow img {
  height: 100%;
}
/* --------------------------------------------- DIASHOW COMPONENT END--- */

/* --------------------------------------------- NEWS COMPONENT --- */
.dsk .cmpnews.overview {
  width: 100%;
}
.cmpnews.overview .more {
  text-align: right;
  margin:0 0 10px 0;
}
.cmpnews.overview .more a {
  font-size: 22px;
  font-weight: 800;
  font-style: italic;
  padding: 0 30px;
}

.dsk .onecol .cmpnews {
  position: relative;
  width: calc(100% - 360px);
  margin: 0 auto;
  border: 1px solid #fff;
  border-width: 1px 0;
  background-color: #fff;
  padding: 10px 0;
}
.dsk .ctRightCol .cmpnews {
  position: relative;
  width: 100%;
  padding: 10px 0;
}
.dsk .cmpnews.overview {
  padding-bottom: 0;
}

.mob .cmpnews.overview {
  padding: 0;
}
.mob .cmpnews {
  position: relative;
  padding: 10px;
  background-color: #fff;
}
.cmpnews .conhl {
  color: #ed7529;
  font-size: 36px;
  font-weight: bold;
  font-style: italic;
  margin: 0 0 15px 0;
}
.dsk .ctRightCol .cmpnews .conhl {
  font-size: 16px;
  margin-bottom: 5px;
}
.mob .onecol .cmpnews .conhl {
  font-size: 2rem;
  margin-bottom:10px;
}
.mob .ctRightCol .cmpnews .conhl {
  font-size: 1.25rem;
  margin-bottom:10px;
}
.cmpnews .itm {
  margin: 0 0 20px 0;
  position: relative;
}
.mob .cmpnews .itm {
  margin-bottom: 10px;
}
.cmpnews .itm:last-child { margin-bottom: 0; }
.cmpnews .itm .med img {
  display: block;
  width: 100%;
  border-radius:5px;
}
.cmpnews .itm .top {
  position: absolute;
  top: 0;
  left: 0;
  color:#fff;
  padding: 10px;
  text-shadow: 2px 2px 5px #222;  
}
.cmpnews .itm .top .tl {
  font-size: 18px;
  font-weight: bold;
}
.mob .cmpnews .itm .top .tl {
  font-size: 1.125rem;
}
.dsk .ctRightCol .cmpnews .itm .top .tl {
  font-size: 16px;
}

.cmpnews .itm .top .hl {
  font-size: 28px;
  font-weight: 800;
}
.mob .cmpnews .itm .top .hl {
  font-size: 1.5rem;
}
.dsk .ctRightCol .cmpnews .itm .top .hl {
  font-size: 20px;
}

.cmpnews .itm .txbg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 20px);
  padding: 10px;
  background-color: rgba(0,0,0,0.4);
  color:#fff;
  border-radius:5px;
}
.dsk .ctRightCol .cmpnews .itm .txbg {
  width: calc(100% - 10px);  
  padding: 5px;
}
.cmpnews .itm .tx p {
  margin: 0;
}

/* --------------------------------------------- DIASHOW COMPONENT END--- */


/* --------------------------------------------- COMPONENT INTERFERING TEASER START --- */
.interfteas {
  background-color: #e63c34;
  text-align: center;
  padding: 30px 0;
  color:#fff;
}
.interfteas h2, .interfteas h3 {
  font-weight: 800;
}
.interfteas a.btnc1, .interfteas a.btnc2 {
  color: #e63c34;
  padding: 3px 20px;
  font-weight: bold;
  background-color: #fff;
}

/* --------------------------------------------- COMPONENT INTERFERING TEASER END --- */


/* --------------------------------------------- COMPONENT TEXT ON PIC START --- */
.cmptextonpic .hl {
  font-size: 3rem;
  font-weight: normal;
  text-align: center;
  color: #fff;
  padding: 50px 0;
}
.mob .cmptextonpic .hl {
  font-size: 1.875rem;
  padding: 62px 0;
}
/* --------------------------------------------- COMPONENT TEXT ON PIC END--- */


/* --------------------------------------------- THE ADS --- */
.mob .theaedscon {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
}
.mob .theaedscon.r2 {
  padding-bottom: 10px;
}
.dsk .onecol .theaeds {
  position: absolute;
  top: 50px;
}
.dsk .bHome .theaeds.l {
  left:20px;
}
.dsk .bHome .theaeds.r {
  right:20px;
}
.dsk .onecol .theaedscon.r2 .theaeds {
  top: 390px;
}
.newsaedcon {
  position: relative;
}
@media (max-width: 1339px){
  .dsk .bContent .theaeds.l {
    left:20px;
  }
  .dsk .bContent .theaeds.r {
    right:20px;
  }
  .dsk .ctRightCol .theaedscon {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
    width: 310px;
    margin-left:-5px;
  }
  
}
@media (min-width: 1340px){
  .bContent .newsaedcon {
    position: static;
  }
  .dsk .bContent .theaeds.l {
    position: absolute;
    right: calc(50% + (960px / 2) + 10px);
  }
  .dsk .bContent .theaeds.r {
    position: absolute;
    left: calc(50% + (960px / 2) + 10px);
  }
  .dsk .ctRightCol .theaedscon.r1 .theaeds {
    top: 50px;
  }
  .dsk .bContent .theaedscon.r2 .theaeds {
    top: 390px;
  }
  
  
}
/* --------------------------------------------- THE ADS END --- */
/* --------------------------------------------- SEARCH RESULTS --- */
.seares .itm {
  margin: 30px 0;
}
.seares .itm .cat {
  font-size: 0.875rem;
}
.seares .itm h2 {
  margin: 0;
}

/* --------------------------------------------- SEARCH RESULTS END --- */
/* --------------------------------------------- RESULTS IFRAME --- */
.dsk .ctCentered.resultspg {
  width: 960px;
  padding: 0;
}
/* --------------------------------------------- RESULTS IFRAME END --- */

.dlplus {
  opacity: 1;
  transition: opacity ease .3s, transform ease .3s;
}
.dlplus.unvis {
  opacity: 0;
  transform: translate(0, 80px);
}

/* --------------------------------------------- CMP-PARALLAX --- */
.cmpparallax {
  width: calc(100% - 21px);
  margin: 10px;  
  position: relative;
  overflow: hidden;
}
.dsk .cmpparallax {
  height: 200px;
}
.mob .cmpparallax img.bg {
  display: block;
  width: 100%;
}
.dsk .cmpparallax img.bg {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.cmpparallax .ct {
  z-index:1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.rtx .btn {display: inline-block; padding: 2px 5px; background: rgba(0,0,0,.5); color: #fff;}

/* --------------------------------------------- CMP-PARALLAX END --- */


.dsk .cmphteas {
  display: flex;
}
.cmphteas .ct .btn {
  background: rgb(237, 115, 41);  
}
.cmphteas .ct, .cmpteas .ct {
  position: relative;
  padding: 10px;
}

.cmphteas .ct a.ft, .cmpteas .ct a.ft {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cmphteas .ct .txcmp .med, .cmpteas .ct .txcmp .med {
  position:relative;
}

.youtube > div {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.youtube iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 0;
}