@import url('fonts.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;600;700;800;900&family=Roboto+Condensed:wght@100;300;400;500;600;700;800;900&display=swap');
:root{
    --primary-color:#17151A;
    --secondary-color:#6E0096;
    --white-color:#FFFFFF;
    --black-color:#17151A;
    --red-color:#BD132D;
    --color-navi-bg:#566575;
    --color-header-bg:#EDF2E6;
    --container:120rem;
    --font-primary:'Roboto',sans-serif;
    --font-heading:'Roboto Condensed',sans-serif;
}
html{font-size:62.5%;scroll-behavior:smooth;overflow-x:hidden;}
*{box-sizing:border-box;}
body{font-family:var(--font-primary);font-size:1.6rem;font-weight:400;color:var(--black-color);background-color:var(--white-color);margin:0;}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;margin:0 0 1rem 0;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;height:auto;object-fit:cover;}
:focus-visible{outline:2px solid var(--secondary-color);outline-offset:2px;}

.container-fluid{width:100%;margin:0 auto;}
.container{max-width:var(--container);margin:0 auto;}
body>.container:first-child{min-height:100vH;}
.nav{background:var(--color-navi-bg);}



/* [HEADER] */

header{
    background: var(--color-header-bg);
    height: 450px;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
}
.logo{padding-top: 30px;}
.logo > a img{max-width:200px;width:100%;}

/* [SIDERBAR] */
aside.sidebar{width:300px;background-color:var(--color-navi-bg);height:100%;position:absolute;top:0;right:0;padding:80px 50px 100px 40px;display: flex;flex-direction: column;justify-content: space-between;}


/* [LANGUAGE] */
.language__menu ul{margin:0 0 20px 0;padding:0;}
.language__menu ul li{color:#ffffff;font-size:1.2rem;padding:10px 0;display:none;text-transform: uppercase;}
.language__menu ul li.active{display:block;}
.language__menu ul li.active:after{content:'›';transform: rotate(90deg);display: inline-block;margin-left: 10px;font-size: 2rem;vertical-align: middle;}
/* [MENU] */
.sidebar__menu ul{margin:0;padding:0;}
.sidebar__menu ul li{border-top:1px solid #fff;padding:8px 0;text-transform:uppercase;font-weight:700;}
.sidebar__menu ul li:last-child{border-bottom:1px solid #fff;}
.sidebar__menu ul li a{color:#ffffff;}

.sidebar__contact{color:#ffffff;line-height:2rem;margin-top:60px;font-size: 1.4rem;}
.sidebar__contact img{margin-top:10px;}

/* [SLIDER] */
.slider{position:relative;width:900px;min-height:424px;margin-top:30px;color:#4B8203;}
.slider .slide{position:absolute;inset:0;display:none;padding-left: 82px;}
.slider .slide:first-child{display:block;}
.slider .slide img{width:100%;position:absolute;max-width: 818px;}
.slider .slide .slide_title{width:300px;z-index:2;position:absolute;left:0;bottom:0;display:flex;flex-direction:column;gap:6px;padding:8px 8px 8px 0;justify-content:flex-start;align-items:flex-start;}
.slider .slide .slide_title::before {content: ' asdfasdf';background: #fff;left: -50vW;position: absolute;width: 50vW;bottom: 0;top: 0;}
.slider .slide .slide_title:after {content: ' ';background-color: #fff;position: absolute;top: 44px;bottom: 0;left: 0;right: 0;z-index:-1;}
.slider .slide .slide_title span{font-size:14px;}
.slider .slide .slide_title > span{padding-top:4px;font-family: var(--font-heading);font-weight: 700;}
.slider .slide .slide_title h2{font-family: var(--font-heading);font-weight: 700;font-size:2em;line-height: 1.1em;}
.slider .slide .slide_title a{border:1px solid #4B8203;padding:5px 45px 5px 5px;font-size: 1.4rem;}
.slider_control{display:flex;align-items:center;gap:0px;margin: -8px -8px 0;padding: 8px;background: #fff;width:90px;}
.slider__arrow{background:transparent;border:0;width:auto;height:28px;cursor:pointer;line-height:1;color:#4B8203;font-size: 20px;font-weight: 700;padding-left: 15px;}
.slider__arrow.slider__prev {padding-left: 0;padding-right: 15px;}
.slider__count{font-size:15px !important;text-align:center;color:#4B8203;font-family: var(--font-heading);padding-top: 4px;}


/* [MAIN] */
main{margin-top:90px;padding:20px 20px 30px 25px;width: 100%;max-width: 800px;}
main h1.title{margin-left: -25px;font-size: 2.5rem;line-height: 3.4rem;width: 100%;font-weight: 700;margin-bottom: 35px;}
main h3.pagetitle {margin-left: -25px;font-size: 2rem;letter-spacing: 0.02em;margin-bottom: 8px;}
main p {font-family: var(--font-heading);letter-spacing:0.04em;line-height: 2.2rem;font-size:1.7rem;}
.single-page{margin-top:-350px;padding:45px 80px 30px 135px;width: 100%;max-width: 955px;background-color:#FFFFFF;margin-left: -55px;}

.single-page .pagetitle,
.single-page .title{margin-left:-80px;}
main.single-page h1.title{margin-bottom: 30px;}
.single-page img{display:block;width:calc(100% + 80px);margin-left:-80px;max-width:none;}

.tpl_3 header,
.tpl_4 header {border-bottom: 50px solid white;}

.list-pages{display:flex;flex-direction:column;gap:40px;margin-top:45px;}
.child-page{display:flex;flex-direction:row;gap:4%;}
.child-page .image{width:46%;}
.child-page .content{width:49%;}
.child-page h2{font-weight:700;font-size:1.9rem;margin-bottom: 5px;}
.child-page .content .description {font-size: 1.7rem;line-height:2rem;}

footer{margin-left: calc(50% - 50vw);margin-right: calc(50% - 50vw);width: 100vw;background: #EEF0F1;color:#566575;}
footer .container{padding:20px 0 50px;display:flex;gap:10px}
footer .container p {font-size: 1.4rem;line-height: 2.2rem;}
footer .container .col_1 > p > a:last-child {display:none;}
footer .container .col_2 a,
footer .container .col_3 a {font-size: 1.3rem;line-height: 2rem;text-transform: uppercase;}
footer .container .col_1 {width:280px;}
footer .container .col_1 p{margin:0;}
footer .container .col_2{padding-right:40px;}
footer .container .col_2,
footer .container .col_3{width:auto;font-family: var(--font-heading);letter-spacing:0.04em;}
footer .container .col_2 ul,
footer .container .col_3 ul{list-style:none;margin:0;padding:0;}

.single-page + footer {background: transparent;}
.single-page + footer > .container {background-color: var(--color-header-bg);padding-left: 85px;}
.single-page + footer .container .col_1 {width: 200px;}