@charset "utf-8";

/*======================================



 [ -Main Stylesheet-

  Theme: Outdoor

 ]

 

*/

/*-------------Import fonts ---------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');



@font-face {

    font-family: 'Segoe UI Regular';

    font-style: normal;

    font-weight: normal;

    src: local('Segoe UI Regular'), url('../fonts/Segoe UI.woff') format('woff');

    }

    



    @font-face {

    font-family: 'Segoe UI Italic';

    font-style: normal;

    font-weight: normal;

    src: local('Segoe UI Italic'), url('../fonts/ UI Italic.woff') format('woff');

    }

    



    @font-face {

    font-family: 'Segoe UI Bold';

    font-style: normal;

    font-weight: normal;

    src: local('Segoe UI Bold'), url('../fonts/ UI Bold.woff') format('woff');

    }

    



    @font-face {

    font-family: 'Segoe UI Bold Italic';

    font-style: normal;

    font-weight: normal;

    src: local('Segoe UI Bold Italic'), url('../fonts/Segoe UI Bold Italic.woff') format('woff');

    }

/*-------------General Style---------------------------------------*/

html{

	overflow-x:hidden !important;

	height:100%;

}

body{

	margin: 0;

	padding: 0;

  	font-family:"Segoe UI Regular";

	font-weight: 400;

	font-size: 14px;

	color: #000;

	background:#f9f9f9;

	height:100%;

	text-align:center;

}

@-o-viewport {width: device-width;}

@-ms-viewport {width: device-width;}

@viewport {width: device-width;}

 

/*--------------Typography--------------------------------------*/

h1 {

	font-size: 4.46666666667em;

	text-transform: uppercase;

	font-weight: 400;

	line-height: 1.17em;	

}

h2 {

	font-size: 3.2em;

	font-weight: 600;

}

h3 {

	font-size: 1em;

}

h4 {

	font-size: 0.9em;

	font-weight: 200;	

}

h5 {

	font-size: 0.8em;

	font-weight: 200;

}

h6 {

	font-size: 0.6em;

	font-weight: 200;

}

p {

	text-align:left;

	font-size:16px;

	line-height:25px;

	padding-bottom:10px;

	font-family: "Segoe UI Regular", "Times New Roman", Times, serif;

}

blockquote {

	float:left;

	padding: 10px 20px;

	margin: 0 0 20px;

	font-size: 17.5px;

	border-left: 15px solid #eee;

}

blockquote p {

	font-family: "Segoe UI Regular", "Times New Roman", Times, serif;

	font-style:italic;

	color:#494949;

}

/* -------------- Wordpress Text ------------------------------- */

.wp-block-heading {

    font-size: 1.7em;

    font-weight: 600;

	color: #cbcbcb;

	text-align: justify;

	margin-bottom: 15px;

	margin-top: 15px;

}

.wp-block-list {

    font-size: 16px;

	color: #fff;

    line-height: 25px;

    padding-bottom: 10px;

    font-family: "Segoe UI Regular", "Times New Roman", Times, serif;

}



.wp-block-list li {

    margin-bottom: 5px; /* Adds spacing between list items */

}

/* ---------Page preload--------------------------------------*/

.loader {

	position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: #000;

    display: flex;

    align-items: center;

    justify-content: center;

    z-index: 9999;

    overflow: hidden;

    transition: transform 0.5s ease, opacity 0.5s ease;

}

/* Style pour l’image du preloader */

.loader img {

    max-width: 850px;

    width: 100%;

    height: auto;

    animation: fadeIn 1s ease-out forwards;

}



/* Animation d’apparition de l’image */

@keyframes fadeIn {

    from {

        opacity: 0;

        transform: scale(0.8);

    }

    to {

        opacity: 1;

        transform: scale(1);

    }

}



/* Classe pour cacher le preloader avec un effet de slide vers le haut */

.loader.hide {

    transform: translateY(-100%);

    opacity: 0;

}

/* ---------Content Styles--------------------------------------*/

#main{

	height:100%;

	width:100%;

	position:absolute;

	top:0;

	left:0;

	z-index:2;

	opacity:0;

 

}
#wrapper{

	height:100%; 

	margin-left:0;

	vertical-align:top; 

	position: absolute; 

	left:0; 

	top:0; 

	right:0;

	z-index:3;

	width:100%; 

}

.left-decor , .right-decor , .fixed-wrap:before , .fixed-wrap:after{

	position:fixed;

	width:90px;

	height:100%;

	background:#fff;

	z-index:1;

	-webkit-transform: translate3d(0,0,0);

}

.fixed-wrap:before , .fixed-wrap:after {

	content:'';

	z-index:3;

}

.left-decor , .fixed-wrap:before {

	left:0;

}

.right-decor , .fixed-wrap:after {

	right:0;

}

.left-decor:before , .right-decor:before , .left-decor:after , .right-decor:after {

	content:'';

	position:absolute;

	width:40px;

	left:20px;

	height:1px;

	background:#ddd;

}

.left-decor:before , .right-decor:before {

	top:90px;

}

.left-decor:after , .right-decor:after {

	bottom:90px;

}

.content-holder{

	vertical-align: top;

	position: absolute;

	left:0;

	top: 0;

	right: 0;

	z-index: 2;

	height: 100%;

	padding:90px;

}

.slid-hol {

	padding-top:90px;

}

.container{

	max-width: 1524px;

	width:92%;

	margin:0 auto;

	position: relative; 

	z-index:2;

}

.content { 

	width:100%;

	position:relative;

	z-index:2;

	float:left;

}

.mr-con {

	top:-50px;

}

.full-height {

	height:100%;

} 

.wrapper-inner {

	float:left;

	width:70%;

	position:relative;

	background:#fff;

	padding:150px 0;

	z-index:3;

	opacity:0;

}

.full-width-wrap {

	width:100%;

}

.full-width-wrap:before {

	content:'';

	position:absolute;

	right:0;

	width:30%;

	background:#fff;

	top:-70px;

	height:70px;

}

.body-bg {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	background:#f4f4f4;

	z-index:2;

}

.bg {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	background-size: cover;

	background-attachment: scroll  ;

	background-position: center  ;

	background-repeat:repeat;

	background-origin: content-box;

}

.bg-bio {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-size: cover; /* Rempli tout en respectant les proportions */

    background-position: center; /* Centre l'image */

    background-repeat: no-repeat;

}

/*.bg-bio {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	background-size: cover;

	background-attachment: scroll  ;

	background-position: top  ;

	background-repeat:repeat;

	background-origin: content-box;

} */

.full-height-parallax {

	position: absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	overflow:hidden;

	z-index:2;

}

/* Container for zoom effect */

.zoom-container {

    display: block;

    overflow: hidden;

    position: relative;

}



/* Image style and transition */

.zoom-img {

    transition: transform 0.4s ease-in-out; /* Smooth zoom effect */

    width: 100%; /* Ensures the image is responsive */

    display: block;

}



/* Zoom effect on hover */

.zoom-container:hover .zoom-img {

    transform: scale(1.05); /* Scales the image to 110% on hover */

}

.respimg {

	width:100%;

	height:auto;

}

.overlay {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	background:#000;

	opacity:0.2;

	z-index:2;

}

/* ---------Section --------------------------------------*/ 

section {

    float: left;

    width: 100%;

    position: relative;

	padding:90px 0;

		overflow:hidden;

	background:#f9f9f9; 

}

.small-container {

	max-width:650px;

}

.parallax-section {

 

	padding:250px 0;

 

	overflow:hidden;

	z-index:2;

}

.parallax-section div.overlay {

	opacity:0.3 !important;

}

.sect-scroll {

	position:absolute;

	bottom:20px;

	left:50%;

	width:40px;

	height:40px;

	line-height:40px;

	margin-left:-20px;

	color:#fff;

	z-index:5;

	font-size:2.0em;

	transition: all  .4s  ease-in-out;

}

.sect-scroll:before {

	content:'';

	position:absolute;

	bottom:100%;

	left:50%;

	margin-bottom:30px;

	width:1px;

	background:rgba(253,253,253,.6);

	height:30px;

 	transition: all  .2s  ease-in-out;

}

.sect-scroll:hover:before {

	height:50px;

}

.subtitle {

	color:#fff;

	font-size:1.5em;

	font-family:"Segoe UI Regular", "Times New Roman", Times, serif;

	padding-top:12px;

 

}

.parallax-section .bg {

 

	height:120%;

	top:-10%;

}

.parallax-section:before , .section-columns-img:before {

	content: '';

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	height: 90%;

	z-index: 2;

}

.parallax-section h2 {

	color:#fff;

	font-size:3.7em;

}

@media only screen and (max-width: 768px) {

	.parallax-section h2 {

	  font-size: 2.5em; /* Adjust this size to your preference */

	}

  }

.align-text {

	text-align:left;

}

 

.no-border {

	border:none !important;

}

.no-padding {

	padding:0 !important;

}

/* ---------Fixed title --------------------------------------*/

.fixed-title  {

    position: fixed;

    width: 90px;

    height: 240px;

    top: 50%;

	left: 0;

    margin-top: -120px;

	font-size:1.2em;

    text-transform: uppercase;

    text-align: center;

	font-weight: 600;

    cursor: default;

	z-index:12;

}

.fixed-title span , .fixed-title a {

	position:relative;

	display: block;

	min-width: 150px;

	z-index:3;

    transition: all .2s linear;

	color:#fff;

	top: 50%;

	left: -30px;

    transform: rotate(-90deg) ;

 

}

.fixed-title:after {

	content:'';

	position:absolute;

	bottom:0;

	left:0;

	z-index:2;

	right: 0;

	top: 0;

	background:#000000;

}

/* ---------Separator --------------------------------------*/

.separator {

	width:40px;

	height:2px;

	background:rgba(255,255,255,.4);

	margin:20px auto 10px;

}

.bl-sep {

	background:#000;

}

.separator-image {

	background:none;

	width:auto;

}

/* --------- Links  --------------------------------------*/

.btn {

	display: inline-block;

	padding: 20px 30px 20px 30px;

	line-height: 1;

	font-weight: bold;

	font-size: 1.0em;

	text-transform: uppercase;

	letter-spacing: 4px;

	margin:20px auto;

	color:#fff;

	background: #000;

	position:relative;

}

.anim-button {

    background-clip: padding-box;

    vertical-align: middle;

    max-width: 100%;

    overflow: hidden;

    outline: none;

 	width: auto;

}

.anim-button i {

 	top:-100%;

	position:absolute;

	left:0;

	width:100%;

	height:100%;

	line-height:55px;

	text-align:center !important;

	font-size:1.3em;

}

.anim-button i , .anim-button span {

    transition: all 300ms linear;

}

.anim-button span {

	float:left;

	width:100%;

	position:relative;

	top:0;

}

.anim-button:hover span{

	top:100px;

}

.anim-button:hover i{

	top:0;

}

/* --------- Video --------------------------------------*/

/*-- video----------*/

.video-container {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	line-height: 0;

	z-index: -1;

}

.video-holder-wrap {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	top: 0;

	overflow: hidden;

}

.video-container video {

	width: 100%;

}

.media-container .overlay {

	opacity: .4

}

.resp-video {

	position: relative;

	padding-bottom: 56.25%;

	padding-top: 30px;

	height: 0;

	overflow: hidden;

	margin-bottom: 20px;

}

.resp-video iframe,

.resp-video object,

.resp-video embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

/* --------- Home  --------------------------------------*/

.full-height-wrap {

	position:absolute;

	top:0;

	left:0;

	right: 0;

	bottom: 0;

 

}

.big-index  {

	z-index:6;

	overflow:hidden; 

}

.hero-title{

	position:absolute;

	top:50%;

	left:0;

	width:100%;

	z-index:5;

}

.hero-logo {

	margin:0 auto 10px;

	max-width:200px;

	position:relative;

}

.hero-logo:before , .hero-logo:after {

	content:'';

	position:absolute;

	top:50%;

	width:70px;

	height:3px;

	background:#fff;

	opacity:0.6;

}

.hero-logo:before {

	left:-150px;

}

.hero-logo:after {

	right:-150px;

}

.hero-logo img {

	width:100%;

	height:auto;

}

.hero-title h3 {

	color:#fff !important;

	opacity:0.8;

}

.hero-title h2 , .hero-title a {

	color:#fff;

}

.hero-link {

	margin-top:30px;

	font-size:16px;

	display:inline-table;

	padding:10px 26px;

	min-width:150px;

	border:1px solid rgba(255,255,255,0.51);

}

.hero-link:hover {

	text-decoration:line-through;

}

.parallax-nav.swiper-nav-holder {

	z-index:6;

	position:absolute;

	top:50%;

	left:0;

	width:100%;

}

.parallax-nav.swiper-nav-holder .arrow-left {

	left:30px !important;

	color:#fff;

	width: 60px;

	height: 60px;

	line-height: 60px;

	background: rgba(0,0,0,.7);

	border-radius: 50%;

	position:absolute;

	font-size:1.4em;

}

.parallax-nav.swiper-nav-holder .arrow-right {

 	color:#fff;

	right:30px !important;

	width: 60px;

	height: 60px;

	line-height: 60px;

	background: rgba(0,0,0,.7);

	border-radius: 50%;

	position:absolute;

	font-size:1.4em;

}

.hs , .resize-carousel-holder .customNavigation  {

	position:absolute;

	top:50%;

	right:-80px;

	width:70px;

	z-index:20;

	height:40px;

	margin-top:-20px;

}

.hs:before , .resize-carousel-holder .customNavigation:before {

	content: '';

	position: absolute;

	top: 0;

	left: 50%;

	bottom: 0;

	width: 1px;

	background: #ddd;

}

.hs a , .resize-carousel-holder .customNavigation a {

	position:relative;

	float:left;

	width:50%;

	height:40px;

	font-size:2.0em;

	line-height: 40px;

	cursor: pointer;

 

}

.slideshow-holder , .slideshow-item , .slideshow-item .item {

	float:left;

	width:100%;

	height:100%;

	position:relative;

	z-index:1;

}

.slideshow-item .item {

	width:100%;

	height:100%;

	position:relative;

}

.slideshow-holder .overlay {

	opacity:0.4;

	z-index:3;

} 

.slide-title-holder {

	position:absolute;

	top:0;

	width:100%;

	height:100%;

	z-index:3;

}

.slide-title {

	top:50%;

	position:relative;

	z-index:5;

	transform: translateY(-50%);

}

.slide-title  .separator-image {

	padding:10px 0;

}

.slide-title .subtitle {

	position:relative;

}



.swiper-slide .overlay {

	opacity:.1;

}

.slide-title h3 {

	font-size:4.2em;

	text-transform:uppercase; 

	letter-spacing:12px;

	position:relative;

	font-weight: 600;

	margin-bottom:20px;

	color:#fff;

	display:inline-table;	

}

.slide-title h3:before , .slide-title h3:after , .hero-text-holder:before , .hero-text-holder:after {

	content:'';

	position:absolute;

	top:50%;

	width:50px;

	height:1px;

	background:#fff;

	opacity:0.6;

	transition: all 0.4s  ease-in-out;

}

.slide-title h3:before , .hero-text-holder:before {

	left:-120px;

}

.slide-title h3:after , .hero-text-holder:after {

	right:-120px;

}

.slide-title h3:hover:before  , .slide-title h3:hover:after{

	width:100%; 

}

.slide-title h4 {

	font-size: 14px;

	text-transform:uppercase;

	letter-spacing:2px;

	position:relative;

	margin:6px 0 10px 0;

	display: block;

 

	color:#fff;

}

.slide-title h3 a  , .slide-title h4 a{

	color:#fff;

}

 

.slide-title h4 a:hover , .slide-title h4 a:hover i {

	text-decoration:line-through;

}

.slide-title h4 a {

	padding-right:0;

}  

.single-title h3{

	position:relative;

	opacity:1;

	top:0;

}

.single-title .slide-title {

	position:relative;

 	left:-50px;

}

.zoomimage {

	position:absolute;

	top:30px;

	right:30px;

	cursor:pointer;

	z-index:25;

	width:60px;

	height:60px;

	background:rgba(0,0,0,.4);

	border-radius: 50%;

	overflow: hidden;

}

.zoomimage  i {

	position:absolute;

	top:0;

	left:0;

	width:60px;

	height:60px;

	line-height: 60px;

	z-index: 1;

	color:#fff;

 

}

.zoomimage:hover i {

	transform: rotate(-45deg);

}

.zoomimage img {

	float: left;

	width:60px;

	height:60px;

	opacity:0;

	position:relative;

	z-index:2;

}

.hero-grid {

	float:left;

	width:50%;

	height:50%;

	position:relative;

}

.hero-grid .overlay {

	z-index:2;

	opacity:0.3;

}

.hero-slider , .hero-slider .item{

	float:left;

	width:100%;

	height:100%;

	position:relative;

}

.hero-text-holder{

	position:relative;

	text-align:center;

	color:#fff;

	font-size: 4.2em;

    text-transform: uppercase;

	font-weight: 600;

    letter-spacing: 12px;

	margin:0 auto 30px;

	max-width:850px;

 

}

.hero-text-holder .item {

	float:left;

	width:100%;

	overflow:hidden;

}

.pagination .swiper-pagination-bullet   {

    width: 6px;

    height: 6px;

 	display: inline-block;

	margin: 0 10px;

	position: relative;

    transition: all .5s ease;

	background: #fff;

	opacity: .5

}

/* Pagination générale */

.pagination, .nav-links {

    position: relative; /* Remplacer absolute pour éviter les chevauchements */

    z-index: 1; /* Réduire la priorité d'empilement si ce n'est pas nécessaire */

    left: 0;

    width: 100%;

    margin-bottom: 20px; /* Espacement en bas */

    display: flex;

    justify-content: center; /* Centrer les liens de pagination */

    flex-wrap: wrap; /* Permettre aux liens de se répartir sur plusieurs lignes */

    gap: 10px; /* Espacement entre les liens */

}



/* Liens individuels */

.pagination a, .nav-links a, .pagination span, .nav-links span {

    padding: 10px 15px;

    border: 1px solid #ccc;

    border-radius: 4px;

    text-decoration: none;

    color: #333;

    background-color: #f9f9f9;

    transition: background-color 0.3s, color 0.3s;

}



.pagination a:hover, .nav-links a:hover {

    background-color: #313131;

    color: #fff;

}



/* Page actuelle */

.pagination .current, .nav-links .current {

    background-color: #313131;

    color: #fff;

    font-weight: bold;

}



/* Mobile adjustments */

@media (max-width: 768px) {

    .pagination, .nav-links {

        margin-top: 15px;

        margin-bottom: 15px;

        gap: 5px; /* Espacement réduit sur mobile */

    }



    .pagination a, .nav-links a, .pagination span, .nav-links span {

        padding: 8px 12px; /* Réduction des marges sur mobile */

    }

}



.resize-carousel-holder .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {

	margin: 0 10px;

} 

.resize-carousel-holder .pagination {

 

    bottom: 40px;

}

.pagination .swiper-pagination-bullet:after {

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    width: 22px;

    height: 22px;

    margin: -11px 0 0 -11px;

    box-sizing: border-box;

    border: 1px solid #ccc;

    border-radius: 100%;

    transition: all 0.3s ease;

    transform: scale(0.0);

}

.pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

	opacity: 1

}

.pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {

    transform: scale(1.0); 

}

 

/*------item hover ------------------------------------------------*/

.box-item {

	float:left;

	width:100%;

}

.vertical-gallery  .box-item {

	margin-bottom:10px;

}

.box-item a {

	float:left;

	width:100%;

	height:100%;

	position:relative;

	overflow:hidden;

}

.box-item a img {

	position:relative;

	z-index:1;

  	transition: all 4000ms cubic-bezier(.19,1,.22,1) 0ms;

}

.box-item a .overlay {

	opacity:0;

	z-index:2;

    transition: all 200ms linear;

}

.box-item a:hover .overlay {

	opacity:0.3;

}

.box-item a:hover img {

	-webkit-transform: scale(1.05);

	-moz-transform:scale(1.05);

	transform: scale(1.05);

}

/*------ Header  ------------------------------------------------*/

header{

	position:fixed;

	top:0;

	left:0;

	z-index:20;

	height:90px;

	width:100%;

	background:#fff;

}

.header-inner {

	float:left;

	width:100%;

	padding:0 90px;

	position:relative;

}

.logo-holder {

	position:absolute;

	top:20px;

	left:20px;

	height:50px;

}

.logo-holder a img{

	width:auto;

	height:100%;

}

/* Adjust logo size for smaller screens (e.g., mobile) */

@media only screen and (max-width: 768px) {

    .logo-holder {

        height: 40px; /* Reduce height on small screens */

    }



    .logo-holder a img {

        height: 100%; /* Ensure image scales with the container */

    }

}

/*------ navigation  ------------------------------------------------*/ 

.nav-holder {

	float:right;

	position:relative;

	opacity:1;

	left:0;

	visibility:visible;

	z-index:20;

	top:22px;

	margin-right:40px;

}

.nav-holder nav {

	position:relative;

	float: right;

}

.nav-holder nav li{

	float:left;

	position:relative;

	margin-right:10px;

	height:70px;

}

.nav-holder nav li ul {

	margin: 20px 0 0 0;

	opacity: 0;

	visibility: hidden;

	position: absolute;

	min-width:180px;

	top: 48px;

	right: 0;

	z-index: 1;

	padding:20px 20px;

	background: rgba(0,0,0,0.8);

	transition: all .2s ease-in-out;

}

.nav-holder nav li:hover > ul {

	opacity: 1;

	visibility: visible;

}

.nav-holder nav li ul li ul {

	top: -20px  ;

	right: 100%;

	margin-right:30px;

	margin-top:0;

	max-width:150px;

}

.nav-holder nav li ul li:hover  > ul  {

	opacity: 1;

	visibility: visible;

}

.nav-holder nav li ul li {

	width:100%;

	float:left;

	height:auto;

	position:relative;

}

.nav-holder nav li a {

	float: left;

	padding: 12px;

    font-size: 1.0em;

    text-transform: uppercase;

    font-weight: bold;

    line-height: 25px;

    color: #232D38;

	-webkit-transition: all 100ms linear;

    transition: all 100ms linear;

}

.nav-holder nav li a.act-link   , .nav-holder nav li a:hover{

    color: #999;

}

.nav-holder nav li ul a {

	color:#fff;

	float:left;

	width:100%;

	font-size:12px;

	text-align:left;

	padding:2px 15px;

	letter-spacing:0px;

}

.nav-button-wrap {

	display:none;

}

 /*------ about -------------------------------------------------*/

 .scroll-page-nav {

	position:fixed;

	top:50%;

	right:20px;

	z-index:33;

	width:50px;

	transform: translateY(-50%);

}

.scroll-page-nav li {

	width:100%;

	float:left;

	margin:6px 0;

	position: relative;

}

.scroll-page-nav li span {

	position: absolute;

	top: 50%;

	right: 100%;

	height: 60px;

	line-height: 60px;

	background: rgba(0,0,0,.8);

	min-width: 200px;

	border-radius: 4px;

	opacity: 0;

	visibility: hidden;

	margin: -25px 0 0 0;

	color:#fff;

	font-size: 1.2em;

	transition: all .3s ease-out;

}

.scroll-page-nav li:hover span {

	opacity: 1;

	visibility: visible;

}

.scroll-page-nav a {

	display:inline-table;

	width:6px;

	height:6px;

	background: #888;

	border-radius:50%;

	position: relative;

}

.scroll-page-nav a:after {

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    width: 22px;

    height: 22px;

    margin: -11px 0 0 -11px;

    box-sizing: border-box;

    border: 1px solid #ccc;

    border-radius: 100%;

    transition: all .3s ease;

    transform: scale(0.0);

}

.scroll-page-nav a.act-link {

	background: #333

}

.scroll-page-nav a.act-link:after  {

    transform: scale(1.0);

}

.fixed-wrap {

	position:fixed;

}

.fixed-wrap .overlay {

	opacity: .6

}

.bth_btn {

	position: fixed;

	top: 50%;

	right: 0;

	width: 90px;

	height: 90px;

	line-height: 90px;

	font-size: 1.8em;

	margin: -45px 0 0 0;

	z-index: 10;

	color: #666;

}

.bth_btn span {

	position: absolute;

	right: 100%;

	height: 60px;

	min-width: 200px;

	top: 50%;

	margin: -30px 10px 0 0;

	color:#fff;

	line-height: 60px;

	background: rgba(0,0,0,.7);

	border-radius: 6px;

	transition: all .3s ease-in-out;

	font-size: .6em;

	opacity: 0;

	visibility: hidden;

}

.bth_btn:hover {

	color: #000;

}

.bth_btn:hover span {

	opacity: 1;

	visibility: visible;

}

@media only screen and (max-width: 1382px) {

    .bth_btn {

        display: none;

    }

}

.custom-inner {

	float:left;

	width:100%;

	position:relative;

	z-index:5;

	top: 50%;

	transform: translateY(-50%);

}

.custom-inner .container {

	max-width:1250px;

}

.custom-inner p , .custom-inner h2 {

	color:#fff;

	text-align:justify;

}

.custom-inner h3 {

	float:left;

	width:100%;

	margin:10px  0 20px 0;

	text-align:left;

}

.custom-inner.error-page p , .custom-inner.error-page h2  {

	text-align:center !important;

}

.custom-inner.error-page h2 {

	font-size:19.7em;

	font-weight: 600;

}

.custom-inner.error-page h3 {

	color:#fff;

	font-size:2.8em;

	text-align:center;

}

.custom-inner .separator {

	float:left;

}

.custom-inner.error-page .separator {

	float:none;

}

.content-link {

	float:left;

	font-size:18px;

	margin-top:30px;

	color:#fff;

}

.content-link:hover {

	text-decoration:line-through;

}

.content-logo {

	margin-bottom:20px;

}

.signature {

	float:left;

	width:100%;

	margin-top:20px;

}

.signature img {

	float:left;

}

.section-columns {

    display: flex; /* Active le mode flex */

    align-items: stretch; /* Les colonnes ont la même hauteur */

    padding: 90px 0 0 0;

    background: #fff;

}

/*.section-columns {

	padding:90px 0 0 0;

	background: #fff;

}*/

.section-columns:before {

	content:'';

	position:absolute;

	top:0;

	left:0;

	width:100%;

	background:#fff;

	height:50px;

	z-index:20;

}

.section-columns-text {

	float:right;

	width:60%;

	position:relative;

	background:#222;

	padding:90px 50px;

}

.section-columns-text .custom-inner {

	padding:90px 0;

	top: 0;

	transform: translateY(0);

}

.section-columns-img {

    position: relative; /* Remplace `absolute` pour s'adapter à la hauteur */

    width: 40%; /* Largeur fixe ou ajustable */

    height: auto; /* Laisse la hauteur s'ajuster */

    display: flex; /* S'assure que l'image suit la hauteur du parent */

    align-items: stretch;

}

/*.section-columns-img {

	position:absolute;

	top:90px;

	left:0;

	width:40%;

	bottom: 0;

} */

/* Target all links within the specific section */

.section-columns .section-columns-text a {

    color: white; /* Default link color */

    text-decoration: none; /* Optional: Remove underline */

}



/* Change color on hover */

.section-columns .section-columns-text a:hover {

    color: #eee; /* Hover color */

    text-decoration: underline; /* Optional: Add underline on hover */

}

/* --------- Services  --------------------------------------*/

.servicses-holder {

	float:left;

	width:100%;

}

.servicses-holder  li {

	width:50%;

	float:left;

	padding:40px 30px 40px 60px;

	position:relative;

	cursor:crosshair;

}

.servicses-holder  li i {

	position:absolute;

	top:40px;

	left:0;

	color:rgba(255,255,255,.7);

	font-size:2.0em;

}

.servicses-holder  li h4 {

	text-align:left;

	font-size: 1.4em;

	text-transform:uppercase;

	color:#fff;

	padding-bottom:10px;

}

.servicses-holder li span {

	float:left;

	color:#fff;

	width:100%;

	font-size:1.3em;

	font-style:italic;

	text-align:left;

	font-family:Georgia, "Times New Roman", Times, serif;

	padding:12px 0 20px 0;

	opacity:0.8;

	border-bottom:1px solid rgba(255,255,255,.4);

}

.order-holder{

	float:left;

	width:100%;

	position:relative;

	padding:30px 0;

	background:#fff;

}

.order-holder h3 {

	font-size:2.5em;

	font-weight: 600;

	position:relative;

	top: 28px;

}

.order-holder h3:before {

	content:'';

	position:absolute;

	right:70px;

	top:0;

	width:1px;

	bottom: 0;

	background:#ddd;

}

/*------facts  -------------------------------------------------*/

.inline-facts {

	float:left;

	width:25%;

	padding:60px 0;

	position:relative;

	background:#fff;

}

 .inline-facts:before  {

	content:'';

	position:absolute;

	top:10%;

	right:1px;

	width:1px;

	height:80%;

	background:#eee;

}

.inline-facts:last-child:before {

	 display:none;

}

.inline-facts i {

	position:relative;

	color:#ccc;

	font-size:2.6em;

	margin-bottom:30px;

 

}

.inline-facts .num {

	font-size:4.2em;

	color:#000;

	font-weight: 600;

}

.inline-facts h6 {

	font-size: 12px;

	text-transform:uppercase;

	padding-top:10px;

	color:#666;

}

.inline-facts h6 a {

	color:#666;

}

.inline-facts h6 a:hover {

	text-decoration:line-through;

}

/*------ Team  ------------------------------------------------*/

.team-holder {

	float:left;

	width:100%;

	margin-top:50px;

}

.team-holder li {

	float:left;

	width:33.3333%;

	padding:20px 20px 20px 0;

}

.team-box , .team-info , .team-photo {

	float:left;

	position:relative;

	width:100%;

}

.team-info {

 

	margin-top:20px;

}

.team-info h3 {

	font-size: 1.7em;

	font-weight: 600;

	padding-bottom:4px;

}

.team-info h4 {

	font-size: 1.2em;

}

.team-photo {

 

	overflow:hidden;

 

}

.team-box .overlay {

	opacity:0;

	z-index:2;

	background:#000;

    transition: all 300ms linear;

}

.team-box:hover .overlay {

	opacity:0.5;

}

.team-social {

	position:absolute;

	top:50%;

	left:0;

	width:100%;

	z-index:3;

	display:none;

	transform: translateY(-50%);

}

.team-social li {

	float:none !important;

	display:inline-block !important;

	margin:0 16px;

	width:auto !important;

}

.team-social li a {

	color:#fff;

	font-size:16px;

	position:relative;

	top:50px;

	opacity:0;

}

.small-padding {

	padding:110px 0;

}

.small-padding2 {

	padding:30px 0 80px;

}

/* --------- Testimonials --------------------------------------*/

.testi-item {

	max-width:900px;

	margin:20px auto;

	text-align:center;

}

.testi-item h3 {

	font-size: 1.4em;

	text-transform:uppercase;

	padding:20px 0;

	color:#fff;

}

.testi-item p {

	text-align:center;

	font-size:1.4em;

	font-style:italic;

	font-family:Georgia, "Times New Roman", Times, serif;

	padding:10px 0;

	color:#fff;

}

.white-bg {

	background:#fff;

}

.testimonials-slider-holder {

	float:left;

	width:100%;

	position:relative;

	margin-bottom: 90px;

}

.testimonials-slider-holder .customNavigation a {

	position:absolute;

	top:50%;

	width: 60px;

    height: 60px;

    background: rgba(0,0,0,.8);

    border-radius: 50%;

	margin-top:-30px;

	line-height:60px;

	font-size:1.4em;

	cursor:pointer;

	color:#fff;

    transition: all .3s ease;

	z-index:30;

}

.testimonials-slider-holder .customNavigation a.next-slide {

	right:0;

}

.testimonials-slider-holder .customNavigation a.prev-slide {

	left:0;

} 

.testimonials-slider-holder .customNavigation a:hover {

	background: #fff;

	color:#000;

}

.testi-item a {

	display:inline-table;

	text-transform:uppercase;

	margin-top:30px;

	color:#fff;

	position:relative;	

}

.testi-item a:hover {

	text-decoration:line-through;

} 

.owl-theme .owl-dots .owl-dot span {

    width: 6px;

    height: 6px;

    margin: 15px 13px;

	position: relative;

	background: #fff;

    border: none;

}

.owl-theme .owl-dots .owl-dot span:after {

    content: '';

    position: absolute;

    left: 50%;

    top: 50%;

    width: 22px;

    height: 22px;

    margin: -11px 0 0 -11px;

    box-sizing: border-box;

    border: 1px solid #ccc;

    border-radius: 100%;

    transition: all .3s ease;

    transform: scale(0.0);

}

.owl-theme .owl-dots .owl-dot.active span:after {

    transform: scale(1.0);

}

.testimonials-slider-holder .owl-controls {

	margin-top: 20px;

}

 /*------ footer -------------------------------------------------*/

footer {

	 position:fixed;

	 bottom:0;

	 left:0;

	 width:100%;

	 height:90px;

	 background:#fff;

	 z-index:15;

	 padding:0 90px;

	 line-height:90px;

	 text-align: center;

}

.footer-social {

	float:right;

}

.footer-social li {

	float:left;

}

.footer-social li a {

	padding:0 10px;

	font-size:1.2em;

	color: #666;

}

.policy-box {

	float:left;

	font-size: .7em;
	

	letter-spacing: 1px;

	font-weight: 600;

	color: #303030;

}

.policy-box span {

	float:left;

}

.policy-box ul {

	position:relative;

	float:left;

	margin-left:50px;

}

.policy-box ul li {

	float:left;

}

.policy-box ul:before {

	content:'';

	position:absolute;

	top:50%;

	left:-23px;

	background:#ddd;

	width:1px;

	height:20px;

	margin-top: -10px;

}

.policy-box ul li a {

	padding:0 10px;

	color: #666;

}

.policy-box ul li a:hover {

	color: #222;

}

.to-top {

	position:absolute;

	top:-71px;

	right:90px;

	opacity:0;

	width:70px;

	height:70px;

	margin-top:-12px;

	line-height:70px;

	cursor:pointer;

	font-size:1.4em;

	visibility:hidden;

	background: rgba(0,0,0,0.8);

	color:#fff;

    transition: all .3s linear;

}

.vistotop {

	opacity:1;

	margin-top:0;

	visibility:visible;

}

@media only screen and (max-width: 768px) {

.vistotop {

display: none;

}

}

.to-top:hover {

	opacity:0.8;

}

/*-- portfolio ------------------*/

.gallery-items {

	float:left;

	width:100%;

	padding:0 0 90px;

	min-height: 100vh

}

.grid-item-holder {

	 float:left;

	 width:100%;

	 height:auto;

	 position:relative;

}

.hid-port-info .grid-item-holder {

	overflow:hidden;

}

.grid-big-pad  .grid-item-holder{

	padding:20px;

}

.grid-small-pad  .grid-item-holder{

	padding:0;

}

.gallery-item, .grid-sizer {

	width: 25%;

	position:relative;

}

.gallery-item-second,

.grid-sizer-second {

	width: 50%;

}

.gallery-item-three,

.grid-sizer-three {

	width: 75%;

}

.gallery-item img, .grid-sizer img {

	width: 100%;

	height: auto;

	position:relative;

	z-index:1;

}

.content-column .gallery-item {

	padding:1px;

}

.content-column {

	padding-bottom:50px;

}

.four-coulms .gallery-item , .four-coulms .grid-sizer{

	width:25%;

}

.three-coulms .gallery-item , .three-coulms .grid-sizer{

	width:33.33333%;

}

.three-coulms .gallery-item-second {

	width:66.66666%;

}
.gallery-item .overlay {

	z-index:2;

	opacity:0;

}

.grid-item {

	position:absolute;

	width:100%;

	z-index:3;

	top:50%;

	left:0;

}

 .grid-item-holder:hover .overlay {

	 opacity:0.4!important;

}

.grid-item h3 {

	font-size:1.2em;

	text-transform:uppercase;

	font-weight: 700;

	position:relative;

	float:left;

	width:100%;

	color:#fff;

}

.grid-item h3 a {

	color:#fff;

}

.grid-item span {

	width:100%;

	float:left;

	font-size:14px;

	opacity:0.6;

	margin-top:6px;

	color:#fff;

}

.grid-item:before , .grid-item:after {

	content:'';

	position:absolute;

	left:50%;

	background:rgba(255,255,255,0.51);

	width:1px;

	height:0;

}

.grid-item:before , .grid-item:after {

	bottom:-50px;

}

.grid-item:after {

	top:-50px;

}

.grid-item h3 , .grid-item span {

	opacity:0;

}

.vis-port-info .grid-item {

	position:relative;

	float:left;

	top:0;

	margin-top:0 !important;

	color:#000;

	padding:20px 0;

}

.vis-port-info .grid-item h3 a , .vis-port-info .grid-item span {

	color:#000;

}

.vis-port-info .grid-item span{

	font-size:1.1em;

	font-style:italic;

	font-family:Georgia, "Times New Roman", Times, serif;

	margin-top:20px;

	color:#666;

	display:block;

	position:relative;

}

.vis-port-info .grid-item span:before {

	position:absolute;

	content:'';

	width:30px;

	height:1px;

	background:#000;

	left:50%;

	margin-left:-15px;

	top:-10px;

}

.vis-port-info .grid-item:before  , .vis-port-info .grid-item:after{

	display:none;

}

.vis-port-info  .grid-item h3 , .vis-port-info  .grid-item span {

	opacity:1;

}

.grid-item-holder:hover .grid-item h3 , .grid-item-holder:hover .grid-item span , .port-desc-holder:hover  .grid-item span  , .port-desc-holder:hover .grid-item h3 , .horizontal_item:hover .grid-item span ,  .horizontal_item:hover .grid-item h3{

	opacity:1;

}

.grid-item-holder:hover   .grid-item:before ,   .grid-item-holder:hover   .grid-item:after  , .port-desc-holder:hover .grid-item:before , .port-desc-holder:hover .grid-item:after , .horizontal_item:hover .grid-item:after , .horizontal_item:hover .grid-item:before{

	 height:40px;

} 

.st-3 .grid-item-holder a img , .gallery-item img, .grid-sizer img , .grid-item:after, .grid-item:before , .grid-item h3 , .grid-item span {

    transition: all 300ms linear;

}

.fixed-filter {

	position:fixed;

	left:80px;

	bottom:80px;

	z-index:5;

	background:rgba(0,0,0,0.51);

	padding:15px 20px;

}

.vis-filter {

	float:left;

	width:100%;

	padding: 0 50px;

	position:relative;

}

.fixed-filter a , .vis-filter a {

	float:left;

	margin-right:8px;

	font-size:12px;

	text-transform:uppercase;

	color:#fff;

}

.vis-filter a {

	float:none;

	display:inline-block;

}

.fixed-filter a.gallery-filter-active  , .vis-filter a.gallery-filter-active , .inline-filters a.gallery-filter-active{

	text-decoration:underline;

}

.inline-filters {

	float:left;

	width:100%;

	padding:30px 0;

	margin:20px 0 0;

	position:relative;

}

.inline-filters:before {

	content:'';

	position:absolute;

	top:10px;

	height:1px;

	background:#ccc;

	left:50%;

	width:120px;

	margin-left:-60px;

}

.inline-filters a {

	display:inline-block;

	padding:10px 18px;

	font-size: 1.1em;

	text-transform: uppercase;

	letter-spacing: 1px;

	color: #333;

	margin:0 5px;

	font-weight: 600;

}

.gallery_horizontal {

	float:left;

	width:100%;

	position:relative;

}

.gallery_horizontal .owl-item img{

	width: auto;

	position:relative;

	z-index:1;

}

.gallery_horizontal .owl-item  .zoomimage img {

	width:60px!important;

	height:60px!important;

	z-index: 2;

}

.horizontal_item {

	overflow:hidden;

	position:relative;

}

.resize-carousel-holder {

	float:left;

	width:100%;

	height:100%;

	position:relative;

}

.vis-info {

	padding-left:450px;

}

.fixed-info-container {

	position:fixed;

	z-index:2;

	top:90px;

	left:90px;

	bottom: 90px;

	width:450px;

	background:#f9f9f9;

	padding:120px 40px 80px 40px;

	overflow:auto;

	border: 1px solid #eee;

	border-bottom: none;

}

.fixed-info-container .content-nav {

	position: absolute;

	left: 0;

	right: 0;

	bottom: 0;

	border-left: none;

}

.hidden-column {

	left:-450px;

	opacity:0;

}

.show-hid-content {

	position:absolute;

    background: rgba(0,0,0,.9);

    color: #fff;

    width:250px;

    height: 70px;

    line-height: 70px;

    cursor: pointer;

    font-size: .9em;

    text-transform: uppercase;

    letter-spacing: 3px;

    font-weight: 500;

	z-index: 20;

}

.show-hid-content i {

    position: absolute;

    right: 40px;

    top: 31px;

    font-size: 1.1em;

    transition: all .3s linear;

}

.ishid i{

	transform: rotate(90deg);

}

.fw-info-container {

	float:left;

	max-width:1450px !important;

	position:relative;

	background:#fff;

	padding:100px 50px 90px;

}

.fixed-info-container h3 , .fixed-info-container h4  , .fw-info-container h3 , .fw-info-container h4{

	float:left;

	text-align:left;

	font-size:2.2em;

	font-weight: 600;

	width:100%;

	color:#292929;

	margin-top:20px;

	text-transform: uppercase;

	letter-spacing: 4px;

}

.fixed-info-container h4 , .fw-info-container h4 {

	font-size:15px;

}

.fixed-info-container .separator  , .fw-info-container .separator{

	float:left;

	width:50px;

	height:3px;

	background:#000;

	margin:20px 0 20px;

	position:relative;

}

.project-details {

	float:left;

	width:100%;

	text-align:left;

	margin:20px 0  ;

	padding-bottom:30px;

	border-bottom:1px solid #ddd;

}

.project-details li {

	float:left;

	width:100%;

	margin-bottom:10px;

	position:relative;

}

.project-details li i {

	position:absolute;

	top:12px;

	left:0;

	width:40px;

	font-size:1.2em;

	color:#666;

}

.pd-holder {

	float:left;

	width:100%;

	padding-left:40px;

}

.pd-holder h5 {

	text-align:left;

	font-size:1.2em;

	font-style:italic;

	font-family:Georgia, "Times New Roman", Times, serif;

	padding-top:12px;

}

.pd-holder h5  a{

	opacity:0.8;

	margin-left: 10px;

}

.project-details li a:hover {

	color:#666;

}

.project-nav {

	float:left;

	width:100%;

	margin-top:30px;

}

.project-nav ul li {

	float:left;

	width:40px;

	height:40px;

	line-height:40px;

	border:1px solid #ccc;

	margin-right:40px;

}

.project-nav ul li a {

	font-size:18px;

	color:#292929;

}

.content-nav {

	float:left;

	width:100%;

	padding:30px  40px;

	position:relative;

	border: 1px solid #eee;

	background: #fff;

 

}

.project-box .content-nav {

	background: #f9f9f9;

}

.content-nav ul {

	position:relative;

	left:0;

	display: block;

}

.content-nav li {

	float:left;

	width: 50%;

}

.content-nav li:nth-child(2){

	display: none

}

.content-nav li a {

	font-size:1.5em;

	float: right;

}

@media only screen and (max-width: 768px) {

.content-nav li a {

	font-size:1em;

}

}

.content-nav li:first-child a {

	float: left

}

.content-nav li span {

	line-height:34px;

}

.p-all {

	position:absolute;

	right:50%;

	top:50%;

	width: 60px;

	height: 60px;

	line-height: 60px;

	background: #222;

	font-size:1.2em;

	border-radius: 50%;

	margin: -30px -30px 0 0;

}

.p-all a {

	color:#fff;

}

@media only screen and (max-width: 1200px) {

    .p-all {

		position:absolute;

		right:50%;

		top:50%;

		width: 60px;

		height: 60px;

		line-height: 60px;

		background: #222;

		font-size:1.2em;

		border-radius: 50%;

		margin: -30px -30px 0 0;

    }

}

.content-nav a {

    transition: all 200ms linear;

}

.content-nav li a span {

	text-transform:uppercase; 

	padding-right:20px;

	font-size:18px;

	position:relative;

	top:-2px;

}

.content-nav a:hover {

	opacity:0.6;

}

.p_horizontal_wrap {

	float:left;

	width:100%;

	position:relative;

	background:#fff;

 	height: 100%; 

}

#portfolio_horizontal_container {

  height: 100%;

 	float:left;

	width:100%;

	position:relative; 

} 

#portfolio_horizontal_container .portfolio_item {

	width: auto;

	height: 100%;

	float:left;

	padding:0 20px 0 0;

	overflow:hidden;

	position:relative;

}

#portfolio_horizontal_container .portfolio_item:last-child {

	padding: 0;

}

#portfolio_horizontal_container .portfolio_item img {

	 float:left;

	 width:auto;

	 height:100%;

}

.port-subtitle-holder {

	position:absolute;

	left:0;

	bottom:20px;

	width:100%;

}

.port-subtitle {

	float:left;

	width:100%;

	background:#fff;

	padding:20px 0;

	text-align:left;

}

.port-subtitle h3 {

	font-size:2.2em;

	font-weight: 600;

	letter-spacing:2px;

	text-transform:uppercase;

}

.port-subtitle span {

	float:left;

	width:100%;

	font-size:1.2em;

	padding-top:6px;

	position:relative;

	left:-10px;

}

.port-subtitle span a {

	padding:0 10px;

	color:#666;

    transition: all .3s linear;

}

.port-subtitle span a:hover , .port-subtitle h3:hover {

	color:#000;

	text-decoration:line-through;

}

.port-desc-holder {

	position: absolute;

	top:0;

	left:0;

	right: 20px;

	bottom: 0;

	z-index:20;

}

#portfolio_horizontal_container .portfolio_item:last-child .port-desc-holder {

	right: 0;

}

.port-desc {

	position:relative;

	float:left;

	width:100%;

	height:100%;

}

.port-desc-holder .grid-item span {

	font-size:18px;

	

}

.port-desc-holder .grid-item h3 {

	font-size:30px;

	letter-spacing:2px;

}

.port-desc-holder .grid-item h3:hover {

	opacity:0.8;

}

.port-desc .overlay , .horizontal_item .overlay {

	opacity:0;

    transition: all 300ms linear;

}

.port-desc-holder:hover .overlay , .horizontal_item:hover .overlay{

	opacity:0.6;

}

.count-folio {

	position:fixed;

	top:50%;

	right:5px;

	width: 80px;

	transform: translateY(-50%);

	z-index:10;

	font-size:1.4em;

	font-weight: 600;

}

.count-folio div {

	float: left;

	width: 50%;

}

.count-folio:before {

	content:"";

	position:absolute;

	width: 1px;

	height: 40px;

	top: 50%;

	left: 50%;

	margin-top: -20px;

	background: #ddd;

}

.column-filter {

	position:fixed;

	top:90px;

	left:90px;

	z-index:23;

	width:250px;

}

.filter-button {

	position:relative;

	float:left;

	background:rgba(0,0,0,.9);

 	color:#fff;

	width:100%;

	height: 70px;

	line-height: 70px;

	cursor:pointer;

	font-size: .9em;

    text-transform: uppercase;

    letter-spacing: 3px;

    font-weight: 500;

}

.filter-button i {

	position:absolute;

	right:40px;

	top:31px;

 	font-size: 1.1em;

    transition: all .3s linear;

}

.roticon {

	transform: rotate(-90deg);

}

.hid-filter {

	float:left;

	width:100%;

	background:rgba(0,0,0,.9);

	padding:30px 0;

	display:none;

	border-top: 1px solid rgba(255,255,255,.2)

}

.hid-filter a {

 	color:#fff;

	float:left;

	width:100%;

	padding:6px 10px;

	font-size:13px;

	letter-spacing:1px;

	text-transform:uppercase;

}

.gallery-filter_active {

	text-decoration:line-through;

}

.bg-slider {

	z-index:1;

}

.fw-info-container , .project-nav {

	float:left;

	position:relative;

	width:100%;

} 

.fw-info-container {

	margin-top:50px;

	bottom:0;

}

.show-info {

	position:absolute;

	bottom:50px;

	left:50px;

	width:80%;

	z-index:15;

}

.show-info span {

	text-transform:uppercase;

	font-size:1.2em;

	color:#fff;

	cursor:pointer;

	float:left;

	font-weight: 600;

}

.tooltip-info{

 	height: auto;

	line-height: 20px;

	padding: 15px 30px;

	border-radius: 10px;

	font-size: 11px;

	color: #fff;

	text-align: center;

	text-indent: 0px;

	position: absolute;

	background:rgba(0,0,0,.7);

	bottom:0;

	opacity: 0;

	left:0;

	margin-bottom:30px;

	visibility: hidden;

	pointer-events: none;

	z-index:16;

    transition: all 300ms linear; 

}

.tooltip-info p {

	font-size:1.2em;

	letter-spacing:1px;

}

.tooltip-info h5 {

	font-size:1.6em;

	margin-top:12px;

	padding:5px 0;

	position:relative;

 	font-weight: 600;

	text-align:left;

}

.show-info:hover .tooltip-info {

	visibility:visible;

	opacity:1;

	bottom:0;

}

figure img {

	cursor:zoom-out;

}

.sections-bg {

	position:fixed;

	top:0;

	left:90px;

	right: 90px;

	height:100%;

	background:#fff;

	z-index:1;

}

.project-box  {

	margin-bottom:40px;

}

.vertical-gallery{

 

	margin-bottom:40px;

}

.project-box .custom-slider-holder {

	margin-bottom: 30px;

} 

.project-box h3 {

	text-align:left;

	padding-bottom:20px;

	color:#000;

	font-weight: 600;

    font-size: 1.4em;

    text-transform: uppercase;

}

.project-box .project-details {

	margin-top: 0

}

.column-container {

	max-width:1500px;

}

.custom-slider-holder , .project-box h3  , .project-box  , .vertical-gallery {

	float:left;

	width:100%;

	position:relative;

}

.custom-slider-holder .owl-controls {

	position: absolute;

	bottom: 20px;

	left: 0;

	right: 0;

	z-index: 2;

}

.custom-slider-holder .customNavigation {

	position:absolute;

	top:50%;

	left:0;

	width:100%;

	height:60px;

	margin-top:-30px;

}

.custom-slider-holder .item {

	position:relative;

}

.custom-slider-holder a.next-slide , .custom-slider-holder a.prev-slide {

	width:60px;

	height:60px;

	background:rgba(0,0,0,.7);

	z-index:5;

	position:absolute;

	top:0;

	cursor:pointer;

	color:#fff;

	line-height:60px;

	font-size:1.2em;

	border-radius: 50%;

    transition: all .3s linear; 

}

.custom-slider-holder a.prev-slide {

	left:30px;

}

.custom-slider-holder a.next-slide {

	right:30px;

}

.custom-slider-holder .customNavigation a:hover {

	background:rgba(255,255,255,1);

	color:#000;

} 

.two-columns-box  .box-item{

	width:50%;

	padding:0 10px 0 5px;

}

/*------ share------------------------------------------------*/

.show-share {

	float:right;

	cursor:pointer;

	font-weight: 600;

	background: #f1f1f1;

 	

    transition: all .3s ease-out;

	position:relative;

	top: 24px;

 	padding: 0 40px;

	height: 40px;

	line-height: 40px;

	text-transform:uppercase;

}

.show-share:hover {

	background: #292929;

	color:#fff;

}

.show-share:before , .show-share:after{

	content:'';

	position:absolute;

	top:0;

	left:-34px;

	width:1px;

	bottom: 0;

}

.isShare:after {

	bottom:100%;

}

.show-share:before {

	background:#ddd;

	z-index:1;

}

.show-share:after{

	z-index:2;

	background:#000;

    transition: all .3s ease-out;

}

.share-container {

	position:fixed;

	z-index:20;

	right:90px;

	top:90px;

	width:70px;

	visibility:hidden;

}

.visshare {

	visibility:visible;

}

.share-icon {

    height:70px;

    width:70px;

	float:left;

    border-bottom:1px solid rgba(255,255,255,.2);

	position:relative;

	font-size:1.2em;

	line-height:70px;

	background:#000;

	color: #fff;

	opacity:0;

    transition: all .3s linear; 

}

.share-container .share-icon:last-child{

	border: none

}

.share-icon:hover {

	opacity:0.6 !important;

}

.share-icon:before {

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

}

.share-icon-facebook:before  {

    content: "\f09a";

}

.share-icon-twitter:before {

    content: "\f099";

}

.share-icon-linkedin:before {

     content: "\f08c";

}

.share-icon-pinterest:before {

    content: "\f0d2";

}

 

/*------ Contacts ------------------------------------------------*/

.contact-inner .container {

	max-width:1200px;

}

.contact-inner .row {

	padding-top:60px;

}

.contact-inner p {

	text-align:left;

}

.contact-list {

	float:left;

	width:100%;

	position:relative;

	padding-top:15px;

	margin-top:15px;

}

.contact-list:before {

	content:'';

	position:absolute;

	top:0;

	left:0;

	width:60px;

	height:2px;

	background:#fff;

}

.no-dec:before {

	display:none;

}

.contact-list li {

	float:left;

	width:100%;

	padding:6px 0;

	text-align:left;

}

.contact-list li a  , .contact-list li span{

	color:#fff;

	font-size:16px;

}

.contact-list li a:hover {

	text-decoration:line-through;

}

#contact-form {

	text-align:center!important;

	width:100%;

	float:left;

}

#contact-form input[type="text"], #contact-form  textarea {

	color: #fff;

	font-size: 12px;

	padding: 0 30px;

	height: 70px;

	width: 100%;

	background:rgba(255,255,255,.2);

	border-radius: 6px;

	margin-bottom:20px;

	border:0;

	position:relative; 

}

#contact-form input[type=text]:focus, #contact-form textarea:focus, input[type=email]:focus {

	background:rgba(0,0,0,.8);

	transition: all .4s ease-in-out;

}

#contact-form textarea {

	height:170px;

	resize:none;

	padding-top: 30px;

}

#contact-form input[type="submit"] , .controls button	{

 

	border:none;

    border-radius: 0;

	padding:0 50px;

	height: 60px;

	cursor:pointer;

    font-weight: bold;

    font-size: .9em;

    text-transform: uppercase;

	color:#fff;

	-webkit-appearance: none;

	float:left;

	background:#222;

	letter-spacing: 2px;

}

.error_message {

	text-align:center;

	margin-bottom:30px;

	font-size:15px;

	color:#fff;

}

#success_page h3{

	text-align:center;

	font-size:18px;

}

#success_page p {

	color:#fff;

	margin-top:20px;

	text-align:center;

}

#message fieldset {

	border:none;

	color:#fff;

}

.flat-form {

	border-top:90px solid #fff;

	padding: 60px 0;

}

.flat-form #contact-form {

	max-width:650px;

	margin:70px auto;

	float:none;

}

.flat-form #contact-form input[type="text"], .flat-form #contact-form  textarea {

	color: #000;

	font-size: 12px;

	padding:0 30px;

	height: 60px;

	line-height: 60px;

	width: 100%;

	background:#fff;

	margin-bottom:20px;

	border:0;

	border:1px solid #eee;

	position:relative;

}

.flat-form #contact-form input[type="text"]:focus, .flat-form #contact-form  textarea:focus {

	box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);

	transition: all .4s ease-in-out;

}

.flat-form #contact-form  textarea {

	height: 180px;

}

.flat-form #contact-form input[type="submit"] {

	float:none;

	margin:20px auto;

	letter-spacing: 2px;

}

.flat-form #contact-form input[type="submit"]:hover , #contact-form input[type="submit"]:hover , .controls button:hover {

	background: #000;

	border-radius: 30px;

	transition: all .4s ease-in-out;

}

.flat-form .error_message {

	color:red;

}

 

.flat-form p  , .flat-form #success_page p {

	color:#666;

	text-align:center;

}

.flat-form #message fieldset {

	color:#000;

}

.map-box {

	float:left;

	width:100% ;

	height:600px;

	position:relative;

	overflow:hidden;

}

.map-holder {

	position:absolute;

	width:100%;

	height:100%;

	top:0;

	left:0;

	z-index:10;

}

#map-canvas {

	float:left;

	width:100%;

	height:100%;

	position:relative;

}

/* ------blog------------------------------------------------------------ */

.blg-nav {

 

	margin-bottom:30px;

	background: #f9f9f9;

}

.waimg {

	float:left;

	margin-bottom:20px;

}

article {

	float:left;

	margin-bottom:10px;

	width:100%;

	position:relative;

	border-bottom:1px solid #ddd;

}

article .btn {

	float:left;

}

.post-author {

	margin:20px 0 40px;

	float:left;

	border:1px solid #eee;

	padding:30px;

	background: #f9f9f9;

}

.author-img {

	float:left;

	width:15%;

}

.author-content {

	float:left;

	width:85%;

	padding-left:10px;

}

.author-img img {

	border-radius:100%;

	float:left;

}

.author-content h5 {

	font-size:14px;

	letter-spacing:2px;

	text-transform:uppercase;

	margin-bottom:14px;

	color:#000;

	display:block;

	float:left;

}

.author-content p {

	margin-bottom:8px;

	float:left;

	width:100%;

}

.fix-box .project-box {

	background: #f9f9f9;

	padding: 70px 60px 30px;

	margin: 0;

 

}

.fix-box .project-box:last-child {

	padding-top: 0;

}

.widget {

	float:left;

	width:100%;

	margin-bottom:40px;

	text-align:left;

	border-bottom:1px solid #ddd;

	padding-bottom:20px;

}

.widget h3 {

	font-family:"Segoe UI Regular";

	float:left;

	width:100%;

	position:relative;

	font-size:1.2em;

	text-transform: uppercase;

	padding-bottom:40px;

}

.widget-posts li {

	padding: 12px 0;

}

.widget-posts-img {

	float:left;

	width:30%;

}

.widget-comments-img  img{

	 border-radius:100%;

}

.widget-posts-descr{

	float:left;

	width:70%;

	padding-left:10px;

}

.widget-posts-descr a{

	font-size:14px;

	font-style:italic;

	font-family:Georgia, "Times New Roman", Times, serif;

	color:#666;

} 

.widget-posts-date  {

	float:left;

	width:100%;

	margin-top:10px;

	color:#666;

	font-size:14px;

}

.searh-holder {

	max-width:450px;

	margin-top:20px;

	position:relative;

}

.searh-inner {

	float:left;

	width:100%;

	position:relative;

}

.search {

	border:1px solid rgba(0,0,0,.07);

	float: left;

	background:#fff;

	border-radius:0;

	position:relative;

	outline: none;

	padding: 0px 0px 0px 30px;

	width: 100%;

	height:70px;

	color: #000;

	-webkit-appearance: none;

}

.searh-inner input[type="text"]:focus   {

	box-shadow: 0px 10px 14px 0px rgba(12, 0, 46, 0.06);

} 

.search-submit {

	border: none;

	outline: none;

	cursor: pointer;

	background:none;

	position:absolute;

	top:0;

	right:40px;

	font-size: 1.2em;

	height: 70px;

}

.trnsp-search {

	border:1px solid #fff;

	border-radius:6px;

	color:#fff;

	background:rgba(255,255,255,0.21);

}

.trnsp_btn  {

	border-radius: 0 6px   6px 0;

}

.trnsp_btn i  {

	color:#fff !important;

}

.search-submit:hover i {

	opacity:0.5;

}

.tagcloud li {

	float: left;

	margin :  0 4px   10px 0;

}

.tagcloud li a {

	float: left;

	padding:8px 14px;

 	font-size: 1.2em;

	background:#292929;

	color:#fff;

}

.tagcloud li a:hover {

	background:#fff;

	color:#292929;

}

.cat-item{

	padding-bottom: 8px;

	margin-bottom: 15px;

}

.cat-item a{

	font-size:14px;

	font-style:italic;

	font-family:Georgia, "Times New Roman", Times, serif;

	color:#666;

}

.cat-item a , .tagcloud li a{

	font-weight: 400;

 

    transition: all 200ms linear;

}

.sinnle-post h2 {

	float:left;

	font-size:32px;

	text-align:left;

	text-transform:uppercase;

	width:100%;

} 

.blog-title  , .blog-text{

	float:left;

	width:100%;

	padding:20px 0;

}

.blog-text {

	padding:0;

	padding-bottom:20px;

}

.blog-title li {

	float:left;

	text-align:left;

	text-transform:uppercase;

	margin-bottom:10px;

	font-size:1.1em;

	color:#666;

	margin-right:4px;

	font-weight: bold;

}

.blog-title a:hover {

	color:#666;

}

.blog-text {

	margin-top:40px;

	position:relative;

}

.sinnle-post .blog-text {

	max-width:900px;

}

.blog-text h3  , .comment-form-holder h3 , .comments-holder h3 , .project-details h3{

	font-size:1.4em;

	text-align:left;

	text-transform:uppercase;

	margin-bottom:10px;

	font-weight: bold;

	color: #333;

}

/* Target the h3 titles in the category section */

.category-section .custom-post-title {

    font-size: 17px;

    color: #333;

    font-weight: bold;

}



.category-section .custom-post-title a {

    color: #464646;

    text-decoration: none;

    transition: color 0.3s ease;

}



.category-section .custom-post-title a:hover {

    color: #000000;

}

.category-section {

    margin-bottom: 50px;

}



.category-section h2 {

    font-size: 23px;

    margin-bottom: 20px;

    border-bottom: 1px solid #ddd;

    padding-bottom: 10px;

	text-align: justify;

}



.blog-text article {

    margin-bottom: 30px;

}

.comments-holder h3 span {

	font-weight: 400;

} 

.project-details h3 {

	padding:20px 0 15px;

}

.blog-media {

	float:left;

	width:100%;

	position:relative;

}

.blog-text .btn i {

	margin-left: 10px;

}

.blog-text p {

	font-size:15px;

	padding-top:10px;

	padding-bottom: 25px;

	text-align: justify;

}

.pagination-blog {

	margin :40px 0 60px;

	text-align:center;

	float:left;

 	border:1px solid #eee;

	border-right: none;

}

.pagination-blog a {

	float:left;

	width: 70px;

	height: 70px;

	line-height: 70px;

	background: #f9f9f9;

	position:relative;

	font-size:1.1em;

	color:#666;

	border-right:1px solid #eee;

}

.pagination-blog a.current-page, .pagination-blog a:hover {

    color:#fff;

	background:#000;

 	border-color: transparent;

}

.sidebar {

	float:left;

	width:100%;

	padding:0 0 0 70px;

	position: relative;

}

.sidebar:before {

	content: '';

	position: absolute;

	top: -90px;

	bottom: -200vh;

	left: 20px;

	/*width: 100vw;*/

	width:100%; 

	background: #f9f9f9;

	z-index: -1;

}

.sinnle-post p {	

	font-size:16px;

}

.sinnle-post .blog-text h3 {

	margin-bottom:30px;

}

.commentlist {

	text-align:left;

	float:left;

	margin:30px 0px;

	max-width:900px;

	padding:20px 0;

	border-top:1px solid #eee;

	border-bottom:1px solid #eee;

}

.comment-form-holder {

	max-width:100%;

	width:100%;

	float:left;

	margin:20px 0  50px;

}

#comments{ 

	text-align:left; 

	padding-top: 10px;

	max-width:800px;

}

#comments-title , #reply-title{

	border-bottom: 1px solid #eee;

	padding-bottom: 30px; 

	margin-bottom: 5px;

	font-size:16px;

	text-transform:uppercase;

	font-weight:bold;

	color:#666;

}

.comment{ 

	float: left; 

}

.comment-body{ 

	position: relative; 

	margin-left: 70px; 

	padding-top: 30px; 

}

.comment-author{ 

	position: absolute; 

	top: 30px; 

	left: -66px;

}

.comment-author img{ 

	border-radius: 100%;

}

.comment .children{ 

	margin-left: 70px; 

}

.fn{

	display: block; 

	margin-bottom: 10px;

}

.comment-meta, .comment-meta a{

	font-family: Georgia, "Times New Roman", Times, serif;

	font-style:italic;

	font-size:12px;

	letter-spacing:1px;

	color:#494949;

	padding-bottom:10px;

}

 

#reply-title{

	padding-bottom:30px;

	margin-bottom:5px;

}

#commentform   , #respond , .comment-form-comment ,  .comment-form-comment .controls    {

	float:left;

	width:100%;

}

.comment-form-author , .comment-form-email {

	width: 50%;

	float:left;

	padding-top: 30px;

	position: relative;

}

.comment-form-email {

	padding-left: 10px;

}

.comment-form-author {

	padding-right: 10px;

}

.comment-notes{

	margin-top: 10px; 

	color: #a4a4a3;

}

.control-group .controls input {

 	width: 100%;

	outline: none;

	height: 60px;

	background: #f9f9f9;

	color: #a4a4a3;

	text-decoration: none;

	border: 1px solid #eee;

	float:left;

	max-width:600px;

	padding-left: 30px;

 

}

.control-group .controls textarea {

	float:left;

	margin-top: 15px;

	padding: 30px;

	min-height: 180px;

	background: #f9f9f9;

	color: #a4a4a3;

	resize: vertical;

	border: 1px solid #eee;

	width: 100%;

}

.controls button {

	 margin-top:30px;

}

.control-group .controls textarea::-webkit-input-placeholder  {

 	color:#000;

	font-weight: 600;

	font-size: 11px;

	position: relative;

	font-family: var(--main-font);

}

.nav-button-holder {

	position: absolute;

	right: 220px;

	top: 23px;

	cursor: pointer; 

} 

/*------ css-animation - ------------------------------------------------*/

.transition{

    transition: all .4s linear;

}

.transition2{

    transition: all .2s linear;

}

.transition3{

    transition: all .3s linear;

}

.fl-l {

	float:left;

}

/*------  Responsive ------------------------------------------------------*/

@media only screen and  (max-width: 1380px) { /* 1036 */

	.content-holder {

		padding: 90px 0;

	  }

	.fixed-title {

		display: none;

	}

	  /* Section-columns : afficher les éléments en colonne */

	  .section-columns {

		display: flex;

		flex-direction: column; /* Aligner les éléments en colonne */

	  }

	

	  /* Image de la colonne */

	  .section-columns-img {

		position: relative; /* Maintenir le positionnement si nécessaire */

		width: 100%; /* L'image prend toute la largeur */

		height: auto; /* Ajuster la hauteur proportionnellement */

		order: 2; /* Place l'image après le texte */

	  }

	

	  /* Supprimer les effets inutiles du pseudo-élément */

	  .section-columns-img::before {

		content: none; /* Supprime le pseudo-élément */

	  }

	

	  /* Texte de la colonne */

	  .section-columns-text {

		order: 1; /* Place le texte en premier */

	  }

	

	  /* Ajustement du background si utilisé */

	  .bg-bio {

		background-size: cover; /* Ajuste l'image pour couvrir l'espace */

		background-position: center;

		width: 100%; /* S'assure que le background occupe tout l'espace */

		height: 200px; /* Hauteur ajustée pour l'image de fond sur mobile */

	  }

.logo-holder {

    left: 30px;

}

.share-container {

    right: 0;

}	

.nav-button-wrap {

	float:right;

	height:38px;

	width:38px;

	cursor:pointer;

	position:relative;

	top:26px;

	margin-right:16px;

	display: block;

}

.nav-button  {

	position:absolute;

	top:50%;

	left:50%;

	width:22px;

	height:20px;

	margin-left:90px; /* -11 */

	margin-top:-6px;

}

.nav-button span{

	float:left;

	width:100%;

	height:2px;

	background:#000;

	margin-bottom:4px;

	border-radius:4px;

	-webkit-transition: all 200ms linear;

    transition: all 200ms linear;

}

.nav-button span:first-child {

    width: 50%;

}

.main-menu nav ul {

	display:none;

}

.main-menu{

	position: absolute  ;

	top:90px;

	right:-20px;

	width:300px;

	z-index:50;

 	padding:25px 30px ;

 	background:#222;

	visibility:hidden;

	opacity:0;

	-webkit-transition: all 0.4s  ease-in-out;

	transition: all 0.4s  ease-in-out;

}

.vismobmenu {

	opacity:1;

	right:0;

	visibility:visible;

}



.menusb {

	display:block;

	float:left;

	position:relative;

	width:100%;

	overflow:hidden;

}

.main-menu .menusb ul  {

	display:block;

	float:left;

	position:relative;

	width:100%;

}

.menusb li {

	margin: 0;

	float: left;

	width:100%;

	position:relative;

	overflow:hidden;

	padding:0 20px;

}

.menusb   li i {

	position:absolute;

	right:18px;

	top:12px;

}

.menusb  a {

	float:left;

	width:100%;

	padding:8px 5px;

	position:relative;

	font-weight: 600;

	font-size: 1.0em;

	text-transform: uppercase;

	color: #fff;

	line-height:20px;

	text-align:left;

}

.menusb  a.act-link {

	color:rgba(255,255,255,0.71);

}

.menusb a.back{

	padding-left:24px;

}

.menusb a.back:before{

	font-family:FontAwesome;

    -webkit-font-smoothing: antialiased;

	content: "\f177";

	font-size:14px;

}	

.mob-bg {

	display:block;

} 

.inline-facts h6 {

	float: none;

	font-size:16px;

	text-align:center;

}

.num{

	float: none;

	text-align:center;

}

.nav-button-holder  {

	display:block;

}

.nav-holder {

	position:absolute;

	top:60px;

	left:0;

	width:100%;

	background:#fff;

	padding:30px 0;

	display:none;

	height:300px;

	overflow:auto;

}

.nav-holder nav ul li  , .nav-holder nav ul li > ul li , .nav-holder nav li ul li > ul    {

	float:left;

	width:100%;

	margin-bottom:10px;

	text-align:left;

	left:0;

	opacity:1!important;

	right: auto;

	visibility: visible;

}

.nav-holder nav li ul {

	margin: 0;

	padding-left:20px;

	opacity: 1!important;

	visibility: visible;

	position: relative;

	width:100%;

	display:none;

	float: left;

	top:0;

	left: 0;

	right: auto;

	z-index: 1;    	

	border-bottom:none;  

} 

.slide-title-holder {

	width:100%;

}

.slide-title {

	top:45%;

	float:none;

	margin: 0 auto;

	border-right:none;

	padding:50px;

}

.slide-title h3 {

	font-size:22px;

}

.slide-title h4 {

	 font-size:12px

}

.page-title {

	padding-bottom:20px;

}

.page-title h2 {

	font-size:30px;	

} 

section {

	padding:30px 0;

}

.gallery-item {

	width:50% !important;

}

.fixed-column {

	float:left;

	position:relative;

	width:100%;

	height:auto;

	right:0;

	left:0;

	top:0;

}

.media-container {

	float:left;

	position:relative;

	top:0;

	left:0;

	width:100%;

	height:100%;

	overflow:auto;

} 

.colum-w {

	padding-top:0 !important

} 

.fw .zoomimage {

	top:150px;

}

.fixed-info-container {

	position:relative;

	top:0;

	left:0 !important;

	opacity:1;

	height:auto;

	width:100%;

	float:left;

	padding:50px 30px 80px 30px;

	overflow:auto;

}

.vis-info {

	padding-left:0;

}

.gallery_horizontal {

	padding: 0 0  90px 0;

}

.horizontal_item img {

	width:100%;

	height:auto !important;

}

.show-hid-content {

	display:none;

}

.section-columns-text {

	width:100%;

}

.section-columns-img {

	position:relative;

	top:0;

	left:0;

	width:100%;

	height:auto;

	padding:150px 0;

}

.nav-button {

	margin-top:19px;

}

.sections-bg {

    left: 0;

    right: 0;

}	

.sidebar {

	padding: 0 10px; /* Reduce padding for smaller screens */

}

.sidebar:before {

	top: 0; /* Reset the top position */

	bottom: 0; /* Reset the bottom position */

	left: 0; /* Reset left to align with the sidebar */

	width: 100%; /* Make it span the full width */

}

.fix-box .project-box {

    margin-bottom: 40px; /* Adjust the value as needed */

    padding: 50px 30px 20px; /* Reduce padding for better fit on small screens */

  }

/* Widget Title Styling */

.widget h3 {

    margin: 20px 0 20px; /* Add margin below the title */

    padding: 0;

    font-size: 1.2em; /* Adjust font size for small screens */

    line-height: 1.4;

    z-index: 1; /* Ensure it stays above the pseudo-element */

    position: relative; /* Maintain its stacking context */

}

.swiper-slide .show-info {

	bottom:70px; 

}

.resize-carousel-holder .customNavigation , .order-holder h3:before , .count-folio , .hs:before{

	display:none;

}

.show-share {

	position: absolute;

	right: 30px;

	top: 26px;

}

.to-top {

    right: 0;

}

.custom-inner {

 	padding: 150px 0;

    top: 0;

    transform: translateY(0);

}

#contact-form {

 	margin-bottom: 90px;

}

.content {

 	padding-bottom: 20px;

}

.section-columns {

    padding: 0;

}	

.section-columns-text {

    padding: 90px 30px;

}	

.section-columns-text .custom-inner {

    padding: 0;

}

.scroll-page-nav {

    right: 0;

}

.order-holder h3 {

    top: 0;

	margin: 20px 0;

}

.order-holder .btn {

	float: none;

	display: inline-block

}

.column-filter {

	left: 0

}

.gallery-items {

    padding: 0

}

.hs{

    top:100%;

    right: 30px;

    left: 30px;

	width: auto;

	margin-top: -68px;

}

.hs a {

    position: absolute;

    width: 40px;

    color:#fff;

}

.hs a.arrow-left {

   left: 0;

}

.hs a.arrow-right {

   right: 0;

} 
footer {
	display:none;
}

}	

@media only screen and  (max-width: 768px) {

	footer {

        bottom: 0;

        width: 100%;

        height: auto; /* Ajuste la hauteur dynamiquement */

        padding: 20px 15px; /* Espacement interne pour mobile */

        line-height: normal; /* Supprime la restriction de hauteur liée à line-height */

        text-align: center; /* Centre le contenu pour un affichage propre */

        background: #fff; /* Assure une couleur de fond uniforme */

    }



    .policy-box {

        display: flex;

        flex-direction: column; /* Affiche les éléments en colonne */

        justify-content: center; /* Centre les éléments verticalement */

        text-align: center; /* Centre le texte */

        padding: 10px 0; /* Espacement interne */

    }



    .policy-box span {

        font-size: 11px; /* Taille adaptée pour mobile */

        margin-bottom: 10px; /* Espacement sous le texte */

    }



    .policy-box ul {

        list-style: none; /* Supprime les puces */

        padding: 0; /* Pas de padding */

        margin: 10px 0; /* Espacement entre les listes */

    }



    .policy-box ul li {

        font-size: 12px; /* Taille adaptée pour mobile */

        margin-bottom: 5px; /* Espacement entre les éléments */

    }



    .policy-box ul li a {

        text-decoration: none; /* Pas de soulignement */

        color: #2c2c2c; /* Couleur des liens */

        font-size: 12px;

		padding: 0;

    }



    .policy-box ul li a:hover {

        text-decoration: underline; /* Soulignement au survol */

    }

	.footer-social {

		margin:0 auto;

		float:none;

	}

	.footer-social li {

		display:inline-block;

		float:none;

	}

#portfolio_horizontal_container {

  height: auto !important;

}

#portfolio_horizontal_container .portfolio_item {

	width:  100% !important;

	height: auto !important;

	padding:0 10px;

	overflow:hidden;

	position:relative;

}

#portfolio_horizontal_container .portfolio_item img {

	width:100% !important;

	height: auto !important;

}

.port-subtitle-holder {

	position:relative;

	float:left;

	width:100%;

	padding:0 ;

}



.parallax-section {

	padding:150px 0;

}

.inline-facts {

	width:50%;

} 

.logo-holder {

	left:10px;

}

.scroll-page-nav {

	 width:30px;

}

.count-folio  , .full-height-wrap:before , .full-height-wrap:after , .left-decor , .right-decor , .fixed-wrap:before , .fixed-wrap:after , .portfolio_item .port-desc-holder , .scroll-page-nav {

	display:none;

}

.custom-inner {

	padding :100px 0 70px 0;

}

.custom-inner.error-page h2 {

	font-size:90px;

}

.gallery-item {

	width:50%;

}

.parallax-section .bg {

    top: -30%;

}	

}

@media only screen and  (max-width: 540px) {

.page-title h2 {

	font-size:20px;

} 

.team-holder li {

	float:left;

	width:100%;

	padding:20px 0;

}

.gallery-item {

	width:100%!important;

}

.grid-small-pad  .grid-item-holder , .grid-big-pad  .grid-item-holder{

	padding: 0 !important;

}

.header-inner {

	float:left;

	width:100%;

	padding:0 10px;

	padding-top:10px;

	position:relative;

}

.servicses-holder li , .inline-facts {

	width:100%;

}

.gallery-item {

	width:100%;

}

.show-share:before {

	display:none;

}	

.show-share {

    padding: 0 30px;

}

.nav-button-holder {

    right: 160px;

}

.custom-inner.error-page h3 {

	font-size:1.5em;

}	

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {

.bg {

	background-attachment: scroll !important;

	-webkit-background-size:cover;

	background-position:center;

}

}