/**********************************nav bar*****************************************/
.header {
    position: absolute;
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 50px 0;
    max-width: 1600px !important;
    width: 100%;
    z-index: 1;
}

@media (max-width: 600px) {
    .header {
        margin: 20px 0;
    }
}

.header-nav{
    display:flex;
    align-items: center;
    margin-bottom: 0px !important;
}
ul li {
    list-style: none;
}
.header-nav__link{
    align-items:center;
    display:flex;
    font-family:Ubuntu,sans-serif;
    font-size:18px;
    font-weight:400;
    justify-content:center;
    text-decoration:none;
    text-transform:uppercase
}
.header-nav__item:nth-child(2){
    margin:0 25px
}

@media (min-width:992px)
{
    .header-nav__item:nth-child(2){
        margin:0 40px
    }
}
.header-nav__item:hover .header-nav__icon {
    -webkit-transform: scale(1.075);
    transform: scale(1.075);
}
.header-nav__icon{
    height:34px;
    image-rendering:auto;
    width:34px
}
.header-nav__text{
    display:none
}
@media (min-width:992px)
{
    .header-nav__text{
        display:block;
        line-height:24px;
        padding-right:10px;
    }
}
.header__logo{
    margin:0 12px ;
    max-width:180px;
    width:100%
}
@media (min-width:522px)
{
    .header__logo{
        margin:0 12px ;
        max-width:400px;
        width:100%
    }
}
.header__logo a{
    display:block;
    height:100%
}
.logo__image{
    height:auto;width:100%
}
.header__ul {
    margin-right: 12px;
}
@media (min-width:992px){
    .logo{
        width:180px;
    }
}

.header_hide{
    /*opacity:0*/
}
.header_show{
    opacity:1;
}

.mlr_15{
    margin: 0 15px !important;
}
/***************************************************menu**************************************************************************/
.main-nav {
    background-color: var(--vert);
}
.main-nav__background {
    -webkit-transform: translate(-50%, -50%) rotate(0);
    background-color: var(--vert);
}
.main-nav.active .main-menu__item a,.main-nav.active .main-menu__item button
{
    -webkit-transform:translateZ(200px);
    transform:translateZ(200px);
}

.main-nav
{
    -webkit-transform:translate3d(0,100%,200px);
    align-items:center;
    display:flex;
    flex-direction:column;
    height:100vh;
    justify-content:center;
    left:0;
    opacity:0;
    position:fixed;
    top:0;
    transform:translate3d(0,100%,200px);
    visibility:hidden;
    width:100%;
    z-index:200}

.main-nav__background
{
    -webkit-transform:translate(-50%,-50%) rotate(0);
    height:150vh;
    left:50%;
    position:fixed;
    top:50%;
    transform:translate(-50%,-50%) rotate(0);
    width:150vh;
    z-index:199}

@media (min-width:992px)
{
    .main-nav__background
    {
        height:150vw;
        width:150vw}
}

.main-nav__background_rotate
{
    -webkit-transform:translate(-50%,-50%) rotate(-180deg);
    transform:translate(-50%,-50%) rotate(-180deg)
}

.secondary-menu {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 200;
    margin-top: 50px;
}
.secondary-menu__item a{
    margin-bottom: 15px;
    text-align: center;
    color: white;
}
.main-nav.active .secondary-menu_hide
{
    opacity:0;
    pointer-events:none
}

.main-nav .close
{
    cursor:pointer;
    height:32px;
    opacity:0;
    position:absolute;
    right:25px;
    top:32px;
    width:32px;
    z-index:200}

.main-nav .close:hover
{
    -webkit-transform:scale(1.075);
    transform:scale(1.075)}

.main-nav .close a
{
    align-items:center;
    display:flex;
    height:100%;
    justify-content:center;
    width:100%}

.main-nav .close__image
{
    height:25px;
    width:23px
}

@media (min-width:1200px)
{
    .main-nav .close
    {
        height:40px;
        right:64px;
        top:64px;
        width:40px}
}

.main-nav.active
{
    -webkit-transform:translateZ(200px);
    opacity:1;
    transform:translateZ(200px);
    visibility:visible}

.main-nav.active .close
{
    opacity:1;
}

.main-menu
{
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    position:relative;
    width:100%;
    z-index:200}

.main-menu__item
{
    margin-bottom:22px;
    opacity:1;
    overflow:hidden;
    text-align:center;
}

.main-menu__item_hide
{
    opacity:0;
    pointer-events:none}

.main-menu__item_show
{
    -webkit-transform:translateY(-50%);
    position:fixed;
    top:50%;
    transform:translateY(-50%)}

.main-menu__item a
{
    display:block;
    font-weight:300}

.main-menu__item a,.main-menu__item button
{
    -webkit-transform:translate3d(0,100%,200px);
    color:#fff;
    font-family:Ubuntu,sans-serif;
    font-size:18px;
    line-height:24px;
    text-decoration:none;
    transform:translate3d(0,100%,200px)}

.main-menu__item button
{
    background-color:transparent;
    border:0;
    cursor:pointer;
    margin:0 auto;
}

.main-menu__item:last-child
{
    margin-bottom:0}

@media (min-width:768px)
{
    .main-menu__item
    {
        margin-bottom:32px}

    .main-menu__item a,.main-menu__item button
    {
        font-size:22px;
        line-height:32px
    }
}

@media (min-width:1200px)
{
    .main-menu__item a,.main-menu__item button
    {
        font-size:24px;
        line-height:48px}
}

.main-menu:hover .main-menu__item:not(.main-menu__item_hide)
{
    opacity:.5;
}

.main-menu:hover .main-menu__item:not(.main-menu__item_hide):hover
{
    opacity:1;
}
.submenu
{
    margin-top:0;
    max-height:0;
}

.submenu_show
{
    margin-top:32px;
    max-height:500px;
}
.submenu__button
{
    font-weight:300;
    outline:0;
}

.submenu__button .icon
{
    height:15px;
    line-height:15px;
    margin-left:-34px;
    margin-right:10px;
    pointer-events:none;
    width:16px;
}
.submenu__button_title
{
    align-items:center;
    display:flex;
    font-weight:600;
    justify-content:center;
}

.submenu__button_title .icon
{
    margin-left:0
}
.button__icon
{
    height:18px;
    width:18px;
}

.button__icon_right
{
    float:left;
    margin-right:16px;
}

.button__icon_left
{
    float:right;
    margin-left:16px;
}

.button_brcolor_white.button_readmore:after
{
    background-color:#fff;
}
.button_bgcolor_transparent
{
    background:transparent;
}

.button_bgcolor_transparent:hover
{
    background:rgba(0,0,0,.075);
    border-color:transparent;
}

.icon_arrowleftline
{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
}

.submenu__button .icon_arrowleftline {
    display: none;
}
.submenu__button_title .icon_arrowleftline {
    display: block;
}

.icon_arrowleftline:after
{
    content:url(/src/assets/icons/ArrowDown2.svg);
}
.icon:after {
    color: #fff;
    display: block;
}

.icon_arrowright,.icon_next
{
    content:url(/src/assets/icons/ArrowRight.svg)}

.icon_arrowleft,.icon_prev
{
    content:url(/src/assets/icons/ArrowLeft.svg)
}
.icon_arrowleft_white
{
    content:url(/src/assets/icons/ArrowLeft-white.svg)
}

/*********************footer**************************/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
{
    display:block;
}
.footer-menu
{
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:100%;
    flex-wrap: wrap;
    padding: 0px !important;
}

.footer-menu__link
{
    color:#b1b1b1;
    font-family:Open Sans,sans-serif;
    font-size:12px;
    margin:0 16px;
    text-decoration:none;
    text-transform:uppercase;
}

.footer-menu__item
{
    margin-bottom:16px;
}

.footer-menu__item:last-child
{
    margin-bottom:0;
}

@media (min-width:768px)
{
    .footer-menu
    {
        flex-direction:row;
    }

    .footer-menu__item
    {
        margin-bottom:0;
    }
}

.footer
{
    align-items:center;
    justify-content:center;
    margin-top:35px;
    padding:30px 35px 60px;
    text-align:center;
}
.footer-menu__item_img {
    margin: 0 16px;
}
.footer-menu__item_img img {
    height: 30px;
    margin: 0 4px;
}
/****breadcrumb-menu***/

.breadcrumb-menu__item {
    color:white;
    text-decoration: none;
    padding: 5px;
    font-size: 14px;
}
.breadcrumb-menu {
    text-align: center;
}