@font-face {
    font-family: 'Mulish';
    src: url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-Bold.eot');
    src: url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-Bold.eot?#iefix') format('embedded-opentype'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-Bold.woff2') format('woff2'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-Bold.woff') format('woff'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-Bold.ttf') format('truetype'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-Bold.svg#Mulish-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-Light.eot');
    src: url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-Light.eot?#iefix') format('embedded-opentype'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-Light.woff2') format('woff2'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-Light.woff') format('woff'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-Light.ttf') format('truetype'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-Light.svg#Mulish-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mulish';
    src: url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-ExtraLight.eot');
    src: url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-ExtraLight.eot?#iefix') format('embedded-opentype'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-ExtraLight.woff2') format('woff2'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-ExtraLight.woff') format('woff'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-ExtraLight.ttf') format('truetype'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Mulish-ExtraLight.svg#Mulish-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-Bold.eot');
    src: url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-Bold.eot?#iefix') format('embedded-opentype'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-Bold.woff2') format('woff2'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-Bold.woff') format('woff'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-Bold.ttf') format('truetype'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-Bold.svg#Quicksand-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Quicksand';
    src: url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-Light.eot');
    src: url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-Light.eot?#iefix') format('embedded-opentype'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-Light.woff2') format('woff2'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-Light.woff') format('woff'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-Light.ttf') format('truetype'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-Light.svg#Quicksand-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Quicksand';
    src: url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-SemiBold.eot');
    src: url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-SemiBold.eot?#iefix') format('embedded-opentype'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-SemiBold.woff2') format('woff2'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-SemiBold.woff') format('woff'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-SemiBold.ttf') format('truetype'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Quicksand-SemiBold.svg#Quicksand-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Poppins-Regular.eot');
    src: url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Poppins-Regular.woff2') format('woff2'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Poppins-Regular.woff') format('woff'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Poppins-Regular.ttf') format('truetype'), url('https://www.terrassement-raboz.be/smarty/wireframe20/media/fonts/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*--------------------------------------------------
# General
--------------------------------------------------*/
:root {
    --gold-color: #cf3f24;
    --yellow-color: #e7c11d;
    --default-color: #444444;
    --top-color: #e75347;
    --font-family-Mulish: 'Mulish', sans-serif;
    --font-family-Quicksand: 'Quicksand', sans-serif;
    --font-family-Poppins: 'Poppins', sans-serif;
}

body {
    background: #fff;
    color: var(--default-color);
    font-family: var(--font-family-Mulish);
    font-weight: 300;
    font-size: 14px;
    line-height: 29px
}

a {
    color: var(--gold-color);
    text-decoration: underline;
    transition: all .4s
}

a:active,a:hover,a:focus {
    color: var(--gold-color);
    text-decoration: none
}

.image-right {
    float: right;
    margin: 6px 0 20px 35px;
    /* padding: 5px; */
    /* border: 1px solid #ccc; */
    height: 600px;
    width: 40%;
    object-fit: cover;
}

.image-left {
    float: left;
    margin: 0 15px 10px 0;
    padding: 5px;
    border: 1px solid #ccc
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: var(--font-family-Quicksand);
    font-weight: 600;
    line-height: 1em;
    color: var(--gold-color)
}

h1,.h1 {
    font-size: 56px;
}

h2,.h2 {
    font-size: 25px
}

h3,.h3 {
    font-size: 22px
}

h4,.h4 {
    font-size: 20px
}

h5,.h5 {
    font-size: 19px
}

h6,.h6 {
    font-size: 18px
}

hr {
    border-color: rgba(0,0,0,.3)
}

.fullsite {
    overflow-x: hidden
}

span.phone-responsive {
    display: none
}

.container {
    width: 1330px;
    position: relative
}

/* **** */
.head {
    background: var(--top-color);
    padding: 6px 0 7px
}

.head .cta1 {
    float: right;
    padding: 0 0 0 31px;
    font-size: 15px;
    line-height: 23px;
    font-weight: 200;
    color: #e7daca;
    text-decoration: none;
    background: url(../images/cta.png) no-repeat left center;
    margin: 2px 5px 0 0;
    letter-spacing: .045em;
    transition: color .3s,letter-spacing .3s
}

.head .cta1:hover {
    color: var(--yellow-color);
    letter-spacing: .1em
}

.head .networks_linking {
    float: left;
    margin: 0 0 0 12px
}

.head .networks_linking a {
    float: left;
    width: 27px;
    height: 27px;
    background: #fff;
    border-radius: 50%;
    line-height: 27px;
    text-align: center;
    font-size: 17px;
    color: #e7564a;
    transition: background .3s
}

.head .networks_linking a:hover {
    background: var(--yellow-color)
}

/* ****************************** */
div#sticky-wrapper {
    height: auto!important;
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

nav.main-nav {
    position: absolute;
    z-index: 10;
    left: 0;
    top: 40px;
    right: 0;
    padding: 10px 0
}

.is-sticky nav.main-nav {
    box-shadow: 0 0 15px #000;
    background: #f1e6d8
}

.is-sticky nav.main-nav:before {
    position: absolute;
    content: '';
    left: 0;
    right: calc(50% + 249px);
    top: 0;
    bottom: 0;
    background: #000
}

nav.main-nav .sf-menu {
    justify-content: space-between;
    display: flex;
    padding: 0;
}

nav.main-nav .mobile-nav {
    display: none
}

nav.main-nav .mobile-nav a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #222;
    line-height: 40px;
    font-size: 24px
}

nav.main-nav .mobile-nav i.fa {
    background: var(--gold-color);
    color: #fff;
    text-align: center;
    width: 40px;
    line-height: 40px;
    display: inline-block
}

nav.main-nav .mobile-nav a:hover i.fa {
    background: var(--yellow-color);
    color: #000
}

nav.main-nav a.cta {
    position: fixed;
    right: calc(50% - 650px);
    top: 88px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    background: var(--gold-color);
    padding: 10px 25px;
    transition: background .6s,color .6s;
    display: none
}

.is-sticky nav.main-nav a.cta {
    display: block
}

nav.main-nav a.cta p {
    margin: 0
}

nav.main-nav a.cta:hover {
    background: var(--yellow-color);
    color: #000
}

/* ******************************* */
header.top {
    position: relative;
    height: 700px;
    background: #f1e6d8
}

header.top.big {
    height: 847px
}

header.top:before {
    position: absolute;
    content: '';
    left: 0;
    right: calc(50% + 249px);
    top: 0;
    bottom: 0;
    background: url(../images/banner.jpg) no-repeat right bottom
}

header.top section.banner {
    position: absolute;
    left: calc(50% - 679px);
    width: 687px;
    top: 95px;
    bottom: 65px;
    border: 8px solid #fff;
    border-radius: 50%;
    box-shadow: 0 5px 43px rgba(0,0,0,.16)
}

header.top.small section.banner {
    width: 550px
}

header.top .banner .fluid_container,header.top .banner #slideshow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: auto;
    height: auto;
    z-index: 1;
    margin: 0!important;
    border-radius: 50%;
    overflow: hidden
}

header.top section.banner .camera_prev,header.top section.banner .camera_next,header.top section.banner .camera_commands {
    height: 13px;
    margin-top: 0;
    top: auto;
    width: 25px;
    bottom: 26px
}

header.top section.banner .camera_prev {
    left: calc(50% - 33px);
    background: url(../images/1.png) no-repeat!important
}

header.top section.banner .camera_next {
    right: calc(50% - 32px);
    background: url(../images/1.png) no-repeat!important;
    transform: rotate(180deg)
}

header.top section.banner .camera_prev > span,header.top section.banner .camera_next > span {
    display: none
}

header.top section.banner .camera_prev:hover,header.top section.banner .camera_next:hover {
    background: url(../images/2.png) no-repeat!important
}

header.top section.banner::before {
    position: absolute;
    content: '';
    width: 275px;
    height: 455px;
    background: url(../images/before.png) no-repeat;
    bottom: 26px;
    right: -156px
}

/*.slogan1 {
    transform: translateX(100vw);
    animation: slide-in .5s forwards
}
*/
@keyframes slide-in {
    100% {
        transform: translateX(0%);
        opacity: 1
    }
}

@-webkit-keyframes slide-in {
    100% {
        -webkit-transform: translateX(0%);
        opacity: 1
    }
}

header.top .logo-wrapper {
    position: absolute;
    z-index: 3;
    right: calc(50% - 643px);
    top: 160px;
    text-align: center
}

header.top p {
    margin: 0
}

header.top .slogan {
    display: block;
    font-size: 27.65px;
    color: #323232;
    line-height: 35px;
    font-family: var(--font-family-Quicksand);
    margin: 45px 0 0;
    letter-spacing: .03em
}

header.top .slogan strong {
    display: block;
    font-size: 45px;
    line-height: 32px;
    text-transform: uppercase;
    margin: 0 0 14px;
    letter-spacing: 0
}

header.top .logo {
    position: relative;
    display: table;
    margin: 0 auto;
    left: -23px
}

header.top .logo::before {
    position: absolute;
    content: '';
    left: -13px;
    top: -3px;
    bottom: -3px;
    width: 100%;
    border-radius: 50%;
    border: 1px solid #f3c824;
    z-index: -1
}

header.top .logo::after {
    position: absolute;
    content: '';
    left: -14px;
    top: -23px;
    height: 100%;
    right: 7px;
    border-radius: 50%;
    border: 1px solid #f3c824;
    z-index: -1
}

header.top a.cta {
    position: relative;
    display: table;
    z-index: 1;
    text-decoration: none;
    font-size: 18px;
    line-height: 24px;
    padding: 7px 9px;
    color: #100a00;
    background: var(--yellow-color);
    margin: 29px auto 0;
    transition: color .3s;
    font-family: var(--font-family-Quicksand);
    text-transform: uppercase
}

header.top a.cta:hover {
    color: #fff
}

header.top a.cta:before {
    position: absolute;
    content: '';
    z-index: -1;
    top: 0;
    left: 0;
    width: 0;
    bottom: 0;
    background: var(--gold-color);
    transition: width .3s
}

header.top a.cta:hover:before {
    width: 100%
}

header.top a.cta::after {
    position: absolute;
    content: '';
    width: 152px;
    height: 58px;
    background: url(../images/cta1.png) no-repeat left top;
    left: calc(100% + 11px);
    top: -4px;
    pointer-events: none
}

@keyframes fadein {
    from {
        opacity: 1
    }

    to {
        opacity: .2
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

header.top::after {
    position: absolute;
    content: '';
    width: 326px;
    height: 353px;
    background: url(../images/after.png) no-repeat;
    top: 116px;
    left: calc(50% + 658px);
    /*animation: rotate infinite 10s,fadein infinite 5s*/
}

/* ********************* */
section.home-content {
    position: relative;
    padding: 79px 0 134px
}

section.page-content {
    position: relative;
    padding: 60px 0 40px
}

section.home-content::before {
    position: absolute;
    content: '';
    bottom: 0;
    top: 0;
    left: calc(50% + 310px);
    right: 0;
    background: #f2f2f2
}

section.home-content .photo-home {
    position: absolute;
    left: calc(50% + 209px);
    z-index: 1;
    width: 727px;
    top: 100px
}

section.home-content .photo-home img {
    max-width: 100%;
    -webkit-mask-image: url(../images/mask.png)
}

section.home-content .photo-home::after {
    position: absolute;
    content: '';
    top: 0;
    left: -7px;
    right: -13px;
    bottom: -14px;
    background: url(../images/photo-after.png) no-repeat left top
}

section.home-content .photo-home::before {
    position: absolute;
    content: '';
    left: 0;
    top: 65px;
    background: rgba(55,55,55,.79);
    width: 228px;
    bottom: 43px;
    z-index: 1
}

section.home-content::after {
    position: absolute;
    content: '';
    top: 166px;
    right: 0;
    height: 454px;
    left: calc(50% + 658px);
    background: rgba(230,196,28,.4);
    z-index: 1
}

section.home-content article.content {
    width: calc(50% + 22px)
}

header.page-title {
    position: relative;
    margin: 0 0 40px;
    padding: 59px 0 0
}

header.page-title h1 {
    margin: 0;
    line-height: normal;
}

header.page-title h1 span:first-child {
    display: inline-block
}

header.page-title h1 span:nth-child(2) {
    display: block;
    font-weight: 300;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color: #262525;
    text-shadow: 0 0 0 #262525;
    margin: 10px 0 0;
    letter-spacing: .035em
}

header.page-title h1 span:only-child {
    font-size: 25px;
    line-height: 25px
}

header.page-title:before {
    position: absolute;
    top: 0;
    left: 12px;
    width: 2px;
    height: 42px;
    content: '';
    background: #262525
}

article.content p {
    margin: 0 0 20px;
    letter-spacing: .075em;
    text-shadow: 0 0 0 var(--default-color)
}

article.content p a {
    text-shadow: 0 0 0 var(--gold-color)
}

article.content p strong {
    text-shadow: none
}

article.content ul {
    padding-left: 10px;
    letter-spacing: .05em;
    text-shadow: 0 0 0 var(--default-color)
}

article.content ul ul {
    padding-left: 20px
}

article.content ul li {
    list-style-type: none;
    padding-left: 20px;
    background: url(../images/icon-list01.png) no-repeat 0 7px
}

article.content ul ul li {
    list-style: circle
}

article.content .table-style {
    position: relative;
    letter-spacing: .05em;
    text-shadow: 0 0 0 var(--default-color);
    margin: 0 0 15px
}

article.content .table-style th {
    background: var(--gold-color);
    color: #fff
}

article.content .table-style th,article.content .table-style td {
    border-bottom: 1px dashed #000;
    padding: 10px
}

.moretext {
    display: none
}

a.moreless-button {
    position: relative;
    display: table;
    z-index: 1;
    cursor: pointer;
    text-decoration: none;
    color: var(--default-color);
    padding: 8px 59px 8px 36px;
    line-height: 20px;
    margin: 63px 0 0;
    font-size: 14px;
    background: var(--yellow-color) url(../images/plus.png) no-repeat 85% center;
    text-transform: uppercase;
    text-shadow: 0 0 0 var(--default-color);
    letter-spacing: .07em
}

a.moreless-button:hover {
    color: #fff;
    text-shadow: none
}

a.moreless-button:before {
    position: absolute;
    content: '';
    z-index: -1;
    left: 0;
    bottom: 0;
    top: 0;
    width: 0;
    transition: width .3s;
    background: var(--gold-color) url(../images/plus3.png) no-repeat 85% center
}

a.moreless-button:hover:before {
    width: 100%
}

article.content #AllNews {
    position: relative;
    padding-top: 30px;
}
article.content #AllNews .row {
    display: flex;
}
article.content #AllNews .row > [class*='col-'] {
    flex-direction: column;
}
article.content #AllNews .Item {
    position: relative;
    margin-bottom: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    height: 250px;
    background: rgb(241 230 216 / 24%);
    transition: background .4s;
}
article.content #AllNews .Item:hover {
    background: #f6f6f6;
}
article.content #AllNews .Item .photo {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
article.content #AllNews .Item .photo img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: filter .4s;
}
article.content #AllNews .Item:hover .photo img {
    filter: brightness(70%) contrast(70%);
}
article.content #AllNews .Item .photo.nophoto {
    position: relative;
    height: 100%;
    background: #eee url(../images/logo-rooy-ex.png) center no-repeat;
    background-size: 50%;
    filter: grayscale(100%);
    transition: background-color .4s;
}
article.content #AllNews .Item:hover .photo.nophoto {
    background-color: #ccc;
}
article.content #AllNews .Item .photo::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 40px;
    background: #fff;
    z-index: 10;
    transition: top .4s;
}
article.content #AllNews .Item .photo::after {
    content: '';
    position: absolute;
    left: -50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    height: 1px;
    background: #fff;
    z-index: 10;
    transition: left .4s;
}
article.content #AllNews .Item:hover .photo::before {
    top: 50%;
}
article.content #AllNews .Item:hover .photo::after {
    left: 50%;
}
article.content #AllNews .Item figcaption {
    position: relative;
}
article.content #AllNews .Item figcaption h3 {
    margin: 0 0 15px;
    transition: color .4s;
}
article.content #AllNews .Item:hover figcaption h3 {
    color: #e8c320;
}
article.content #AllNews .Item figcaption .button {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1;
    text-shadow: none;
    padding: 10px 30px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #cf3f24;
    border-radius: 3px;
    box-shadow: 0 3px 3px rgba(0,0,0,.1);
    transition: box-shadow .4s;
}
article.content #AllNews .Item:hover figcaption .button {
    box-shadow: 0 5px 20px rgba(0,0,0,.25);
}
article.content #AllNews .Item a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.news-footer {
    display: flex;
    padding: 10px;
    /* background: #aaa; */
    justify-content: space-between;
    align-items: center;
    color: #000
}

.news-share {
    display: flex;
    align-content: center;
    grid-gap: 10px
}

.news-share .networks_linking a {
    float: left;
    width: 30px;
    height: 30px;
    background: var(--gold-color);
    color: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    line-height: 30px;
    transition: background .3s
}

.news-share .networks_linking a:hover {
    background: #000
}

.news-back a {
    position: relative;
    display: table;
    z-index: 1;
    text-decoration: none;
    color: #fff;
    padding: 7px 24px;
    line-height: 20px;
    font-size: 14px;
    background: var(--gold-color);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 700
}

.news-back a:before {
    position: absolute;
    content: '';
    z-index: -1;
    left: 0;
    bottom: 0;
    top: 0;
    width: 0;
    transition: width .3s;
    background: #000
}

.news-back a:hover:before {
    width: 100%
}

/* ********************* */
section.boxes {
    position: relative;
    background: #e7daca;
    padding: 0 0 64px;
    text-align: center
}

section.boxes::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: calc(50% - 22px);
    bottom: 0;
    background: url(../images/bg-box.png) no-repeat right top
}

section.boxes::after {
    position: absolute;
    content: '';
    top: 106px;
    height: 354px;
    left: calc(50% + 873px);
    width: 227px;
    background: url(../images/right.png) no-repeat left top;
    animation: rotate infinite 10s,fadein infinite 5s
}

section.boxes h2 {
    font-size: 65px;
    color: #2d2b2b;
    text-transform: uppercase;
    line-height: 44px;
    margin: 0 0 30px;
    background: url(../images/h2.png) no-repeat center top,url(../images/h21.png) no-repeat 67% 13px;
    padding: 78px 0 24px
}

section.boxes h2 strong {
    color: var(--gold-color)
}

section.boxes .box-grid {
    display: grid;
    grid-template-columns: 361px 361px 361px;
    grid-gap: 30px;
    position: relative;
    justify-content: space-between
}

section.boxes a {
    display: block;
    text-decoration: none;
    position: relative;
    padding: 0 21px 20px;
    line-height: 17px;
    color: var(--default-color);
    background: #fff;
    box-shadow: 0 5px 40px rgba(0,0,0,.29);
    transition: background .3s
}

section.boxes a:hover {
    background: var(--yellow-color)
}

section.boxes a .image {
    position: relative;
    display: block;
    z-index: 1
}

section.boxes a .image img {
    max-width: 100%;
    height: auto
}

section.boxes a .image:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    height: 0;
    transition: height .3s;
    background: rgba(0,0,0,.43)
}

section.boxes a:hover .image:after {
    height: 100%
}

section.boxes a .icon {
    position: relative;
    display: table;
    z-index: 2;
    margin: -61px auto 0;
    width: 81px;
    height: 81px;
    border-radius: 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    transition: baclground .3s
}

section.boxes a:hover .icon {
    background-color: var(--yellow-color)
}

section.boxes a .icon1 {
    background-image: url(../images/icon1.png)
}

section.boxes a .icon2 {
    background-image: url(../images/icon2.png)
}

section.boxes a .icon3 {
    background-image: url(../images/icon3.png)
}

section.boxes a h3 {
    font-size: 24px;
    line-height: 29px;
    color: #2d2d2d;
    margin: 25px 0 13px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: var(--font-family-Poppins)
}

section.boxes a p {
    margin: 0 15px;
    text-shadow: 0 0 0 var(--default-color);
    letter-spacing: .075em
}

section.boxes a .plus {
    display: table;
    width: 58px;
    height: 56px;
    background: url(../images/plus2.png) no-repeat center center;
    margin: 26px auto 0
}

/* ********************* */
section.box-wrapper1 {
    position: relative;
    background: url(../images/bg-box.jpg) no-repeat center top;
}

section.box-wrapper1:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right: 0;
    height: 481px;
    background: rgba(194,69,39,.74);
}

section.box-wrapper1 a.box1 {
    position: relative;
    display: table;
    width: 100%;
    text-decoration: none;
    line-height: 24px;
    color: var(--default-color);
}

section.box-wrapper1 a.box1 h2 {
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    transition: color .3s;
    font-size: 57px;
    line-height: 59px;
    padding: 120px 0 114px;
    margin: 0;
    background: url(../images/h22.png) no-repeat center top;
}

section.box-wrapper1 a.box1 .contenu {
    display: block;
    background: #fff;
    padding: 78px 192px 0 60px;
}

section.box-wrapper1 a.box1 .image {
    float: left;
    margin: 0 78px 58px 0;
    position: relative;
}

section.box-wrapper1 a.box1 .image:after {
    position: absolute;
    content: '';
    bottom: -58px;
    right: -33px;
    width: 151px;
    height: 441px;
    border: 3px solid #e6c41c;
    transition: .3s all ease
}

section.box-wrapper1 a.box1:hover .image:after {
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
    background: var(--yellow-color);
    opacity: .5
}

section.box-wrapper1 a.box1 h3 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 19px;
    line-height: 20px;
    color: #191919;
    text-shadow: 0 0 0 #191919;
    letter-spacing: .075em;
    margin: 56px 0 29px;
}

section.box-wrapper1 a.box1 p {
    text-shadow: 0 0 0 var(--default-color);
    letter-spacing: .05em;
    margin: 0;
}

section.box-wrapper1 a.box1 .plus {
    position: relative;
    display: table;
    z-index: 1;
    color: var(--default-color);
    padding: 8px 59px 8px 36px;
    line-height: 20px;
    margin: 99px 0 0;
    font-size: 14px;
    background: var(--yellow-color) url(../images/plus.png) no-repeat 85% center;
    text-transform: uppercase;
    text-shadow: 0 0 0 var(--default-color);
    letter-spacing: .07em;
}

section.box-wrapper1 a.box1:hover .plus {
    color: #fff;
    text-shadow: none
}

section.box-wrapper1 a.box1 .plus:before {
    position: absolute;
    content: '';
    z-index: -1;
    left: 0;
    bottom: 0;
    top: 0;
    width: 0;
    transition: width .3s;
    background: var(--gold-color) url(../images/plus3.png) no-repeat 85% center
}

section.box-wrapper1 a.box1:hover .plus:before {
    width: 100%
}

/* ******************* */
section.box-galery .highslide-gallery {
    grid-gap: 0
}

section.box-galery p {
    margin: 0
}

/* ********************* */
section.box-wrapper2 {
    position: relative;
    padding: 70px 0 210px;
}

section.box-wrapper2 .photo {
    position: absolute;
    top: 140px;
    width: 747px;
    height: 420px;
    right: 0;
    box-shadow: 0 5px 46px rgba(0,0,0,.58)
}

section.box-wrapper2 .left {
    position: relative;
    width: 50%;
    margin: 68px 0 0;
    text-align: center;
    padding: 45px 35px 34px;
    background: #e7daca
}

section.box-wrapper2 h2 {
    font-size: 37px;
    text-transform: uppercase;
    line-height: 39px;
    margin: 0
}

section.box-wrapper2 h2 a {
    text-decoration: none;
    transition: color .3s;
    color: #262625
}

section.box-wrapper2 h2 a:hover {
    color: var(--gold-color)
}

section.box-wrapper2 figure.Item {
    position: relative;
    display: block
}

section.box-wrapper2 figure.Item .photo {
    display: none
}

section.box-wrapper2 figure.Item h3 {
    font-size: 14px;
    line-height: 24px;
    font-weight: 3;
    text-transform: uppercase;
    color: #c24527;
    text-shadow: 0 0 0 #c24527;
    letter-spacing: .05em;
    margin: 26px 10% 30px
}

section.box-wrapper2 figure.Item p {
    margin: 0;
    letter-spacing: .05em;
    text-shadow: 0 0 0 #191919
}

section.box-wrapper2 figure.Item .button {
    position: relative;
    display: table;
    z-index: 1;
    color: #fff;
    padding: 8px 30px 8px;
    line-height: 20px;
    margin: 30px auto 0;
    font-size: 14px;
    background: var(--gold-color);
    text-transform: uppercase;
    letter-spacing: .07em
}

section.box-wrapper2 figure.Item .button:before {
    position: absolute;
    content: '';
    z-index: -1;
    left: 0;
    bottom: 0;
    top: 0;
    width: 0;
    transition: width .3s;
    background: #191919 url(../images/plus3.png) no-repeat 85% center;
}

section.box-wrapper2 figure.Item:hover .button:before {
    width: 100%
}

section.box-wrapper2 figure.Item a {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    outline: none;
}

/* ********************* */
.maps {
    position: relative;
    height: 300px;
    overflow: hidden
}

.maps .box_googlemapsv2 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.maps .box_googlemapsv2 > iframe {
    position: absolute;
    width: 200vw;
    height: 550px;
    left: -50vw;
    right: -50vw;
    top: -100px;
    bottom: -100px;
    transition: filter .4s
}

.maps:hover .box_googlemapsv2 > iframe {
    filter: grayscale(35%)
}

.maps .link label.modal-label {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    font-size: 0
}

.maps:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 80%;
    height: 100%;
    -webkit-clip-path: polygon(0% 100%,100% 100%,0% 0%);
    clip-path: polygon(0% 100%,100% 100%,0% 0%);
    background: var(--gold-color);
    opacity: .8;
    pointer-events: none;
    transition: background .4s,width .4s,height .4s,clip-path .4s
}

.maps:hover:after {
    width: 33%;
    height: 33%
}

/* ************* */
footer.bottom {
    padding: 50px 0 97px;
    color: #000;
    position: relative;
    font-size: 15px;
    background: #f2f2f2;
    line-height: 26px;
    overflow: hidden;
    z-index: 10
}

footer.bottom::before {
    position: absolute;
    content: '';
    left: calc(50% - 310px);
    right: 0;
    top: 0;
    bottom: 0;
    background: #ffb700
}

footer.bottom::after {
    position: absolute;
    content: '';
    top: 28px;
    width: 629px;
    height: 629px;
    left: calc(50% - 146px);
    background: rgba(150,80,0,.1);
    /*animation: fadein infinite 1.5s;*/
    border-radius: 50%
}

footer.bottom .footer-grid {
    position: relative;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 82px;
    align-items: flex-start;
    padding: 0 0 0 10px;
    z-index: 1
}

footer.bottom .contact {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 30px;
    justify-content: space-between;
    margin: 49px 0 0;
    position: relative
}

footer.bottom .adr {
    padding: 0 0 0 37px;
    background: url(../images/icon-map.png) no-repeat left center;
    letter-spacing: .05em;
    text-shadow: 0 0 0 #1d1d1d
}

footer.bottom .info {
    padding: 0 0 0 34px;
    background: url(../images/icon-tel.png) no-repeat left center;
    letter-spacing: .05em;
    text-shadow: 0 0 0 #1d1d1d;
    line-height: 25px
}

footer.bottom .contact h3 {
    position: relative;
    font-size: 21px;
    text-transform: uppercase;
    color: #171717;
    line-height: 15px;
    margin: 0 0 26px;
    padding: 0 0 9px;
    letter-spacing: .14em
}

footer.bottom .contact .left h3 {
    margin-left: 37px
}

footer.bottom .contact .right h3 {
    margin-left: 34px
}

footer.bottom .contact .open h3 {
    margin-left: 52px
}

footer.bottom .contact h3::before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0;
    width: 27px;
    height: 2px;
    background: #1d1d1d
}

footer.bottom div#openingTimesBlock {
    padding: 0 0 0 52px;
    background: url(../images/icon-open.png) no-repeat left center;
    letter-spacing: .05em;
    text-shadow: 0 0 0 #000
}

footer.bottom span.openingDay {
    display: inline-block;
    width: 59px;
    text-transform: uppercase;
    margin: 0 26px 0 0;
    position: relative
}

footer.bottom span.openingDay::after {
    position: absolute;
    content: '----';
    right: 0
}

footer.bottom .info a,footer.bottom .googlemaps_v2 label.modal-label {
    font-weight: 300;
    color: #000;
    text-shadow: 0 0 0 #000
}

footer.bottom .googlemaps_v2 label.modal-label:hover {
    text-decoration: none
}

footer.bottom .contact::before {
    position: absolute;
    content: '';
    width: 194px;
    height: 194px;
    top: -186px;
    left: 151px;
    border: 1px solid #c9940b;
    animation: fadein infinite 1.5s;
    border-radius: 50%
}

footer.bottom .contact::after {
    position: absolute;
    content: '';
    left: calc(100% + 69px);
    width: 194px;
    height: 194px;
    border: 1px solid #c9940b;
    animation: fadein infinite 1.5s;
    border-radius: 50%;
    bottom: -153px
}

/* ******************** */
.mm-slideout {
    z-index: inherit!important
}

#scrollTopBtn {
    bottom: 39px!important;
    right: 55px!important;
    z-index: 100!important;
    box-shadow: 0 0 5px rgba(255,255,255,1);
    background: var(--gold-color)!important
}

#scrollTopBtn:hover {
    background: var(--yellow-color)!important
}

#footerSlideContainer {
    z-index: 100!important;
    right: 24px!important;
    font-size: 18px!important
}

#footerSlideContainer a,#footerSlideContainer * {
    color: #aaa!important;
    font-size: 15px!important
}

#footerSlideContainer a:hover {
    color: #dc702e!important
}

div.cc-cookies {
    width: 100%;
    z-index: 50!important
}

.cc-cookies a.cc-cookie-accept,.cc-cookies-error a.cc-cookie-accept,.cc-cookies a.cc-cookie-decline,.cc-cookies-error a.cc-cookie-decline,.cc-cookies a.cc-cookie-reset {
    background: #fff!important;
    margin: 0 10px;
    color: #fff!important;
    margin-right: 140px
}

.cc-cookies a:hover.cc-cookie-accept,.cc-cookies-error a:hover.cc-cookie-accept,.cc-cookies a:hover.cc-cookie-decline,.cc-cookies-error a:hover.cc-cookie-decline,.cc-cookies a:hover.cc-cookie-reset {
    background: #fff!important
}

div.cc-cookies {
    background: #404040;
    width: 100%
}

.formError,.formError *,#fancybox-wrap,#fancybox-wrap * {
    box-sizing: content-box
}

div#_atssh {
    bottom: 0
}

.cookieinfo {
    z-index: 10!important
}

#footerSlideButton {
    bottom: 7px
}

.img-box {
    width: 100%;
    height: 100%
}

@media only screen and (max-width : 1360px) {
    header.top section.banner {
        left:15px;
        width: 600px
    }

    header.top.big {
        height: 780px
    }
}

@media only screen and (max-width : 1330px) {
    .container {
        width:100%
    }

    nav.main-nav a.cta {
        right: 15px
    }

    header.top .logo-wrapper {
        right: 15px;
        top: 140px
    }

    header.top .slogan strong {
        font-size: 43px
    }

    header.top section.banner {
        bottom: 25px
    }

    header.top.big {
        height: 740px
    }

    section.home-content article.content {
        width: calc(50% + 100px)
    }

    section.home-content {
        padding: 79px 0
    }

    section.boxes .box-grid {
        grid-template-columns: 1fr 1fr 1fr
    }

    section.box-wrapper1 a.box1 .contenu {
        padding: 78px 60px 0
    }

    section.box-wrapper2 {
        padding: 60px 0 120px;
    }

    section.box-wrapper2 .photo {
        top: 109px;
        width: 60%;
    }

    section.box-wrapper2 .left {
        margin: 40px 0 0;
        padding: 45px 15px 34px
    }

    section.box-wrapper2 figure.Item h3 {
        margin: 20px 0
    }

    footer.bottom::before {
        left: 355px
    }
}

@media only screen and (max-width : 1199px) {
    section.boxes a {
        padding:0 15px 20px
    }

    section.boxes a h3 {
        font-size: 23px
    }

    a.moreless-button {
        margin: 30px 0 0
    }

    section.home-content article.content {
        width: calc(50% + 150px)
    }

    h1,.h1 {
        font-size: 60px
    }

    header.page-title h1 span:nth-child(2) {
        font-size: 20px
    }

    header.top .slogan strong {
        font-size: 35px;
        line-height: 26px
    }

    header.top .slogan {
        font-size: 25px;
        line-height: 30px;
        letter-spacing: 0
    }

    header.top section.banner {
        width: 500px
    }

    header.top.small section.banner {
        width: 500px
    }

    header.top.small,header.top.big {
        height: 640px
    }

    header.top .logo-wrapper {
        top: 120px
    }

    nav.main-nav .sf-menu {
        padding: 0
    }

    footer.bottom .footer-grid {
        grid-template-columns: 1fr;
        grid-gap: 80px;
        padding: 0
    }

    .logo-footer {
        margin: 0 auto
    }

    footer.bottom::before {
        left: 0;
        top: 283px
    }

    footer.bottom .contact {
        margin: 0
    }

    section.box-wrapper1 a.box1 .contenu {
        padding: 78px 30px 0
    }

    section.box-wrapper1 a.box1 h3 {
        font-size: 18px;
        letter-spacing: 0;
        margin: 30px 0 29px
    }

    footer.bottom .contact::before {
        display: none
    }
}

@media only screen and (max-width : 1023px) {
    nav.main-nav .sf-menu {
        display:none
    }

    nav.main-nav .mobile-nav {
        display: table;
        margin: 0 auto
    }

    .is-sticky nav.main-nav::before {
        display: none
    }

    header.top section.banner {
        top: 65px
    }

    header.top.big {
        height: 600px
    }

    header.top .logo-wrapper {
        top: 80px
    }

    section.boxes a h3 {
        font-size: 21px
    }

    .box-wrapper1 a.cta {
        font-size: 40px;
        line-height: 40px
    }
}

@media only screen and (max-width : 991px) {
    header.top.small,header.top.big {
        height:900px
    }

    header.top section.banner {
        width: 100%;
        height: 300px;
        bottom: auto;
        left: 0;
        top: 600px;
        border-radius: 0;
        border: none
    }

    header.top .banner .fluid_container,header.top .banner #slideshow {
        border-radius: 0
    }

    header.top.small section.banner {
        width: 100%
    }

    header.top::before {
        display: none
    }

    header.top .logo-wrapper {
        top: 80px;
        left: 15px
    }

    header.top .logo {
        left: 0
    }

    section.home-content::after {
        top: 126px;
        right: auto;
        height: 454px;
        left: calc(50% + 85px);
        width: 277px
    }

    a.moreless-button {
        margin: 30px auto 0;
    }

    section.home-content article.content {
        width: 100%
    }

    section.home-content::before {
        display: none
    }

    section.home-content {
        padding: 60px 0
    }

    section.home-content .photo-home {
        position: relative;
        display: table;
        left: auto;
        top: auto;
        width: auto;
        margin: 0 auto 30px;
        max-width: calc(100% - 30px)
    }

    section.boxes .box-grid {
        grid-template-columns: 1fr;
        margin: 0 auto;
        max-width: 361px
    }

    section.box-wrapper1 a.box1 .plus {
        margin: 55px 0 0;
    }

    section.box-wrapper1 a.box1 h3 {
        margin: 0 0 29px
    }

    section.box-wrapper1 a.box1 .image::after {
        bottom: -35px;
        height: 300px;
    }

    section.box-wrapper2 .photo {
        position: relative;
        top: 0;
        width: calc(100% - 30px);
        height: auto;
        left: 0;
        margin: 0 auto;
        max-width: 778px
    }

    section.box-wrapper2 .photo img {
        max-width: 100%
    }

    section.box-wrapper2 .left {
        width: 100%;
    }

    footer.bottom .adr, footer.bottom .info,footer.bottom div#openingTimesBlock {
        letter-spacing: 0
    }

    footer.bottom span.openingDay {
        margin: 0 16px 0 0
    }

    .box-wrapper1 a.cta {
        font-size: 30px;
        line-height: 30px;
        text-align: center
    }

    nav.main-nav a.cta {
        top: 62px
    }
}

@media only screen and (max-width : 767px) {
    .image-right,.image-left {
        float:none;
        margin: 10px auto;
        width: 100%;
        height: 300px;
        display: block
    }

    span.phone {
        display: none
    }

    span.phone-responsive {
        display: inline-block
    }

    section.home-content .photo-home img {
        -webkit-mask-image: none
    }

    section.home-content .photo-home::before, section.home-content .photo-home::after ,section.home-content::after {
        display: none
    }

    h1, .h1 {
        font-size: 42px
    }

    section.boxes h2 {
        font-size: 55px
    }

    section.box-wrapper1 a.box1 .image {
        float: none;
        margin: 0 auto 60px;
        display: table
    }

    section.box-wrapper1 a.box1 .contenu {
        padding: 60px 15px 0;
        text-align: center
    }

    section.box-wrapper1 a.box1 .plus {
        margin: 30px auto 0
    }

    footer.bottom .contact {
        grid-template-columns: 1fr
    }

    footer.bottom .contact h3 {
        margin: 0 0 26px !important;
        letter-spacing: .1em;
        text-align: center
    }

    footer.bottom .contact h3::before {
        left: calc(50% - 14px)
    }

    footer.bottom .adr , footer.bottom .info {
        padding: 30px 0 0;
        background-position: center top;
        text-align: center
    }

    footer.bottom div#openingTimesBlock {
        padding: 30px 0 0;
        background-position: center top;
        display: table;
        margin: 0 auto
    }

    footer.bottom::after,footer.bottom .contact::before {
        display: none
    }

    article.content #NewsItems {
        grid-template-columns: 1fr
    }
}

@media only screen and (max-width : 480px) {
    article.content p {
        text-align:left!important
    }

    header.top.small,header.top.big {
        height: 900px
    }

    header.top section.banner {
        top: 560px
    }

    header.top .logo img {
        max-width: 250px
    }

    header.top .slogan strong {
        font-size: 20px;
        line-height: 20px
    }

    header.top .slogan {
        font-size: 18px;
        line-height: 18px
    }

    h1, .h1 {
        font-size: 30px
    }

    section.boxes h2 {
        font-size: 40px
    }

    section.box-wrapper1 a.box1 h2 {
        font-size: 40px
    }

    nav.main-nav a.cta {
        left: 15px;
        text-align: center;
        padding: 10px;
        font-size: 14px
    }

    header.top.small,header.top.big {
        height: 900px
    }

    .box-wrapper1 a.cta {
        font-size: 23px;
        line-height: 23px
    }

    header.top section.banner::before {
        height: 100%
    }
}

/* ******************** */
.sf-menu,.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none
}

.sf-menu li {
    position: relative
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 50%;
    z-index: 99;
    transform: translateX(-50%)
}

.sf-menu > li {
    display: inline-block;
    text-align: center
}

.sf-menu li:hover > ul,.sf-menu li.sfHover > ul {
    display: block
}

.sf-menu a {
    display: block;
    position: relative
}

.sf-menu ul ul {
    top: 0;
    left: 100%
}

.sf-menu ul {
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    background: #eee;
    min-width: 100%;
    padding: 5px;
    text-align: center
}

.sf-menu > li#menu_10 {
    margin: 0 50px 0;
}

.sf-menu a {
    padding: 18px 0 29px;
    font-size: 14px;
    line-height: 20px;
    text-decoration: none;
    color: #000;
    text-shadow: 0 0 0 #000,0 0 0 #000;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-weight: 200
}

.sf-menu > li#menu_9 a,.sf-menu > li#menu_10 a {
    color: #f1e6d8;
    text-shadow: 0 0 0 #f1e6d8
}

.sf-menu ul li:not(:first-child) {
    border-top: 1px solid #ccc
}

.sf-menu ul li a {
    padding: 5px!important;
    text-transform: none;
    color: #000!important;
    background: none !important
}

.sf-menu li a:hover,.sf-menu li.sfHover > a,.sf-menu li.selected > a,.sf-menu li.active > a {
    background: url(../images/hover.png) no-repeat center bottom;
    color: var(--yellow-color) !important;
    text-shadow: 0 0 0 var(--yellow-color) !important
}

.sf-menu ul li a:hover,.sf-menu ul li.sfHover > a,.sf-menu ul li.selected > a,.sf-menu ul li.active > a {
    background: var(--gold-color) !important;
    color: #fff!important
}

.sf-arrows .sf-with-ul::after {
    content: '\f107';
    font-family: 'FontAwesome';
    font-size: .9em;
    line-height: 5px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    transition: color .4s
}

/* **************** */
.site-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1fff;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    opacity: 0;
    transform: translate3d(100%,0,0);
    transition: opacity 0.4s,transform 0 .4s;
    transition-timing-function: cubic-bezier(0.7,0,0.3,1)
}

.close-button {
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    right: 1em;
    top: 1em;
    overflow: hidden;
    text-indent: 1em;
    font-size: .75em;
    border: none;
    background: transparent;
    color: transparent
}

.close-button::before,.close-button::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #ccc;
    transition: background .4s
}

.close-button::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.close-button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.close-button:hover::before,.close-button:hover::after {
    background: #fff
}

.menu-wrap {
    position: fixed;
    overflow: auto;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 300px;
    height: 100%;
    background: #000;
    box-shadow: 0 0 20px rgba(0,0,0,.8);
    padding: 40px 20px 20px;
    transform: translateX(-100vw);
    transition: transform .4s;
    transition-timing-function: cubic-bezier(0.7,0,0.3,1)
}

.mobile-menu {
    transform: translateX(500px)
}

.mobile-menu > ul {
    display: block;
    transform: translateX(-1fffpx)
}

.mobile-menu,.mobile-menu > ul {
    transition: transform 0 .4s;
    transition-timing-function: cubic-bezier(0.7,0,0.3,1)
}

.mobile-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 1.5em
}

.mobile-menu ul ul {
    background: rgba(0,0,0,.15);
    font-size: 16px;
    border-top: 1px solid rgba(255,255,255,.2)
}

.mobile-menu li:first-child {
    border-top: none
}

.mobile-menu li {
    border-top: 1px solid rgba(255,255,255,.2)
}

.mobile-menu li li {
    position: relative;
    border-top: 1px solid rgba(255,255,255,.2)
}

.mobile-menu li li::before {
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    color: rgba(255,255,255,.5);
    z-index: 5;
    left: 10px;
    top: 4px
}

.mobile-menu a {
    padding: 5px;
    display: block;
    color: #fff;
    text-decoration: none;
    transition: color .4s,background .4s
}

.mobile-menu a:hover,.mobile-menu .selected a,.mobile-menu .active a {
    background: var(--gold-color)
}

.mobile-menu li li a {
    padding-left: 25px
}

.show-menu .menu-wrap {
    transform: translate3d(0,0,0);
    transition: transform .8s;
    transition-timing-function: cubic-bezier(0.7,0,0.3,1)
}

.show-menu .mobile-menu,.show-menu .mobile-menu ul {
    transform: translate3d(0,0,0);
    transition: transform .8s;
    transition-timing-function: cubic-bezier(0.7,0,0.3,1)
}

.show-menu .mobile-menu ul {
    transition-duration: .9s
}

.show-menu .site-overlay {
    opacity: 1;
    transition: opacity .8s;
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transform: translate3d(0,0,0)
}



/**CSS News sharing**/
.news-share {
  position: relative;
  margin-top: 20px;
  background: none;
  padding: 10px 20px;
  border: 1px solid #c3c2c2;
  /*display: flex;*/
  display:grid;
  grid-template-columns:auto auto 45px;
  /*justify-content: space-between;*/
  align-items: center;
}
.news-share span.share-icons {
  text-align: right;
  position: relative;
}
.news-share span.share-icons div#ContainerBlockSocial {
  padding-right: 20px;
}
span.share-icons::after {
  content: '';
  position: absolute;
  width: 1px;
  top: -16px;
  bottom: -16px;
  background: #c3c2c2;
}
span.share-icons::after {
  right: 0;
}
.news-share #ContainerBlockSocial a{
  background-color: #a94442 !important;
  border-radius: 15px!important;
}
.news-share .networks_linking a {
  display: inline-block;
  margin: 0 2px;
  width: 35px;
  height: 35px;
  background: #bfa45a;
  border-radius: 50%;
  color: #fff;
  line-height: 35px;
  transition: all .4s;
}
.news-share #ContainerBlockSocial a {
  transition: all .4s;
}
.news-share #ContainerBlockSocial a:hover {
  background: #000000 !important;
}
.news-share .networks_linking a:hover {
  color: #fff;
  background-color: #222 !important;
}
.news-share .networks_linking a.networks_google i, .news-share .networks_linking a.networks_tiktok i {
  font-size: 0;
}
.news-share .networks_linking a.networks_google {
  background-image: url(../images/gmb.png) !important;
  background-repeat: no-repeat!important;
  background-position: center!important;
}
.news-share .networks_linking a.networks_tiktok {
  background-image: url(../images/tiktok.png)!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
}
a.backbtn { 
  background:none!important;
}
.backbtn {
   /* background: #aaaaaab0;*/
    text-indent: 0;
    text-decoration: none;
    width: 30px;
    height: auto;
    margin: 5px auto;
    color: #fff;
    padding: 5px 12px;
    border-radius:14px;
}
.backbtn:hover {
    text-decoration: none;
    color: #fff;
    background: #aaa;
}