@font-face {
font-family: NeueWorld;src: url("../fonts/CondensedRegular.otf") format("opentype");}
  
body {
    color: #000;
    background-color: #fff;
    font-size:20px;
    line-height:1.25;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: auto;
    margin:0px;
}

h1, h2, h3, h4 {
  font-family: NeueWorld;
  font-weight: normal;
  font-stretch: condensed;
  font-style: normal;
  letter-spacing: normal;
  margin-top:0px;
  margin-bottom:0px;
}

h1 {font-size: 82px;line-height:0.98;padding-top:10px;}
h2 {font-size: 56px;  line-height: 1;}
h3 {font-size: 42px;}
h4 {font-size: 26px;}
a {color:#f95f1f;text-decoration: none;}
a:hover {color:#f95f1f;text-decoration: underline;}
.green {background: #8dc87b;}
.orange {background: #ff650f;}
.yellow {background: #d8fd35;}
.green, .orange, .yellow {background-repeat: no-repeat;background-position: top -40px;}
.container {max-width:1680px;margin: 0px auto;padding:0px;overflow:hidden;}
#header {
  color:#fff; 
  background: url("../img/header.png");
  background-size: cover;
  background-repeat:no-repeat;
  padding-top:350px;
  text-align:center;
}
#header p {font-size:28px;font-weight:600;max-width:900px; margin:40px auto; padding-bottom:100px;}
#info .intro {
  max-width: 900px;
  text-align: center;
  margin: auto;
  border-radius: 20px;
  margin-top: -60px;
  background: #fff;
  padding-left:20px;
  padding-right:20px;
}
#info .logo357 {width:300px;height:auto;margin-top:48px;}
#info p {line-height:1.5;max-width:800px;text-align: center;margin:48px auto;}
#info .lead {font-size:28px; font-weight:600;padding-top:50px;}
#courses .box {max-width:900px; margin:auto;text-align:left;padding-top:64px;border-radius:16px;padding-bottom:64px;margin-top:36px;margin-bottom:48px;}
#courses .icon {float: left;margin-left: -120px;margin-top: -60px;}
#courses .description {padding-left:300px;max-width:600px;padding-right:30px;}
#courses .big {font-size:20px; font-weight: 500;line-height:1.6;margin-top:32px;margin-bottom:32px;}
#courses .small {font-size:16px;line-height:1.38;}
#courses .tiny {font-size:12px;line-height:1.38;}
#courses .cta {margin-top:32px;display:flex;}
#courses a {text-decoration:none;}
#courses .terms {font-size:16px;}
#courses .terms a {text-decoration:underline;color:#000;}
#courses .btn {padding:12px 24px;text-align:center;font-size:16px;font-weight:500;border-radius:23px;width:225px;margin-left:5px;margin-right:5px;}
#courses .primary {color:#fff;background:#2c2a28;}
#courses .secondary {color:#000;background:none;border:1px solid #2c2a28;}
#lectors .person {width:800px; margin:auto;background: #f8f8f8;padding-top:48px;padding-bottom:32px;margin-top:36px;margin-bottom:48px;border-radius:16px;}
#lectors h3, #lectors p {text-align:left;padding-left:200px;}
#lectors h3 {font-size:32px;}
#lectors p {max-width:570px;font-size:16px;line-height:1.5;margin-top:8px;}
#lectors .lector_photo {float:left;padding-left:48px;}
#lectors .fixed_icon {position:absolute;}
#lectors .left {left:0px;padding-top:150px;}
#lectors .right {right:0px;padding-top:220px;}
/* TABS */
.tabset {text-align:center;}
.tabset > input[type="radio"] {position: absolute;left: -200vw;}
.tabset .tab-panel {display: none;}
.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}
.tabset > label {
  font-size:38px;
  font-family: NeueWorld;
  position: relative;
  display: inline-block;
  padding: 12px 0px;
  margin-left: 16px;
  margin-right: 16px;
  cursor: pointer;
}
.tabset > label::after {content: "";position: absolute;left: 0px;bottom: 10px;width: 100%;height: 2px;}
.tabset > input:focus + label::after,.tabset > input:checked + label::after {background: #000;}
.tab-panel {padding: 0px 0px 3px 0px;}

#radio {padding-top:64px; background-color: #151515; margin-top:0px;max-width:100%;}
#radio .grid {text-align:left;max-width:1400px;padding-bottom:100px;display: grid; grid-template-columns: 20% 20% 20% 20% 20%; padding-left:25px; padding-right:25px; margin:auto; margin-top: 60px;}
#radio hr {width: 70px;border: solid 1px #f95f1f;float:left;}
#radio h3 {color:#fff;text-align: center;}
#radio h4 {text-align:left;color:#fff;}
#radio p {font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.45;letter-spacing: normal;color: #bbbbbb;}
#radio div {padding:10px;}
#radio img {margin-top:12px;}
#cookie {max-width:100%; text-align: center;}
#cookie p {max-width:1000px;margin:40px auto;color:#000;font-size:13px;}




@media all and (max-width: 1500px) {
  #lectors .fixed_icon {width:300px; height:auto;}
}

@media all and (max-width: 1366px) {
  #lectors .fixed_icon {width:230px; height:auto;}
}

@media all and (max-width: 1280px) {
  #lectors .fixed_icon {display:none;}
}



@media all and (max-width: 900px) {
  h1 {font-size:50px;}
  h2 {font-size:36px;}
  h3 {font-size:32px;}
  #header, #details, #radio, #cookie {padding-left:20px; padding-right:20px;}
  #header {background: url("../img/header-mobile.png");padding-top:250px;background-repeat: no-repeat;background-size: cover;}
  #header p {font-size:18px;margin:40px auto; padding-bottom:90px;}
  #info .intro {margin-left:20px; margin-right:20px; padding-left:0px;padding-right:0px;}
  #info .logo357 {width:60%; height:auto;}
  #info .lead {font-size:18px;}
  #info p {font-size:14px;margin:24px auto;}
  #courses .box {position:relative;margin-bottom:80px;}
  #courses .icon {position:absolute;width:200px;float:unset;margin:auto;top: -80px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
  #courses .description {padding-left:20px;padding-right:20px;padding-top:40px;}
  #courses .big {font-size:16px;line-height: 1.25;margin-top:24px; margin-bottom:24px;}
  #courses .small {font-size:14px;line-height:1.25;}
  #courses .cta {margin:auto;margin-top:24px;text-align:center;display:block;margin-left:0px;margin-right:0px;}
  #courses .btn {margin:10px auto;width:auto;}
  #lectors .person {width:100%;padding-top:20px;margin-bottom:24px;text-align: left;padding-bottom:20px;}
  #lectors .lector_photo {float:unset;padding-left:0px;}
  #lectors h3, #lectors p, #lectors .lector_photo {padding-left:20px;padding-right:20px;}
  #lectors h3 {font-size:24px;}
  #lectors p {font-size:14px;}


  #radio {margin-top:0px;padding-top:42px;}
    #radio .grid {grid-template-columns: 100%;padding-left:0px;margin-top:10px;padding-bottom:40px;}
    #radio p {font-size:14px; line-height: 1.43;}
    #radio h4 {text-align: left; padding-left:0px; padding-right:0px;}
 
  /* TABS */
  .bring_to_front {z-index:100;}
  .tabset > label {font-size:24px;margin-left:8px;margin-right:8px;}
}