#sanccusmenu ul,
#sanccusmenu ul li,
#sanccusmenu ul li a,
#menu-button {
line-height: 1;
display: block;
position: relative;
box-sizing: border-box;
}

#clickarea, #clickarea2, #searchbox, #sansearch:before ,#sansearch:after, #menu-button, #menu-button:before, #menu-button:after,#sanccusmenu, #sanccusmenu ul ul li {transition: all .25s ease;}
#clickarea,#clickarea2{top: 60px; right:12px; cursor: pointer;z-index:9999;width: 55px;height: 50px; position: absolute; background: transparent;   -webkit-tap-highlight-color: transparent; -webkit-user-select: none;}
#clickarea{top: 25px; right:10px; display:none;}
#searchbox {opacity:0;margin-top:-50px; position:relative; width:100%; z-index:8000;}
#searchbox.search-opened {opacity:1;margin-top:0px;}
#sansearch {position: absolute; top: 15px; right:15px;}
#sansearch:before{position: absolute; top: 0px; right:0px; content: ''; background: transparent; width: 17px; height:17px; border-radius: 17px; border:2px solid #ffffff; }
#sansearch:after{position: absolute; top: 20px; left: -6px; content: '';  background: #ffffff; height:2px; width:11px; transform: rotate(45deg);}
#header.scroll #sansearch:before{border-color:#5f636a;}
#header.scroll #sansearch:after{background:#5f636a;}
#header.scroll #clickarea2,#header.scroll #clickarea{top:3px;}
.toggle-btn{display: none; align-items: center;  background:none;border:none;cursor:pointer; justify-content: center; position:absolute; right:0px; top: 0px; height:54px; width:45px; border-left: 1px solid rgba(150, 150, 150, 0.15);}
.toggle-btn svg{ransform:rotate(0deg); width:20px;height:20px; transform-origin:center center;transition:transform .3s ease}
.toggle-btn svg line {stroke-width:1.5; stroke:#fff;}
.has-sub.open .toggle-btn svg{transform:rotate(135deg); width:26px;height:26px;}
.has-sub.open .toggle-btn svg line{stroke:red;}

#menu-button {display: none;}
#sanccusmenu  > ul > li{float: right; margin-right:4%;}
#sanccusmenu  > ul > li:nth-child(1){margin-right:125px;}
#sanccusmenu > ul > li > a {letter-spacing: -0.5px; text-decoration: none; padding-bottom:25px;}

#header.scroll #menu-button,#header.scroll #menu-button:after, #header.scroll #menu-button:before {background:#5f636a;}
#sanccusmenu ul ul {position: absolute;left: -9999px;}
#sanccusmenu ul ul li {height: 0; opacity: 0;}
#sanccusmenu ul ul > li:hover > ul{left: 130px;}
#sanccusmenu > ul> li:hover > ul{left: auto;}
#sanccusmenu > ul ul li a {
border-bottom: 1px solid rgba(150, 150, 150, 0.15);
padding: 15px 5px 15px 40px;
width: 245px; 
letter-spacing: 0.2px;
font-size: 11.5px;
text-decoration: none;
text-align:left;
color: #ffffff;
transition: background .25s;
}

#sanccusmenu ul ul ul {margin-left: 115px; top: 0; } 
#sanccusmenu > ul ul ul li a { padding: 15px 15px 15px 15px;}
#sanccusmenu ul ul{transition: background .25s; background:rgba(8, 9, 9, 0.7);}

#sanccusmenu ul ul li img{width:27px; height:27px; position:absolute; top:7px; left:7px;}
#sanccusmenu ul ul li:hover > a{background:rgba(112, 112, 115, 0.6);}
#header.scroll #menu-button,#header.scroll #menu-button:after, #header.scroll #menu-button:before {background:#5f636a;}

@media screen and (min-width: 1251px){
#sanccusmenu li:hover > ul > li{height: 42px; opacity:1;}
#clickarea2:hover >  #sansearch:before{border-color:#dededf;}
#clickarea2:hover >  #sansearch:after,  #clickarea:hover > #menu-button, #clickarea:hover > #menu-button:before, #clickarea:hover > #menu-button:after{background-color:#dededf;}
}

@media screen and (max-width: 1650px) {
#sanccusmenu  > ul > li {margin-right:3%;}
#sanccusmenu  > ul > li:nth-child(1){margin-right:95px;}
}

@media screen and (max-width: 1450px) {
#sanccusmenu  > ul > li {margin-right:2.5%;}
#sanccusmenu  > ul > li:nth-child(1){margin-right:75px;}
}

@media screen and (max-width: 1250px){
a:hover.pipelinesmenu{color:#8CC63F;}
a:hover.decommenu{color:#aaaaaa;}
a:hover.cleaningmenu{color:#e83b3c;}
a:hover.cementingmenu{color:#41a6cb;}
a:hover.carbonmenu{color:#11D5C1;}
a:hover.stimulationmenu{color:#a694b4;}
a:hover.servicesmenu{color:#FFA227;}
a:hover.contactmenu{color:#FFCD00;}
#sanccusmenu ul ul{background-color:transparent;}
#sanccusmenu {
max-width:330px;
overflow-y:auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
background:rgba(8, 9, 9, 0.85);
top:62px;
height:0;
opacity:0;
}

#sanccusmenu::-webkit-scrollbar {display: none;}
#sanccusmenu ul ul > li:hover > ul{left: auto;}
#sanccusmenu ul {display: flex;flex-direction: column-reverse;}
#sanccusmenu ul ul, #sanccusmenu ul ul ul{flex-direction: column;}
#sanccusmenu ul li {width: 100%;border-top: 1px solid rgba(120, 120, 120, 0.2); }
#sanccusmenu ul li a,#sanccusmenu ul ul li a, ul ul ul li a{width: 100%;border-bottom: 0;}
#sanccusmenu ul ul li a {color: #ffffff;background: none;}
#sanccusmenu ul ul li {border:0; overflow: hidden;}
#sanccusmenu ul ul {position: relative; left: 0; width: 100%; text-align: left;}
#sanccusmenu ul li.open ul li {height:42px; opacity:1; border-top: 1px solid rgba(150, 150, 150, 0.15);}
.toggle-btn{display:flex;}

#menu-button, #menu-button:before, #menu-button:after {
display: block;
width: 30px;
height: 2px;
background-color: #fff;
position: absolute;
cursor: pointer;
}

#sanccusmenu.main-menu-opened{height:100%; opacity:1; display:block;}
#menucontents.open {height:auto;}
#sanccusmenu > ul > li > a {padding: 20px; text-align:center;}

#menu-button {
top: 26px;
right: 15px;
height: 2px;
width: 30px;
background: #ffffff;
z-index:9998;
}
#menu-button:after {top: 10px;content: '';}
#menu-button:before {top: -10px;content: '';}
#clickarea{display:block;}
#clickarea2{top:25px; right:68px;}
#menu-button.menu-opened, #header.scroll #menu-button.menu-opened{background-color: transparent;}
#menu-button.menu-opened:after {background: red;transform: translateY(-10px) rotate(-45deg);}
#menu-button.menu-opened:before {background: red;transform: translateY(10px) rotate(45deg);}
#header.scroll #menu-button.menu-opened:before, #header.scroll #menu-button.menu-opened:after{background: red;}
#clickarea2.search-opened{margin-right:-55px;}
}

@media screen and (max-width: 600px) {
#clickarea2,#clickarea{top:14px;}
#sanccusmenu {max-width:600px;}
}

#sanccusmenu.search-opened{opacity:0;margin-top:-50px;}

#sansearch.search-opened:before {
background: red;
height: 2px;
width: 30px;
right:-6px;
transform: translateY(11px)  rotate(-45deg);
border:0;
border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; 
}
#clickarea.search-opened{margin-right:-55px;opacity:0;}
#header.scroll  #sansearch.search-opened:after{
background: red;
height: 2px;
width: 30px;
left:-24px;
transform: translateY(-9px)    rotate(45deg);
}