/*
Wireframe: 20
Version: 2.0
Update: 2023.03.16
*/
/*--------------------------------------------------
>> TABLE OF CONTENTS:
----------------------------------------------------
# Fonts
# General
# Navigation
    ## Superfish
    ## Mobile navigation
--------------------------------------------------*/
/*--------------------------------------------------
# Fonts
--------------------------------------------------*/
@font-face {
    font-family: 'Fjalla One';
    src: url('../fonts/FjallaOne-Regular.woff2') format('woff2'),
        url('../fonts/FjallaOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 @font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-Bold.woff2') format('woff2'),
        url('../fonts/Jost-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-SemiBold.woff2') format('woff2'),
        url('../fonts/Jost-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-Medium.woff2') format('woff2'),
        url('../fonts/Jost-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-Regular.woff2') format('woff2'),
        url('../fonts/Jost-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-Light.woff2') format('woff2'),
        url('../fonts/Jost-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}@font-face {
    font-family: 'Jost';
    src: url('../fonts/Jost-Light.woff2') format('woff2'),
        url('../fonts/Jost-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/*--------------------------------------------------
# General
--------------------------------------------------*/
:root{
--bs-body-color:#333333;
--bs-body-bg:#f9fafa;
--bs-primary-color:#918f90;
--bs-secondary-bg:#d1d1d1;
--bs-tertiary-color:#b4b2b3;
--bs-tertiary2-color:#25282a;
--dark-color:#282828;
--light-color:#fff;
--bs-btn-padding-x:20px;
--bs-btn-padding-y:10px;
--border-color:#484647;
--bs-nav-link-color:#ffffff ;
--bs-nav-link-color-second:#31dceb;
--bs-color-gray:#282828;
--bs-body-font-family:'Jost';
--bs-titles-font-family:'Fjalla One';
--bs-body-font-weight:400;
--bs-body-line-height:25px;
--bs-body-font-size:15px;
--bs-nav-link-font-size:1em;
--bs-nav-link-font-weight:700;
--bs-nav-link-padding-y:10px;
--bs-nav-link-padding-x:0;
--bs-navbar-nav-link-padding-x:0;
--bs-dropdown-zindex:99;
--bs-dropdown-min-width:200px;
--bs-dropdown-padding-x:20px;
--bs-dropdown-padding-y:15px;
--bs-dropdown-font-size:1em;
--bs-dropdown-padding-y:5px;
--bs-dropdown-font-size:1em;
--bs-border-radius:40px!important;
}
.btn-primary {
	--bs-btn-color: #fff;
	--bs-btn-bg:#333333;
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: #918f90;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #918f90;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: #333333;
	--bs-btn-disabled-border-color:#333333;
	border-radius: 0;
	border: none;
}
body {
    background: url(../images/bg-body.webp) repeat-y top center fixed;
    background-size: cover;
}
.box-light, .box-border-left, .box-border-right {
    padding: 20px;
    margin: 0 0 20px;
    background: var(--light-color);
    border-radius: 20px;
    border: 1px solid #91919130;
    box-shadow: 0px 0px 50px rgb(0 0 0 / 10%);
}
.box-border-left {
    border-left: 7px solid var(--bs-primary-color);
}
.box-border-right {
    border-right: 7px solid var(--bs-primary-color);
}
.box-dark {
	padding: 20px;
	margin: 0 0 20px;
    color: var(--bs-body-bg);
	background: var(--dark-color);
	border-radius: var(--bs-border-radius);
}
.box-dark a {
    color: var(--bs-body-bg) !important;
}
.container {
	max-width: 1170px;
}
/*--------------------------------------------------
# banner
--------------------------------------------------*/

.networks_linking a {
    font-size: 18px;
	
    color: var(--bs-body-color)!important;
    width: 52px;
    height: 52px;
    line-height:52px;
    vertical-align: top;
    display: inline-block;
    margin: 0 0px 0 6px ;
    text-align: center;
    position: relative;
    border-radius: 50%;
    background:var(--bs-white)

}

.networks_linking a:hover{
	transition: 0.3s all;
  color:var(--bs-white) !important;
	background:var(--bs-tertiary2-color)

}
.networks_linking .fa-google:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    content: "";
    text-align: center;
    border-radius: 50%;
    background: url(../images/gol.webp) no-repeat center;
    z-index: 1;
}

.fa-google:before{
    display: none;
}
.fa-facebook::before {
    content: "\f39e" !important;
    
}
.telephone a {
    background:url(../images/tel.webp) no-repeat left 33px center, linear-gradient(to right, var(--bs-primary-color) 0%, var(--bs-secondary-bg) 50%, var(--bs-tertiary-color) 100%);
    height: 60px;
    padding: 18px 33px 14px 82px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 16PX;
    text-transform: uppercase;
    letter-spacing: 0;
  color:var(--bs-body-color)!important;
    
}

.telephone a:hover {
  transition: 0.3s all;
    transform: scale(0.9);
}
/************/
a#no-page {
    pointer-events: none;
}

header .nav-item  {
  	padding: 0 18px;
}
header a.nav-link {
    position: relative;
    font-family: var(--bs-body-font-family);
    font-weight: 600;
    padding: 15px 0 !important;
    font-size: 16px;
    line-height: 1em;
    text-decoration: none;
    text-align: center;
    color: var(--bs-body-bg);
    transition: none;
    text-transform: uppercase;
    display: inline-block;
    letter-spacing: 0.05em;
}

header ul.level-0 > li > a:hover:before, header ul.level-0 > li.sfHover > a:before, .sf-menu > li.selected > a:before, header .navbar-nav  > li.active > a:before {
    width: 100% !important;
    transition: all .4s;
}
header .navbar-nav > li > .nav-link::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom:-52px;
    width: 0px;
    height: 8px;
    margin: 0 auto;
    background: linear-gradient(to right, var(--bs-primary-color) 0%, var(--bs-secondary-bg) 50%, var(--bs-tertiary-color) 100%);
}
.head-middle.sticky-top.is-sticky .navbar-nav > li > .nav-link::before {bottom: -14px;}
header ul.level-0>.nav-item:first-child a {
	padding-left : 0 !important;
}
header ul.level-0>.nav-item:last-child a {
	padding-right : 0 !important;
}
header .nav-item .dropdown-toggle {
    display: inline-block;
    line-height: 8px;
}
header .nav-item .dropdown-toggle::after {
    font-family: var(--fa-style-family, "Font Awesome 6 Pro");
    font-weight: var(--fa-style, 400);
    border: none;
    font-size: 12px;
    content: '\f078';
    color: var(--bs-body-bg) !important;
      vertical-align: 0em;
}
header .nav-item:hover .dropdown-toggle::after{
	color: var(--bs-secondary-bg) !important;
}

header .navbar-nav .dropdown-menu{
	border: none;
	left: 50%;
	transform: translateX(-50%);
	background: var(--bs-primary-color);
	border-radius: 0;
	padding: 0;
	min-width: 200px;
}
header .navbar-nav .dropdown-menu .nav-item{
	padding: 0 18px;
}
header .navbar-nav .dropdown-menu .nav-item:not(:last-child){
	border-bottom: 1px solid rgba(255 , 255, 255,0.4 );
}
header .navbar-nav .dropdown-menu .nav-item a.nav-link {
    color: var(--light-color);
    font-size: 16px;
    display: block !important;
    padding: 7px 0 !important;
    line-height: 1.2;
}
header .navbar-nav > li > .nav-link:hover, header .navbar-nav > li.selected > .nav-link{
     color: var(--bs-white) ;
    text-decoration: none;
}
header .navbar-nav .dropdown-menu .nav-item a.nav-link:hover, header .navbar-nav .dropdown-menu .nav-item.selected> a.nav-link {
    color: var(--bs-white) ;
    text-decoration: none;
}
button.navbar-toggler:before {
	top: 0;
	transform: rotate(-32deg);
	transform-origin: right;
}
button.navbar-toggler:after {
	bottom: 0;
	transform: rotate(32deg);
	transform-origin: right;
}
button.navbar-toggler:after, button.navbar-toggler:before {
	content: '';
	width: 1.5em;
	background: var(--bs-body-color);
	position: absolute;
	left: 0;
	height: 2px;
	transition: .3s;
}
button.navbar-toggler .navbar-toggler-icon {
	display: block;
	height: 2px;
	background-image: none;
	background-color: var(--bs-body-color);
	transition: .1s;
	opacity: 1;
	margin: 8px 0;
}
.head-middle.sticky-top.is-sticky div#logo, .head-middle.sticky-top.is-sticky .telephone, .head-middle.sticky-top.is-sticky .social {
    display: none !important;
}
.head-middle.sticky-top.is-sticky{
	background: var(--dark-color);
	position: fixed !important;
	width: 100%;
	left: 0;
	text-align: center;
	border-bottom: 1px solid var(--bs-secondary-bg);
      padding: 5px 0;
}
.head-middle.is-sticky .inner-wrapper{
    justify-content: center !important;
}
header nav.navbar.sticky-top.is-sticky .navbar-nav {
	margin: 0 auto !important;
}
header nav.navbar.sticky-top:not(.is-sticky){
	margin-top: 17px;
}
header nav.navbar {
    padding: 0px 0 5px !important;
    margin-top: 7px;
}
.head-middle .cta a {
	background: linear-gradient(90deg, var(--bs-tertiary2-color) 0%, var(--bs-tertiary-color) 100%);
  border-radius: var(--bs-border-radius);
      font-size: 18px;
    letter-spacing: 0.05em;
    padding: 15px 38px;
    line-height: 32px;
      margin-top: 12px;
}
.head-middle .cta a:hover {
	background: linear-gradient(90deg, var(--bs-tertiary-color) 0%, var(--bs-tertiary2-color) 100%);
}
img.img-responsive.center-block {
    margin: auto;
    display: table;
}
/* --- */
section.banner {
	/*height: 950px;*/
      height: 100vh !important;
    min-height: 450px;
}
section.banner:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    background:url('../images/bg-slide.webp') repeat-x center top ;
    z-index: 2;
}
section.banner.small {
    height: 500px;
}
section.banner.small .banner-wrapper {
    margin-top: 0;
    transform: none !important;
    top: auto !important;
    bottom: 30px;
}
section.banner .carousel, section.banner .carousel-inner, section.banner .carousel-inner img, section.banner .carousel-item {
	height: 100%;
  object-fit: cover;
	
}
section.banner .carousel-control-next, section.banner .carousel-control-prev {
	display: none;
}
section.banner .banner-wrapper .title h2 {
    font-size: 50px;
    margin-bottom: 0;
    color: #fff;
    letter-spacing: 0.09em;
}
section.banner .banner-wrapper .title h2 span {
    color: var(--bs-primary-color);
}
section.banner .banner-wrapper {
    margin-bottom: 70px;
}
section.banner .banner-wrapper .cta a {
    background: var(--bs-black);
    font-size: 18px;
    letter-spacing: 0em;
    padding: 18px 51px;
    line-height: 32px;
    margin-top: 12px;
    border-radius: 20px;
    border: 1px solid var(--bs-white) !important;
}
section.banner .banner-wrapper .cta a:hover {
  transition: 0.3s all;
    transform: scale(0.9);
}
/**************************/
header.header-interne {
    border-bottom: 3px solid var(--bs-color-gray);
}
/****/
.head-middle {
    padding: 20px 0 30px;
    z-index: 99 !important;
    border-bottom: 1px solid rgb(101 101 101 / 50%);
}
.container-fluid {
    width: 100%;
    max-width:1551px;
    margin: 0 auto;
}


/* -----------------------------------------------
	#boxs
-----------------------------------------------------*/
section.boxs-icons {
    padding: 150px 0 160px ;	
}
section.boxs-icons h2 {
    margin-bottom: 40px;
}
section.boxs-icons .swiper-container{
	overflow: hidden;
	margin: 0 ;
}
section.boxs-icons .swiper-slide{
   height: auto !important;
}
section.boxs-icons .swiper-slide .bx-home  {
    margin: 20px auto;
    padding: 44px 70px 60px;
    background: var(--bs-body-bg);
    border-radius: 40px;
    box-shadow: 0 0 20px rgb(0 0 0 / 5%);
     
}
section.galerie-home .nav-gallery {
    display: none;
}
section.boxs-icons .swiper-slide .bx-home.bx-home2, section.boxs-icons .swiper-slide .bx-home.bx-home4  {
    background:linear-gradient(to right, var(--bs-primary-color) 0%, var(--bs-secondary-bg) 50%, var(--bs-tertiary-color) 100%);
}
section.boxs-icons .swiper-slide .bx-home:before {
    position: absolute;
    right: 26px;
    top: 23px;
    font-size: 46px;
    color: rgb(18 46 64 / 12%);
    font-family: var(--bs-titles-font-family);
}
section.boxs-icons .swiper-slide .bx-home.bx-home1:before {
    content: '01';
}
section.boxs-icons .swiper-slide .bx-home.bx-home2:before {
    content: '02';
}
section.boxs-icons .swiper-slide .bx-home.bx-home3:before {
    content: '03';
}
section.boxs-icons .swiper-slide .bx-home.bx-home4:before {
    content: '04';
}
section.boxs-icons .bx-home .icon {
 width: 80px;
    height: 80px;
    position: relative;
    display: inline-block;
    border-radius: 0
       opacity: 0;
  transform: translateY(20px);
     transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  
}
section.boxs-icons .bx-home:hover .icon {
  transform: translateY(-10px);
  opacity: 1;
}


section.boxs-icons .bx-home .icon.icon1 {
background: url(../images/ic1.webp)no-repeat center;   
   transition: transform 0.5s ease-in-out;
}
section.boxs-icons .bx-home .icon.icon2 {
background:url(../images/ic2.webp)no-repeat center;    
     transition: transform 0.5s ease-in-out;
}
section.boxs-icons .bx-home .icon.icon3 {
background: url(../images/ic3.webp)no-repeat center;  
     transition: transform 0.5s ease-in-out;
}
section.boxs-icons .bx-home .icon.icon4 {
background:url(../images/ic4.webp)no-repeat center;  
     transition: transform 0.5s ease-in-out;
}


section.boxs-icons .swiper-slide .bx-home .txt-box {
transition: all .4s;
}
section.boxs-icons .swiper-slide .bx-home .txt-box h3 {
	   margin: 25px 0 0;
          font-size: 25px;
}
section.boxs-icons .swiper-pagination{
  bottom: -55px;
}

section.boxs-icons .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    opacity: 1 !important;
    background: transparent;
    border: 1px solid var(--bs-black);
    margin: 0 6px !important;
    opacity: 0.7 !important;
}
section.boxs-icons .swiper-pagination-bullet-active {
    opacity:1 !important;
border: 1px solid  var(--bs-black);
   background: var(--bs-black);
}

/*------------------------------------------------ 
 # boxs 
------------------------------------------------*/
section.boxs {
    padding:120px 0 160px;
    background: url(../images/bg.webp) no-repeat top center;
  background-size: cover;
}

section.boxs h2 {
  	margin-top:0px;
    	padding-top:0px;
  	padding-bottom:33px;
	margin-bottom:41px;
    color: var(--bs-white);
}
section.boxs h2:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    width: 74px;
    height: 8px;
    margin: 0 auto;
    background: linear-gradient(to right, var(--bs-primary-color) 0%, var(--bs-secondary-bg) 50%, var(--bs-tertiary-color) 100%);
}
section.boxs .boxes-slider {
   margin:0;
}
section.boxs .bx-home {
    margin: 0px 0 123px;
      transition: all .4s linear;
}
section.boxs .bx-home:hover {
    transform: translateY(80px);
}
section.boxs .bx-img img {
    border-radius: 20px;
      height: 652px !important;
}


section.boxs .bx-home .bx-text {
    left: 9px;
    right: 9px;
    padding: 30px 90px;
    position: absolute !important;
    top: auto;
    bottom: -43px;
    background:var(--bs-black); 
    color: var(--bs-white);
      border-radius: 20px;
}
section.boxs .bx-home:hover .bx-text {
    background: linear-gradient(to right, var(--bs-primary-color) 0%, var(--bs-secondary-bg) 50%, var(--bs-tertiary-color) 100%);
   color: var(--bs-body-color);
}
section.boxs .bx-home .bx-text h4{
     color: var(--bs-white);
    padding-bottom: 20px;
    font-size: 30px;
    margin-bottom: 0;
}
section.boxs .bx-home:hover .bx-text h4{
   color: var(--bs-body-color);
}
section.boxs .bx-home .bx-text p {
	position: relative;
	text-align: center;
	max-width: 100%;
	margin: 0 auto;
}

a.link {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 3;
    opacity: 0;
}
/**slick**/
/**slick**/
section.boxs .swiper-pagination.swiper-pagination-boxs2{
	bottom: -75px;
}
section.boxs .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    opacity: 1 !important;
    background: transparent;
    border: 1px solid var(--bs-white);
    margin: 0 6px !important;
    opacity: 0.7 !important;
}
section.boxs .swiper-pagination-bullet-active {
    opacity:1 !important;
border: 1px solid var(--bs-white);
   background: var(--bs-white);
}
/*--------------------------------------------------
# content home
--------------------------------------------------*/
a {
    color: var(--bs-primary-color);
    text-decoration: underline;
    transition: all .4s;
}

a:active, a:hover, a:focus {
    color: var(--bs-primary-color);
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  	position: relative;
  	font-family: var(--bs-titles-font-family);
  	line-height: 1.2em;
  	font-weight: 400;
  	color: var(--bs-tertiary2-color);
  	margin: 0 0 10px;
	text-transform: inherit;
      letter-spacing: 0em;
}
h1, .h1 {
    font-size: 50px;
}
section.galerie-home h2, section.boxs h2{
      font-size: 48px;
}
h2, .h2 {
    font-size: 40px;
}
h3, .h3 {
    font-size: 30px;
}
h4, .h4 {
    font-size: 26px;
}
h5, .h5 {
    font-size: 23px;
}
h6, .h6 {
    font-size: 21px;
}
/* --- 
*/
section.home-content {
	padding: 199px 0 260px;

}

section.content h1 {
	position: relative;
	margin-bottom: 35px;
	
}
section.home-content h1, section.content.page-content.content-page .grid-home.block-right h1 {
color: var(--bs-white);
    padding: 0 0 50px;
    margin: 0 0 27px;
}
section.home-content h1:before, section.content.page-content.content-page .grid-home.block-right h1:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    width: 74px;
    height: 8px;
    margin: 0 auto;
    background: linear-gradient(to right, var(--bs-primary-color) 0%, var(--bs-secondary-bg) 50%, var(--bs-tertiary-color) 100%);
}
section.home-content .grid-home.block-right:before, section.content.page-content.content-page .grid-home.block-right:before {
content: '';
    position: absolute;
    right: 0;
    top: 59px;
    bottom: -56px;
    border: 5px solid #000;
    max-width: 1172px;
    width: 100%;
    border-radius: 20px;
}
section.home-content .grid-home.block-right, section.content.page-content.content-page .grid-home.block-right {
    margin-bottom: 90px;
}

section.home-content .grid-home.block-right .grid-img,  section.content.page-content.content-page .grid-home.block-right .grid-img{
    width: 54%;
    margin: -21px 0 -37px;
}

section.home-content .grid-home.block-right .grid-img img, section.content.page-content.content-page .grid-home.block-right .grid-img img{
    border-radius: 20px;
}
section.home-content .grid-home.block-right .text, section.content.page-content.content-page .grid-home.block-right .text {
    width: 61%;
    background: var(--bs-black);
    border-radius: 0 20px  20px 0;
    padding: 67px 75px;
    z-index: 0;
    margin-right: 53px;
    max-width: 832px;
}
section.home-content .grid-home.block-right .text p, section.content.page-content.content-page .grid-home.block-right .text p{
  text-align: center !important;
}

section.home-content .grid-home.block-right .text:before, section.content.page-content.content-page .grid-home.block-right .text:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg1.webp) no-repeat top center fixed;
    z-index: 0;
      border-radius:0 20px  20px 0;
    opacity: 0.36;
    mix-blend-mode: normal;
    background-size: cover;
}


section.content .readmore  {
    display: block;
    margin: 35px auto 0;
    text-transform: uppercase;
    font-size: 16px;
    color: var(--bs-tertiary2-color);
    border-radius: 20px;
    padding: 20px 19px;
    width: 194px;
    font-weight: 600;
    height: 60px;
    text-align: center;
    background: linear-gradient(to right, var(--bs-primary-color) 0%, var(--bs-secondary-bg) 50%, var(--bs-tertiary-color) 100%);
}
section.content .readmore:hover {
transition: 0.3s all;
    transform: scale(0.9);
}
article.content li{
	background: url(../images/bullet.webp)no-repeat left 6px;
	padding-left: 20px;
	margin-left: 0px;
}
article.content ul{
	padding-left: 0px;
	margin-left: 0px;
}
article.content li::marker{
	content: "" !important;
}
section.content.page-content.content-page {
    padding: 60px 0;
}
/* ----------------------------------------------

------------------------------------------------- */

section.parallax {
    padding: 150px 0px;

      background :var(--bs-black);
}
section.parallax.parallax-small {
    padding: 180px 0;
}
section.parallax:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    opacity:0.4;
    mix-blend-mode: normal;
}
section.parallax.bg2:before {
    background: url(../images/bg-devis.webp) no-repeat center top fixed;
    background-size: cover;
}
section.parallax.bg3:before {
    background: url(../images/bg-devis3.webp) no-repeat center top fixed;
    background-size: cover;
}
section.parallax.bg4:before {
    background: url(../images/bg-devis4.webp) no-repeat center top fixed;
    background-size: cover;
}
section.parallax a.readmore {
    display: block;
    margin: 35px auto 0;
    text-transform: uppercase;
    font-size: 16px;
    color: var(--bs-tertiary2-color);
    border-radius: 20px;
    padding: 20px 19px;
    width: 194px;
    font-weight: 600;
    height: 60px;
    text-align: center;
    background: linear-gradient(to right, var(--bs-primary-color) 0%, var(--bs-secondary-bg) 50%, var(--bs-tertiary-color) 100%);
}
section.parallax h3 {
      color: var(--bs-white);    line-height: 1.6;
}
section.parallax p {
    margin-top: 0;
    margin-bottom: 0;
}
section.parallax .readmore:hover {
	transition: 0.3s all;
transform: scale(0.9);
}
section.parallax article.content {
    max-width: 850px;
}
/*----------------------------------------------------
 #galerie-home
---------------------------------------------------*/
section.galerie-home {
    padding: 177px 0 180px;
  	background: var(--bs-white);
}
section.galerie-home h2 {
margin-top:0px;
    	padding-top:0px;
  	padding-bottom:44px;
	margin-bottom:42px;
}
section.galerie-home h2:before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    width: 74px;
    height: 8px;
    margin: 0 auto;
    background: linear-gradient(to right, var(--bs-primary-color) 0%, var(--bs-secondary-bg) 50%, var(--bs-tertiary-color) 100%);

}
section.galerie-home .swiper-horizontal {
    overflow: hidden;
}
section.galerie-home a.link-picture {
    display: block;
    position: relative;
    height: 475px;
    background-size: cover;
    font-size: 0;
    margin: 0;
    border-radius: 30px;

}

section.galerie-home a.link-picture:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  	background: rgba(0,0,0,.51) url('../images/plus.webp') no-repeat center;
    transform: scale(0);
    border-radius: 30px;
}

section.galerie-home a.link-picture:hover:before {
	transition: 0.3s all;
	transform: scale(1);
}
section.galerie-home a.link-picture:nth-child(even) {
    margin-top: 42px;
}
section.galerie-home .swiper-pagination-gal {
	bottom: -70px;
      display: block;
      position: absolute;
}
section.galerie-home .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    opacity: 1 !important;
    background: transparent;
    border: 1px solid var(--bs-black);
    margin: 0 6px !important;
    opacity: 0.7 !important;
}
section.galerie-home .swiper-pagination-bullet-active {
    opacity:1 !important;
border: 1px solid  var(--bs-black);
   background: var(--bs-black);
}
/*--------------------------------------------------
# footer
--------------------------------------------------*/
footer.bottom {
    padding: 143px 0 143px;
background: var(--bs-black);
}
footer.bottom:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
   background: url(../images/bg.webp) no-repeat center top;
    background-size: cover;
    z-index: 0;
    border-radius: 0;
    mix-blend-mode: normal;
}
footer.bottom .logocc {
    gap: 68px;
}
.footer-logo.footer-logo1:before {
    position: absolute;
    content: '';
    right: -31px;
    top: 0;
    bottom: 0;
    width: 2px;
    height: 92px;
    margin: auto 0;
    background: rgb(255 255 255 / 39%);
}
footer.bottom .address {
    padding: 7px 0  7px 91px;
    background: url(../images/ic-adr.webp) no-repeat left center;
    margin: 0px;
}
footer.bottom .tel {
    padding: 0 0  0 91px;
    background: url(../images/ic-tel.webp) no-repeat left center;
    margin: 0px;
      line-height: 63px;
}
footer.bottom .tel a{
    color: var(--bs-white);
    text-decoration: none;
    transition: all .4s;
  font-weight:700;
}
footer.bottom .tel a:hover{
    color: var(--bs-tertiary-color);
    text-decoration: none;
  }
footer.bottom .social {
    margin: 0px 0 0px;
    text-align: center;
    gap: 29px;
}
footer.bottom .social h5 {
    font-size: 21px;
      color: var(--bs-white);
      margin: 0;
}
footer.bottom .networks_linking a {
    font-size: 18px;
	
    color: var(--bs-body-color)!important;
    width: 50px;
    height: 50px;
    line-height:50px;
    vertical-align: top;
    display: inline-block;
    margin: 0 0px 0 6px ;
    text-align: center;
    position: relative;
    border-radius: 50%;
    background:var(--bs-white);
border:1px solid var(--bs-white);
}

footer.bottom .networks_linking a:hover{
	transition: 0.3s all;
  color:var(--bs-white) !important;
	background:var(--bs-black)

}
.footer-b {
	display: none;
}
.footer-nav{
}
/***********/

/*--------------------------------------------------
# contact-page
--------------------------------------------------*/
.contactForm .contact-field-item {
	margin: 0 0 20px !important;
	position: relative;
	display: block;
	padding: 0;
	margin-bottom: 20px;
	width: 50%;
	float: left;
	clear: none !important;
}
.contactForm .contact-field-item:nth-child(even) {
	padding-right: 10px;
}
.contactForm .contact-field-item:nth-child(odd) {
	padding-left: 10px;
}
.grecaptcha-badge {
	z-index: 999;
}
.contactForm .contact-field-item.fullwidth {
	width: 100%;
	padding: 0;
	float: none;
	clear: both !important;
}
section.content .networks_linking a {
    background: var(--bs-primary-color);
  	border: none;
}
section.content .networks_linking a:hover {
  	background: var(--bs-secondary-bg);
      color: var(--bs-body-color) !important;
}
.form-control, section.content .contactForm .contact-field-item .contact-field-element .form-field {
	font-weight: 400;
	line-height: 2em;
	color: var(--bs-body-color) !important;
	background: var(--bs-body-bg);
	border: 1px solid var(--bs-body-color);
	padding: 5px 15px;
	transition: border-color .4s,color .4s;
	border-radius: 10px;
  	outline: none !important;
}
.form-control::placeholder, section.content .contactForm .contact-field-item .contact-field-element .form-field::placeholder {
	color: var(--bs-body-color) !important;
}
.form-control:focus, section.content .contactForm .contact-field-item .contact-field-element .form-field:focus {
    outline: none !important;
    border-color: #747474 !important;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 51%) !important;
}
.contactForm .contact-submit {
}
.contactForm .contact-submit .btn-primary, section.content .contactForm .form-submit-button {
    position: relative;
    background: var(--bs-black);
    font-size: 18px;
    letter-spacing: 0em;
    padding: 18px 51px;
    line-height: 32px;
    margin-top: 12px;
    border-radius: 20px;
    border: 1px solid var(--bs-white) !important;
}
.contactForm .contact-submit{
	position: relative;
}


.contactForm .contact-submit:hover .btn-primary, section.content .contactForm .contact-submit:hover .form-submit-button{
	
	transition: 0.3s all;
	background-color : var(--bs-primary-color);
	box-shadow: none;
}
/*********************/
section.content .maps {
	position: relative;
}
section.content .maps a {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
  	font-size: 0;
  	z-index: 3;
}
/* - news - */
section.content article .NewsMasonry .NewsItem{
  background : var(--bs-secondary-bg);
}
section.content .news-object.Item .nophoto i.fa-duotone.fa-image, section.modules div#AllNews .Item .nophoto i.fa-duotone.fa-image {
    display: none;
}
section.content .news-object.Item .nophoto {
    background: var(--bs-tertiary-color) url('../images/logo.webp') no-repeat center;
    background-size: 50%;
}
section.modules div#AllNews .Item .nophoto {
  background: var(--bs-tertiary-color) url('../images/logo.webp') no-repeat center;
  	background-size: 25%;
}
section.content article .NewsMasonry .NewsItem img.img-news-list, img.img-news{
    max-width:180px!important;
    height: 170px!important;
    border-radius: 0 20px 0 0;
}
section.content article .NewsMasonry .NewsItem img.img-news-list.default {
    object-fit: scale-down !important;
    background: var(--bs-body-bg);
      padding: 10px;
}
section.content-page .date {
    font-size: 18px;
}
section.content-page .date small {
    color: var(--bs-body-color)!important;
}
.backbtn  {
    color: var(--bs-primary-color)!important;
}
.backbtn:hover  {
    color: var(--bs-body-color)!important;
}
section.content article .NewsMasonry .NewsItem .readmore:before{
  display: none;
}
/* --- */
.img-page img, .img-news img {
	border-radius: 80px 10px 10px;
}

section.content.page-content.content-page .grid-gallery {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 2%;
    justify-content: center;
}
section.content.page-content.content-page .grid-img .grid-gallery{
	display: block;
	width: 400px;
	
}
section.content.page-content.content-page .grid-img .link-picture {
	height: 320px;
}
section.content.page-content.content-page a.link-picture, section.content.page-content.content-page a.link-subgallery {
    width: 23.5%;
    background-size: cover;
    background-position: center;
    height: 300px;
    cursor: zoom-in;
    position: relative;
     display: block; 
    /* box-shadow: 0 0 0 rgba(33,46,83,.6); */
    transition: transform .4s,box-shadow .4s;
    border-radius: 30px ;    overflow: hidden;
    margin-bottom: 20px;
}
section.content.page-content.content-page .link-subgallery:hover, section.content.page-content.content-page .link-picture:hover {
	transform: scale(.95);
}
section.content.page-content.content-page .pagination {
    margin-top: 20px;
    justify-content: center;
  flex-wrap: wrap;
}
section.content.page-content.content-page .pagination li{
  background-image : none !important;
}
section.content.page-content.content-page .pagination .page-link{
  color: var(--bs-tertiary-color) !important ;
}
section.content.page-content.content-page .pagination .active>.page-link, section.content.page-content.content-page .pagination .page-link.active{
  color: var(--bs-body-bg) !important ;
  background: var(--bs-tertiary-color) !important ;
}
section.content.page-content.content-page span.title-subgallery{
	position : absolute;
  bottom: 0;
  left: 0 ;
  right: 0;
  padding : 10px;
  color : var(--bs-body-bg) ;
  text-align : center;
  background : rgba(0,0,0,0.7);
}
section.content.page-content.content-page .title-picture {
	display: none;
}
.img-responsive {
	max-width: 100%;
}
section.content.page-content.content-page .slick-dots li button:before, section.content.page-content.content-page .slick-dots li.slick-active button:before{
  background : var(--bs-tertiary-color) !important;
}
section.content.page-content.content-page .slick-dots{
  bottom : -40px;
}
section.content.page-content.content-page p,
section.content.page-content.content-page li{
	text-align : justify;
}
section.content.page-content.content-page li{
    background: url(../images/bullet.webp) no-repeat left 6px;
    padding-left: 20px;
    margin-left: 0;
  margin-bottom: 20px;
}
section.content.page-content.content-page li::marker{
	content: "" !important;
}
h3.contact-field {
    display: none;
}
section.content .form-select {
    border-radius: 0;
      border: 1px solid var(--bs-body-color);
}
#scrollTopBtn {
    bottom: 50px!important;
    right: 50%!important;
    transform: translateX(50%);
}




.fslightboxci h2 {
    font-family: var(--bs-body-font-family);
    font-size: 17px;
    color: var(--bs-white);
    text-transform: none;
}
/* -------------------- */
@media only screen and (max-width : 1719px) {

}
@media only screen and (max-width : 1600px) {
  header .nav-item {
    padding: 0 12px;
}
  section.home-content {
	padding: 140px 0;
}
  section.galerie-home {
	padding: 120px 0 150px;
}
}
@media only screen and (max-width : 1440px) {
  .telephone a {
    padding: 18px 13px 14px 68px;
  }
  header .nav-item {
    padding: 0 5px;
}
  header a.nav-link {
    font-size: 14px;
  }
  header .navbar-nav > li > .nav-link::before {
    bottom: -50px;
  }
  .head-middle.sticky-top.is-sticky .navbar-nav > li > .nav-link::before {
    bottom: -10px;
}
  .head-middle {
	padding: 20px 0 26px;
}
  /****************/
  
  section.boxs .bx-home .bx-text {
    padding: 30px 50px;
  }
    
  /****************/
  
footer.bottom .logocc {
    gap: 68px;
    width: 100%;
    justify-content: center;
    margin-bottom: 50px;
}
  .footer-wrapper {
    flex-wrap: wrap;
}
  section.boxs {
	padding: 120px 0 120px;
}
  footer.bottom {
	padding: 80px 0 100px;
}
  section.banner {
	height: 800px;
}
}
@media only screen and (max-width : 1199px) {
  .head-middle .inner-wrapper {
   /* flex-direction: column;*/
    align-items: center !important;
    gap: 15px;
}
  .head-middle .telephone {
    display: table;
    margin: 20px auto 20px;
}
      header .navbar-nav > li > .nav-link::before {
        bottom: -7px !important;
    }
 .head-middle .inner-wrapper div#logo {
	margin: 0 auto 20px;
}
  section.banner .banner-wrapper {
	margin-bottom: 30px;
}
   	.head-middle {
      text-align: center;
  }
  .navbar-expand-lg .navbar-nav{
    margin: 0 auto;
  }
  header nav.navbar.sticky-top:not(.is-sticky) {
	margin-top: 15px;
}
  section.banner {
	height: 700px;
}
  section.parallax article.content {
	max-width: 720px;
}
    /* --- */

section.boxs-icons {
    padding: 50px 0 70px;
}
  section.boxs {
      padding: 50px 0 80px;
  }
section.boxs .swiper-pagination.swiper-pagination-boxs2 {
    bottom: -50px;
}
    section.home-content{
        padding: 100px 0 60px;
    }
  section.home-content .grid-home.block-right .text, section.content.page-content.content-page .grid-home.block-right .text {
    padding: 67px 35px;
}
  section.parallax {
    padding: 120px 0px;
}
section.galerie-home {
    padding: 60px 0 80px;
}
  footer.bottom {
    padding: 70px 0 70px;
}
  
  h1, .h1 {
    font-size: 45px;
}
section.galerie-home h2, section.boxs h2{
      font-size: 42px;
}
h2, .h2 {
    font-size: 35px;
}
h3, .h3 {
    font-size: 28px;
}
h4, .h4 {
    font-size: 25px;
}
h5, .h5 {
    font-size: 23px;
}
h6, .h6 {
    font-size: 21px;
}
}
@media only screen and (max-width : 991px) {
.head-top .container, .container, .max-container {
        max-width: 768px !important;
    }
  	header .navbar-nav .dropdown-menu {
      transform: none;
  }
     header .navbar-nav > li > .nav-link::before {
        display:none;
    }
  	button.navbar-toggler::after, button.navbar-toggler::before {
        background: var(--bs-secondary-bg);
    }
  	button.navbar-toggler[aria-expanded="false"]:after, button.navbar-toggler[aria-expanded="false"]:before {
        transform: none;
    }
  	button.navbar-toggler .navbar-toggler-icon {
        background-color: var(--bs-secondary-bg);
    }
  	button.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        opacity: 0;
    }
    nav.navbar.sticky-top:not(.is-sticky) .navbar-collapse#navbarNav li#menu_1, nav.navbar.sticky-top:not(.is-sticky) .navbar-collapse#navbarNav li#menu_2 {
        display: block;
    }
    header .nav-item  {
        padding: 0 0px;
    }
  
    header .nav-item {

        text-align: center;
    }
    .navbar li a.nav-link {
        margin: 0 auto;
        text-align: center;
        color: var(--bs-white);
    }
  nav.navbar .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        width: 100vw;
        background: var(--bs-black);
        padding: 10px 0;
        text-align: left;
        z-index: 100;
    }
  	header a.nav-link {
        font-size: 16px;
        display: table;
        margin: 0 auto;
    }
    .head-top .navbar:not(.is-sticky) #navbarNav {
        margin-top: 0;
    }
   .navbar {
	margin: 10px auto;
	display: table;
}

    /* --- */
    section.banner {
        height: 600px;
    }

section.banner .banner-wrapper .cta a {
    background: var(--bs-black);
    font-size: 16px;
    letter-spacing: 0em;
    padding: 15px 39px;
  }
      /* --- */
  
  section.boxs .bx-home .bx-text {
        padding: 30px 20px;
    }

section.boxs .bx-home .bx-text h4 {
    font-size: 25px;

}
      /* --- */
    section.home-content {
        padding: 70px 0 60px;
    }
  section.home-content .grid-home.block-right:before, section.content.page-content.content-page .grid-home.block-right:before {
    bottom: 0;
    top: 0;
}
 section.home-content .grid-home.block-right .grid-img, section.content.page-content.content-page .grid-home.block-right .grid-img {
    width: 60%;
    display: table;
    margin: 0 auto 50px;
    max-width: 781px;
}
  section.home-content .grid-home.block-right .text, section.content.page-content.content-page .grid-home.block-right .text {
    width: 100%;
    padding: 50px 20px;
}
  section.content .readmore {
    padding: 15px 16px;
    width: 155px;
    height: auto;
  }
/****/
 .contactForm .contact-submit .btn-primary, section.content .contactForm .form-submit-button {
        padding: 12px 45px;
        font-size: 17px;
  }

  section.home-content .grid-home.block-right, section.content.page-content.content-page .grid-home.block-right {
	margin-bottom: 20px;
}

    /* --- */
  footer.bottom .footer-wrapper {
    text-align: center;
}

    footer.bottom .address , footer.bottom .tel{
      padding: 75px 0 0;
      background-position: center top;
      margin: 20px auto 0;
      text-align: center;
      justify-content: center !important;
      line-height: normal;
  }
 
  footer.bottom .networks_linking{
    margin: 0 auto;
  }
footer.bottom .social {
    margin: 20px 0 0px;
    display: block;
    text-align: center;
    gap: 29px;
}
  footer.bottom .social h5 {
    margin: 0 auto 20px;
}
/****/
 .content.page-content.content-page .img-page {
	margin: 0 auto 20px;
	max-width: 500px;
	display: table;
}
section.content .news-object.Item {
	max-width: 480px;
	margin: 0 auto 20px;
}
  /**********/
  section.content.page-content.content-page .grid-img .grid-gallery {
      margin: 0 auto 40px;
  }
  
section.boxs .bx-img img {
	height: 500px !important;
}
  header .navbar-nav > li > .nav-link:hover, header .navbar-nav > li.selected > .nav-link {
	color: #adadad;
	text-decoration: none;
}
    h1, .h1 {
    font-size: 40px;
}
section.galerie-home h2, section.boxs h2{
      font-size: 38px;
}
h2, .h2 {
    font-size: 32px;
}
h3, .h3 {
    font-size: 26px;
}
h4, .h4 {
    font-size: 23px;
}
h5, .h5 {
    font-size: 20px;
}
h6, .h6 {
    font-size: 18px;
}
        nav.navbar .navbar-collapse {
        position: absolute;
        top: 60px;
        left: 0;
         transform: none; 
        width: auto;
        background: var(--bs-black);
        padding: 10px 0;
        text-align: left;
        z-index: 100;
        right: 0;
    }
  header nav.navbar {
    
    position: static;
}
}
@media only screen and (max-width : 767px) {
      .telephone a {
        padding: 34px 6px 0;
        background-position: center 5px;
        font-size: 14px;
    }
    .head-top .container, .container {
        max-width: 100% !important;
    }
    section.banner {
    height: 500px;
  }
      .head-middle .inner-wrapper div#logo {
        margin: 0 auto 20px;
        max-width: 150px;
    }
    /* --- */
    section.home-content .grid-home.block-right .grid-img, section.content.page-content.content-page .grid-home.block-right .grid-img {
        width: 100%;
        margin: 0 auto 30px;max-width: 500px;
    }
  section.boxs .bx-home {
	margin: 0px auto 123px;
	max-width: 500px;
}
  section.parallax {
        padding: 100px 0px;
    }
    /* --- */
  	.contactForm .contact-field-item {
        width: 100%;
        float: none;
        clear: both!important;
    }
    .contactForm .contact-field-item:nth-child(even) {
        padding-right: 0;
    }
    .contactForm .contact-field-item:nth-child(odd) {
        padding-left: 0;
    }
    .contactForm .contact-submit {
        float: none !important;
        margin-top: 20px;
        display: table;
    }
  	.contactForm .g-recaptcha {
        float: none;
    }
  	.guestbook-messages .gb-content .gb-entry .gb-info .gb-date-time {
        float: none !important;
        margin-top: 10px !important;
    }
  	.guestbook-messages .gb-content .gb-entry .gb-info .gb-author-name {
        float: none !important;
    }
  	section.content.page-content.content-page .grid-gallery {
        grid-template-columns: repeat(2,1fr);
        grid-gap: 10px;
    }
  	section.content.page-content.content-page .link-picture {
        height: 300px;
    }
  	.box-light.vCard {
        margin-top: 20px;
    }
  section.content.page-content.content-page a.link-picture, section.content.page-content.content-page a.link-subgallery {
      width: 48.5%;
  }

    .footer-logo {
    display: table;
    margin: 0 auto 30px;
    text-align: center;
}
  footer.bottom .logocc {
    display: table !important;
    margin: 0 auto;
}
  .footer-logo.footer-logo1:before {
display:none;
}
  section.parallax h3 {
	font-size: 20px;
}
  section.parallax a.readmore {
	margin: 25px auto 0;
	font-size: 15px;
	padding: 15px 19px;
	width: auto;
	height: auto;
}
      h1, .h1 {
    font-size: 36px;
}
section.galerie-home h2, section.boxs h2{
      font-size: 35px;
}
h2, .h2 {
    font-size: 29px;
}
h3, .h3 {
    font-size: 25px;
}
h4, .h4 {
    font-size: 22px;
}
h5, .h5 {
    font-size: 19px;
}
h6, .h6 {
    font-size: 17px;
}

}
@media only screen and (max-width : 480px) {
  .head-middle .inner-wrapper {
    flex-wrap: wrap;
    justify-content: center !important;
}
 section.content.page-content.content-page a.link-picture, section.content.page-content.content-page a.link-subgallery {
      width: 100%;
  }
  section.banner {
	height: 600px;
}

  .contactForm .gdpr_policy label {
      display: inline !important;
  }
  section.home-content .grid-home .grid-img, section.content.page-content.content-page .grid-home .grid-img {
      width: 100%;
  }

  /*-------*/
 	footer.bottom nav.navbar.nav-footer ul.level-0 {
      flex-wrap: nowrap;
      flex-direction: column;
  }
  	section.content.page-content.content-page .grid-gallery {
        grid-template-columns: 100%;
        grid-gap:10px;
    }
  	/*********/
  section.content.page-content.content-page .grid-img .grid-gallery {
        width: 250px;
    }
  /****/
      h1, .h1 {
    font-size: 32px;
}
section.galerie-home h2, section.boxs h2{
      font-size: 30px;
}
h2, .h2 {
    font-size: 27px;
}
h3, .h3 {
    font-size: 24px;
}
h4, .h4 {
    font-size: 21px;
}
h5, .h5 {
    font-size: 18px;
}
h6, .h6 {
    font-size: 16px;
}
}