.header {
    padding: 0 2rem;
    margin-top: 1.2rem;
}
.menu{
    cursor: pointer;
}
.menu:hover {
    opacity: .8;
}
.menu__icon {
    font-size: 1.75rem;
    margin-right: 0.438rem;
}
.menu__title {
    font-size: 1.5rem;
}
.logo {
	-webkit-transform: translateX(-100px);
	-ms-transform: translateX(-100px);
	transform: translateX(-100px);
	-ms-grid-column-align: center;
	justify-self: center;
}
.l1 {
    width: 9rem;
    margin-right: 1rem;
}
.l2 {
    width: 8rem;
}
.dir__right{
	position: relative;
	-webkit-transform: translateY(-60px);
	-ms-transform: translateY(-60px);
	transform: translateY(-60px);
}
.language_content {
    cursor: pointer;
}
.language_content > span {
    background-color: #e9e8e8;
    padding: 0.5rem;
    border-radius: 50%;
    margin-right: 0.5rem;
}
.languages {
	position: absolute;
	top: 3rem;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	background-color: #f9f9f9;
	border: .0625rem solid rgb(226, 226, 226);
	border-radius: 1rem;
	min-width: 15rem;
	padding: 1.5rem 1.5rem;
	right: 0;
	opacity: 0;
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: opacity 200ms ease-in-out,-webkit-transform 200ms ease-in-out;
	transition: opacity 200ms ease-in-out,-webkit-transform 200ms ease-in-out;
	-o-transition: transform 200ms ease-in-out,opacity 200ms ease-in-out;
	transition: transform 200ms ease-in-out,opacity 200ms ease-in-out;
	transition: transform 200ms ease-in-out,opacity 200ms ease-in-out,-webkit-transform 200ms ease-in-out;
	z-index: -1;
	visibility: hidden;
}
.languages.active{
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    z-index: 1;
    visibility: visible;
}
.languages li {
    width: 100%;
}
.languages > li:not(:last-child) {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: .0625rem solid rgb(226, 226, 226);
}
.languages li.active {
    color: var(--blue);
    font-weight: 700;
}
.languages li a input {
    width: auto;
    pointer-events: none;
}
.about h2 {
	position: relative;
	font-size: 2.1125rem;
	font-weight: 600;
	-webkit-transform: translateY(-100px);
	-ms-transform: translateY(-100px);
	transform: translateY(-100px);
	z-index: -1;
}
.about h2 + p {
    font-size: 1.0125rem;
    margin-top: 2rem;
    line-height: 1.7;
    margin-bottom: 1.5rem;
}
.a__text {
    width: 50%;
}
.a__cap {
    width: 50%;
}
.company {
    border-radius: 6.25rem;
    padding: 1.1875rem 1.875rem;
    font-size: 1rem;
    color: var(--cream);
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    border: .0625rem solid transparent;
    background-color: #191414;
}
.company:hover {
    background-color: var(--cream);
    color: #191414;
    border-color: #191414;
    -webkit-transition: background-color 200ms ease-in-out;
    -o-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
}
.about img{
	border-radius: 20px;
	height: auto;
	display: block;
}
.footer__node {
    background-color: #363636;
    color: var(--cream);
    padding: 6rem 1rem;
}
.footer__content {
    max-width: 85rem;
    margin: 0 auto;
}
.ft__title {
    font-size: 1.225rem;
    margin-bottom: 1.8125rem;
}
.footer__col__left ul li, .footer__box ul li {
    color: #a0a0a7;
    font-size: 1rem;
}
.footer__col__left ul li:not(:last-child) {
    margin-bottom: .9375rem;
}
.footer__col__left > ul > li > a:hover {
    opacity: .75;
}
.footer__col__left ul li > a lord-icon {
    width: 1.5rem;
    height: 1.5rem;
    margin-right: .625rem;
}
.footer__col__left ul li > a lord-icon + span {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    line-height: 1.5;
}
.footer__box ul li:not(:last-child) {
    margin-bottom: .9375rem;
}
.footer__bottom {
    background-color: #1c1b1b;
    color: var(--cream);
    font-size: .9375rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.footer__inner {
    color: var(--cream);
    max-width: 1360px;
    margin: 0 auto;
}
.designedby {
	text-align: center;
}
.designedby > a {
    color: #b2a9a6;
    display: inline-block;
    margin-left: 0.3125rem;
}
.designedby > a:hover {
    text-decoration: underline;
}
@media (max-width: 1366px) {
	.footer__content {
		max-width: 70rem;
	}
	.footer__col__left {
		flex: 2;
		padding: 0 1.5rem;
	}
	.footer__box {
		flex: 1;
		padding: 0 1.5rem;
	}
	.ft__title {
		font-size: 1.125rem;
	}
	.footer__col__left ul li, .footer__box ul li {
		color: #a0a0a7;
		font-size: 0.938rem;
		line-height: 1.5;
	}
}
@media only screen and (max-width: 820px){
    .footer__box {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-top: 3rem;
    }
}
@media only screen and (max-width: 480px){
    .footer__col__left > a {
        width: 12.75rem;
    }
    .footer__inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: .9375rem;
    }
    .footer__node {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .footer__social__media h2 {
        font-size: .9375rem;
    }
    .ft__title {
        font-size: 1.175rem;
        margin-bottom: 1.5125rem;
    }
    .footer__col__left ul li, .footer__box ul li {
        font-size: .875rem;
    }
    .copyright {
        margin-bottom: 0.5rem;
        text-align: center;
    }
}
/*canvas*/
.canvas__subcategories {
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms;
    z-index: -1;
}
.canvas__subcategories.open {
    opacity: 1;
    visibility: visible;
	z-index: 99999999999;
}
.canvas__subcategories.open .canvas__inner {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.canvas__overlay {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: black;
    opacity: .6;
}
.canvas__inner {
    position: relative;
    width: 100%;
    height: 100%;
    width: 23.75rem;
    background-color: var(--cream);
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transition-duration: 700ms;
    -o-transition-duration: 700ms;
    transition-duration: 700ms;
    margin-right: auto;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto;
    border-right: 0.3125rem solid var(--red);
}
.canvas__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 1.8125rem;
    color: #000;
    opacity: 1;
    padding: 1.25rem 1.25rem 0 1.25rem;
}
.canvas__close span {
    cursor: pointer;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.canvas__close span:hover {
    color: var(--color-1);
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.canvas__content {
    text-align: left;
    padding: 1rem 1rem;
}
.canvas__content h2 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 1rem;
}
.canvas__content > ul > li:not(:last-child) {
    margin-bottom: 1.5rem;
}
.canvas__menu {
    border-bottom: 0.0625rem solid rgba(0,0,0,.2);
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}
.canvas__menu li a {
    display: inline-block;
}
a[class^="canvasfixed__"]{
    margin-top: 1rem;
    margin-left: -.375rem;
}
a[class^="canvasfixed__"]:hover {
    opacity: .8;
}
a[class^="canvasfixed__"] > span {
    background-color: var(--red);
    color: var(--cream);
    font-size: 1.3125rem;
    border-radius: 50%;
    padding: 0.3rem;
    margin-right: 0.5rem;
}
a[class^="canvasfixed__"] .place {
	font-size: 0.938rem;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	line-height: 1.35;
}
@media (max-width: 1366px) {
    .a__text {
        width: 60%;
    }
	.about h2 {
		font-size: 1.7rem;
	}
    .a__cap {
        width: 40%;
    }
}
@media (max-width: 991px) {
	.canvas__menu .dropdown__menu > li:not(:last-child) {
		margin-bottom: 1.2rem;
	}
	.canvas__menu .drop__item > a {
		color: var(--blue);
		font-weight: 700;
		margin-bottom: 1rem;
		display: none;
	}
	.canvas__menu .dropdown__menu > li > a {
		font-weight: 700;
	}
	.canvas__menu .dropdown__menu .children {
		border-bottom: 0.00625rem solid rgba(0,0,0,.1);
		padding-bottom: 1.2rem;
		margin-top: 1rem;
	}
	.canvas__menu .dropdown__menu .children > li:not(:last-child) {
		margin-bottom: .5rem;
	}
}
@media (max-width: 768px) {
    .a__text {
        width: 100%;
    }
    .a__cap {
        width: 100%;
        margin-top: 2rem;
    }
}
@media (max-width: 604px) {
    .header {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
    }
    .dir__left {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }
    .container {
        margin-top: 6rem;
    }
    .about h2 {
        font-size: 1.9rem;
    }
    .languages {
		-webkit-transform: translate(-50%,50px);
		-ms-transform: translate(-50%,50px);
		transform: translate(-50%,50px);
		left: 50%;
    }
	.languages.active {
		-webkit-transform: translate(-50%,0);
		-ms-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}
}