/* Header */
.header {display:flex; align-items:center; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; -o-transition:all .3s; transition:all .3s}
.navbar-fixed-top {position:fixed;top:0;z-index:999}
.navbar {-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out}

/* Bg */
.nn-bg {padding:100px 15px 50px 15px; position:relative}
.nn-bg-caption {padding-top:80px; text-align:center}
.nn-bg-caption h1 {font-size:2rem; font-weight:900; color:#AB8E64; margin:0; padding-bottom:2rem}
.nn-bg-caption h2 {color:#AB8E64; font-weight:900; margin-top:.5rem}
.nn-bg-caption p {font-size:1.6rem; color:#FFF; margin:2rem 0}

/* Intro */
.texture {background:url(../img/textura.svg) no-repeat center center; background-size:100vh}
.intro h1 {color:#AB8E64; padding-bottom:0}
.intro p {color:#7c4404; font-size:1.25rem}

/* Seminars */
.sem {text-align: left;}
.sem h3 {font-size:1.6rem; font-weight:900; color:#333333; margin:0; margin:1rem 0}
.sem p {color:rgba(42, 64, 70, 0.6) !important}
.sem p strong {color:#AB8E64 !important}
.sem-info {font-size:1.1rem}
.sem-info .sem-datum {color:rgba(42, 64, 70, 0.8) !important; padding:0 0.5rem}
.sem table {font-size:1rem; margin-top:0.5rem}
.sem table th, .sem table td {color:#333333}
.badge-lg {font-size:1rem}

/* Registration */
.semreg {background-color:#F0EBE3; padding:1rem}
.semreg h2 {font-size:2rem !important; margin:3rem 0 0 0 !important}
.semreg label {font-size:1.1rem; display:block; text-align:left}
.semreg .invalid-feedback {text-align:left; font-size:1rem}

/* Content */
.nnco {padding:30px 15px 50px 15px}
.nn-content {background-color:#FFF}
.nn-content h2 {color:#333333; margin:2rem 0; font-weight:900}
.nn-content h2::after {content: ""; display: block; width: 50px; border-top: 6px solid rgba(0,0,0,0.1); margin:15px 0}
.nn-content h3 {margin:3rem 0 2rem 0; font-weight:900}
.nn-content h3::after {content: ""; display: block; width: 50px; border-top: 6px solid rgba(0,0,0,0.1); margin:15px 0}
.nn-content ol li::marker {color:#AB8E64}
.nn-content ul li::marker {color:#F0EBE3}
.nn-content p {color:#333333}

/* VIP sections */
.vip-s {padding:50px 0; text-align:center; color:#333333}
.vip-s h1 {text-align:center; font-weight:900; font-size:2rem; margin:2rem 0 2rem 0}
.vip-s h2 {text-align:center; font-weight:900; font-size:2rem; margin:2rem 0 2rem 0}
.vip-s h2::after {content: ""; display: block; width: 50px; border-top: 6px solid rgba(0,0,0,0.1); margin: 15px auto}
.vip-s h3 {text-align:center; font-weight:900; font-size:1.6rem; margin:2rem 0 2rem 0; color:#AB8E64}
.vip-s h3::after {content: ""; display: block; width: 50px; border-top: 6px solid rgba(0,0,0,0.1); margin: 15px auto}
.vip-s h4 {text-align:center; font-weight:900; font-size:1.4rem; margin:2rem 0 2rem 0}
.vip-s h4::after {content: ""; display: block; width: 50px; border-top: 6px solid rgba(0,0,0,0.1); margin: 15px auto}
.vip-s h5 {font-size:1.4rem; font-weight:700; color:#AB8E64}
.vip-s p {color:#333333}
.vip-s p span.train-1 {font-size:1.2rem}
.vip-s p span.train-2 {font-size:1.6rem; font-weight:700; color:#AB8E64}
.vip-s p.vip-ico {font-size:3rem; font-weight:700; color:#AB8E64}
.vip-light {background-color:#F0EBE3}
.vip-extralight {background-color:#f7f4f0}
.vip-gray {background-color:#F0EBE3}
.vip-belt {background-image:url(../img/karate.png); background-repeat:repeat; background-position: center center}

.vip-oknw {background-color:#F0F0F0; background-image:url(../img/lines.png); background-repeat:repeat; background-position: center center}
.vip-oknw h4 {color:#333}
.vip-oknw p {color:#333}

.vip-table th, .vip-table td {text-align:left; border-bottom:1px solid #F0EBE3; vertical-align:middle}
.vip-table th {background-color:#AB8E64; color:#FFF}
.table-striped>tbody>tr:nth-of-type(odd)>* {background-color:#F7F5F1}
.vip-table td.file-down {font-size:1.4rem}

.vip-gallery {padding:50px 0; text-align:center; background-color:#F3F4F5}
.vip-gallery h3 {text-align:center; font-weight:900; font-size:1.6rem; margin:2rem 0 2rem 0; color:#4B6167}
.vip-gallery h3::after {content: ""; display: block; width: 50px; border-top: 6px solid rgba(0,0,0,0.1); margin: 15px auto}

/* Footer */
.bg-nn {background-color:#1281C2 !important}
.footer {padding:50px 0}
.footer p {color:#333333}
.footer p.text-gray::after {content: ""; display: block; width: 38px; border-top: 3px solid #BCA783; margin: 5px 0 5px}
.footer p a {color:#333333}
.footer p a:hover {color:#AB8E64}
.footer-links a {color:#333333 !important; text-decoration:none}
.footer-links a:hover {color:#AB8E64 !important}
.copyright {padding:20px 0 10px 0; background-color:#FFF}
.copyright p {color:#BCA783}
.soc-icons a {font-size:1.5rem; margin-right:10px}
.prefooter {height:80px; background-color:#F0EBE3; -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440px' height='80px' viewBox='0 0 1440px 80px' preserveAspectRatio='none'%3E%3Cg fill='black'%3E%3Cpath fill-opacity='0.5' d='M759.3,39C637.8,20.8,448,1.5-5,2V1.6C246.2,9,308.2,71.9,484.7,73.2C595.7,75.7,635.9,57.8,759.3,39z'/%3E%3Cpath d='M759.3,39C635.9,57.8,595.7,75.7,484.7,73.2C308.2,71.9,246.3,9.1-5.7,1.6v95.3h1451.3V2c-141.8,11.8-284,60.1-445.1,61.2 C901.7,63.3,847,52,759.3,39z'/%3E%3C/g%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440px' height='80px' viewBox='0 0 1440px 80px' preserveAspectRatio='none'%3E%3Cg fill='black'%3E%3Cpath fill-opacity='0.5' d='M759.3,39C637.8,20.8,448,1.5-5,2V1.6C246.2,9,308.2,71.9,484.7,73.2C595.7,75.7,635.9,57.8,759.3,39z'/%3E%3Cpath d='M759.3,39C635.9,57.8,595.7,75.7,484.7,73.2C308.2,71.9,246.3,9.1-5.7,1.6v95.3h1451.3V2c-141.8,11.8-284,60.1-445.1,61.2 C901.7,63.3,847,52,759.3,39z'/%3E%3C/g%3E%3C/svg%3E")}

/* Typography */
a, button {font-weight:900; -webkit-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; -o-transition:all .3s; transition:all .3s}
a {color:#AB8E64}
a:hover {color:#333333}
strong, .btn {font-weight:900}
.btn-vip-primary {color:#FFF; background:#AB8E64; border-color:#FFF}   
.btn-vip-primary:hover {color:#FFF; background:#333; border-color:#FFF}
.btn-vch-secondary {color:#FFF; background:#4B6167; border-color:#FFF}  
.btn-vch-secondary:hover {color:#FFF; background:#333333; border-color:#FFF}
.text-gray {color:#BCA783 !important}
.wrap-link {overflow-wrap:break-word; word-wrap: break-word}
.box-shadow {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06), 0 6px 20px 0 rgba(0, 0, 0, 0.05)}
.breadcrumbs {padding-top:40px}

body {font-size:1rem; font-family:'Roboto', sans-serif; color:#333333}

/* Navbar */
.logoleft {height:80px}
.nav-link {color:#FFF; font-weight:900; padding:.2rem 0 .2rem 0 !important}
.nav-link-logo {display:block; border:none}
.navbar-nav {margin:10px auto}
.navbar-nav li {display:flex; flex-direction:row; align-items:center; margin:0 20px}
.nav-link:hover, .bg-white .nav-link:hover, .bg-white .active .nav-link, .nav-item .active {color:#AB8E64 !important}
.bg-white .nav-link {color:#333333}
.navbar {border-bottom:2px solid #AB8E64}
.navbar-brand {color:#333333; font-size:2rem}
.navbar-brand:hover {color:#AB8E64}

/* Modal */
.modal {font-size:1rem}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .img-sm {max-width:80%}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {  
    .img-sm {max-width:50%}
    .logoleft {display:block; height:40px}
    .nav-link-logo {display:none}
    .navbar-nav li {margin:0}
    .nav-link {padding:.5rem 0 !important}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .img-sm {max-width:70%}
    .logoleft {display:block; height:40px}
    .nav-link-logo {display:none}
    .navbar-nav li {margin:0}
    .nav-link {padding:.5rem 0 !important}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .img-sm {max-width:70%}
    .nn-bg {padding:100px 15px 60px 15px}
    .nn-bg-caption {padding-top:50px}
    .nn-bg-caption h1 {font-size:2rem}
    .nn-bg-caption p {font-size:1.25rem; line-height:1.6rem}
    .nn-content {padding:0 25px 25px 25px}
    .logo {width:80px}
    .stickybar {bottom:75px; top:auto}
    .stickybar span {display:none; visibility:hidden}
    .logoleft {display:block; height:40px}
    .nav-link-logo {display:none}
    .navbar-nav li {margin:0}
    .nav-link {padding:.5rem 0 !important}
}