html * {
  font-family: "Work Sans", sans-serif;
}

@font-face {
  font-family: "Work Sans", sans-serif;
  src: url('https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet') format('woff2-variations');
  font-display: swap;
  font-weight: 100 600;
}

html {
    scroll-behavior: smooth;
}

::-webkit-scrollbar {
  background: black;
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-thumb {
  background: #90171A;
}

*{
	list-style: none;
	text-decoration: none;
	margin:0;
	padding: 0;
	box-sizing: border-box;
}

@font-face {
  font-family: 'Montserrat', sans-serif;
  src: url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
  font-display: swap;
}

body {
	background: rgb(0, 0, 0);}



@media only screen and (max-width: 1366px) and (min-width: 1280px)  {
  .wrapper .sidebar {padding: 0px;}
}

.wrapper .sidebar .profile {
	margin-bottom: 5px;
	text-align: center;
}


.wrapper .sidebar .profile img {
	display: block;
	width: 90px;
	height: 90px;
	margin-left: 70px;
}



.wrapper .sidebar ul li a {
	display: block;
	padding: 5px 10px 5px 23px;
	color: rgb(190, 190, 190);
	font-size: 0.9rem;
	font-weight: 400;
	letter-spacing: 0.5px;
	position: relative;
}

.wrapper .sidebar ul li a:hover,
.wrapper .sidebar ul li a.active {
	color:white;
	background-color: #000000;
}

.wrapper .sidebar ul li a .icon {
	width: 0px;
	display: inline-block;
}

.wrapper .sidebar ul li a:hover .icon,
.wrapper .sidebar ul li a.active .icon {
	width: 15px;
}

.wrapper .section {
	width: calc(100% - 225px);
	margin-left: 225px;
	transition: all 0.5s ease;
}

.wrapper .section .top_navbar {
	height: 0px;
	display: flex;
	align-items: center;
	position: sticky;
  z-index: 100!important;
	flex-direction: row-reverse;
	padding: 0 0px;
}

body.active .wrapper .sidebar {
	left: -280px;
}

body.active .wrapper .section{
    margin-left: 0;
    width: 100%;
}
/*collapsable menu css*/

.wrapper .sidebar {
  line-height: 1.5em;
	background: #0000009a;
  position: fixed;
  width: 240px;
	height: 100%;
  overflow-x:auto!important;
  scrollbar-width: thin;
  scrollbar-color: #151515 #0000009a;
  z-index: 10;
	top: 0;
	left: 0;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0px 100%);
	padding: 20px 0;
	transition: all 0.5s ease;
}

* Hidden fallback
 */
[hidden] {
  display: none;
  visibility: hidden;
}
/**
 * Styling navigation
 */
header {
  margin-right: auto;
  margin-left: auto;
  max-width: remy(360px);
  box-shadow: 0 3px 12px rgba(0,0,0,.25);
}
/**
 * Styling top level items
 */
.nav a,
.nav label {
  display: block;
  letter-spacing: 1.5px;
  font-weight: 500;
  padding: .85rem;
  color: #fff;
  background-color: #151515;
  box-shadow: inset 0 -1px lighten(#151515, 3%);
  transition: all .25s ease-in;
  &:focus,
  &:hover {
    color: rgba(255,255,255,.5);
    background: darken(#151515, 7%);
  }
}
.nav label {cursor: pointer;}

.contact-4 {
	padding-left: 32px!important;
}
/**
 * Styling first level lists items
 */
.group-list a,
.group-list label {
  padding-left: 2rem;
  background: #252525;
  box-shadow: inset 0 -1px lighten(#252525, 7%);
  &:focus,
  &:hover {background: darken(#252525, 7%);}
}
/**
 * Styling second level list items
 */
.sub-group-list a,
.sub-group-list label {
  padding-left: 4rem;
  background: #353535;
  box-shadow: inset 0 -1px lighten(#353535, 7%);
  &:focus,
  &:hover {background: darken(#353535, 7%);}
}
/**
 * Styling third level list items
 */
.sub-sub-group-list a,
.sub-sub-group-list label {
  padding-left: 6rem;
  background: #454545;
  box-shadow: inset 0 -1px lighten(#454545, 7%);
  &:focus,
  &:hover {background: darken(#454545, 7%);}
}
/**
 * Hide nested lists
 */
.group-list,
.sub-group-list,
.sub-sub-group-list {
  height: 100%;
  max-height: 0;
  overflow: hidden;
  transition: max-height .5s ease-in-out;
}
 
.nav__list input[type=checkbox]:checked + label + ul {
	/* reset the height when checkbox is checked */
  max-height: 1000px;
}
/**
 * Rotating chevron icon
 */

 .group-4 {}

label > span {
  float: left;
  padding-right: 10px;
  padding-top: 5px;
  color: #454545;
  transition: transform .65s ease;
}
.nav__list input[type=checkbox]:checked + label > span {transform: rotate(90deg);}

/*** Styling menu footer*/

footer {
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #050505;
}
.soc-media {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.soc-media a {
  font-size: 1.4rem;
  color: rgba(255,255,255,.65);
  transition: color .25s ease-in;
  &:focus,
  &:hover {color: rgba(255,255,255,.2);}
}

.soc-media li a span {
	padding-right: 8px;
}

.soc-media li a {
	margin-left: -11px;
}

.fa.fa-facebook {
  padding-right: 14px;
}

.fa.fa-linkedin {
  padding-right: 11px;
}

.fa.fa-instagram {
  padding-right: 11px;
}

.politici-menu {font-size: 0.9rem!important;
	font-weight: 400; margin-top: 10px; border-top:solid #151515 1px; padding-top:10px!important;}

/* HAMBURGER 4 */


 
/* GENERAL STYLES */
.visuallyHidden {
    position: fixed;
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height: 1px; width: 1px; 
    margin: -1px; padding: 0; border: 0; 
}

.container {
    width: 70%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.hamburger {
    position: absolute;
	  left: 18px;
    top: 13px;
    margin: 0 auto;
    margin-top: 35px;
    width: 35px;
    height: 30px;
    position: fixed;
    z-index: 100;
}

@media only screen and (max-width: 768px) {
  .hamburger { margin-top: 5px;}
}

.language-button {
  padding: 2px 3px 2px 3px;
  font-weight: 500;
  border: 2px solid;
  letter-spacing: 1px;
  color:rgb(255, 255, 255);
  position: absolute;
  left: 35px;
  top: 10px;
  margin: 0 auto;
  margin-top: 35px;
  width: 35px;
  height: 35px;
  
  z-index: 10;
}

.language-button:hover {
  color:#000;
  background-color: #ffffff;
}

.hamburger .bar {
    position: absolute;
    z-index: 10;
    padding: 0;
    width: 35px;
    height: 3px;
    background-color: rgb(255, 255, 255);
    display: block;
    border-radius: 1px;
    transition: all 0.4s ease-in-out;  
}

.bar1 {
    top: 0;
}

.bar2,
.bar3 {
    top: 13.5px;
}

.bar3 {
    right: 0;
}

.bar4 {
    bottom: 0;
}


.hamburger2 .bar2,
.hamburger3 .bar3,
.hamburger4 .bar4 {
    top: 13.5px;
}

.hamburger4 .bar5 {
    bottom: 0px;
}

.hamburger4 .bar {
    transition: all 0.4s ease-in-out, transform 0.4s ease-in-out 0.4s;
}

.hamburger4 .bar2 {
    width: 1px;
    transform: rotate(90deg);
    left: 13.5px;
}

.hamburger4 .bar3 {
    width: 1px;
    left: 13.5px;
    
}

.checkbox4:checked + label > .hamburger4 > .bar1{
    top: 13.5px;
    background-color: transparent;
}

.checkbox4:checked + label > .hamburger4 > .bar2{
    left: 0px;
    width: 30px;
    transform: rotate(45deg);
}

.checkbox4:checked + label > .hamburger4 > .bar3{
    left: 0;
    width: 30px;
    transform: rotate(-45deg);
}

.checkbox4:checked + label > .hamburger4 > .bar4{
    background-color: transparent;
}

.checkbox4:checked + label > .hamburger4 > .bar5{
    bottom: 13.5px;
    background-color: transparent; 
}

/* btn-pulse CSS */

.btn-pulse {
  margin-top: 30px;
  background-color: #000000;
  color: #fff;
  letter-spacing: 0.5px;
  font-weight: 600;
  font-size: 1.2em;
  position: relative;
  width: 170px;
  height: 50px;
  border: 1.5px solid white;
  box-shadow: 0 0 0 0 #a50606af;
  border-radius: 0%;
  background-color: ;
  background-size:cover;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-animation: pulse 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulse 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulse 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulse 2.5s infinite cubic-bezier(0.66, 0, 0, 1);
}
.btn-pulse:hover 
{
  -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
  transition: all 1.5s;
  box-shadow: 0 0 20px 10px #a50606af;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 25px rgba(232, 76, 61, 0);}}

/* btn-68 */

.btn-68,
.btn-68 *,
.btn-68 :after,
.btn-68 :before,
.btn-68:after,
.btn-68:before {
  border: 0 solid;
  box-sizing: border-box;
}
.btn-68 {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: button;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: none;
  color: #fff;
  cursor: pointer;
  font-size: 100%;
  line-height: 1.5;
  margin: 0;
  -webkit-mask-image: -webkit-radial-gradient(#000, #fff);
  padding: 0;
}
.btn-68:disabled {
  cursor: default;
}
.btn-68:-moz-focusring {
  outline: auto;
}
.btn-68 svg {
  display: block;
  vertical-align: middle;
}
.btn-68 [hidden] {
  display: none;
}
.btn-68 {
  box-shadow: inset 0 0 0 2px #fff;
  box-sizing: border-box;
  display: relative;
  font-weight: 600;
  letter-spacing: 0.1rem;
  margin-top: 3vh;
  padding: 0.8rem 4vw;
  position: relative;
  text-transform: uppercase;
  transition: color 0.1s linear;
}
.btn-68:after,
.btn-68:before {
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.btn-68:before {
  border-right: var(--border);
  border-top: var(--border);
  left: 0;
  top: 0;
}
.btn-68:hover:before {
  --border: 3px solid #92181B;
  -webkit-animation: border-top-and-right 1s forwards;
  animation: border-top-and-right 1s forwards;
}
.btn-68:after {
  border-bottom: var(--border);
  border-left: var(--border);
  bottom: 0;
  right: 0;
  z-index: -1;
}
.btn-68:hover:after {
  --border: 3px solid #92181B;
  -webkit-animation: border-bottom-and-left 1s forwards;
  animation: border-bottom-and-left 1s forwards;
}
@-webkit-keyframes border-top-and-right {
  0% {
    height: 0;
    width: 0;
  }
  50% {
    height: 0;
    width: 100%;
  }
  to {
    height: 100%;
    width: 100%;
  }
}
@keyframes border-top-and-right {
  0% {
    height: 0;
    width: 0;
  }
  50% {
    height: 0;
    width: 100%;
  }
  to {
    height: 100%;
    width: 100%;
  }
}
@-webkit-keyframes border-bottom-and-left {
  0% {
    height: 0;
    width: 0;
  }
  50% {
    height: 0;
    width: 100%;
  }
  to {
    height: 100%;
    width: 100%;
  }
}
@keyframes border-bottom-and-left {
  0% {
    height: 0;
    width: 0;
  }
  50% {
    height: 0;
    width: 100%;
  }
  to {
    height: 100%;
    width: 100%;
  }
}
/* btn-68 end */

/* Hero Button CSS end */

h1 {font-weight: 700!important; letter-spacing: 1px!important;}
h2 h3 {font-weight: 600!important; letter-spacing: 0.5px!important;}
strong {font-weight: 600!important; line-height: 1.3em;}