/* @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900&subset=latin-ext'); */

body { background: #f6f6f6; padding-top: 89px; font-family: 'Lato', sans-serif; }

a:hover { color: inherit; }

.button { cursor: pointer; transition: 0.5s; margin-top: 20px; background: #f47920; border: 1px solid #f47920; color: white; text-align: center; font-size: 20px; font-weight: bold; padding: 10px 50px; min-width: 250px; }
.button:hover { transform: scale(1.02); }

/* Colors */
.color-primary {
	color: #f47920;
}

/* Header */
header { height: 45px; width: 100%; background: #f47920; position: fixed; top: 20px; left: 0px; z-index: 90; }
header #logo { position: absolute; top: -10px; }
header .navbar { padding: 0px; }
header .navbar .nav-item:first-child .nav-link { border-left: 1px solid white;}
header .navbar .nav-item .nav-link { border-right: 1px solid white; font-size: 13px; text-transform: uppercase;}
header .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem; }
header .header-alt {
    position: absolute;
    top: -400%;}


/* Section - main banner */
section.main-banner { width: 100%; position: relative; overflow: hidden; }
section.main-banner>div { padding: 0px; }
section.main-banner>div>div { margin: 0px; padding: 0px; }
section.main-banner>div>div>div { margin: 0px; padding: 0px; }
section.main-banner img { width: 100%; height: auto;}


/* Section - about */
section.about { padding: 45px 0px; }
section.about h2 { font-size: 29px; font-weight: 800; color: #f47920; margin-bottom: 30px; }
section.about p { color: #03265e; line-height: 1.4; font-weight: 300;  font-size: 18px;}
section.about strong { font-weight: normal; }


/* Section - blocks */
section.blocks { padding: 35px 0px; }
section.blocks h2 { font-size: 29px; font-weight: 800; color: #f47920; }
section.blocks p { color: #f47920; }
section.blocks .blocks { margin-top: 20px; } 
section.blocks .blocks .box { transition: 0.5s; min-height: 300px; padding: 25px 25px; width: 100%; background: white; border-top: 10px solid #f47920; }
section.blocks .blocks .box:hover { transform: scale(1.05); }
section.blocks .blocks .box h3 { font-size: 16px; padding-left: 40px; padding-bottom: 20px; position: relative; font-weight: 800; color: #002e6a; margin-bottom: 10px; text-transform: uppercase; }
section.blocks .blocks .box h3 span { font-size: 42px; position: absolute; left: 0px; top: -6px; }
section.blocks .blocks .box p { color: #03265e; line-height: 1.4; font-weight: 300; }

/* Section - blocks links */
section.blocks-links a.button {text-decoration: none; text-transform: uppercase; }
section.blocks-links a.button:hover {color: #ffffff;} 
section.blocks-links { padding: 35px 0px; }
section.blocks-links .box > a {display: block; text-decoration: none; text-align: left;}
section.blocks-links .section-title { font-size: 29px; font-weight: 900; color: #f47920; }
section.blocks-links .section-title > * {font-size: inherit; font-weight: inherit;}
section.blocks-links .row-boxes {margin-bottom: 35px;}
section.blocks-links .box { margin-top: 25px; padding: 0 10px;}
section.blocks-links .box:hover .box-title::before, section.blocks-links .box:hover .box-title::after {opacity: 1;}
section.blocks-links .box:hover .box-action{transform: translate(0);}
section.blocks-links .box-content {overflow: hidden; position:relative; display:flex; flex-direction: column; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 20px 15px; width: 100%; background: white; border-top: 10px solid #f47920; }
section.blocks-links .box-content > * {padding: 10px 15px; width: 100%; margin:0;}
section.blocks-links .box .box-date {font-size: 16px; font-weight: 900; color: #f26625;}
section.blocks-links .box .box-title {color: #002e6a; position: relative;}
section.blocks-links .box .box-title::before, section.blocks-links .box .box-title::after {content: ''; position: absolute; left: 0; width: 100%; height: 1px; background: #f9b888; opacity: 0; transition: opacity 0.2s ease-out;}
section.blocks-links .box .box-title::before {top: 0;}
section.blocks-links .box .box-title::after {bottom: 0;}
section.blocks-links .box .box-title > * {margin-bottom: 0; font-size: 16px; font-weight: 900; text-transform: uppercase}
section.blocks-links .box .box-place > * {font-weight: 300; font-size: 14px; color: #f26426; display: block;}
section.blocks-links .box .box-action {position: absolute; bottom: 0; right: 0; display: flex; align-items: center; justify-content: flex-end; padding: 0; transform: translateY(100%); transition: transform 0.2s ease-out;}
section.blocks-links .box .box-action .box-action-text {font-size: 12px; font-weight: 700; color: #f26426; text-transform: uppercase; margin-right: 10px;}
section.blocks-links .box .box-action .icon-search {width: 35px; height: 35px; background: #f47920; display: flex; justify-content: center; align-items: center;}
section.blocks-links .box .box-action .icon-search img {width: 19px; height: 19px;}

/* Section-article */
article.article {padding: 35px 0;}
article.article .section-title { font-size: 29px; font-weight: 900; color: #002e6a; }
article.article .section-title strong,article.article .section-title span {color: #f47920;}
article.article .section-title > * {font-size: inherit; font-weight: inherit;}
article.article .section-title-description {font-size:16px; font-weight: 900; color: #143c72; margin-top:25px;}
article.article .section-content {font-weight: 300; text-align:left; color: #03265e; margin: 25px 0 40px; padding: 0 100px;}
article.article .section-content strong {font-weight: 700;}
article.article .section-content hr {padding: 10px 0; width: 100%; position: relative; height: auto; background: none; border: none;}
article.article .section-content hr::before {content: ''; width: calc(100% + 200px); position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 1px; background: #f9b888;}
article.article .section-content p, ul {margin-bottom: 25px;}
article.article .section-content ul {list-style: none; padding: 0;}
article.article .section-content ul li, article.article .section-content ol li {margin-bottom: 10px}
article.article .section-content ul li:nth-last-child(1), .section-content ol li:nth-last-child(1) {margin-bottom: 0;}
article.article .section-content ul li::before {content: ''; border-radius: 50%; margin-right: 10px; position:relative; display: inline-block; width: 10px; height: 10px; max-width:10px; max-height: 10px; min-width: 10px; min-height: 10px;  background: #f47920}
article.article .section-content ol {padding: 0; counter-reset: custom-counter}
/*article.article .section-content ol li::before {content: counter(custom-counter)"."; counter-increment: custom-counter; margin-right: 25px;}*/
@media (max-width: 992px) {
    article.article .section-content {padding: 0;}
    article.article .section-content hr::before {width: calc(100vw - 50px);}
}
@media (max-width: 576px) {
    article.article .section-content hr::before {width: 100vw}
}

/* Section - highlighted */
section.highlighted {min-height: 310px; display: flex; justify-content: center; align-items:center; padding: 60px; width: 100%; background: url("../img/paralax.webp") center no-repeat; background-attachment: fixed; color: white; }
section.highlighted .section-title {letter-spacing:1px; font-size: 36px; font-weight: 700;}
section.highlighted .section-title > * {font-size: inherit; font-weight: inherit;}
@media (max-width: 1366px) {
    section.highlighted {padding: 30px 0; min-height: 250px;}
    section.highlighted .section-title {font-size: 32px;}
}
@media (max-width: 768px) {
    section.highlighted .section-title {font-size: 27px;}
}
@media (max-width: 450px) {
    section.highlighted {min-height: 200px;}
    section.highlighted .section-title {font-size: 24px;}
}

/* Section - gallery */
section.gallery {padding: 10px 0;}
section.gallery .section-title { font-size: 29px; font-weight: 900; color: #f47920; }
section.gallery .section-title > * {font-size: inherit; font-weight: inherit;}
section.gallery .gallery-image {overflow: hidden; height: 610px; width:100%; margin-top: 15px; position: relative;}
section.gallery .galler-image img {position: absolute; top: 0; left: 0; min-height: 100%; width: 100%; object-fit: cover;}
section.gallery .gallery-slider {transform: translateY(-50%); position: relative;}
section.gallery .gallery-slider .image-container {position: relative; margin: 0 10px; overflow: hidden;}
section.gallery .gallery-slider .image-container::before {content: ''; display: block; width: 100%; padding-top:65%}
section.gallery .gallery-slider .image-container::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); transition: all 0.4s ease-out; opacity: 0;}
section.gallery .gallery-slider .image-container img {transition: all 0.7s ease-in-out; position: absolute; left: 0; top: 0; object-fit: cover; width: 100%; min-height: 100%}
section.gallery .gallery-slider .image-container:hover img, section.gallery .gallery-slider .image-container:focus img {transform: scale(1.07); transition: all 0.3s ease-out}
section.gallery .gallery-slider .image-container:hover::after, section.gallery .gallery-slider .image-container:focus::after {opacity: 1;}
section.gallery .gallery-slider .slick-arrow, .sl-navigation button {font-size: 0 !important;outline: none; transition: all 0.2s ease-out; cursor:pointer; z-index: 2; margin-top: 0 !important; border: none; position: absolute; top: 50%; width: 60px !important; height: 60px !important; background: #f47920;}
section.gallery .gallery-slider .slick-arrow:hover, section.gallery .gallery-slider .slick-arrow:focus {background: #db6c1c;}
section.gallery .gallery-slider .slickPrev::before, section.gallery .gallery-slider .slickNext::before, .sl-prev::before, .sl-next::before {content: ''; position: absolute; top:50%; left: 50%;border-radius: 10%; width: 15px; height: 15px;}
section.gallery .gallery-slider .slickPrev, .sl-prev {left: 10px; transform: translate(-50%, -50%);}
section.gallery .gallery-slider .slickPrev::before, .sl-prev::before {border-left: 4px solid #fff; border-bottom: 4px solid #fff; transform: translate(-25%, -50%) rotate(45deg);}
section.gallery .gallery-slider .slickNext, .sl-next {right: 10px; transform: translate(50%, -50%);}
section.gallery .gallery-slider .slickNext::before, .sl-next::before {border-right: 4px solid #fff; border-top: 4px solid #fff; transform: translate(-70%, -50%) rotate(45deg);}
section.gallery .gallery-message {font-size: 36px; color: #f47920; font-weight: 900;}
section.gallery .gallery-message > * {font-size: inherit; font-weight: inherit; color: inherit}
.sl-overlay {background: #000;}
.sl-prev { left: 30px !important;}
.sl-next { right: 30px !important;}
.sl-close {color: #fff !important; transition: all 0.2s ease-out;}

@media (max-width: 1600px) {
    section.gallery .gallery-image {height: 500px}
}
@media (max-width: 1366px) {
    section.gallery .gallery-image {height: 400px}
}
@media (max-width: 762px) {
    section.gallery .gallery-image {height: 300px}
    section.gallery .gallery-slider .slick-arrow, .sl-navigation button {width: 35px !important; height: 35px !important;}
}

/* Section - why */
section.why { padding: 20px; width: 100%; background: url("../img/paralax.webp") center no-repeat; background-attachment: fixed; color: white; }
section.why .main-data h2 { font-size: 29px; font-weight: 800;  margin-bottom: 2px; }
section.why .main-data p { color: #f47920; }
section.why .sub-data h3 {font-weight: 500; font-size: 18px; text-transform: normal; margin-top: 20px; margin-bottom: 2px; padding-left: 20px;}
section.why .sub-data h3::before {content:''; display: inline-block; left:0;top:50%; width:10px; height:10px; margin-right:10px; background: url("../img/dot.png") center no-repeat; }
section.why .sub-data h3 strong{font-weight: 800;}
section.why .sub-data p { font-weight: 300; font-size: 16px; }


/* Section - program */
section.program { padding: 35px 0px; }
section.program h2 { font-size: 29px; color: #f47920; font-weight: 800; padding-bottom: 5px; }
section.program h3 { font-size: 16px; color: #f47920; font-weight: normal; padding-bottom: 25px; }
section.program h4 { font-size: 16px; color: #f47920; font-weight: bold; text-transform: uppercase; padding-bottom: 20px; }
section.program td { color: #03265e; font-weight: 400; padding-bottom: 10px; }
section.program td strong { font-weight: 700; }
section.program tr td:nth-child(2) { text-align: left }

section.program .day { border-bottom: 1px solid #f9b888; }
section.program .day p { color: #03265e; font-weight: 300; padding: 15px 0px; margin: 0px; }
section.program .day p strong { font-weight: normal; }
section.program .day .hours {  }
section.program .day .hours:hover { background: #f1f1f1; }
section.program .day .hours.promoted p { color: #f47920; }


/* Section - speakers */
section.speakers { width: 100%; padding-top: 46px; color: #f47920; }
section.speakers h2 { font-size: 29px; font-weight: 800; }


/* Section - persons */
section.persons { padding: 35px 0px; }
section.persons .section-title { font-size: 29px; font-weight: 900; color: #f47920; text-align: center; }
section.persons .section-title > * {font-size: inherit; font-weight: inherit;}
section.persons .person { border-bottom: 1px solid #f9b888; padding-top: 20px; padding-bottom: 10px; }
section.persons .person .avatar { height: 150px; width: 150px; margin: 0 auto; margin-bottom: 12px; background: #e9e8e8; border-radius: 100%; position: relative; overflow: hidden; }
section.persons .person .avatar img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; }
section.persons .person h3 { font-size: 16px; color: #002e6a; font-weight: normal; margin-bottom: 0px; }
section.persons .person span { color: #f47920; }
section.persons .person h4 { font-size: 16px; color: #f47920; font-weight: normal; }
section.persons .person p { font-size: 16px; color: #002e6a; font-weight: 300; padding-top: 10px; }
section.persons .person:last-child { border: none; }


/* Section - contact */
section.contact { padding: 45px 0px; }
section.contact h2 {font-size: 29px; color: #f47920;font-weight: 800; padding-bottom: 5px; }
section.contact .content { width: 100%;}
section.contact .data {min-height:346px; text-align: right; color: white; background: #eb741f url("../img/contact.webp") no-repeat right; }
section.contact .data>div { width: 97%; }
section.contact .data h2 { font-size: 29px; color: white; padding-bottom: 20px; }
section.contact .data p { font-size: 16px; font-weight: 300; }
section.contact .data p strong { font-weight: normal; }
section.contact #map { height: 346px; width: 100%; }


/* Section - register */
section.register { padding: 0px 0px 20px 0px; }
section.register h2 { font-size: 29px; color: #f47920; font-weight: 800; padding-bottom: 5px; }
section.register h3 { font-size: 16px; color: #f47920; font-weight: normal; padding-bottom: 25px; }
section.register .help-block { color: red; font-size: 14px; }
section.register .control-label { color: #03265e; padding-left: 25px; margin-bottom: 4px; }
section.register .form-control { padding: 5px 10px; box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.05); border-radius: 0px; }
section.register .accepts { font-size: 16px; padding: 20px 20px 0px 20px; color: #03265e;}
section.register .accepts .row { padding-bottom: 10px; }
section.register .accepts input[type='checkbox'] { box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.05); }
section.register .accepts a { color: #5390ad; }
section.register .accepts label { line-height: 1.35; color: #03265e; }
section.register .accepts .radio-col { margin-right: 20px; }
section.register .button { min-width: 500px;  width: 100%;}
section.register .more-content { 
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease-in-out;
    display: -webkit-box;
  -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2;
}
section.register .more-content.show { 
    max-height: 2000px;
    opacity: 1;
    visibility: visible;
    display: block;
}

section.register .more-link {
    font-size: 14px; color: #f47920;
}

section.register .form-content {
    width: 40%;
    margin: 0 auto;
}

section.register .text {
    color: #03265e;
}


/* Section - logos */
section.logos { padding-top: 35px; }
section.logos>div { padding: 0px; }
section.logos>div>div { margin: 0px; padding: 0px; }
section.logos>div>div>div { margin: 0px; padding: 0px; }
section.logos h2 { font-size: 29px; color: #f47920; font-weight: 800; padding-bottom: 20px; }
section.logos .marquee { height: 200px; width: 100%; background: white; box-shadow: 0px -10px 25px 0px rgba(0,0,0,0.05); }
section.logos .marquee .slick-slide { height: 100px; width: 210px; padding: 0px 30px; }
section.logos .marquee .slick-slide a {     
    height: 100%;
    display: flex;
    width: 100%;
    align-items: center; 
}
section.logos .marquee .slick-slide a img {    
    height: 100%;
    width: 100%;
    object-fit: contain;
}
section.logos .marquee.article { height: auto; padding: 20px 0 20px 0;}
section.logos .marquee.article img { 
    max-height: 90px;
    max-width: 210px; 
    margin: 0 30px 0px 30px;
    height: auto;
    width: auto;
}
section.logos .marquee.article p { 
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 20px;
}
section.logos .marquee.article a {     
    display: flex;
    height: 100%;
    align-items: center;
}

section.logos .marquee.article .description p {
    font-size: 14px;
    color: #03265e;
    font-weight: 400;
    line-height: 1.2em;
}

section.logos--alt { padding-top: 0; }
section.logos--alt .marquee { box-shadow: 0px -10px 25px 0px rgba(0,0,0,0); }

/* Login */
section.login {
    background-color: #ffffff;
    padding: 110px 0 60px;
}
section.login .login__top {
    padding-bottom: 70px;
}
section.login .login__top img {
    width: 1060px;
    height: auto;
}

section.login .form__wrapper {
    display: flex;
    justify-content: center;
}
section.login .form__wrapper .form-control {
    border-width: 0 0 1px 0;
    width: 400px;
    height: 60px;
    padding: 5px 30px;
}
section.login .form__wrapper .form-control::-ms-input-placeholder { /* Edge 12-18 */
    color: #999999;
    font-size: 24px;
    font-weight: 300;
  }
  
  section.login .form__wrapper .form-control::placeholder {
    color: #999999;
    font-size: 24px;
    font-weight: 300;
  }

section.login .form__wrapper .btn__wrapper {
    margin-top: 70px;
    display: flex;
    justify-content: center;
}
section.login .form__wrapper .btn__wrapper .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0d2c68;
    color: #ffffff;
    width: 250px;
    height: 50px;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
}
section.login .form__wrapper .btn__wrapper .btn:hover, section.login .form__wrapper .btn__wrapper .btn:focus-within {
    background-color: #f47920;
}

@media screen and (max-width: 1599px) {
    section.login {
        padding: 110px 0 60px;
    }
    section.login .login__top {
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 1199px) {
    section.login {
        padding: 95px 0 60px;
    }
    section.login .login__top img {
        width: 80%;
        height: auto;
    }
    section.login .form__wrapper .btn__wrapper {
        margin-top: 60px;
    }
    section.login .form__wrapper .form-control {
        height: 50px;
        padding: 5px 25px;
    }
    section.login .form__wrapper .form-control::-ms-input-placeholder { /* Edge 12-18 */
        font-size: 22px;
      }
      
      section.login .form__wrapper .form-control::placeholder {
        font-size: 22px;
      }
      section.login .form__wrapper .btn__wrapper .btn {
          font-size: 22px;
      }
}

@media screen and (max-width: 991px) {
    section.login {
        padding: 70px 0 50px;
    }
    section.login .login__top {
        padding-bottom: 50px;
    }
    section.login .form__wrapper .btn__wrapper {
        margin-top: 50px;
    }
}

@media screen and (max-width: 767px) {
    section.login {
        padding: 50px 0 50px;
    }
    section.login .form__wrapper .btn__wrapper {
        margin-top: 40px;
    }
    section.login .form__wrapper .form-control {
        width: 350px;
        height: 45px;
        padding: 5px 20px;
    }
    section.login .form__wrapper .form-control::-ms-input-placeholder { /* Edge 12-18 */
        font-size: 20px;
      }
      
      section.login .form__wrapper .form-control::placeholder {
        font-size: 20px;
      }
      section.login .form__wrapper .btn__wrapper .btn {
          font-size: 20px;
          width: 220px;
          height: 45px;
      }
}

@media screen and (max-width: 575px) {
    section.login {
        padding: 40px 0 40px;
    }
    section.login .login__top img {
        width: 85%;
        height: auto;
    }
    section.login .form__wrapper .btn__wrapper {
        margin-top: 30px;
    }
}

@media screen and (max-width: 467px) {
    section.login {
        padding: 30px 0 30px;
    }
    section.login .login__top {
        padding-bottom: 40px;
    }
    section.login .login__top img {
        width: 90%;
        height: auto;
    }
    section.login .form__wrapper .form-control {
        width: 300px;
        height: 40px;
        padding: 5px 15px;
    }
    section.login .form__wrapper .form-control::-ms-input-placeholder { /* Edge 12-18 */
        font-size: 18px;
      }
      
      section.login .form__wrapper .form-control::placeholder {
        font-size: 18px;
      }
      section.login .form__wrapper .btn__wrapper .btn {
          font-size: 18px;
          width: 200px;
          height: 40px;
      }
}

/* Footer */
footer { padding-top: 25px; padding-bottom: 10px; background: #f47920; color: white; }
footer>div.container-fluid { padding: 0px; }
footer>div>div.row { margin: 0px; padding: 0px; }
footer>div>div>div.col-12 { margin: 0px; padding: 0px; }
footer h2 { font-size: 29px; font-weight: 800; padding-bottom: 0px; }
footer p { font-size: 16px; font-weight: 300; padding-top: 0px; margin: 0px; padding: 5px 0px; }
footer a { color: white; padding: 0px 15px; }
footer .big { font-size: 26px; font-weight: 800; }
footer hr { border-color: white; }

/* @media screen and (max-width: 1919) {

    section.register .form-content {
        width: 50%;
    }
} */

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

    section.register .form-content {
        width: 50%;
    }
}

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

    section.register .form-content {
        width: 60%;
    }

    section.logos .description p {
        font-size: 14px;
    }
}

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

    section.register .form-content {
        width: 90%;
    }
}

@media screen and (max-width: 767px) {
    
    section.register .button { min-width: 0px; width: 100%; }
    
    section.blocks .blocks .box { min-height: 0px; margin-bottom: 20px; }
    
    section.why { height: auto; padding: 35px 0px; }
    
    section.contact { height: auto; }
    section.contact .data { height: 300px; padding-top: 20px; }
    section.contact #map { height: 300px; }
    
    .navbar-nav { background: #f47920; margin-top: 5px; }
    .navbar-toggler { margin-left: auto!important; }  


    section.register .form-content {
        width: 100%;
    }
}

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

    section.register .form-content {
        width: 95%;
    }
}

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

    section.register .form-content {
        width: 100%;
    }
}

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

    iframe {
        width: 100%;
    }

    iframe #player_wrap img {
        height: auto;
    }
}

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

    iframe {
        height: 300px;
    }
}

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

    iframe {
        height: 250px;
    }
}

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

    iframe {
        height: 200px;
    }
}