html {
  scroll-behavior: smooth;
}

body {
	background: #fff;
	color: #0a2b34;
	font-size: 26px;
	line-height: 1.35;
	padding:0;
	margin:0;
	font-family: 'poppins';
	font-weight: 400;
	font-style: normal;
}

body.site{
	border-top:none;
	padding:0;
	margin:0;
}

.body{
	overflow:hidden;
	background: #fff;
}

a {
    color: #e0ab1f;
    text-decoration: none;
    transition: all .4s;
}

a:active, a:hover, a:focus {
    color: #a7c685;
    text-decoration: none;
}

a.pdf {
    position: relative;
    display: table;
    background: url(../images/ic-pdf.png) top left no-repeat;
    height: 40px;
    padding-left: 47px;
}


img{max-width:100%;height:auto;}

.img-right, .pull-right {
    float: right;
    margin: 0 0px 40px 45px;
   border-radius:10px;
}

.img-left, .pull-left {
   
    float: left;
	border-radius:10px;
    margin: 0 45px 40px 0px;
}

.img-left, .img-right {
	 position: relative;
	 /* overflow: hidden; */
}


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1em;  
}

h1, .h1 {
    color: #272525;
    font-size: 50px;
    font-family: 'poppins';
	font-weight: 500;
	font-style: normal;
    text-align: left;
    line-height: 1.2em;
    margin-bottom: 30px;
    text-transform: uppercase;
}
h1.slogan {
    position: absolute;
    top: 87px;
    left: 350px;
    display: block;
    font-family: 'd-din-probold';
    font-weight: normal;
    color: #fff;
    font-size: 70px;
    line-height: 1em;
}


h2, .h2{
	position:relative;
	color: #ae2836;
	font-size: 36px;
	font-family: 'poppins';
	font-weight: 700;
	font-style: normal;
	margin: 20px 0 15px;
	display: table;
}

.strong{
	font-family: 'poppins';
	font-weight: 700;
	font-style: normal;
}
h3, .h3{
    position: relative;
    color: #e0ab1f;
    margin: 20px 0 25px;
    font-size: 32px;
    font-family: 'poppins';
    font-weight: 700;
	font-style: normal;
}

h4, .h4 {
    font-size: 28px;
    color: #272525;
    margin: 20px 0 7px;
    font-family: 'poppins';
	font-weight: 500;
	font-style: normal;
    line-height: 1.3em; display: table;
}

h5, .h5{
    font-size:24px;
	margin:30px 0 15px;
}

h6, .h6{
    font-size:14px;
	margin:30px 0 10px;
}

.clearfix {
    display: block;
    clear: both;  
}

header.header .container-fluid {
    max-width: 1900px;
    padding: 0 15px;
    margin: auto;
    display: table;
    position: relative;
}



div#sticky-wrapper {height:unset !important;width: 100% !important;}


nav#nav-2, nav.mobile-nav {display: none;}

.headertop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
}

.topheader {
    z-index: 5;
    padding: 24px 0 0;
}


header.header .container-fluid:after {
    position: absolute;
    content:"";
    background: url(../images/leftlogo.png) bottom center no-repeat;
    top: -25px;
    left: -2px;
    width: 265px;
    height: 315px;
    background-size: cover;
}

.is-sticky .topheader {
    padding: 10px 0; background: #fff;
}

.view-article.itemid-158 .is-sticky .topheader  {
    background: #fff;
}


.header-inner .container{max-width: 1440px;}

header.header .is-sticky  .container-fluid:after{background: none;}


.view-article.itemid-158  .headertop {top: -170px; z-index: 10;}

.banner {position:relative;z-index: 1;}

.view-article.itemid-158 .banner{margin-top: 171px; z-index: 10;}

.view-article .banner img {width:100%; height:auto}

.view-article .banner p {margin:0}

.view-article .banner:before, .view-categories .banner:before, 
.com_eventgallery .banner:before, .view-category .banner:before{
	position:absolute;
	content:"";
	inset:0;
	background: rgb(37 40 41 / 0.70);
}

.view-article.itemid-158 header.header .container-fluid:after,
.view-article.itemid-158 .banner:before,
.view-article.itemid-122 .banner:before {
	content:none;
}

#flexslider-90.flexslider li .jslider-image:after {
    position: absolute;
    content: "";
    background: rgb(32 31 37 / 50%);
    inset: 0;

}

#flexslider-90 .slide-desc-box {top: 55% !important;}

#flexslider-90 .light-text-shadow > div > div, 
#flexslider-90 .slide-desc-box > div.skrollable.skrollable-between, 
#flexslider-90 .slide-desc-box > div {
    text-shadow: unset !important;
    opacity: 1 !important;
	box-shadow: unset !important;
} 

#flexslider-90 .slide-desc {
    position: relative;
    font-size: 30px !important;
    color: #fff !important;
    text-shadow: unset !important;
    text-align: left !important;
    display: table;
    margin: auto;
}

#flexslider-90 .flex-control-nav li {
    padding: 0px !important;
    margin: 0 !important;
    height: auto !important;
}

#flexslider-90 .slide-desc p, #flexslider-90 .slide-desc span {
	position: relative;
	color: #fff;
	font-size: 62px;
	font-family: 'poppins';
	font-weight: 400;
	font-style: normal;
	text-transform: unset;
	margin-bottom: 0;
}

#flexslider-90 .slide-desc-box > div > div {
    background: unset !important;
	box-shadow: unset !important;
}


#flexslider-90.flexslider li .jslider-image:before{
	position:absolute;
	content:"";
	inset:0;
	background: rgb(10 43 52 / 30%);
}

.flexslider.position-nav-bottom .flex-control-nav {
    position: absolute;
    bottom: 40% !important;
    right: 80px !important;
    width:25px !important;
    height: auto !important;
}

#flexslider-90.flex-control-nav li {
    display: inline !important;
    padding: 0 0 0 !important;
    height: 20px !important;
}

#flexslider-90 .flex-control-paging li a.flex-active, #flexslider-90 .flex-control-paging li a:hover {
    background-color: #e0ab1f !important;
}

.flex-control-nav li a{
   margin:0 !important;
}

#flexslider-90.flexslider .flex-direction-nav a {
    background-image: unset !important;
    width: 106px !important;
    height: 106px !important;
    z-index: 100;
}

#flexslider-90.flexslider .flex-direction-nav  a.flex-prev{
	background: url(../images/flech-prev.png) center no-repeat !important;
}

#flexslider-90.flexslider .flex-direction-nav  a.flex-next{
	background: url(../images/flech-next.png) center no-repeat !important;
}

.flex-direction-nav .flex-next{
	right:6%  !important;
}

.flex-direction-nav .flex-prev{
	left:6%  !important;
}

.scrol {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    width: 50px;
    height: 70px;
    text-align: center;
    margin: auto;
}

.scrol a {
    font-size: 0;
    text-decoration: none;
    background: url(../images/scroll.png) top center no-repeat;
    width: 22px;
    display: table;
    height: 44px;
    margin: auto;
}

.banner-i {
    position: relative;   
    overflow: hidden;
}

a.logo {
	position: relative;
	z-index: 4;
	display: table;
	text-align: center;
	margin: 0px 0 0px;
}

.is-sticky a.logo {
	margin: 0px ;
}

.custom.bloctop {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 5px;
    color: #bdbcc5;
    font-size: 18px;
    font-family: 'poppins';
	font-weight: 300;
	font-style: normal;
}

.is-sticky  .custom.bloctop {display :none }

.top.top-1 {
    background: url(../images/ic-1.png) center left no-repeat;
    padding-left: 40px;
}

.top.top-2 {
    background: url(../images/ic-2.png) center left no-repeat;
    padding-left: 55px;
}

.top.top-3 {
    background: url(../images/ic-3.png) center left no-repeat;
    padding-left: 50px;
}

.top.top-4 {
    background: url(../images/ic-4.png) center left no-repeat;
    padding-left: 50px;
    height: 33px;
    line-height: 33px;
}

.top.top-5 {
    display: flex;
    gap: 15px;
    align-items: center;
}

.top.top-5 .h5{
	font-size:18px
}

.top.top-5 a i.fa {
    color: #fff;
}

.top a{
	  color: #a6a1a8;
	display:block;
	height:20px;
	transition:.3s all;
}

.top a:hover{
	 color: #b99978;	
}

.nav-menu.navmenu1 {
    position: relative;
    display: block;
    margin: 0 250px 0 0;
    overflow: hidden;
    float: right;
}

.header-inner.row {clear:both; position: relative;z-index: 2;padding: 0;margin: 0;}

.nav-menu {padding-top: 4px;margin: auto;display: table;}

.nav-menu.navmenu2 {padding-top: 28px;margin: 0 auto;z-index: 3;position: relative;}

.is-sticky .nav-menu.navmenu2 { padding: 32px 0 0; }

header.header {
    position: relative;
    padding: 0;
    overflow: hidden;
}

.view-article.itemid-158 header.header {
    overflow: unset;
}

.is-sticky .headertop {
    z-index: 1000 !important;
    height: auto;
    background: #fff;
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 16%);
    padding: 8px 0;
    width: 100% !important;
}

.view-article.itemid-158 .nav-menu.navmenu2 {
    padding-top: 15px;
}

.view-article.itemid-158 .top.top-5 a i.fa {
    color: #bf9d77;
}

/****************---------HEADER------------*********************/

/**************---------Main------------****************/

main#content {
	position: relative;
	padding: 70px 0 100px;
	z-index: 2;	 
}

main#content ul.breadcrumb.filnav {
    margin: 0 0 50px;
    background: #f1f1f1;
    font-size: 20px;
    padding: 7px 0 0;
}

main#content ul.breadcrumb.filnav li {   
    background: none; padding:0 5px;
}

.itemid-113 main#content {
	padding: 70px 0 50px;
}

.itemid-113 main#content:before, .itemid-113 main#content:after {
	position: absolute;
	content:"";
	background:#f1f1f1;
	left:0;
	right:0;
	height:650px;
	 z-index:-1;
}

.itemid-113 main#content:before {top:0;}

.itemid-113 main#content:after { bottom:0; }

main#content ul{
	list-style:none;
	margin:0;
	padding:0
}

main#content ul li {
    background: url(../images/puce.png) top 12px left no-repeat;
    padding-left: 20px;
    margin-bottom: 10px;
}

.view-article.itemid-158 main#content .row ul li:first-child {
    background: url(../images/ic-2.png) center left no-repeat;
    padding-left: 55px;
}

.view-article.itemid-158 main#content .row ul li:nth-child(2) {
    background: url(../images/ic-4.png) center left no-repeat;
    padding-left: 55px;
}

.view-article.itemid-158 main#content .row ul li:nth-child(3) {
    background: none; padding-left: 0px;
}

.view-article.itemid-158 main#content .row ul li:nth-child(3) i.fa{
    margin-right:15px; color:#c3a480;
} 

h2.titklites { padding: 100px 0 0;}

.infoklites  { padding: 0 250px 0 0;}

.expert {
    padding: 150px 0 100px 100px;
    display: table;
}

.expert h2.titklites { padding: 0;}

.expert .infoklites {padding: 0px 60px 0 0px;display: table;}

.expert img {
    margin: 0px 100px 50px 0px;   
}

/************************ bloc home ************************/

.custom.bloc-1 {
    position: relative;
    padding: 100px 0 100px;
    font-size: 23px;
    color: #9a99a1;
    font-family: 'poppins';
	font-weight: 300;
	font-style: normal;
    line-height: 1.5em;
}

.custom.bloc-1 h2{
	color:#201f25;
	font-size:32px;
	padding-top: 30px;
	margin: 0px 0 5px;
}

.custom.bloc-1 h2:before{
	position:absolute;
	content:"";
	border-top:7px solid #201f25;
	top:0;
	width:18px;

}

.custom.bloc-1 .strong{
	font-size:32px;
	color: #242429;
	font-family: 'poppins';
	font-weight: 400;
	font-style: normal;
	margin: 0 0 10px;
}

.custom.bloc-1 span.strong{font-size:23px;}

.custom.bloc-1 span.years {
    position: absolute;
    left: 153px;
    bottom: 100px;
    color: #fff;
    z-index: 2;
    font-family: 'poppins';
    font-weight: 700;
	font-style: normal;
    font-size: 32px;
    line-height: 1em;
}

.custom.bloc-1 span.years span.txtlight {
    display: table;
    font-size: 17px;
}

.custom.bloc-1 .photo{
	position:relative;
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.custom.bloc-1 .col-md-6:first-child{
	padding:0;
}

.custom.bloc-1 .col-md-6:last-child{
	padding: 0 0 0 50px;
}

.custom.bloc-1 .photo .img-2{
		position:relative;
		margin-top: -125px;
}

.custom.bloc-1 .photo .img-2{
		position:relative;		
}

.custom.bloc-1 .info{max-width: 650px;/* margin-top: -38px; */}

.custom.bloc-2{
	position:relative;
	padding: 90px 0 ;
	z-index: 2;
	background: url(../images/bloc-1-min.jpg) top center no-repeat;
	background-size: cover;
}

.custom.bloc-2:before{
	position:absolute;
	content:"";
	background:rgb(32 31 37 / 70%);
	inset:0;
}

.custom.bloc-2 .box{
	position:relative;
	display:table;
	max-width:445px;
	height:auto;
	overflow:hidden;
	color: #fff;
	font-size: 26px;
	font-family: 'poppins';
	font-weight: 300;
	font-style: normal;
	z-index: 2;
	transition: .3s all;
}

.custom.bloc-2 .box a{
	position:absolute;
	inset:0;
	z-index:10;
	font-size:0;
	
}

.custom.bloc-2 .box h3{
	font-family: 'poppins';
	font-weight: 400;
	font-style: normal;
	text-align: left;
	font-size: 32px;
	color: #fff;
	margin: 10px 0 45px;
	padding-top: 145px;
	margin-bottom:70px;
	transition: .3s all;
}

.custom.bloc-2 .box h3:after{
	position:absolute;
	content:"";
	border-bottom:5px solid #ae2836;
	width:15px;
	left:0;
	bottom:-15px;
	transition: .3s all;
}

.custom.bloc-2 .box h3:before{
	position:absolute;
	content:"";
	background:url(../images/bg-icone.png) top left no-repeat;
	width:54px;
	height:54px;
	top: 32px;
	z-index:-1;
	transition: .3s all;
}

.custom.bloc-2 .box:hover h3:before{	
	background:url(../images/bg-icone.png) bottom left no-repeat;	
}

.custom.bloc-2 .box.bx-1 h3{	
	background: url(../images/ico-1.png) top left 30px  no-repeat;	
}

.custom.bloc-2 .box.bx-2 h3{
	background: url(../images/ico-2.png) top left 30px no-repeat;
}

.custom.bloc-2 .box.bx-3 h3{	
	background: url(../images/ico-3.png) top left 30px no-repeat;	
}

.custom.bloc-3 {
    position: relative;
    padding: 100px 0 0px;
}

.custom.bloc-3:before{
	position:absolute;
	content:"";
	top:0;
	bottom:0px;
	left:0;
	width:50%;
	background:#f1f1f1;	
}

.custom.bloc-3.showroom:before{ bottom:10px; }

.custom.bloc-3.showroom .bloc.bx1 { max-width: 650px; }

.custom.bloc-3.showroom { padding: 60px 0 0px; }

.custom.bloc-3 .row{ margin:0;}

.custom.bloc-3 .col-md-3{ padding:0; }

.custom.bloc-3  .bloc {
    position: relative;
    max-width: 385px;
    height: auto;
    display: table;
    overflow: hidden;
    font-size: 26px;
}

.custom.bloc-3 .container {
    position: relative;
}


.custom.bloc-3 .container:after{
   position:absolute;
   content:"";
   top:20px;
   left: -30px;
   height:80px;
   border-left:5px solid #ae2836;
   width:5px;
   z-index:2;
}

.custom.bloc-3  .bloc.bx1 h2{
    font-family: 'poppins';
    font-weight: 400;
	font-style: normal;
    font-size: 42px;
    margin-bottom: 65px;
}

.custom.bloc-3  .bloc.bx1 { padding-right:35px }

.custom.bloc-3  .bloc .photo {
	position:relative;
	overflow:hidden;
}

.custom.bloc-3  .bloc .photo:after {
	position:absolute;
	content:"";
	border-left: 5px solid #ae2836;
	top: 272px;
	left:0;
	height: 79px;
	width:5px;
	z-index: 10;
}

.custom.bloc-3  .bloc .photo:before {
	position:absolute;
	content:"";
	background:rgb(32 31 37 / 40%);
	inset:0;
}

.custom.bloc-3  .bloc .photo p {
	margin:0;
}

.custom.bloc-3  .bloc .photo h2{
	position:absolute;
	bottom:0;
	bottom: 35%;
	left: 55px;
	font-family: 'poppins';
	font-weight: 400;
	font-style: normal;
	font-size: 42px;color: #fff;
}

.custom.bloc-3  .bloc.bx4 .photo h2{ bottom: 29%; }

.custom.bloc-3  .bloc .photo h2:before{
	position:absolute;
	content:"";
	width:69px;
	height:70px;
	top:-120px;
	left:0;
	transition:.3s all;
}

.custom.bloc-3  .bloc.bx2 .photo h2:before{
	background:url(../images/icon-1.png) top left no-repeat;	
}

.custom.bloc-3  .bloc.bx3 .photo h2:before{
	background:url(../images/icon-2.png) top left no-repeat;
}

.custom.bloc-3  .bloc.bx4 .photo h2:before{
	background:url(../images/icon-3.png) top left no-repeat;
}

.custom.bloc-3  .bloc.bx2:hover .photo h2:before{
	background:url(../images/icon-1.png) bottom left no-repeat;	
}

.custom.bloc-3  .bloc.bx3:hover .photo h2:before{
	background:url(../images/icon-2.png) bottom left no-repeat;
}

.custom.bloc-3  .bloc.bx4:hover .photo h2:before{
	background:url(../images/icon-3.png) bottom left no-repeat;
}

.custom.bloc-3  .bloc .photo a{
	position:absolute;
	bottom:0;
	right: 0;
	background: #bf9d77;
	padding: 10px 5px 10px 65px;
	font-size: 26px;
	color: #201f25;
	clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0% 100%);
	width: 200px;
	transition: .3s all;
}

.custom.bloc-3  .bloc:hover .photo a{ background: #ae2836; color:#fff;}

.custom.bloc-3.showroom .col-md-6:last-child {
    padding-right: 0;
}


footer{
	position:relative;
	background: #f1f1f1;
	color: #0a2b34;
	padding: 0px 0 0px;
	font-size: 26px;
	font-family: 'poppins';
	font-weight: 400;
	font-style: normal;
	overflow:hidden
}

footer:before{
	position:absolute; content:""; background: #fff; top:0; left:0; width:85%; height:400px;
}

footer .container-fluid{ padding:0; }

footer h2{
	font-family: 'poppins';
	font-weight: 700;
	font-style: normal;
	color:#0a2b34;
	font-size:54px;
	margin: 0 0 75px 85px;
}

footer ul{ list-style:none; margin:0; padding:0; overflow:hidden; }

footer .network {position: absolute;bottom: 100px;left: 84px;}

footer .network a{
	font-family: 'poppins';
	font-weight: 500;
	font-style: normal;
	font-size:29px;
	color:#fff;
	text-decoration:none;
	transition:.3s all;
}

footer .network h5{
	font-family: 'poppins';
	font-weight: 400;
	font-style: normal;
	text-transform: uppercase;
	font-size:25px;
	color:#201f25;
	text-align:right;
	text-decoration:none;
	transition:.3s all;
}

footer .network a:hover{color:#58c4eb}

footer .network a i, footer .network i{margin-right: 15px;font-size: 24px;color: #0b2c35;}

footer .bloc-right { padding-top: 35px; }


footer .logos {
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
    margin-left: 55px;
    margin-top: 80px;
}


p.copyright {clear: both;text-align: left;font-size: 14px;margin-top: 30px;margin-bottom:0;}

p.copyright a{color: #e0ab1f;font-size: 14px;text-transform:unset}


::placeholder{
	 color: #1a1d1f !important;
    font-size: 22px !important;
	padding-left:10px !important;
}


/************************************************/
/************************************************/

.categories-list { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 5px; }

.categories-list div { position: relative; width: 32.33%; margin-bottom: 15px;}

h3.page-header.item-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(174 40 54 / 85%);
    height: 68px;
    margin: 0;
    padding: 0;
    line-height: 2;
	transition: .3s all;
}

h3.page-header.item-title:hover { background: rgb(191 157 119 / 85%); }


h3.page-header.item-title a {
    color: #fff;
    padding-left: 10px;
    font-family: 'poppins';
    font-weight: 500;
	font-style: normal;
    font-size: 30px;
	transition: .3s all;
}

h3.page-header.item-title a:hover { color: #232323; }

.view-category .category-desc.clearfix, .osgalery-cat-tabs { display: none; }

iframe {border-radius: 5px !important;}


/************************************************/
/****************eventesgallery*******************/


#events .item .title {
    min-height: 65px;  font-size: 26px;  line-height: 3;
}

#events .item .eg-content .data {
    background-color: rgba(0, 0, 0, 0.85);
    color: #fff;
    text-transform: uppercase;
    font-family: 'poppins';
    font-weight: 500;
	font-style: normal;
}



/**************---------EndFooter------------****************/
/**********************************************************/

@media screen and (max-width: 1680px){
	
footer .network { bottom: 50px; }

#flexslider-90 .slide-desc p, #flexslider-90 .slide-desc span { font-size: 57px; }		
}


@media screen and (max-width: 1538px){
	
	.container{  width: 90%; }

	.view-article header.header .container-fluid:after {  top: -60px; width: 240px; }

	.nav-menu.navmenu2 { padding-top: 10px; }	

	footer .network { bottom: 10px; }

	#flexslider-90 .slide-desc p, #flexslider-90 .slide-desc span { font-size: 50px; }	

	.custom.bloctop, .top.top-5 .h5 { font-size: 16px;}
	.custom.bloctop {margin-top: -15px;}	
	.custom.bloc-2 .box,	
	.custom.bloc-3 .bloc { font-size: 24px; }

	.custom.bloc-3 .bloc .photo h2,	
	.custom.bloc-3 .bloc.bx1 h2,
	.custom.bloc-3 .bloc.bx1 h2 { font-size: 38px; }

	.custom.bloc-3 .bloc .photo a { font-size: 24px; }

	.custom.bloc-3 .bloc .photo:after {top: 259px}	

	.custom.bloc-1 p.strong { font-size: 28px; }
		
}


@media screen and (max-width: 1470px){
	
	.view-article main#content .container, .container { width: 95%; }

	body { font-size: 24px; }	

	h2, .h2 { font-size: 38px;}	

	h4, .h4 {  font-size: 26px; }

	footer .network h5 { font-size: 22px;  margin: 0; }	

	.custom.bloc-1 .info { max-width: 500px; float: right; }

	.custom.bloc-3 .bloc .photo:after { top: 238px; }	

	.custom.bloc-3 .bloc .photo h2, .custom.bloc-3 .bloc.bx1 h2, .custom.bloc-3 .bloc.bx1 h2 { font-size: 36px; }	
	
}


@media screen and (max-width: 1366px){
	
	header.header .container-fluid:after, .view-article header.header .container-fluid:after { left: 0px; width: 231px; }

	.nav-menu.navmenu2 { padding-top: 10px; }

	.topheader { padding: 15px 0 0; }

	a.logo { margin: 15px 0 0px; }	

	#flexslider-90 .slide-desc p, #flexslider-90 .slide-desc span { font-size: 42px; }	

	footer:before { height: 320px; }	
	
}

@media screen and (max-width: 1290px){
	
	.custom.bloc-1 .info { max-width: 450px; }

	.custom.bloc-1 h2 { font-size: 30px; }

	.custom.bloc-1 p.strong { font-size: 25px; }

	.custom.bloc-1 { font-size: 24px; }	

	.custom.bloc-2 .box, .custom.bloc-3 .bloc {font-size: 20px; }

	.custom.bloc-3 .bloc .photo h2, .custom.bloc-3 .bloc.bx1 h2, .custom.bloc-3 .bloc.bx1 h2 { font-size: 32px; }	

	footer .network h5 { font-size: 19px;  margin: 0 0 15px; }

	.custom.bloc-3 .bloc .photo a { padding: 10px 5px 10px 50px;  width: 180px; }

	footer:before { height: 270px; }

}

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

	.custom.bloc-1 .info { max-width: 380px; }

	.custom.bloc-3 .bloc .photo:after { top: 211px; }

	header.header .container-fluid:after, .view-article header.header .container-fluid:after { left: 0px; width: 194px; }

	.view-article header.header .container-fluid:after { top: -81px; }
}

@media screen and (max-width: 1190px){
	
	.img-right, .pull-right {  float: none;  margin: 0 auto 60px; display: table;}	

	.custom.bloc-1 .photo img { max-width: 55%; height: auto;  width: 55%; }

	.custom.bloc-1 span.years { left: 53px; bottom: 73px; font-size: 26px;}	

	.custom.bloc-1 h2 {font-size: 28px;}

	.custom.bloc-1 p.strong { font-size: 21px; }

	.custom.bloc-1 { font-size: 20px;}

	.custom.bloc-3 .bloc .photo:after { top: 151px; }

	.custom.bloctop, .top.top-5 .h5 { font-size: 15px; }

	.custom.bloctop, .top.top-5 .h5 { font-size: 14px; gap: 0px;}

	.nav-menu.navmenu2 {  padding-top: 0;}	

	.top { padding-left: 38px !important; }

	.top.top-5 { padding-left: 0 !important;}	
	
}

@media screen and (max-width: 1080px){
	
	.custom.bloctop, .top.top-5 .h5 { font-size: 14px; gap: 0px;}
	
	header.header .container-fluid:after, 
	.view-article header.header .container-fluid:after { left: 0px; width: 176px; top: -73px; }	
	
	.top { padding-left: 38px !important; }	
	
	#flexslider-90 .slide-desc p, #flexslider-90 .slide-desc span { font-size: 35px; }

	#flexslider-90 .slide-desc-box { top: 60% !important; }	

	.custom.bloctop, .top.top-5 .h5 {  font-size: 14px; }

	.top.top-5 { gap: 8px; }

	 .top.top-2, .top.top-3, .top.top-4 { padding-left: 40px; }

	.custom.bloc-3 .bloc .photo h2 { left: 35px; }	

	footer:before { height: 220px; }

	footer .network { bottom: 10px; left: 54px; }

	footer .network h5 { font-size: 17px;  margin: 0 0 5px; }

	footer .network a i, footer .network i { margin-right: 10px; font-size: 19px; }	

	.custom.bloc-3 .bloc .photo h2, .custom.bloc-3 .bloc.bx1 h2, .custom.bloc-3 .bloc.bx1 h2 { font-size: 30px; }	
}


@media screen and (max-width: 1023px){
	
	header.header .container-fluid:after, .view-article header.header .container-fluid:after { left: 0px; width: 158px;  top: -95px; }
		
	
	.view-article header.header .container-fluid:after {  top: -125px; }
	
	.container { width: 95%;}
	
	body {  font-size: 21px;}
	
	.custom.bloc-1 .col-md-6, .custom.bloc-2 .col-md-4, .custom.bloc-3 .col-md-6,
	.custom.bloc-3 .col-md-3, .footer .col-md-6{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	
	.custom.bloc-1 .col-md-6:last-child { padding: 0 15px; }
	
	.custom.bloc-1 .info { max-width: 700px; float: none; display: table; margin: 50px auto 0; }
	
	.custom.bloc-2 {padding: 50px 0 20px;}
	
	.custom.bloc-2 .box, .custom.bloc-3 .bloc { font-size: 20px; display: table; margin: 0 auto 40px; }
	
	.custom.bloc-3:before { width: 100%; bottom:0 }
	
	.custom.bloc-3.showroom .bloc.bx1 { max-width: 850px; padding-right: 0;}
	
	.custom.bloc-3 .container:after { left: 0px; }
	
	footer .bloc-right { padding-top: 35px; display: table; margin: auto; }	
	
	footer .network { bottom: unset; left: unset; position: relative; display: table; margin: 30px auto 0; }	
	
	h2, .h2 { font-size: 30px;}
	
	h3, .h3{ font-size: 28px;}	

	.infoklites {  padding: 0 0px 0 0; }	

	.expert { padding: 100px 0 150px 0px; display: table; }	
	
	.col-md-10.col-sm-10.col-xs-9.menus {
		padding: 0 5px;
	}
		
}


@media screen and (max-width: 991px){
	
	.custom.bloctop { justify-content: flex-end; align-items: stretch; gap: 20px; flex-wrap: wrap; }

	.top.top-5 { /*margin-top: -33px; */}

	.custom.bloctop { justify-content: end;     margin-top: -17px;}

	.custom.bloctop .top { display: none;}

	.custom.bloctop .top.top-5 { display: flex;}

	.nav-menu.navmenu2 { padding: 0;  display: block;}

	.topheader nav#navigation { display: none;}

	nav.mobile-nav {
		display: block;
		padding: 10px;
		position: absolute;
		padding: 5px 10px;
		top: -50px;
		left: 30px;
		right: 0;
		margin: auto;
		text-align: center;
		background: #fff;
		width: 100px;
	}	
	.is-sticky nav.mobile-nav {   top: 24px;   }
	
	.img-left, .img-right { float: none; display: table; margin: 30px auto; }	

	h2.titklites { padding: 20px 0 0; }

	.itemid-113 main#content:before, .itemid-113 main#content:after { height: 800px; }

}


@media screen and (max-width: 896px){
			
	header.header .container-fluid:after { width: 150px;  top: -129px; }
	
	p.copyright, p.copyright a { font-size: 13px; }
	
	.scrol {width: 35px;height: 35px;}	
	
	.scrol a {background-size: 50%;}
	
	.flex-direction-nav .flex-prev { left: 0% !important; }
	
	.flex-direction-nav .flex-next { right: 0% !important; }	
	
	#flexslider-90 .slide-desc p, #flexslider-90 .slide-desc span { font-size: 30px; }	
}

@media screen and (max-width: 767px){
	.view-article header.header .container-fluid:after { top: -149px; }
	
	a.logo { margin: 0px; }
}

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

	.col-md-2.col-sm-2.col-xs-3.logos { flex: 0 0 25%; max-width: 25%;}

	.col-md-10.col-sm-10.col-xs-9.menus { flex: 0 0 75%; max-width: 75%; }

	#flexslider-90.flexslider .flex-direction-nav a.flex-prev,	
	#flexslider-90.flexslider .flex-direction-nav a.flex-next { background-size: 40% !important; }

	#flexslider-90 .slide-desc-box { top: 74% !important; }
	
	#flexslider-90 .slide-desc p, #flexslider-90 .slide-desc span { font-size: 23px; line-height: 0.5em; }	
	
	#flexslider-90 .flex-direction-nav a { top: 62% !important; }
	
	nav.mobile-nav { right: 10px;}
	
	.view-article header.header .container-fluid:after { top: -15px; width: 216px; background: #fff; height: 155px; 
		clip-path: polygon(0 0, 100% 0, 100% 53%, 0% 100%); }	
	
}


@media screen and (max-width: 683px){
	
	header.header .container-fluid:after { width: 170px;  top: -113px; }
	
	.view-article header.header .container-fluid:after { 
		top: -15px; width: 192px; background: #fff; height: 138px; 
		clip-path: polygon(0 0, 100% 0, 100% 53%, 0% 100%);
	}
	
	a.logo { margin: 0px; }
	
	footer { font-size: 18px;}
	
	footer .custom.bloc3 { font-size: 18px; min-height: 532px; }
	
	#flexslider-91 .slide-desc h2 { font-size: 27px; max-width: 400px; }
	
	#flexslider-91 .slide-desc h3 { font-size: 60px; margin: -30px 0 0; margin: -30px 0 0;}
	
	.custom.bloc-1 .photo { position: relative; display: table; margin: auto; }
	
	.custom.bloc-1 .photo img { max-width: 100%;   height: auto;  width: 100%; }	
	
	.custom.bloc-1 .photo img { margin-bottom: 30px; }
	
	.custom.bloc-1 .photo .img-2 { margin-top: 0; }	

	.custom.bloc-1 { padding: 0px 0 100px; }	

	.custom.bloc-1 span.years {left: 53px; bottom: unset; font-size: 26px;top: 230px;}		
}

@media screen and (max-width: 575px){
	
	
	header.header .container-fluid:after {  width: 170px;  top: -100px; }
		
	.view-article header.header .container-fluid:after { top: -16px; width: 163px; height: 129px;}
	
	.view-article a.logo img {width: 120px;}
	
	.view-article a.logo { margin: -11px 0 0; }
	
	a.logo img { width: 144px; }	
	
	h3, .h3 { font-size: 26px; }	
	
	h4, .h4 {  font-size: 24px;}
	
	h2, .h2 { font-size: 28px;}
	
	body {  font-size: 20px;}
	
	.col-md-2.col-sm-2.col-xs-3.logos { flex: 0 0 45%; max-width: 45%; }
	
	.col-md-10.col-sm-10.col-xs-9.menus {flex: 0 0 55%;	max-width: 55%;}
	
	nav.mobile-nav { right: 100px; left: 0; width: 50px;}	

	#flexslider-90 .slide-desc { font-size: 23px !important; text-align: center !important; line-height: 1; }	

	#flexslider-90 .slide-desc-box { top: 81% !important; }	

	#flexslider-90 .slide-desc p, #flexslider-90 .slide-desc span { font-size: 16px; line-height: 0; text-align: center; }

	.scrol { bottom: -14px; }

	#flexslider-90 .flex-direction-nav a { top: 38% !important; }	

	#flexslider-90 .flex-direction-nav .flex-prev { left: 82% !important; top: 64% !important; }
	
}

@media screen and (max-width: 538px){
	
	header.header .container-fluid:after ,
	.view-article header.header .container-fluid:after { top: -16px; width: 185px; height: 115px; background:#fff; clip-path:unset;}

}

@media screen and (max-width: 480px){
	
	.view-article header.header .container-fluid:after { width: 152px;  height: 80px; }

	a.logo { margin: -5px 0 0px; }	
	
}

@media screen and (max-width: 425px){
	
	a.logo img { width: 130px;}

	.custom.bloctop .top.top-5 { display: none; }

	nav.mobile-nav { right: 4px; left: unset; width: 50px; margin: 0; top: 18px; }	

}

@media screen and (max-width: 320px){
	
	.col-md-2.col-sm-2.col-xs-3.logos, .col-md-10.col-sm-10.col-xs-9.menus {
		flex: 0 0 50%; max-width: 50%;
	}

	a.logo {
		margin: -10px 0 0px;  text-align: left;
	}	

	nav.mobile-nav {
		right: 0;  left: unset;  width: 30px;   margin: 0;   padding: 0px 0;
	}
}