:root {
  --home-min-h: 650px;
  --top-nav-h: 60px;
  --content-w: 1300px;
  --tact: 0.3s;
  --white: #ffffff;
}

body { font-family: 'Roboto'; }

::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: #9b9b9b80;
  border-radius: 20px;
  border: transparent;
}

.z100 { z-index: 100; }
.w100 { width:100%; }
.c { text-align: center; }

.sect { padding: 3em 0;}
.sect .head { font-size:200%; text-align: center; padding-bottom: 1em; font-weight: 600; }
.sect .sub-head { font-size:140%; text-align: center; padding-bottom: 1em; font-weight: 600; }
.sect-content { max-width: var(--content-w); width: 100%; margin-left: auto; margin-right: auto;}

.sect-dark { background-color: #3a3a3a; color:#fff; }
.sect-dark .head { }


.sect-home { height: 100vh; color: #fff; min-height: var(--home-min-h); }

.is-cta { background-color:#be2136; color:#fff; }
.is-cta:hover { background-color:#cd03ff; color: #fff;}
.is-cta2 { background-color:#6854f5; color:#fff; }
.is-cta2:hover { background-color:#cd03ff; color: #fff;}

#video-bg { position: absolute; min-height: var(--home-min-h); z-index: -100; top: 0;right: 0; bottom: 0;left: 0;overflow: hidden; background: url(../i/bg-home.jpg) no-repeat #021359;  background-size: cover; }
#video-bg > video { position: absolute;top: 0;left: 0;min-width: 100%; min-height: 100%;width: auto;height: auto; }
@supports (object-fit: cover) {
  #video-bg > video { top: 0;left: 0;width: 100%; height: 100%;object-fit: cover;}
}



.top-nav { position: fixed; color:#fff; background-color: #000000b3; width: 100%; z-index: 90; }
.top-nav ul { height:var(--top-nav-h); display: flex; align-items: center; justify-content: end; gap:1em; width: 100%; max-width: var(--content-w); margin: 0 auto; }
.top-nav ul li:first-child { margin-left: 0; margin-right: auto; }
.top-nav a { font-weight: bold; font-size: 110%; text-decoration: none; color:#fff; transition: 0.3s; padding: 0 0.25em; line-height:var(--top-nav-h); }
.top-nav a:hover { color:#ffe603; }
.top-nav a.btn-cta { background-color:#be2136; height: auto; padding:0 1em; line-height: 2.0em; transition: 0.3s; }
.top-nav a:hover.btn-cta { background-color:#cd03ff; }

.top-nav .womencyber { line-height:250%; font-family: 'Pattanakarn'; text-transform: uppercase; align-items: flex-start; justify-content: space-evenly; line-height: 100%; display: flex; flex-direction: column; opacity: 0.85; }
.top-nav .womencyber span { display: block; }
.top-nav .womencyber span:nth-child(1) { font-size:100%; color:#ffe603; font-weight: 600; letter-spacing: 1px; }
.top-nav .womencyber span:nth-child(2) { font-size:100%; color:#ffffff; font-weight: 400; letter-spacing: 1.4px; }






/* Header */
header.header { position: fixed; color:#fff; background-color: #000000b3; width: 100%; }

header.header .womencyber { height: var(--top-nav-h); line-height:250%; font-family: 'Pattanakarn'; text-transform: uppercase; align-items: flex-start; justify-content:center; line-height: 100%; display: flex; flex-direction: column; opacity: 0.85; }
header.header .womencyber span { display: block; }
header.header .womencyber span:nth-child(1) { font-size:100%; color:#ffe603; font-weight: 600; letter-spacing: 1px; }
header.header .womencyber span:nth-child(2) { font-size:100%; color:#ffffff; font-weight: 400; letter-spacing: 1.4px; }
/*
header.header { background: rgba(15, 5, 19, 0); width: 100%; height: var(--header-h); position: fixed; top:0; left:0; }
header.header .logo { width: 96px; height: 46px; }
header.header .logo img { width: 100%;  display: block; transition: var(--tact); }
header.header .logo img:hover { transform: scale(1.2); }
header.header-bg { background: rgba(15, 5, 19, 0.7);  transition: background var(--tact) ease-out; }
*/
header.header .header-layout { display: flex; align-items: center; justify-content: space-between; height: var(--header-h); }
header.header .header-layout .nav-cta { margin-left: auto; margin-right: 20px;}

header.header .main { display: flex; justify-content: flex-end; padding: 0 0 0px 0;}

header.header .main ul.nav { display: flex; align-items: center; }
header.header .main ul.nav li { padding-left:1.5em; }
header.header .main ul.nav li a { color:var(--white); font-weight: 500; font-weight: bold; font-size: 110%; transition: var(--tact); position: relative; }
header.header .main ul.nav li a::after { width:0%; bottom: -10px; right: 0; content: '';  transition: var(--tact); position: absolute;}
header.header .main ul.nav li a:hover { color:var(--white); }
header.header .main ul.nav li a:hover::after { width:calc(60%); left:20%; bottom: -10px;
  /*background: linear-gradient(218.38deg, #3FFF81 5.84%, #46F687 14.9%, #58DD98 29.89%, #75B3B3 48.96%, #9D7BD7 71.12%, #C83FFF 92.26%);*/
  background: linear-gradient(103.08deg, #C83FFF 0.36%, #657bb7 102.79%);
  
  height: 2px;
  content: ''; position: absolute; }

header.header .main ul.nav li a.btn-cta::after {  display:none; position: absolute;}

header.header a.btn-cta { background-color:#be2136; height: auto; padding:0 1em; line-height: 2.0em; transition: 0.3s; }
header.header a:hover.btn-cta { background-color:#cd03ff; }


header.header .main ul.lang { display: flex; padding-left:6.4167vw;}
header.header .main ul.lang li { padding:0px 1.04167vw; border-left:2px solid var(--white); }
header.header .main ul.lang li a { color:var(--white); font-weight: 600; font-size:111.1111%; transition: var(--tact); }
header.header .main ul.lang li a:hover { color:var(--white); }
header.header .main ul.lang li a.s { color:var(--url); }
header.header .main ul.lang li:first-child { border-left: none; }

header.popup-opened { background: transparent }
header.popup-opened .logo { visibility: hidden; }
header.popup-opened .logo img { transition: 0s; }

header.header .nav-hamburger { display: none; z-index: 111; position: relative;}
header.header .header-layout .nav-cta { display:none }

.site-lang { padding-left: 30px; }
.site-lang .lang-switcher-ico { position:relative; top:-3px; transition:var(--tact); }
.site-lang .lang-switcher-ico.open {transform: rotateZ(-180deg);  }
.site-lang .curr { white-space: nowrap; }
.site-lang .curr span { display: inline-block; padding-right: 10px; }
.site-lang .popup-box { display: none; position: relative; }
.site-lang .popup-box .popup-box-inner { position: absolute;  background: #0F0513; border-radius: 2px; padding: 5px 5px; top: 5px; left: -17px; line-height: 2; }
.site-lang .popup-box .item { }
.site-lang .popup-box .item a { padding: 2px 12px;  display: block; }
.site-lang .popup-box .item a:hover { color:#fff;  }
.site-lang .popup-box .item a::after { display:none}
.site-lang a::after { display:none}

.site-lang-mobile { text-align:center; border-bottom: 1px solid #492C57; }
.site-lang-mobile .site-lang-list { display: flex; justify-content: center; padding: 20px 0;}
.site-lang-mobile .btn-cta a { color: #fff; }
.site-lang-mobile .btn-cta { background:transparent; }
.site-lang-mobile .btn-cta.no-sel::before { background:transparent; }
.site-lang-mobile .btn-cta.no-sel span { border:none; background:transparent; }

.humburger { cursor: pointer; }
.humburger .long-line  { display:block; width:30px; height:2px; background:var(--white); transition: 0.5s; }
.humburger .short-line { display:block; width:30px; height:2px; background:var(--white); transition: 0.5s; margin:8px 0 8px 0px; }
.humburger.opened .long-line:nth-child(1) { transform: matrix(-0.91, 0.91, -0.27, -0.8, 0,  10); }
.humburger.opened .long-line:nth-child(3) { transform: matrix(-0.91, -0.91, 0.27, -0.8, 0, -10); }
.humburger.opened .short-line { opacity:0; }


/* Popup nav */
.popup-nav {background: #240C30; position: fixed; left: 0; top:0; width: 100%; height: 100%; z-index:99; display: none;}
.popup-nav .header { padding:0em 2em 0em 2em; border-bottom: 1px solid #492C57;}

.popup-nav .womencyber { height: var(--top-nav-h); line-height:250%; font-family: 'Pattanakarn'; text-transform: uppercase; align-items: flex-start; justify-content:center; line-height: 100%; display: flex; flex-direction: column; opacity: 0.85; }
.popup-nav .womencyber span { display: block; }
.popup-nav .womencyber span:nth-child(1) { font-size:100%; color:#ffe603; font-weight: 600; letter-spacing: 1px; }
.popup-nav .womencyber span:nth-child(2) { font-size:100%; color:#ffffff; font-weight: 400; letter-spacing: 1.4px; }
/*
.popup-nav .header .logo { max-width:105px; }
.popup-nav .header .logo img { filter:  brightness(0) invert(1); width: 100%; height: auto; }
*/

.popup-nav .popup-nav-area { padding: 0 2em 1.5em 2em; }
.popup-nav ul.nav { margin: 1em 0 0 0; }
.popup-nav ul.nav li { font-weight: 600; text-align: center; }
.popup-nav ul.nav li a { padding: 0.5em 0; display: block; width: 100%; color:var(--white); font-size: 140%; text-align: center; }
.popup-nav ul.nav li a.s { color:var(--url); }
.popup-nav ul.nav li a.btn-cta { width: auto; display: inline-block; padding-left: 1em; padding-right: 1em; background-color: #be2136;}

.popup-nav .footer ul.lang { display: flex;  align-items: center; justify-content:  center; }
.popup-nav .footer ul.lang li { padding:0px 4vw; border-left:2px solid var(--white); }
.popup-nav .footer ul.lang li a { color:var(--white); font-weight: 600; font-size:140%; transition: var(--tact); }
.popup-nav .footer ul.lang li a:hover { color:var(--url); }
.popup-nav .footer ul.lang li a.s { color:var(--url); }
.popup-nav .footer ul.lang li:first-child { border-left: none; }





.sect-home { display: flex; align-items: center; }
.sect-home .inner { display: flex; align-items:start; flex-direction: column; margin: 0 auto; max-width: var(--content-w); width: 100%;}
.sect-home .intro-text { display: flex; align-items: center; background: url(../i/women-cyber-logo.svg) no-repeat left center; height: 200px; }
.sect-home .intro-text span { display: block; }
.sect-home .logo { height: 200px; }
.sect-home h1 { line-height:250%; font-family: 'Pattanakarn'; text-transform: uppercase; padding-left:5em; }
.sect-home h1 .one { font-size:250%; color:#ffe603; font-weight: 600; letter-spacing: 1px; }
.sect-home h1 .two { font-size:250%; color:#ffffff; font-weight: 400; letter-spacing: 1.85px; }
.sect-home h2 { font-size:300%; padding-top: 6vh; font-weight: 600; letter-spacing: 1px; padding-bottom: 1em; line-height: 1.1em; }
.sect-home h2 span{ color: #ffe603;}
.sect-home .where { font-size:100%; width: 300px; text-align: center; margin: 0vh 0 0 auto }
.sect-home .event-date { font-size:150%; background-color:#cd03ff55; border-radius: 10px; color:#fff; padding: 0.5em 0; text-align: center; width: 100%; margin: 0 0 0.5em 0; transition: 0.3s; }
.sect-home .event-date:hover { background-color:#cd03ffff; }
.sect-home .event-place { font-size:100%; opacity: 0.8; }
.sect-home .sub-text { font-size:130%; width:67%; margin-bottom: 1em; letter-spacing: 0.5px; }
.sect-home .sub-text p { padding-bottom: 1em;}
.sect-home .sub { display: flex; justify-content: space-between; }
.sect-home .cta { }

/*
.sect-sub-home {}
.sect-sub-home {}
.sect-sub-home .head
.sect-sub-home .text {}
.sect-sub-home .text p { padding: 0 0 1em 0;}
.sect-sub-home .cta { text-align: center; }
*/
.sect-about { font-size: 110%; background: url(../i/women-cyber-logo-lt.svg) no-repeat right bottom; background-size: 40%; }
.sect-about .inner { /*width: 80%; margin: 0 auto;*/  width: 65%;margin: 0 0 0 10%; }
.sect-about .head-2 { font-size: 120%; font-weight: bold; margin: 1em 0 0.5em 0; }
.sect-about p { font-size: 100%; padding: 0 0 1em 0; }
.sect-about .list { display: flex; gap:4em; align-items: center; justify-content: stretch; width: 80%; margin: 2em auto; -webkit-perspective: 800; }
.sect-about .list .item { background-color: #f1f1f1; border-radius: 10px; border: 1px solid #ddd; padding: 2em; transition: 0.3s; transform: rotateY(0deg); }
.sect-about .list .is-rot { transform: rotateY(45deg); }

.sect-about-2 { font-size: 110%; background-color: #f1f1f1;}
.sect-about-2 .head-2 { font-size: 120%; font-weight: bold; margin: 0em 0 0.5em 0; }
.sect-about-2 p { font-size: 100%; }
.sect-about-2 .list { display: flex; gap:4em; align-items: center; justify-content: stretch; width: 80%; margin: 2em auto; -webkit-perspective: 800; }
.sect-about-2 .list .item { background-color: #fff; border-radius: 10px; border: 1px solid #ddd; padding: 2em; transition: 0.3s; transform: rotateY(0deg); box-shadow: 3px 3px 8px 5px rgba(0, 0, 0, 0.06); }
.sect-about-2 .list .is-rot { transform: rotateY(45deg); }

.dot { background-color: #cd03ff; border-radius: 50%; display: inline-block; width: 10px; height: 10px; padding: 0; margin: 0 0.7em 0 1em;}

.sect-innovation { color:#fff; /*background:url(..i/bg-innovation.png) no-repeat center center;*/ background-size: cover; 
  background: linear-gradient(103.08deg, #000000 0.36%, #381349 74.76%, #657bb7 102.79%) }
.sect-innovation .head {}
.sect-innovation .sub-head { font-weight: normal; }
.sect-innovation .list { display: flex; gap:5em; justify-content:space-evenly; margin:2em 0 4em 0; }
.sect-innovation .list .item { transition: 0.3s; background-color: #fdf8fff5; color:#404654;  padding:3em; border-radius: 10px; }
.sect-innovation .list .item:hover { background-color: #fff; color:#000; }
.sect-innovation .list .item .pic { display: flex; align-items: center; justify-content: center; margin: 0 0 3em 0; }
.sect-innovation .list .item .pic img { display: block; width: 100%; max-width: 100px;}
.sect-innovation .list .item .cap { text-align: center; font-size: 120%;}
.sect-innovation .text { text-align: center; font-size:140%; color:#fff59a; /* #ffe603;*/ }



.sect-prog { background-color: #f1f1f1; }

.timeline { font-size:110%; }
.timeline .timeline-item { display: flex; padding:0 0 32px 0; }
.timeline .timeline-item .time { font-size:100%; width: 10%; min-width: 15%; }
.timeline .timeline-item .action { font-size:100%; font-weight: bold; display: flex; width: 100%; gap:2.25%; }
.timeline .timeline-item .action .card { width: 28%; min-width: 29%; margin:0 2.25% 0 0; }
.timeline .timeline-item .action .card { width: 100%; min-width: 29%; margin:0 0% 0 0; }

.cardx { font-size:100%; font-weight: normal; padding:1em; background: #FFFFFF; border-radius:10px; width: 100%; box-shadow: 3px 3px 8px 5px rgba(0, 0, 0, 0.06);}
.cardx .card-list { display: flex;  padding: 0 0 16px 0; align-items: center; }
.cardx .card-btn {border-radius: 4px; border: 1px solid #C9C9C9;  padding: 6px 12px; margin: 0 16px 0 0; }
.cardx .card-head { font-size:100%;  font-weight: bold; padding: 0 0 8px 0;}
.cardx .small-head { padding: 8px 0 4px 0; opacity: 0.5;}
.cardx .card-text { padding: 0 0 8px 0;  }
.cardx hr { background:#D5D5D5; height:1px; margin: 16px 0 22px 0; border:none; }

.color-cyan { background:#00C8C8; color:#fff; border:none !important; }
.color-green { background:#00C710 ; color:#fff; border:none !important; }
.color-magenta { background:#6f61b7 ; color:#fff; border:none !important; }
.color-brown { background:#E29900 ; color:#fff; border:none !important; }
.color-blue { background: #5a89e6; color:#fff; border:none !important; }
.off { background: #C9C9C9; color:#fff; border:none !important; }



.sect-speakers {}
.sect-speakers .list { display: flex; gap:0; flex-wrap: wrap; justify-content: center; margin-bottom: 3em; }
.sect-speakers .list .item { width: 25%; padding: 1em 2em 2em 2em; text-align: center;  }
.sect-speakers .list .item .pic { width: 100%; background-color: #eaeaea; height:300px; background: no-repeat center center; background-size: cover; margin: 0 0 1em 0; position: relative; border-radius: 10px; }
.sect-speakers .list .item .inner { top:0; left:0; right: 0; bottom: 0; position: absolute; transition: 0.3s;
  border-radius: 10px; 
  /*background: linear-gradient(360deg, #D8BDE6 0%, rgba(51, 17, 68, 0.35) 100%); */
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0) 100%);
  opacity: 0;
  color:#fff; text-align: center;
  display: flex; align-items: flex-end; justify-content: center; padding: 1em;
}
.sect-speakers .list .item:hover .inner { opacity: 1;}
.sect-speakers .list .item .name { font-size:130%;}
.sect-speakers .list .item .occupy { color:#777;  }
.sect-speakers .list .item .comp { color: #777; }
.sect-speakers .text { font-size: 130%; text-align: center; margin-bottom: 3em; }
.sect-speakers .cta { text-align: center;  }

.sect-format { background-color:#e1e1e1; background: url(../i/bg4.jpg) no-repeat center center; background-size: cover; }
.sect-format .sub-head { color:#000; padding-bottom: 0; }
.sect-format .addr { font-style: italic; text-align: center; padding-bottom: 1em; }
.sect-format .text { font-size:150%; color:#000 }

.sect-partners {}
.sect-partners .list { display: flex; gap:0; flex-wrap: wrap; justify-content: center; margin-bottom: 3em; }
.sect-partners .list .item { width: 25%; padding: 1em 2em; }
.sect-partners .list .item .pic { width: 100%; text-align: center; background-color: #eaeaea; height: 160px; background: no-repeat center center; background-size: contain; }
.sect-partners .text { font-size: 130%; text-align: center; margin-bottom: 3em; }
.sect-partners .text-2 { font-size: 130%; text-align: center; margin-bottom:0em; font-weight: bold; }
.sect-partners .cta { text-align: center; margin-bottom: 3em; }


.sect-reg { background-color:#f1f1f1; background: url(../i/bg6ui.png) no-repeat center center; background-size: cover; }
 .form { margin:0 auto; max-width:600px; }
 .form .field { padding-bottom:1em; }
/* .form label.is-danger { color: #cc0f35; text-align: center; display: block; font-size: 90%; }*/
 .form label.is-danger { color: #e75875; text-align: center; display: block; font-size: 90%; }

input::placeholder,
textarea::placeholder { color: #000 !important; }


.sect-become-partner { background-color: #f1f1f1;}
.form-partnership { max-width: 800px; margin: 0 auto;}


.sect-faq { }
.sect-faq .head {}
.sect-faq .list { width: 80%; max-width: var(--content-w); margin: 0 auto; }
.sect-faq .list .item { border: 1px solid #d5dade; border-radius: 10px; padding: 1.5em 2.5em; margin-bottom: 1.5em; cursor: pointer; transition: 0.3s;}
.sect-faq .list .item:hover { background-color: #f1f1f1; }
.sect-faq .list .item .qsn { font-size: 150%; font-weight: 500; display: flex; align-items: center; }
.sect-faq .list .item .ans { font-size: 120%; padding-top: 1em; display: none; }
.sect-faq .list .item .ans p { padding:0.5em 0; }
.sect-faq .list .item .ec { font-weight: 200; font-size: 120%; line-height: 1em; margin: 0 0 0 auto;padding-left: 1em; }
.sect-faq .list .item .ec span:nth-child(1) { display: block; }
.sect-faq .list .item .ec span:nth-child(2) { display: none; }
.sect-faq .list .item.open .ec span:nth-child(1) { display: none; }
.sect-faq .list .item.open .ec span:nth-child(2) { display: block; }

.sect-footer { display: flex; background: url(../i/bg-video.jpg) no-repeat center center; background-size: cover; color:#fff; }
.sect-footer a { color:#fff; transition: 0.3s; }
.sect-footer a:hover { color:#ffe603; }

.sect-footer .womencyber { font-family: 'Pattanakarn'; text-transform: uppercase; align-items: flex-start; justify-content:center; line-height: 180%; display: flex; flex-direction: column; background: url(../i/women-cyber-logo.svg) no-repeat left center; height:100px; padding-left:3em; margin-bottom: 2em; }
.sect-footer .womencyber span { display: block; }
.sect-footer .womencyber span:nth-child(1) { font-size:150%; color:#ffe603; font-weight: 600; letter-spacing: 1px; }
.sect-footer .womencyber span:nth-child(2) { font-size:150%; color:#ffffff; font-weight: 400; letter-spacing: 1.4px; }

.sect-footer .contacts { display: flex; gap:1em; flex-direction: column; font-size: 130%; margin-bottom: 2em; }
.sect-footer .contacts li img { width: 24px; height:auto; vertical-align: middle; padding-right:0.25em; opacity: 0.8;}

.sect-footer .contact-info { width: 100%; padding:3em 2em 3em 4%; }
.sect-footer .sides { display: flex; }
.sect-footer .sides .sides-item { width: 50%; }
.sect-footer .event-map { width: 50%; }
.sect-footer .event-map .map { padding-bottom: 0px; position: relative; position: relative; width: 100%; height: 100%; }
.sect-footer .event-map .map .side-map { background: #eaeaea;  border: none; display: block; position: absolute; width: 100%; height: 100%; }

.sect-footer .links li { padding: 0.5em 0;}

.social-links { display: flex; gap:1.25em; }
.social-links .item a { background: no-repeat center center; background-size: contain; width: 40px; height: 40px; transition: 0.3s; opacity: 0.85; display: block; }
.social-links .item a:hover { opacity: 1; }
.social-links .item a.tg { background-image:url(../i/soc-tg.svg); }
.social-links .item a.sig { background-image:url(../i/soc-sig.svg); }

.copyr { text-align:center; padding:1em; background-color: #100919; color:#aaa; font-size:90%; line-height: 2em; display: flex; gap:2em; align-items: center; justify-content: center; }
.copyr a { color:#ddd; transition: 0.3s; }
.copyr a:hover { color:#fff; }

.pattanakarn { font-family: 'Pattanakarn'; font-weight: 300; font-style: normal; }

.form-preloader { width: 42px; }
.js-error-area { display: none; }
.js-success-area { display: none; }


.select:not(.is-multiple) { height: auto;}


/* --- w 1366: Notebook/netbook --- */
@media screen and (max-width:1440px) {
  /*.section-intro .main-head { font-size: 36px; }
  .section-people .people-list { max-width: 80%; }
  */

  .sect-content { width: 90%; }
}

@media screen and (max-width:1400px) {
  .sect-home .inner { width: 90%; }
  .sect-home .sub { gap:2em; }
}

@media screen and (max-width:1315px) {
  /* nav to hamburger */
  header.header .main { display: none; }
  header.header .nav-hamburger { display: block; }
  header.header .header-layout .nav-cta { display: block; }
  header.header .header-layout .nav-cta a { color:#fff}
}


@media screen and (max-width:1280px) {
  .sect-home .intro-text { height: 175px; }
  .sect-home h2 { font-size: 250%; }
  .sect-home h1 .one,
  .sect-home h1 .two { font-size: 250%; }
  .sect-home .sub-text { font-size: 120%; }

  .sect-innovation .list { gap: 3em; margin: 2em 0 4em 0;}
}

@media screen and (max-width:1100px) {
  .sect-speakers .list .item { width: 33.3333%; }
  .sect-partners .list .item { width: 33.3333%; }
}

@media screen and (max-width:1050px) {
  .sect-home .intro-text { height: 150px; }
  .sect-home h2 { font-size: 200%; }
  .sect-home h1 .one,
  .sect-home h1 .two { font-size: 200%; }
  .sect-home .sub-text { font-size: 110%; }

  .sect-innovation .list .item { padding: 1.5em 1em; }  

  .sect-about-2 .list { flex-direction: column; gap:2em; }

}


/** mobile 904-600 **/
@media screen and (max-width:904px) {

  .sect-innovation .list { gap: 3em; flex-direction: column; max-width: 25em; margin: 0 auto; margin-bottom: 2em; }


  .timeline .timeline-item { flex-direction: column; }
  .timeline .timeline-item .time { min-width:none; width: 100%; padding-bottom: 8px; }
  .timeline .timeline-item .action { min-width:none; width: 100%;  }
  .timeline .timeline-item .action .cardx { width: 45%;  min-width: auto; }
  /* for 3x !!! .timeline .timeline-item .action .card { width: 28%;  min-width: auto; } */
  .timeline .timeline-item .action .cardx { width:100%;  min-width: auto; }

  .cardx { padding: 10px; }
  .cardx .card-head { font-size: 95%; line-height: 1.5}
  .cardx .card-btn  { font-size: 90%; }

 
}

@media screen and (max-width:800px) {

  .sect-speakers .list .item { width: 50%; }
  .sect-partners .list .item { width: 50%; }

  .sect-faq .list { width: 100%;}

  .sect-footer { flex-direction: column;}
  .sect-footer .contact-info { width: 100%; /*text-align: center;*/ }
  /*.social-links { justify-content: center; }*/

  .sect-footer .sides { flex-direction: column-reverse;}
  .sect-footer .sides .sides-item { width: 100%;}
}


/* --- iPad / Tablet width --- */
@media screen and (max-width:769px) {

  .sect-home .intro-text { height: 130px; }
  .sect-home h2 { font-size: 170%; }
  .sect-home h1 { padding-left: 3.5em; line-height: 200%; }
  .sect-home h1 .one,
  .sect-home h1 .two { font-size: 170%; }

  .sect-home .sub { flex-direction: column-reverse; }
  .sect-home .where { margin: 0vh auto 0 0;}
  .sect-home .event-place { font-size:80%; }
  .sect-home .sub-text { width: 100%;}
  .sect-home .event-date { font-size: 130%; padding: 0.25em 0; }

  .sect-about .inner { margin: 0 10%; }

  .sect-about-2 .list { flex-direction: column; gap:2em; }
  .sect-about .inner { width:auto;}
}



/** 599-0px **/
@media screen and (max-width:599px) {
  body { font-size:90%; }

  .timeline .timeline-item .action { flex-direction: column; }
  .timeline .timeline-item .action .cardx { width: auto; min-width: auto; margin: 0 0 15px 0}

  .sect-speakers .list .item { width: 100%; max-width: 300px;  margin-left: auto;  margin-right: auto;}
  .sect-partners .list .item { width: 80%; margin-left: auto;  margin-right: auto; }

  .sect-reg .form { width: 90%; }

}





/* --- w 360: Mobile --- */
@media screen and (max-width:576px) {
}


@media screen and (max-width:470px) {
}


@media screen and (max-width:450px) {
  .sect-home h2 { font-size: 150%; }
  .sect-home .intro-text { height: 100px;}
  .sect-home h1 { padding-left: 3.5em; line-height: 170%; }
  .sect-home h1 .one,
  .sect-home h1 .two { font-size: 150%; }

  .sect-faq .list .item .qsn { font-size: 130%; line-height: 1.2em; }
}


@media screen and (max-width:375px) {
  .sect-home h1 .two { font-size: 130%; }
  .sect-about .inner { margin: 0 5%; }
}


@media screen and (max-width:360px) {
}


@media screen and (max-width:320px) {
}


/*--- MEDIA by HEIGHT ---*/

@media screen and (orientation: landscape) and (max-height: 420px) and (min-aspect-ratio: 13/9) {
  /* :root {
  }
  */
}