/* V2.90 */
@charset "utf-8";

html { font-family: Arial, Helvetica, sans-serif; scroll-behavior: smooth; }
body, html { height: 100%; margin: 0; padding: 0; }
body { border-top: #c39 solid 2px; -webkit-box-shadow: 0px 0px 10px 0px #000000; box-shadow: 0px 0px 10px 0px #000000; }

a, a:focus, a:hover { text-decoration: none; }
a { transition: all .3s ease; background-color: transparent; }
.w3-hover-blue:hover { background-color: #004799!important; }
.w3-carmo,.w3-hover-carmo:hover{color:#004799!important;background-color:#ffd401!important;border:1px solid #004799!important;font-weight:bold;}
.w3-carmo-invers,.w3-hover-carmo-invers:hover{color:#ffffff!important;background-color:#004799!important;border:1px solid #ffffff!important;font-weight:bold;}
.w3-blue-carmo { background: #004799!important; color: #FFF!important; }
.w3-yellow-carmo { background: #FFD401!important; color: #000!important; }

#totopBtn { display: none; position: fixed; bottom: 100px; right: 42px; z-index: 99; font-size: 26px; outline: none; background-color: #FFD401; color: #004799; cursor: pointer; padding: 8px 18px; border-radius: 50%; border: #004799 1px solid; }
#totopBtn:hover { background-color: #004799; color: #FFD401; border: #FFD401 1px solid; }

.parallax { background-image: url(../../visuels/fond-box.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
.parallax-effect { background-image: url(../../images/3camions2022paralax.png);
        
        background-attachment: fixed;
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: contain; }

.texte { font-size: 1.3em; font-weight: normal; color: #666666; text-decoration: none; }
.textegras { font-size: 1.3em; font-weight: bold; color: #666666; text-decoration: none; }

.w3row { padding: 0 20px; margin: 0 auto; width: 1600px; max-width: 100%; }

/* loader */
#loadingx { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.loading { z-index: 999; border-radius: 50%; width: 200px; height: 200px; position: fixed; left: 50%; top: 50%; -webkit-transform: translate( -50%, -50% ); transform: translate( -50%, -50% ); }

/* error panel */
#errorpan { display: none; }
.errorcm { color: #004799!important; background-color: #FFD401!important; border: 2px dashed #004799;	 }

/* form */
.form-required { font-weight: bold; color: red; }

/* header */
#main-header { background: #FFF; border-bottom: 2px #000 solid; z-index: 10000!important; /*position: relative;*/ position: fixed; width:100% }
#main-header .gradl {
background: rgb(0,71,153);
background: -moz-linear-gradient(90deg, rgba(0,71,153,1) 10%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,71,153,1) 10%, rgba(255,255,255,1) 100%);
background: linear-gradient(90deg, rgba(0,71,153,1) 10%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004799",endColorstr="#ffffff",GradientType=1);
}
/* header bar */
.header_bar { display: block; }
.header_bar .logo { float: left; padding: 10px 0px 0px 0px; width:fit-content; }
.header_bar .logo img { filter: drop-shadow(1px 1px 4px #779DC9); }
.header_bar .logo a { display: block; width: max-content; margin: 0 auto; }
	.header_bar .teltop { text-align: center;  }
	.header_bar .teltop a { color: #999999; text-shadow: 1px 1px 2px #000; font-size: 14px; margin-top: 2px; font-weight: 700; text-decoration: none; }
	.header_bar .teltop a:hover { color: #FFFFFF; }
	.header_bar .teltop a span { text-decoration: underline; }
.header_bar .h1 { float: left; font-size: 22px; font-style: italic; text-align: center; display: block; padding: 20px 0px 0px 0px; width: 70%; font-weight: 900; color: #222; text-decoration: underline; margin: 0 auto; }	
.header_bar .picto { display: inline-block; float: right; text-align: right; width:10%; padding: 0px 0px 0px 0px; }
.header_bar .picto div { display: inline-block; }

#main-header.is-sticky { top: 0; }
#main-header.is-sticky .gradl { background: rgb(0,71,153)!important; }
.is-sticky .picto { padding: 2px 0px 0px 0px; }
.is-sticky .picto div img { max-height: 30px; }
.is-sticky .header_bar .h1 { font-size: 18px !important; padding: 5px 0px 0px 0px; color:#eee; }
.is-sticky .header_bar .logo { padding: 5px 0px 0px 0px; }
.is-sticky .header_bar .logo img { width: 50%; }
.is-sticky .header_bar .teltop { display: none; }
.is-sticky .header_menu .menu_top a { color:#fff; }
.is-sticky .header_menu .menu_top > li:focus > a, .is-sticky .header_menu .menu_top > li:hover > a, .is-sticky .header_menu .menu_top > li > a:focus, .is-sticky .header_menu .menu_top > li > a:hover { color:#000; }
.is-sticky .header_menu .menu_top > li.cltlifa.cart .svg-inline--fa { width: 1.5em!important; height: 1.5em!important; }
.is-sticky .header_menu .menu_top > li.cltlifa a font { font-size: 8px !important; }

/* top menu */
.header_menu { color: #000; display: block; clear: both; z-index: 100; position: relative; }
.header_menu .w3row { position: relative; }
.header_menu .menu_top_collapse { display: none; }
.header_menu .menu_top_collapse .w3-right { display: none; }
.header_menu .menu_top_collapse a { color: #000; padding: 5px 15px; font-size: xx-large; }
.header_menu .menu_top_collapse a:focus, .header_menu .menu_top_collapse a:hover { /*background:#FFD401; color:#004799;*/ color:#FFF; }
/*.header_menu .menu_top .fa-home { width: 1.525em; height: 1.5em; vertical-align: middle; }*/
.header_menu .menu_top { list-style: none; margin: 0; padding: 0; display: table; width: 100%; padding-bottom: 5px; }
.header_menu .menu_top a { color: #000; display: block; padding: 5px 15px; }
.header_menu .menu_top > li { display: table-cell; text-align: center; }
.header_menu .menu_top > li.cltli a { font-size: 14px; font-family: Arial; letter-spacing: 0.1px; padding: 4px 16px; font-weight: normal; font-style: italic; }
.header_menu .menu_top > li.cltlifa {padding: 0 3px; }
.header_menu .menu_top > li.cltlifa .svg-inline--fa { width: 1.5em!important; height: 1.5em!important; vertical-align: bottom; }
.header_menu .menu_top > li.cltlifa.cart .svg-inline--fa { width: 1.8em!important; height: 1.8em!important; vertical-align: bottom; }
.header_menu .menu_top > li.cltlifa a { font-size: inherit; font-weight: inherit; letter-spacing: inherit; padding: 6px; }
.header_menu .menu_top > li.cltlifa a font { margin: auto; position: absolute; top: 8px; left: 0; bottom: 0; right: 0; font-weight: 900; font-size: 10px !important; color: #fff; }
.header_menu .menu_top > li.cltlifa a:hover font { color: #000; }
.header_menu .menu_top > li > a { text-transform: uppercase; padding: 8px 12px; font-weight: 700; font-family: Arial, sans-serif; width: max-content; }
.header_menu .menu_top > li:focus > a, .header_menu .menu_top > li:hover > a, .header_menu .menu_top > li > a:focus,.header_menu .menu_top > li > a:hover{ /*background:#FFD401; color:#004799;*/ color:#FFF; }
.header_menu .menu_top > li.cltli.current > a { background:#FFD401!important; color:#004799!important; border: solid 1px #000; }
.header_menu .menu_top > li.current { /*background:#FFD401;*/ }
.header_menu .menu_top > li.current > a { /*color:#004799!important;*/ color:#FFF; }
.header_menu .menu_top > li.dv.current { background:#FFD401!important; }
.header_menu .menu_top .fs { display: none; margin-right: 5px; }
/*.header_menu .menu_top .fa-home { display: inline!important; }*/
.header_menu #ellipsebtn { position: absolute; background: #004799; -webkit-border-bottom-right-radius: 45px; -moz-border-radius-bottomright: 45px; border-bottom-right-radius: 45px; padding-top: 14px; padding-bottom: 16px; padding-right: 14px; padding-left: 7px; border-bottom: 2px solid #000; border-right: 2px solid #000; }
.header_menu #ellipsebtn .fa-ellipsis-v { width: 1.5em; height: 1.5em; color: #FFD401; }

/* sidebar */
#mySidebar { width: 286px; background: #004799; color: #FFF; display:none; padding-bottom: 200px; z-index: 100000; }
#mySidebar > a:first-child { margin-top: 25px; }
#mySidebar a { font-weight: 900; font-size: 19px; }
#mySidebar .nosgammes-bar { margin-bottom: 15px; margin-left: 15px; }
#mySidebar .nosgammes-bar a { font-weight: 400; font-size: 14px; padding: 4px 16px; }

.myshaker {  
  animation: shake 0.5s;  
  animation-iteration-count: infinite;
}
@keyframes shake {
	0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

/* main content */
#content { padding-top: 130px; }
#content, .degrad {
/* https://cssgradient.io/ */
background: rgb(0,71,153);
background: -moz-linear-gradient(90deg, rgba(0,71,153,1) 10%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,71,153,1) 10%, rgba(255,255,255,1) 100%);
background: linear-gradient(90deg, rgba(0,71,153,1) 10%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004799",endColorstr="#ffffff",GradientType=1);
}	
.pupitre { display: block; padding-top: 20px; padding-bottom: 20px; padding-left: 60px; }
.titreparagraphe { font-weight: bold; /*color: #004799;*/ color: #000000; text-decoration: none; font-style: normal; margin: 30px 0 30px 0; }
.textecar-mo { font-size: 14px; font-weight: normal; color: #000000; text-decoration: none; font-style: normal; margin-bottom: 2px; }
.textecar-mo2 { font-size: 16px; font-weight: bold; color: #000000; text-decoration: none; font-style: normal; }
.textecar-mo3 {	font-size: 18px; font-weight: bold; color: #000000; text-decoration: none; font-style: normal; }
.spacing { margin: 8px 0; }
.presentation { -moz-box-shadow: 0 0 2px #666666; -webkit-box-shadow: 0 0 2px #666666; box-shadow: 0 0 2px #666666; }
#about { display: block; padding: 60px 0 }
.boxproduitsexterieur{
	-moz-box-shadow: 0 0 2px #666666; -webkit-box-shadow: 0 0 2px #666666; box-shadow: 0 0 2px #666666; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; border: 1px solid white; min-height: 400px; overflow: hidden; background: url(../../visuels/fond-box.jpg); padding: 0 5px;
}
.titrebox { font-weight: bold; color: #004799; text-decoration: none; font-style: normal; margin: 20px 0 20px 0; }
.contents { max-width: 90%; margin: auto; }
.download:hover { cursor: url(../../images/pdf.png) 2 2, auto; }

.chariotimage { max-height: 180px; max-width: 100%; }

.legvu{min-height:63px;font-size:18px;font-weight:bold;padding:4px;margin-left:5px;margin-right:5px;font-family: Arial, Helvetica, sans-serif;}
.pose1{-moz-box-shadow: 0 0 2px #666666; -webkit-box-shadow: 0 0 2px #666666; box-shadow: 0 0 2px #666666; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; border: 1px solid white; background: url(../../visuels/fond-box.jpg); padding: 5px; margin: 10px!important;} 
.sl3{max-height:200px;}

/* home diaporama */
.btnrd{border-radius: 19px;margin-bottom:5px;margin-top:2px;}
#diapo .boxacc img, #diapo2 .boxacc img { cursor:zoom-in; }
#diapo .myCarmoSlides img, #diapo2 .myCarmoSlides2 img { max-width: 320px; max-height: 200px; }
#diapo .minvue, #diapo2 .minvue { max-width: 200px; max-width: 860px; margin: 0 auto; }
#diapo .minvue img, #diapo2 .minvue img { width: 200px; height: 126px; margin-bottom: 5px; }
.sl1{height:420px; max-height:420px;}
.sl2{height:38px;}
#diapomodal { padding-top: 50px!important; }
#diapomodal.w3-modal { z-index: 3000000!important; }
#diapomodal .w3-modal-content { border: #000 solid 5px; }

.mark { background: #FFD401; padding: 40px 0; margin: 20px 0 40px 0; border-top: 2px solid #004799; border-bottom: 2px solid #004799; }
.mark:hover { background: #004799; color: #FFF; }
.mqac{width:90px;margin-left:9px;margin-right:9px;}

/* page produit */
#boxlarge {
    -moz-box-shadow: 0 0 2px #666666;
    -webkit-box-shadow: 0 0 2px #666666;
    box-shadow: 0 0 2px #666666;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 1px solid white;
    overflow: hidden;
    background: url(../../visuels/fond-box.jpg);
}
.carmodesc {
    float: right;
    border: 2px solid #004799;
    text-align: center;
    margin: 4px;
    line-height: 29px;
    font-size: 16px;
}
.carmodesc p {
    color: #004799;
    width: 100%!important;
    padding: 5px!important;
    background-color: #ffd401!important;
    font-weight: bold;
    margin: 0px!important;
    font-size: 16px!important;
}

/* page compte */
.boxfond {
    -moz-box-shadow: 0 0 2px #666666;
    -webkit-box-shadow: 0 0 2px #666666;
    box-shadow: 0 0 2px #666666;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 1px solid white;
    overflow: hidden;
    background: url(../../visuels/fond-box.jpg);
}

/* espace client */
.h4espcltinv {
    background: #004799;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
}
.h4espclt {
    background: #FFD401;
    color: #004799;
    font-size: 16px;
    font-weight: bold;
}

/* panier */
#panier .qte { padding: 0 5px; }
#panier .updqte { cursor: pointer; color: #004799!important; }
#panier .prdopt { font-size: 0.7em; color: darkblue; }
#panier .min { text-transform: uppercase; }
#panier .max { text-transform: uppercase; font-size: 1.2em; }
#panier .w3-check, #panier  .w3-radio {
    width: 18px;
    height: 18px;
    position: relative;
    top: 0px;
}

/* page promotions et news */
#podium .podium {margin:0 auto; padding:0 2px; }
.fw{font-weight:700; line-height:1.4em; }
.bb{font-size:2.3em;}
.mi{line-height:1.6em; font-size: 1.3em;}
.ai{font-size:1.3em;}
.ai2{font-size:1.6em;}

/* footer + menu pied page */
footer { display: block; font-weight: 900; }
footer a:hover { text-decoration: underline; color: #FFD401; }
.footer_bar { /*background: #FFD401; color: #004799; text-align: center; padding-bottom: 12px;*/ border-bottom: 3px #000 solid; }
.footer_menu { background-image: url('../../visuels/footer.png'); background-color: #004799; background-position: bottom; color: #FFF; }
.footer_block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; }
.footer_ctn { padding: 60px 0; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
.footer_block .ctn { padding: 0 10px; }
.ft_logo { text-align: center; padding: 50px 0; }
.ft_tel { padding: 10px 0; margin: 20px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.75); }
.ft_tel a { color: #000; font-size: large; }
.ft_telperm { font-weight: normal; font-size: small; margin-top: 5px; color: #000; }
.ft_mailto { font-size: small; margin: 20px 0; }
.ft_spe { font-size: 15px; font-weight: 900; margin: 0; font-family: inherit; }
.ft_addr { font-weight: normal; margin: 20px 0; }
.ctn ul { margin: 0; list-style: none; padding: 0; }
.ctn ul > li { display: block; text-transform: uppercase; padding: 8px 0; }
.ctn ul > li:first-child { padding: 0 0 8px 0; }
.ctn ul > li.current { background:#FFD401; }
.ctn ul > li.current > a { color:#004799!important; }
.footer_bar2 { background: #000; color: #FFF; text-align: center; padding: 12px; }

.reab { display:none; }
@media (max-width: 1400px){
	.mqac{width:50px;margin-left:4px;margin-right:4px;}
	.header_menu .menu_top > li.cltli { display:none; }
	.header_menu .menu_top > li.cltlifa { display:none; }
	.header_bar .h1 { width: 55%; font-size: 20px; }	
	.header_bar .picto { padding: 1.2% 0px 0px 0px; }
	.header_bar .picto div img { max-height: 30px; }
	.reab { display:block; position: absolute; top: 0; right: 7%; padding: 10px 0 0 0; }
	.reab a { padding: 8px 8px; }
	.reab a .svg-inline--fa { width: 1.5em; height: 1.5em; vertical-align: top; }
	.is-sticky .menu_top { padding: 0; margin-top: 15px; }
	.is-sticky .reab { padding: 5px 0 0 0; }
	.is-sticky .picto { padding: 0.8% 0px 0px 0px; }
}
@media (max-width: 1270px){
	.header_bar .picto { display:none; }
	.header_menu .menu_top > li.cltli { display:none; }
	.header_bar .h1 { width: 70% }
	.reab { right: 2%; }
	.reab .dv { display:block; margin-top: 6px; padding: 4px 8px; }	
	.is-sticky .header_bar .logo {	width: 9%; }
	.is-sticky .reab { right: 1%; }
	.is-sticky .reab .dv { display:inline-block; margin-top: 0; padding: 8px 8px; }	
	.is-sticky .header_bar .h1 { width: 70%; }
}
@media (max-width: 1200px){
	/*.header_bar .logo { float: none!important; text-align: center; margin: 5px 0 5px 0!important; }*/	
	.header_bar .h1 { width: 63%; font-size: 18px !important; padding: 1% 0 1% 0!important; }	
	.header_bar .info { float: none!important; margin: 5px auto 10px 0!important; }	
	.header_bar .info .userinfo { display: none!important; }
	.header_bar .info .teltop { display: none!important; }	
	.header_bar .info .puextlink { display: none!important; }
	.header_bar .picto { position: absolute; top: 0; right: 0; margin: 10px 10px; }
	.header_bar .picto div { display: inline-block; }
	.header_bar .picto img { max-height: 35px; }
	
	.header_menu .menu_top_collapse .w3-right { display: block!important; }
	.header_menu .menu_top > li { display: block; text-align: left!important; }
	.header_menu .menu_top_collapse { display: block; text-align: left!important; }
	.header_menu .menu_top { display: none; }	
	.header_menu .menu_top .fs { display: inline!important; }
	.header_menu .menu_top .fa-home { display: inline!important; }
	.header_menu #ellipsebtn { display: none!important; }
		
	.is-sticky .header_bar .logo { margin: 6px 0!important; max-width: 105px; }
	.is-sticky .header_bar .h1 { padding: 0; margin: 1% 0 1% 0!important; }
	.is-sticky .header_bar .info { float: right; margin: 6px 0 4px; width: 36%; text-align: right; }
	.is-sticky .header_bar .teltop { text-align: right; margin-bottom: 5px; margin-top: 5px; margin-right: 5px; float: left; }
	.is-sticky .header_bar .teltop a { font-size: 14px; }
	.is-sticky .userinfo a span { display: none; }
	.is-sticky .header_bar .info .svg-inline--fa { margin-right: 0; }
	.is-sticky .userinfo .w3-btn { padding: 5px 10px; }		
		
	.ft_tel a { font-size: inherit!important; }	
	
	.pupitre { padding-left: 20px; }
}

@media (max-width: 1024px){	
	#diapo .minvue img { margin: 5px;}
	.mqac{width:40px;margin-left:4px;margin-right:4px;}
	
	/*.header_bar .h1 { width: 55%; font-size: 18px !important; padding: 1% 0 1% 0!important; }
	.is-sticky .header_bar .h1 { margin: 1% 0 1% 0!important; }*/
	
	.footer_ctn { padding: 30px 0!important; -ms-flex-preferred-size: 50%!important; flex-basis: 50%!important; max-width: 50%!important; border-bottom: 1px dashed #FFD401; }
	.footer_ctn:last-child { border: none!important; }
	#lz_overlay_wm { margin: 0px -10px -8px 0px!important; }
	#totopBtn { bottom: 55px!important; right: 0px!important; }
	.w3-content { padding: 0 20px; }
	#content { padding-top: 55px; }
}
@media (max-width: 768px){				
	.header_bar .h1 { width: 0; font-size: 14px !important; position: relative; top: -500px; height: 1px; }			
	#about .w3-half { width: 100%!important; }
	#about .preimg,#about .pretxt { padding-bottom: 40px; }
	.sl1{width:100%;height:auto;}
	.footer_ctn { -ms-flex-preferred-size: 100%!important; flex-basis: 100%!important; max-width: 100%!important; border-bottom: 1px dashed #FFD401; }
	.footer_block { text-align: center!important; }	
	.w3-third { width: 100%!important; }
	.w3row { padding: 0 10px; margin: 0 auto; max-width: 100%; }
	.w3-margin { margin: 16px 8px!important; }
	.w3-row-padding, .w3-row-padding>.w3-half, .w3-row-padding>.w3-third, .w3-row-padding>.w3-twothird, .w3-row-padding>.w3-threequarter, .w3-row-padding>.w3-quarter, .w3-row-padding>.w3-col { padding: 0 0px; }	
	#content { padding-top: 80px; }
}
@media (max-width: 1024px) and (min-width: 768px){	
	.header_bar .h1 { width: 70%; font-size: 14px !important; padding: 1% 0 1% 0!important; }	
	.header_bar .logo { float: left!important; }	
}
@media (max-width: 1024px) and (min-width: 466px){	
	.header_bar .logo { margin: 0px 0 0px 0 !important; padding: 5px 0px 0px 0px; text-align: left; }		
	.header_bar .logo img { width: 60%!important; }
	.header_bar .teltop { display: none!important; }
	.header_menu .menu_top_collapse a { padding: 5px 8px; font-size: x-large; }
	.header_menu .menu_top_collapse .editdv { display: none!important; }
	.reab .vd { display: none!important; }
	.reab .dv { margin-top: 0px!important; padding: 4px 8px!important; }
	.is-sticky .header_menu { background: #fff; }
	#main-header.is-sticky .gradl { background: #fff!important; }
	.is-sticky .header_bar .logo { width: fit-content; margin: 0px 0 !important; }
}	
@media (max-width: 465px){		
	.header_bar .logo { text-align: center; width: 100%; margin: 0px 0 0px 0 !important; }
    .header_bar .logo img { width: 50%!important; }	
    .header_bar .teltop { display: none!important; }
    .header_menu .menu_top_collapse a { padding: 5px 10px; font-size: x-large; }    	
    .reab { display: none!important; }
	.is-sticky .header_bar { display: none!important; }
	.is-sticky .header_menu { background: #fff; }
}

@media (max-width: 360px){
	.header_menu .menu_top_collapse a { padding: 5px 6px; font-size: large; }    
}	
	
@media (min-width: 1200px){
	#diapomodal .w3-modal-content { width: 60%; }	
}
@media (min-width: 768px){	
	.footer_block { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }	
}

.blink_me { -webkit-animation-name: blinker; -webkit-animation-duration: 1s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; 
-moz-animation-name: blinker; -moz-animation-duration: 1s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; 
animation-name: blinker; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; } 
@-moz-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } 
@-webkit-keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } 
@keyframes blinker { 0% { opacity: 1.0; } 50% { opacity: 0.0; } 100% { opacity: 1.0; } } 

.comgest{ background: red; padding: 10px!important; text-decoration: none!important; }