@font-face {

	font-family:'Audiowide';
	src: url('../fonts/Audiowide.woff');
}

@font-face {

	font-family:'Jura';
	src: url('../fonts/Jura.woff'); }

html,body {

	min-width:360px;
}

body {

	font-family:"Raleway",sans-serif;
	font-size:16px;
	line-height:1.5;
	color:#767676;
}

pre,code {

	font-family:Consolas, Monaco, 'Andale Mono', monospace;
}

/* SCROLLBAR */
/* Firefox */
* {
	scrollbar-width: thin;
	scrollbar-color: black red;
}

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
	height: 10px;
	width: 10px;
}
*::-webkit-scrollbar-track {
	border-radius: 0px;
	background-color: black;
}

*::-webkit-scrollbar-track:hover {
	background-color: black;
}

*::-webkit-scrollbar-track:active {
	background-color: black;
}

*::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-color: darkred;
}

*::-webkit-scrollbar-thumb:hover {
	background-color: red;
}

*::-webkit-scrollbar-thumb:active {
	background-color: red;
}

/* EFFECT */
.object {

	height:500px;
	width:100%;
	background-size:cover;
	background-attachment:fixed;
	padding:0;
	margin:0;
	display:table;
}

.object h1 {

	margin:0;
	color:#fff;
	font-family:'Jura';
	letter-spacing:0.2vw;
	font-size:50px;
	font-weight:bold;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	background-color:rgba(0,0,0,0.3);
}

.cybersecurity {

	background-image:url('../images/backgrounds/cybersec.jpg');
}

.redteam {

	background-image:url('../images/backgrounds/goku.jpg');
}

.blueteam {

	background-image:url('../images/backgrounds/vegeta.jpg');
}





/**/
a,.btn,i{transition:all .3s}
a{color:#4a90e2;text-decoration:none !important}
/*a:hover{color:#3e72b8}*/
a:hover{color:#ff496c;}

span.span-no-wrap{white-space:nowrap}
ul,ol,p{font-size:16px;line-height:1.5;padding:0}

p:not(:last-child){margin-bottom:25px}



/**/
.content-in-blocks {

	width:1140px;
	max-width:1140px;
	margin-left:auto;
	margin-right:auto;



}

@media (max-width: 1258px)
{
	.content-in-blocks {

		width:auto;
		margin-left:59px;
		margin-right:59px;
	}
}

@media (max-width: 600px)
{
	.content-in-blocks {

		margin-left:20px;
		margin-right:20px;
	}
}

.common-hr {

	width:100%;
	height:1px;
	background:#d5d5d5;
	margin:45px 0;
}


.logo img {

	width:100px;
	height:100px;
}


/*************************************************************

 HEADER

*************************************************************/

header {

	z-index:999999;


/*
	background:#fff;
*/

	position:fixed;
	top:0;
	left:0;
	right:0;
	width:100%;
	transition:all .5s;


/*
	background-color:black;

	background-image:url('../images/menubar.png');
	background-repeat:repeat-x;

*/
}

header .maintitle {

	font-family:'Orbitron';
	letter-spacing:0.5vw;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

header .maintitle .pipe {
	
	color:red;
	font-size:30px;
	font-family:Consolas, Monaco, 'Andale Mono', monospace;
}

header .first-level,header .second-level {

	transition:all .5s;
}

header .first-level {

	position:relative;

/*
	padding-top:40px;
	padding-bottom:35px;
*/
	padding-top:15px;
	padding-bottom:0px;


/*
background-color:black;
*/

background:linear-gradient(to top, black, 95%, gray);


/*
*/

}

header .first-level .content-in-blocks {

	display:flex;
	align-items:center;
	justify-content:space-between;
}


header .first-level .logo-block {

	max-width:190px;
	flex:1;
}
@media (max-width: 767px)
{
	header .first-level .logo-block { 

		max-width:auto;
		flex:unset;
		width:90px;
	}
	
	header .first-level .logo-block img {
		margin-left:-20px;
	}
}

header .first-level h1 {

	flex:2;
	font-size:24px;
	line-height:1.7;
	text-align:center;
	margin:0;
}

@media (max-width: 767px) {

	header .first-level h1 {

		text-align:left;
		margin-left:-5px;
	}
}

/*
header .first-level .btn {
	flex:1;
}
*/

header .second-level {

	padding-top:2px;
	padding-bottom:0px;
	box-shadow:0 2px 15px 0 black;

/*
	background: rgba(0, 0, 0, 0.2);
*/

background-color:black;

}

header .second-level .menu {

	position:relative;
	display:flex;
	align-items:center;
	justify-content:space-between;
	max-width:560px;
	width:100%;
	margin:0 auto;
}

header .second-level .menu .selector {

	position:absolute;
	bottom:-18px;
	left:0;
	width:auto;
	height:3px;
	background:red;
}

header .second-level .menu a:link, header .second-level .menu a:visited {

	font-size:17px;
	line-height:3.5;

	color:white;
	font-family:'Jura';
	border-bottom:4px solid black;
	border-bottom:4px solid rgba(0, 0, 0, 0);

	transition:all 0.5s ease;
	-o-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
}

header .second-level .menu a:hover, header .second-level .menu a:active {

	color:red;
	border-bottom:4px solid red;
}

@media (max-width: 450px)
{
	header .second-level .menu a {

		font-size:14px;
	}
}

header.hidden-header {

	/*transform:translateY(-60px);*/
	transform:translateY(-117px);
}

/*header.scrolled-header .first-level{padding:12px 0}*/
header.scrolled-header .first-level{padding:5px 0}

/*header.scrolled-header .second-level{padding:18px 0}*/


header.scrolled-header .second-level {

	padding:0px 0;
}

header.scrolled-header .first-level {

	background-color:rgba(100,0,0,0.8);
	background-color:rgba(100,0,0,1);


background:linear-gradient(to top, #640000, 85%, #640000);

}

header.scrolled-header .second-level {

/*
	background:rgba(200,0,0,0.1);
	background:rgba(0,0,250,0.9);
*/
	background:rgba(0, 0, 0, 0.8);


	box-shadow:0 2px 15px 0 black;
	backdrop-filter: blur(5px);


}


/*************************************************************

 SECTION

*************************************************************/

section {

	position:relative;
}

section.gray-bg {

	background-color:rgba(238,238,238,0.2);
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
}

section.border-top {

	border-top:1px solid #d5d5d5;
}

section .content-in-blocks {

	position:relative;
	max-width:920px;
	padding:100px 0;
	margin-left:auto;
	margin-right:auto;
}

@media (max-width: 1040px)
{
	section .content-in-blocks{margin-left:59px;margin-right:59px}
}

@media (max-width: 600px)
{
	section .content-in-blocks{margin-left:20px;margin-right:20px}
}




/*
section.common-info-slide .content-in-blocks h2 {

	font-size:30px;
	font-weight:normal;
	margin-top:0;
	margin-bottom:50px;
}

section.common-info-slide .content-in-blocks h3 {

	line-height:1.2;
	font-size:20px;
	font-weight:normal;
	margin-top:50px;
	margin-bottom:30px;
}
*/







/*
section .svg-bg-map{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:790px;width:100%;height:430px}
section .svg-bg-map img{width:100%;height:100%}
*/

@media (max-width: 767px)
{
	section .svg-bg-map {

		display:none;
	}
}

section.about-slide {

	padding-top:210px;
}

section.about-slide {

	padding-top:180px;
}

section.about-slide .content-in-blocks {

	z-index:1;
	text-align:center;
	padding-top:80px;
	padding-bottom:120px;
}

/*
section.about-slide .content-in-blocks h2 {

	color:#a2a0a0;
	font-size:48px;
	font-weight:normal;
	margin-top:0;
	margin-bottom:70px;
}

section.about-slide .content-in-blocks h3 {

	font-size:20px;
	font-weight:normal;
	line-height:1.5;
	margin:0;
}
*/


section.about-slide .content-in-blocks .pre-group-wrapper {

	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-top:70px;
	margin-bottom:100px;
}

section.about-slide .content-in-blocks .pre-group-wrapper .pre-wrapper {
	opacity:0;
	max-width:445px;
	width:100%;
	background-color:#f5f2f0;
	display:flex;
	align-items:center;
	border:solid 1px #d5d5d5;
	border-radius:4px;
	padding:30px;
	padding-right:0;
}

section.about-slide .content-in-blocks .pre-group-wrapper .pre-wrapper>span {

	margin-right:23px;
}

section.about-slide .content-in-blocks .pre-group-wrapper .pre-wrapper pre {

	background:none;
	border:0;
	margin:0;
	padding:0 !important;
	text-align:left;
	font-size:12px;
}

@media (max-width: 1040px) {

	section.about-slide .content-in-blocks .pre-group-wrapper {

		flex-direction:column;
	}

	section.about-slide .content-in-blocks .pre-group-wrapper .pre-wrapper:not(:last-child) {

		margin-bottom:30px;
	}
}

@media (max-width: 767px)
{
	section.about-slide .content-in-blocks .pre-group-wrapper .pre-wrapper {

		padding-left:20px;
		padding-right:20px;
	}
}


/*************************************************************

 FOOTER

*************************************************************/

footer {

	background:linear-gradient(to top, black, 95%, gray);
/*
	background:black;
	background-image: url('../images/menubar.png');
	background-repeat:repeat-x;
*/
	font-family:'Orbitron';
	font-size:14px;
	font-weight: normal;
	letter-spacing:1px;
	box-shadow:0px 0px 20px 0px black;
}

footer .mail {

        width:2.2vw;
        height:1.5vw;
        min-width:30px;
        min-height:20px;
	vertical-align:middle;
}

footer .linkedin {

        width:1.8vw;
        height:1.8vw;
        min-width:30px;
        min-height:20px;
	vertical-align:middle;
	margin-bottom:2px;
}

footer .github {

        width:3vw;
        height:3vw;
        min-width:30px;
        min-height:30px;
	vertical-align:middle;
}

footer .discord {

        width:1.8vw;
        height:1.6vw;
        min-width:30px;
        min-height:20px;
	margin-top:0.2vh;
	margin-left:0.5vw;
	vertical-align:middle;
}

footer .content-in-blocks {

	padding:25px 0;
}

footer .content-in-blocks .flex-content-wrapper {

	display:flex;
	align-items:center;
	justify-content:space-between;
}

@media (max-width: 767px)
{
	footer .content-in-blocks .flex-content-wrapper .footer-logo {

		overflow:hidden;
	}

	footer .content-in-blocks .flex-content-wrapper .footer-logo img {

		display:none;
	}
}

footer .content-in-blocks .flex-content-wrapper .footer-logo img {

        width:50px;
        height:50px;
	vertical-align:middle;
}

footer .content-in-blocks .flex-content-wrapper .footer-logo span {

	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
}

footer .content-in-blocks .flex-content-wrapper .footer-logo .pipe {

	color:red;
	font-size:30px;
	font-family:Consolas, Monaco, 'Andale Mono', monospace;
}