@import url(reset.css);

.label-completed {background-color: #888;}
@media (min-width: 992px) {
	.positions-top {
		display: table;
		width: 100%;
	}
	.positions-top { text-align: center}
	.positions-top nav { float: right; width: auto}
	.positions-top > div { float: left }
}
.positions-top > div,
.positions-top nav { float: none }
.positions-top .breadcrumb { justify-content: right }

/* === Breadcrumb ==== */
.breadcrum-top {
	display: table;
	width: 100%;
}
.breadcrum-top h1 { text-align: center }
.breadcrum-top nav {
	width: auto;
	float: right;
	margin: 40px 0;
}
.breadcrum-top nav ol { margin: 0 0; }

/* Main */
.main {
	overflow: hidden;
    background: #edf2fa;
    padding-top: 180px;
}
    .main__content {
        max-width: 1147px;
        margin: 0 auto;
        padding: 0 15px 50px;
		opacity: 0;
    }
	.main__content.-ready {
		opacity: 1;
		animation: fadeIn .4s ease;
	}
	.main__content__full {
		max-width: 100%;
		padding: 0 15px;
	}
@media (max-width: 1400px) {
	.main {padding-top: 99px;}
}
@media (max-width: 991px) {
	.main {padding-top: 83px;}
}
@media (max-width: 768px) {
	 .main__content { padding: 0 15px 10px; }
}


/* Navigation */
.top-navigation {
    background: #fff;
    position: fixed;
    z-index: 1039;
    width: 100%;
    top: 0;
    padding: 20px 5vw;
    opacity: 0;
    display: grid;
    align-items: center;
    grid-template-columns: 190px calc(100% - 550px) 359px;
    transition: all .3s ease;
}
.top-navigation.-active {
	padding: 10px 5vw;
	box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.top-navigation.-ready {
	opacity: 1;
	animation: fadeInDown .4s both;
}	
	.top-navigation .nav-open-close {
		display: none;
		position: absolute;
		z-index: 2;
		top: 26px;
		right: 2vw;
		width: 40px;
		height: 30px;
		transition: all .3s ease;
	}
	.top-navigation.-active .nav-open-close {top: 13px;}
	.top-navigation .nav-open-close:before,
	.top-navigation .nav-open-close:after {
		content: '';
		display: block;
		width: 33px;
		height: 1px;
		background: #01713d;
		position: absolute;
		transition: all .3s ease;
	}
	.top-navigation .nav-open-close:before { top: 5px; }
	.top-navigation .nav-open-close:after {	bottom: 5px; }
	.top-navigation .nav-open-close.open:before,
	.top-navigation .nav-open-close.open:after { opacity: 0; }
		.top-navigation .nav-open-close span {
			position: absolute;
			top: 50%;
			margin-top: -1px;
		}
		.top-navigation .nav-open-close span:before,
		.top-navigation .nav-open-close span:after {
			content: '';
			display: block;
			width: 33px;
			height: 1px;
			background: #01713d;
			position: absolute;
			transition: all .3s ease;
		}
		.top-navigation .nav-open-close.open span:before { transform: rotate(45deg) }
		.top-navigation .nav-open-close.open span:after { transform: rotate(-45deg) }
    .top-navigation .nav-logo {
        text-align: center;
        display: block;
	 }
		.top-navigation .nav-logo * { transition: all .3s ease }
        .top-navigation .nav-logo > svg {
            width: 190px;
        }
		.top-navigation.-active .nav-logo > svg {
            width: 91px;
        }
	.top-navigation .club-nav {
		padding: 0 0 0 5vw;
		background: #fff;
	}
    .top-navigation .main-nav {
        display: flex;
        align-items: center;
        font-family: 'Oswald', sans-serif;
        padding: 0;
        margin: 0 0;
        transition: all .3s ease;
    }
	.top-navigation.-active .main-nav {
		margin: 0 0 0;
	}
        .top-navigation .main-nav li {
            text-transform: uppercase;
            font-size: 24px;
            line-height: 1.2em;
            font-weight: 500;
            position: relative;
            margin: 0;
            transition: all .3s ease;
        }
		.top-navigation.-active .main-nav li {
			font-size: 18px;
		}
		.top-navigation .member-nav li:last-child {margin-left: 20px;}
		.top-navigation .main-nav li:not(:last-child) { margin-right: 20px }
        .top-navigation .member-nav > ul > li:nth-child(2) {width: 199px;}
            .top-navigation .main-nav li a {
                display: block;
                color: #01713d;
                padding: 7px 0;
            }
            .top-navigation .main-nav li a:before {
                content: '';
                display: block;
                position: absolute;
                left: 0;
                right: 0;
                height: 0;
                bottom: 0px;
                background: #01713d;
                opacity: 0;
                transition: all .2s ease;
                -webkkit-transition: all .2s ease;
            }
            .top-navigation .main-nav li a:hover:before {
                height: 2px;
                opacity: 1;
            }
			.top-navigation .main-nav li ul {
				display: none;
				background: #fff;
				width: 100%;
				margin: 0 0 7px;
			}
			@media (min-width: 769px) {
				.top-navigation .main-nav li ul {
					position: absolute;
					z-index: 2;
					width: 280px;
					padding: 10px 0;
					box-shadow: 0 3px 6px rgb(0 0 0 / 45%);
				}
				.top-navigation .main-nav li ul ul {
					left: 100%;
					top: -10px
				}
			}
			.top-navigation .main-nav li.inverse ul ul {
				left: unset;
				right: 0;
				display: block!important;
				position: static;
				box-shadow: none;
				background-color: #fefefe;
			}
			.top-navigation .main-nav li:hover ul {
				display: none!important;
			}
			.top-navigation .main-nav li.dad:hover > ul {
				display: block!important;
			}
				.top-navigation .main-nav li ul li {
					display: block;
					margin: 0!important;
				}
					.top-navigation .main-nav li ul li a {
						display: block;
						font-size: 16px;
						line-height: 1.2em;
						padding: 7px 10px;
					}
				.top-navigation .main-nav li ul li.dad > a:after {
					display: inline-block;
					font-family: 'Font Awesome 6 Pro';
					content: '\f0da';
					font-weight: 600;
					position: absolute;
					right: 7px;
					font-size: .7em;
					color: #ccc;
					top: 50%;
					transform: translateY(-50%);
				}
				.top-navigation .main-nav li ul li.dad.static > a:after { display: none }
				@media (min-width: 769px) {
					.top-navigation .main-nav li.inverse ul li.dad > a:after {
						content: '\f0d9';
						right: unset;
						left: 7px;
					}
				}
		.top-navigation .main-nav li.dad.static {
			border-bottom: solid 1px #000;
		}
		.top-navigation .main-nav li.dad.static > a {
			color: #000;
		}
		.top-navigation .main-nav li.dad.static > ul {
			margin: 0;
			padding: 5px 0;
			border-top: solid 1px #000;
		}
		.top-navigation .main-nav li.dad.static > ul li a {
			font-size: 14px;
			padding: 5px 15px;
			padding-left: 25px
		}
	.top-navigation .member-nav {
		display: flex;
		align-items: center;
		text-align: center;
		background: #fff;
	}
		.top-navigation .member-nav .main-nav.open {align-items: center;margin: 0;}
		.top-navigation .member-nav .main-nav.open li:last-child {
			margin-left: 20px;
		}
		.top-navigation .member-nav .main-nav ul { text-align: left; }
		.top-navigation .member-nav .main-nav > li:last-child:before {
			content: '';
			position: absolute;
			left: -20px;
			top: 0;
			bottom: 0;
			width: 2px;
			background: #01713d;
		}
@media(max-width: 1400px) {
	.top-navigation {
		padding: 10px;
	}
	.top-navigation.-active {
		padding: 5px;
	}
	.top-navigation .nav-logo > svg {
		width: 100px;
	}
	.top-navigation .main-nav li {font-size: 18px;}
}
@media(max-width: 991px) {
	.top-navigation {grid-template-columns: 120px calc(100% - 340px) 220px;}
	.top-navigation .club-nav { padding-left: 20px }
	.top-navigation .nav-logo {width: 110px;}
	.top-navigation .nav-logo > svg {
		width: 77px;
	}
	.top-navigation.-active .nav-logo > svg {
		width: 59px;
	}
	.top-navigation .main-nav { margin-top: 3px }
	.top-navigation .main-nav li { font-size: 16px }
	.top-navigation.-active .main-nav li { font-size: 14px }
}
@media (max-width: 768px) {
	.top-navigation {
		display: block;
		height: 82px;
	}
	.top-navigation.-active {
		height: 59px;
	}
	.top-navigation .club-nav,
	.top-navigation .member-nav {
		padding: 10px 15px;
		margin: 0 -10px;
		width: auto;
	}
	.top-navigation .club-nav {padding-bottom: 0;}
	.top-navigation .member-nav {
		display: block;
		margin-top: -1px;
		padding-top: 0;
	}
	.top-navigation .member-nav > ul > li:first-child {display: none;}
	.top-navigation .member-nav li br { display: none }
	.top-navigation .member-nav .main-nav li:last-child:before { display: none }
	.top-navigation .main-nav li ul li.dad > a:after {
		position: static;
		color: #01713d;
		transform: rotate(90deg);
		margin-left: 5px;
	}
	
		.top-navigation .nav-open-close {
			display: block;
		}
		.top-navigation .main-nav,
	    .top-navigation.-active .main-nav {
			flex-direction: column;
			padding: 0;
			opacity: 0;
			margin-top: -100%;
			transition: all .6s ease;
		}
		.top-navigation .main-nav.open {
			opacity: 1;
			margin-top: 0;
			position: static;
		}
			.top-navigation .main-nav li {
			    margin: 0 5px!important;
			    padding: 0!important;
			    text-align: center;
			    width: 100%;
			}
				.top-navigation .main-nav li a {
				    padding: 12px 0;
				    font-size: 16px;
				}
					.top-navigation .main-nav li ul li a { font-size: 14px; }
}