a:link{text-decoration:none!important}

.container-atelier_navbar { margin-top: 65px; margin-right: auto; margin-left: auto; }

@media (min-width: 768px) { .container-atelier_navbar {    width: 750px;  } }
@media (min-width: 992px) {  .container-atelier_navbar {   width: 970px;  } }
@media (min-width: 1200px) {  .container-atelier_navbar {   width: 1300px;  } }

.container-atelier_navbar h1 { margin-left: 6px;  }

#capture_vl { cursor: pointer;  background: url(../images/capture_vl.jpg); margin-left: -10px; background-repeat: no-repeat; background-size: 90%; margin-top: 0px; }

#capture_pl { cursor: pointer; background: url(../images/pl_red.jpg); background-size: contain; background-size: 75%; margin-left: 30px; margin-top: 16px; background-repeat: no-repeat;  }

#capture_peinture { cursor: pointer;  background: url(../images/capture_peinture.jpg);  background-size: 80%; margin-top: -5px;  background-repeat: no-repeat; margin-left: 0px; }

#capture_equipementatelier { cursor: pointer;  background: url(../images/equipement_outillage.jpg);margin-left: 5px; background-size: 90%; margin-top: -0px;  background-repeat: no-repeat;  }

#capture_industrie { cursor: pointer;  background: url(../images/capture_industrie.jpg); background-size: 80%; margin-top: 5px; margin-left: -5px; background-repeat: no-repeat;  }


.gridywrap .gridy-3 .bottom_nav_negoce {  font-size: 14px;   position: absolute; bottom: 0; color: #fff; width: 90%; background: #000; cursor: pointer; 
text-align: center;
}

.gridywrap .gridy-3 .bottom_nav_negoce:hover { color: #CC0000; }

.gridywrap .gridy-service_navbar .bottom_nav_service { font-size: 12px;  position: absolute; bottom: 0; height: 55px; 
color: #fff; display: table; width: 100%; background: rgba(0, 0, 10, 0.8); text-align: center;
}

.gridywrap .gridy-service_navbar .bottom_nav_service:hover { background: rgba(207, 12, 19, 0.7);}

.gridywrap .gridy-service_navbar .bottom_nav_service p { padding: 0 10px;  vertical-align: middle;   display: table-cell;  }

.bottom_fermer_nav { font-size: 24px;   position: absolute; bottom: 0; color: #fff; width: 100%; background: #000; text-align: center; }

#headerblanter{ 
height:65px; width:100%;position:fixed;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);top:0;right:0;left:0;
z-index:102;transition:all .5s ease-in-out;background:#ce0a46;
background:linear-gradient(to bottom right, #272727 0%, #272727 100%); 
}



.mega-wrapper{  z-index: 1; background:#fff; overflow:hidden;left:0;right:0;top:60px;position:absolute;padding:0px; padding-bottom: 30px;
border-bottom: 6px solid #CC0000; 
-webkit-transition:.2s linear;-o-transition:.2s linear;transition:.2s linear;-webkit-box-shadow:0 12px 50px rgba(0,0,0,0.17);box-shadow:0 12px 50px rgba(0,0,0,0.17);transform:scaleY(0);-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top;-webkit-transform:scaleY(0);-ms-transform:scaleY(0)}

#navigation ul li:hover .mega-wrapper{  z-index: 2; transform:scaleY(1);-webkit-transform:scaleY(1);-ms-transform:scaleY(1)}
#navigation { z-index: 1; background:#fff;  }
#showkacatikus{color:#fff;position:fixed;top:12px;right:10px;display:none}
#showkacatikus i,#showjalantikus i{font-size:35px}

.megamenu{ z-index: 2; width:1350px;max-width:100%;margin:30px auto;      }

#navigation ul li a:hover{background:#CC0000; color: #fff !important; }
#navigation ul li{float:left; }
#navigation ul li a.blanter-nav{position:relative; }

#navigation ul li a{color:#fff;font-size:16px;text-transform:uppercase;padding:22px;font-weight:400;display:block;  text-align: center; }

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

#header2{ z-index: 200; float:left;margin-top:20px; margin-left: 30px;  width: 350px}

#header2 img{margin:0;padding:0;width:290px;height:auto; left: 60px;  z-index: 200;  position: absolute; }



a.blanter#showmenu i.material-icons{line-height:.6;font-size:35px;margin-top:5px}

#menu-kiri{margin-right:200px}

 .nav_bar_telephone {  position: absolute; right: 35px;font-size:18px;color:#fff!important;padding:18px 8px;text-align:center; margin-left:20px; margin-top: 0px;  font-weight: 90;background: #CC0000; }

.nav_bar_telephone i { font-size: 22px; margin-right:5px; margin-top: 4px; }

a.blanter#showsearch i.material-icons{line-height:.6;font-size:40px;margin-top:5px}

#showsearch.aktif{background:#ffeddf;color:#e87e25!important}

a.blanter i.fa{margin-top:7px}
a.blanter i.fab{margin-top:7px}

a.blanter{font-size:22px;color:rgba(255,255,255,0.73)!important;padding:15px 8px;text-align:center;float:right;margin-right:5px}

a.blanter:hover{color:#CC0000!important}

#menu_mobile { display: none; }



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

nav { background: #272727; height: 80px; z-index: 1; display: flex; justify-content: space-between; align-items: center; padding: 0 10px;}
nav #brand { float:left;margin-top:5px; margin-left: 10px;  width: 220px;}
 nav #brand img { width:220px;height:auto; }

nav #hamburger {
position: absolute; right: 10px; top: 20px; z-index: 999; width: 40px; height: 40px; cursor: pointer; transition: all 0.3s ease-out;
}

nav #hamburger .line { height: 7px; background: #fff; margin: 5px auto; backface-visibility: hidden;}
nav #hamburger.active #one { transform: rotate(45deg) translateX(6px) translateY(6px);  background: #CC0000;}
nav #hamburger.active #two { opacity: 0;}
nav #hamburger.active #three { transform: rotate(-45deg) translateX(10px) translateY(-12px);  background: #CC0000;}

nav #telephone_mobile {
position: absolute; right: 70px; top: 35x; z-index: 999; cursor: pointer; transition: all 0.3s ease-out;
visibility: visible; opacity: 1; }

#telephone_mobile i {
 cursor: pointer; transition: all 0.3s ease-out;
visibility: visible; opacity: 1; color: #CC0000; font-size: 36px; }

.svg_telephone_container { display: block;  font-weight: 500; margin: 0 auto;  margin-top: 20px; margin-bottom: 45px; text-align: center;}
.svg_telephone_right {margin-right: 40px; margin-top: 0px; display: block; text-align: left; }
.svg_telephone_right img { display: inline-block; margin-right: 6px; margin-left: 3px;  width: 18px;  }
.svg_telephone_right p { font-size: 14px; display: inline-block; line-height: 14px; color:#000;  }

.svg_telephoneagence_right {margin-right: 40px; margin-top: 0px; display: block; margin-bottom: 25px; padding-bottom: 5px; border-bottom: 2px solid #CC0000; text-align: left;}
.svg_telephoneagence_right img { display: inline-block; margin-right: 6px;   width: 22px;  }
.svg_telephoneagence_right p { font-size: 14px; display: inline-block; line-height: 14px; color:#000;  }

#menu_mobile { display: block; }
#headerblanter{ display: none; }

.mobile-menu { z-index: 991; position: absolute; top: 0px; background: #ddd; width: 100%; height: 100%; visibility: hidden; opacity: 0;
transition: all 0.3s ease-out; display: table;
}

.mobile-menu .mobile-menu__items {height: 30px; display: table-cell; vertical-align: middle;}
.mobile-menu .mobile-menu__items li {
  display: block;
  text-align: center;
  padding: 20px 0;
  text-align: center;
  font-size: 24px;
  min-height: 30px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.mobile-menu .mobile-menu__items li:hover {
  color: #fff;
  background: #212121;
}
.mobile-menu .mobile-menu__items li:hover a {
  transition: all 0.3s ease-out;
  color: #fff;
}
.mobile-menu .mobile-menu__items li a { color: #212121;}
.mobile-menu.active { visibility: visible; opacity: 0.99;}

  
  }