@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0 none;
  list-style: none outside none;
  margin: 0;
  outline: 0 none;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
  overflow-x:hidden
}
body {
  background:url(../images2025/background.png) center top no-repeat black;
  color:white;
  font:20px/24px "Roboto", sans-serif;
}
.container-fluid {
  max-width:1380px;
}
input, img, iframe {
  vertical-align: middle;
  max-width: 100%;
}
a {
  color: inherit;
  text-decoration: none;
}
ol, ul {
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
}
li {
  list-style: none;
}
figure img {
  width:100%;
}

/* header */
.ph {
  position:relative;
  z-index:1000;
  border-bottom:5px solid rgba(255,255,255,0.1);
}
.pf a {
  transition:0.3s;
}
.scrollHeader .ph {
  position:fixed;
  top:0;
  left:0;
  right:0;
  background-color:rgba(0,0,0,0.9);
}
.ph-logo {
  padding-top:7px;
  padding-bottom:5px;
}
.ph-logo a {
  display:block;
  width:153px;
  height:50px;
  background:url(../images2025/jc_logo_white.svg) center / contain no-repeat;
}
.ph-menu li:last-child {
  color:#ffde0b;
}
.ph-menu a:hover {
  opacity:0.9;
}
@media (min-width: 768px) {
  .ph-menu li {
    padding-left:12px;
    padding-right:12px;
  }
}
@media (min-width: 992px) {
  .ph-logo {
    padding-top:28px;
    padding-bottom:19px;
  }
  .ph-logo a {
    width:247px;
    height:81px;
  }
  .ph-menu {
    padding-top:71px;
    padding-bottom:35px;
  }
  .ph-menu li {
    padding-left:20px;
    padding-right:20px;
  }
  .scrollHeader .ph-logo {
    padding-top:7px;
    padding-bottom:5px;
  }
  .scrollHeader .ph-logo a {
    width:153px;
    height:50px;
  }
  .scrollHeader .ph-menu {
    padding-top:0;
    padding-bottom:0;
  }
}
@media (max-width: 767px) {
  .icon-menu {
    display:block;
    width:50px;
    height:50px;
    cursor:pointer;
    background-image:url(../images2025/icon_menu_white.svg);
    background-position:center;
    background-size:20px;
    background-repeat:no-repeat;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:10px;
  }
  .showMenu .icon-menu{
    background-image:url(../images2025/icon_x_white.svg);
  }
  .ph-menu {
    position:fixed;
    top:67px;
    right:0;
    height:calc(100vh - 67px);
    overflow-y:auto;
    background-color:rgba(0,0,0,0.9);
    width:100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    opacity:0;
    visibility:hidden;
    transition:0.3s;
  }
  .showMenu .ph-menu {
    opacity:1;
    visibility:visible;
  }
  .ph-menu li {
    padding-top:10px;
    padding-bottom:10px;
  }
}


.social a {
  display:inline-block;
  vertical-align:middle;
  width:45px;
  height:45px;
  background-position:center;
  background-size:20px;
  background-repeat:no-repeat;
}
.social .facebook {
  background-image:url(../images2025/social_facebook3.svg);
}
.social .x {
  background-image:url(../images2025/social_x3.svg);
  background-size:16px;
}
.social .youtube {
  background-image:url(../images2025/social_youtube3.svg);
  background-size:22px;
}
.social .facebook:hover {
  background-image:url(../images2025/social_facebook2.svg);
}
.social .x:hover {
  background-image:url(../images2025/social_x2.svg);
}
.social .youtube:hover {
  background-image:url(../images2025/social_youtube2.svg);
}
/* homepage */
h2, h3, h4 {
  font-family:"Open Sans", sans-serif;
  font-weight:bold;
  letter-spacing:-2px;
}
h1 {font-size:42px;line-height:46px;}
h2 {font-size:35px;line-height:39px;}
h3 {font-size:30px;line-height:34px;}
h4 {font-size:24px;line-height:38px;}
h5 {font-size:20px;line-height:24px;}
h6 {font-size:15px;line-height:19px;}

.hero {
  border-bottom:5px solid rgba(255,255,255,0.1);
  position:relative;
}
video {
  vertical-align:middle;
}
.hero .hero-content {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.hero-content .searchform {
  padding-top:2%;
}
@media (max-width: 480px) {
  .searchform { display: none !important; }
}
.searchform input {
  margin-left:9px;
  margin-right:9px;
  border-radius:6px;
}
.searchform input[type="text"] {
  border:1px solid white;
  background-color:transparent;
  height:52px;
  background:url(../images2025/icon_search_white.svg) 10px 12px no-repeat transparent;
  color:white;
  padding-left:50px;
}
.searchform input[type="submit"] {
  cursor:pointer;
  border:1px solid #edce21;
  height:52px;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffe402+0,fea629+100 */
  background: linear-gradient(to bottom,  #ffe402 0%,#fea629 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  font-weight:bold;
  text-transform:uppercase;
  font-size:25px;
  font-family:"Open Sans", sans-serif;
  padding-left:30px;
  padding-right:30px;
  transition:0.3s;
}
.searchform input[type="submit"]:hover {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fffe1c+0,fea629+100 */
  background: linear-gradient(to bottom,  #fffe1c 0%,#fea629 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  color:#ff7b00;
}
.block {
  padding-top:53px;
  padding-bottom:40px;
}
.block a {
  transition:0.3s;
}
.block a:hover {
  color:#ffde0b;
}
.block h4 {
  text-transform:uppercase;
  padding-bottom:35px;
}
.sider {
  position:relative;
}
.slider li {
  padding-left:23px;
  padding-right:23px;
}
.slick-arrow {
  width:30px;
  height:36px;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  cursor:pointer;
  font-size:0;
  z-index:1;
  background-size:60px;
  background-position:center;
  background-repeat:no-repeat;
  background-color:transparent;
}
.slick-next {
  right:0;
  background-image:url(../images2025/arrow_carrot-right_white.svg) ;
}
.slick-prev {
  left:0;
  background-image:url(../images2025/arrow_carrot-left_white.svg);
}
.slider1 li {
  padding-left:20px;
  padding-right:20px;
}
.slider .content {
  position:relative;
}
.slider1 .number {
  font-size:110px;
  line-height:100px;
  font-weight:bold;
  position:absolute;
  top:-115px;
  left:-20px;
  /* text-shadow: 0 0 5px #fff;  */
  background: white;
  -webkit-background-clip: text;
  -webkit-text-stroke: 2px transparent;
  color:black;
  
  font-weight:900;
}
.slider3 h6,
.slider2 h6 {
  padding-top:10px;
}
.slider3 .comments {
  font-size:20px;
  display:inline-block;
  color:black;
  background-color:white;
  padding:6px 13px 4px 13px;
  border-radius:10px;
  position:absolute;
  top:-40px;
  left:20px;
}
.slider3 .comments::after {
  content:"";
  display:block;
  border-left:13px solid white;
  border-bottom:13px inset transparent;
  position:absolute;
  bottom:-13px;
  left:14px;
}
@media (min-width: 768px) {
  .searchform input[type="text"] {
    width:460px;
  }
}
@media (min-width:992px) {
  .hero-content h2 {
    padding-top:4px;
    padding-bottom:15px;
  }
  .hero .hero-content {
    padding-top:2%;
  }
  .hero-content .searchform {
    padding-top:13%;
  }
  h2 {font-size:69px;line-height:73px;}
  h3 {font-size:40px;line-height:44px;}
  h4 {font-size:30px;line-height:34px;}
  h5 {font-size:25px;line-height:29px;}
  h6 {font-size:21px;line-height:25px;}
}
@media (min-width:1500px) {
  .slick-next {
    right:-60px;
  }
  .slick-prev {
    left:-60px;
  }
}
@media (max-width:1499px) {
  .slider {
    padding-left:30px;
    padding-right:30px;
  }
}
/* footer */
.pf-top {
  border-top:5px solid rgba(255,255,255,0.1);
  padding-top:50px;
}
.pf li {
  padding-top:8px;
  padding-bottom:8px;
}
.pf a {
  transition:0.3s;
}
.pf a:hover {
  color:#ffde0b;
}
.pf-logo a {
  display:inline-block;
  vertical-align:middle;
  width:220px;
  height:72px;
  background:url(../images2025/jc_logo_white.svg) center / contain no-repeat;
}
.copyright {
  padding-top:45px;
  padding-bottom:30px;
}
@media (min-width: 992px) {
  .pf-logo a {
    width:245px;
    height:81px;
  }
}
@media (max-width: 767px) {
  .pf-logo,
  .copyright {
    text-align:center;
    padding-top:30px;
  }
}
@media (max-width:575px) {
  .pf ul {
    text-align:center;
  }
}