@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,300i,400,400i,500,500i,600,600i,700,800,900,700i&subset=cyrillic-ext');
* {margin:0; padding:0; border:0}

body {background: #eaedee; overflow-x:hidden; background-size: contain;}
body,td,div,input, textarea, select, button {box-sizing: border-box; font-size:15px; font-weight: 400; color: #000000; font-family:'Montserrat',Arial; font-style:normal; box-sizing: border-box}
td {vertical-align:top}
div {position:relative;}
span, i {box-sizing: border-box; display: inline-block; vertical-align: middle}
li {box-sizing: border-box}

span.wpcf7-list-item {display: inline;}
span.wpcf7-list-item-label {display: inline;}


input, textarea, select {box-sizing: border-box; padding: 10px; background-color: #fff; color: #4c4c4c; border: 1px solid #ccc; width:100%}
button {background: #f49819; padding: 12px 20px; font-size: 17px; color: #fff; font-weight: bold; display:inline-block; vertical-align:middle; cursor:pointer; }
input[type=radio], input[type=checkbox] {width: auto !important}

a {color:#000; text-decoration:none; transition: color 0.1s ease-out}
a:hover {color:#dc3067; text-decoration:none}
table {width:100%; border-collapse: collapse; border-spacing: 0px}
hr, * html hr {height:1px; background:#CFD3D6; border:1px} hr {margin:8px 0} *:first-child+html hr {height:1px; margin:0} * html hr {margin:0}
p {line-height:23px; padding:0 0 15px 0}
b, strong {font-weight: 700}
h1 {display: block; font-weight: 700; font-size: 36px; text-decoration: none; padding: 0 0 5px 0; color:#fff; letter-spacing: 0.6px; position: relative; }
h2 {font-size: 43px; font-weight: bold; position: relative; padding:0 0 21px 0; margin:0}
    h2 span {font-weight: 300; display: block; }
    h2:after {position: absolute; display: block; width:30px; height: 4px; top:25px; background: #fff; left:-55px; content: ''; z-index: 555;}
h3 {font-size: 30px; font-weight: 300; position: relative; padding:0 0 23px 0; text-align: center; }
h4 {font-size: 26px; font-weight: bold; padding:0 0 20px 0; }
h5 {}
li {display:block; list-style:none;}

.clear {clear:both; display: block; height:0 !important; background: none !important; box-shadow: none !important; float: none !important; margin:0 !important} .clear:after, .clear:before {display: none !important}
.fix_global {margin:0 auto; z-index:2; width:1250px; background: #fff}
    .fix_global:after {display: block; position: absolute; z-index: 1; width: 50px; top:0; bottom:0; left:-66px; width: 66px; background: #004eec; content: ''; }
.fix {margin:0 auto; z-index:2; width:1200px}
.col_left {width: 316px; float: left; min-height: 2px;}
.col_right {width: 884px; float: left; }

.overlay_, .menu .submenu, .project_ul li i, .project_ul li i:after, .project_ul li span, .project_a h4,
.xxx {-webkit-transition:all 0.2s; -moz-transition:all 0.2s; transition:all 0.2s;}
.news_indexlist li i, .services_list i, .section_under .bg_title, .u_text_2i, .sr_0 i, .news_list li i {background-color: #d8d8d8 !important; background-position: center !important; background-size: cover !important; background-repeat: no-repeat !important}
.center {text-align: center}

.overlay_ {position: fixed; opacity: 0; left:0; right:0; top:0; bottom:auto; height: 0; z-index: 1}
.overlay_.act {opacity: 1; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0, 0.16); height: auto; z-index: 5}
    
header {z-index: 55; position: relative; background: url('../images/header_index.jpg') no-repeat center #203a78; background-size: cover}
.under header .fix{z-index: 101;}
.under header {z-index: inherit; position: relative; background: url('../images/header_under.jpg') no-repeat center #203a78; background-size: cover}
    .header_line {height: 65px; background: rgba(29, 42, 105, 0.66); box-sizing: border-box; padding: 21px 0}
        .lang {float: left}
            .lang li {display: inline-block;}
                .lang li a {color:#fff; font-size: 12px; font-weight: 300; margin: 0 20px 0 0; }
                .lang li.act a {font-weight: bold; }
                    .lang li a:hover {color:#fce3c1}
        .line_contacts {float: right;}
            .lc_mail {font-weight: 300; font-size: 14px; margin: 0 50px; color:#fff; }
                .lc_mail:hover {color:#fce3c1}
            .lc_phone {font-weight: bold; font-size: 14px; color:#fff !important; position: relative}
                .lc_phone:after {display: block; position: absolute; left:-24px; top:1px; width: 13px; height: 15px; background: url('../images/phone.png') no-repeat center; background-size: contain; content: ''}
                a.lc_phone:visited, a.lc_phone:hover {color:#fff !important}
    .header_body {height: 765px; }
    .under .header_body {height: 370px; }
        .logo {position: absolute; left:0; top:100px; width: 240px; height: 80px; background: url('https://www.otcenergyservice.kz/1/wp-content/themes/mangystau/static/images/logo.png'); background-size: contain; background-position: center; background-repeat: no-repeat; display: inline-block; }
        .under .logo {top:40px;}
        .under .menu {top:70px; left: 280px;}
        .menu {position: absolute; left:280px; top:154px; display: inline-block; }
            .mgray {background: #f5f5f5; padding: 16px 29px 16px 29px; border-radius: 50px; margin: 0}
                .menu li {display: inline-block; padding: 5px 18px 5px 9px; position: relative; }
                .menu li:last-child {padding: 5px 0 5px 9px; }
                            .under .menu li {display: inline-block;  position: relative; }
                            .under .menu li:last-child {padding: 5px 0 5px 9px; }
                        .menu li:first-child {padding-left: 0; }
                        
                        .menu li.act > a {color:#fff; background: #f49819; padding: 9px 17px;position: relative;}
                        
                    .menu li a {font-weight: 700; font-size: 16px;  color:#fff}
                        .menu li a.act {color: #dd3e48;}
                    .menu.mgray li a {font-weight: 400; color:#535353}
                        .menu li a:hover {color:#fce3c1}
                    .menu .submenu {position: absolute; height: 1px; left:0; top: 17px; background: rgba(255,255,255,1.0); overflow: hidden; opacity: 0; z-index: 555; box-shadow: 0 0 26px rgba(0, 0, 0, 0.15);}
                    .menu li:hover .submenu {height: auto; overflow: visible; opacity: 1; top: 28px; padding:10px 23px}
                            .menu .submenu li {padding: 8px 0; display: block; border:0}
                                .menu .submenu li a {margin: 0; font-weight: 400; padding: 0; white-space: nowrap; border: 0; font-size: 15px}
                                    .menu .submenu li a:hover {color:#eb4b55 !important}
        header .menu .menu-item-has-children{position: relative;}
        header .menu .menu-item-has-children:after{content: '\2039';position: absolute;right:5px;top:-3px;transform: rotate(270deg);font-size: 30px;font-weight: 400;color: #fff}
        .under header .menu .menu-item-has-children:after{right:0;top:-3px;display:none}
        header .menu li.act.menu-item-has-children > a:after{content: '\2039';position: absolute;right:7px;top:1px;transform: rotate(270deg);font-size: 30px;font-weight: 400;color: #fff}
		.under header .menu li.menu-item-has-children > a:after{content: '\2039';position: absolute;right:7px;top:-3px;transform: rotate(270deg);font-size: 30px;font-weight: 400;color: #fff}
        header .menu li.act.menu-item-has-children:after{display: none;}
        header .menu .sub-menu {display: none;position: absolute;min-width:350px;}
        header .menu .sub-menu li{padding: 10px 0!important;display:flex;}
        .under header .menu .sub-menu{top:33px;}
        header .menu li.active-sub > .sub-menu{display: block;}
        footer .menu .sub-menu{display: none!important}
        #mmenu .menu .sub-menu{display: none}
        #mmenu .menu .sub-menu li:last-child{border-bottom: none}
        #mmenu .menu .menu-item-has-children > a:after{content: '\2039';position: absolute;right:15px;top:0;transform: rotate(270deg);font-size: 35px;font-weight: 400;color: #fff}
        .facts_h {position: absolute; left: 357px; top:390px}
        .under .facts_h {display: none}
            .facts_h strong {color:#f49819; font-size: 96px; font-weight: 800; letter-spacing: -3px; position: relative}
                .facts_h strong sup {font-size: 43px; letter-spacing: 0;}
                .facts_h:after {display: block; position: absolute; left:-90px; top:-50px; width: 65px; height: 85px; content: '“'; color:#fff; font-size: 129px; font-weight: 700}
            .facts_h span {color:#fff; display: block; font-size: 36px; font-weight:300}
                .facts_h span b {display: block; }


.section_about {z-index: 55}
    .section_about_1 {background:url('../images/section_about_1.jpg') no-repeat center center; background-size: cover; padding: 60px 0}
        .section_about_1 .fix, .section_about_2 .fix {padding-left:357px; box-sizing: border-box}
            .producta_title h2 {color:#fff; padding: 40px 0 0 0}
            .about_li {}
                .about_li li {padding: 8px 0 8px 38px; background:url('../images/li.png') no-repeat left center}
                    .about_li li p {padding: 0; margin: 0}
            .about_i1 {position: absolute; left:0; top:-95px; width: 318px; height: 400px; background:url('../images/about_i1.jpg') no-repeat; background-size: cover !important; background-repeat: no-repeat !important;}
            .about_i2 {position: absolute; left:0; top:0; width: 318px; height: 278px; background:url('../images/about_i2.jpg') no-repeat; background-size: cover !important; background-repeat: no-repeat !important;}
        
    
    .section_about_2 {background: #fff; padding: 60px 0}




.section_products {background:url('../images/section_products.jpg') no-repeat center center #1d2869; background-size: cover; padding: 50px 0;}
    .section_products h3, .section_products h3 a {color:#fff;}
    .products_ul {}
        .products_ul li {text-align: center; color:#fff; font-size: 19px; font-weight: bold; display: inline-block; width: 24%; vertical-align: top;}
            .products_ul li i {display: inline-block; width: 88px; height: 88px; background-size: contain !important; background-position: center !important; margin: 35px 0 65px 0; position: relative; background-repeat: no-repeat !important;}
            .products_ul li i:after {position: absolute; display: block; width: 14px; height: 4px; bottom:-32px; background: #f49819; left:50%; margin-left:-7px; content: '';}



.section_services {background:url('../images/section_services.jpg') no-repeat center center; background-size: cover; padding: 57px 0}
    .services_list {padding: 20px 0 0 0}
        .services_list a {display: block; position: relative; color:#fff; }
            .services_list i {display: inline-block; height: 380px; width: 680px; }
            .services_list span {position: absolute; left:50%; right:0; top:70px; background: #f49819; padding: 35px 45px; font-size: 19px; line-height: 26px; }
                .services_list span b {display: block; }
                .services_list span:after {position: absolute; display: block; width:30px; height: 4px; top:44px; background: #fff; left:-15px; content: '';}
            .services_list .ss2 {text-align: right; margin-top:48px;}
            .services_list .ss2 span {position: absolute; left:0; right:50%; text-align: left; }
                .services_list .ss2 span:after {position: absolute; display: block; width:30px; height: 4px; top:44px; background: #fff; left:auto; right:-15px; content: '';}


.section_news {background: #fff; padding: 57px 0; }
    .news_indexlist {width: 66%; vertical-align: top; margin: 0 30px 0 0; display: inline-block; margin: 0 36px 0 -36px}
        .news_indexlist li {width: 45%; display: inline-block; vertical-align: top; padding: 0 0 10px 0; border-bottom: 1px solid #e6e6ea; margin: 0 0 20px 36px;}
            .news_indexlist li i {display: block; height: 240px; margin: 0 0 17px 0}
            .news_indexlist li span {color:#8f90a7; font-size: 14px; display: block; padding: 0 0 8px 0}
            .news_indexlist li p {font-size: 17px; font-weight: bold;}
    .news_cat {width: 33%; padding: 26px 30px; background: #f1f1f1; vertical-align: top; display: inline-block; box-sizing: border-box; }




footer {background:url('../images/section_services.jpg') no-repeat center top; background-size: cover; position: relative; padding: 55px 0 0 0; }
    footer .col_left {box-sizing: border-box; padding-right: 45px; width: 303px;}
        .logo_b {width: 216px; height: 70px; display: block; background:url('https://www.otcenergyservice.kz/1/wp-content/themes/mangystau/static/images/logo.png') no-repeat left center / contain}
        .ma_descr {display: block; font-size: 12px; color:#939598; padding: 20px 0 0 75px}
    footer .col_right {width: 875px; float: left; }
        .col_right .menu {position: relative; left:auto; top:auto; border-bottom: 1px solid #e0e0e0; padding: 0 0 20px 0; display: block}
            .col_right .menu li a {color:#3a64af}
        .f0_1 {padding: 30px 0 10px; 0}
            .f0_1 b {font-size: 20px; margin: 0 25px 0 0; display: inline-block; vertical-align: middle; position: relative}
                .f0_1 b:after {display: block; position: absolute; left: -20px; top: 3px; width: 13px; height: 17px; background: url(../images/phone_g.png) no-repeat center; background-size: contain; content: '';}
            .f0_1 span {font-size: 13px; color:#404040; font-weight: 300; display: inline-block; vertical-align: middle; }
        .ma_mail {font-size: 16px; color:#a3a2a3; }
        .copy {font-weight: 300; font-size: 12px; padding: 20px 0 50px 0}


.under .section_under{z-index: inherit;}
.section_under {z-index: 55}
    .section_under .bg_title {height: 400px; margin: -200px 0 0 0px; z-index: 2;}
        .bg_title h1 {position: absolute; bottom: 25px; left: 76px; z-index: 2;}
        .bg_title i {display: block; position: absolute; top:0; bottom:0; right:0; width:270px; background: url(../images/bg_title.png)}
        .bg_title u {display: block; position: absolute; top:0; bottom:0; right:0; left:0; background: url(../images/bg_title_shadow.png) no-repeat left bottom; z-index: 1}
    .col_left {width: 73%; float: left; z-index: 1}
        .under_white {background: #fff; box-shadow:0 11px 33px rgba(0,0,0,0.08); padding: 263px 75px 75px 75px; margin: -200px 0 -30px -75px; }
            .u_text_1 {padding: 0 0 0 80px; font-size: 16px; line-height: 26px;}
            .u_text_2 {font-size: 16px; line-height: 26px; padding: 0 0 0 371px; margin: 15px 0;}
                .u_text_2 p, .u_text_1 p {font-size: 16px; line-height: 26px;}
                .u_text_2i {display: block; position: absolute; top:5px; left:0; bottom:-78px; width:328px; background: url(../images/u_text_2i.jpg)}
                .u_text_21 {}
                    .ut_1 {font-size: 25px; font-weight: 300; margin: 20px 0 7px 0;}
                    .ut_2 {font-size: 42px; font-weight: 800; margin: 0px 0 30px 0;}
                        .ut_2 sup {font-size: 21px; margin: 0 0 0 6px;}
    .col_right {width: 25%; float: right; }
        .services_right {padding: 65px 0}
            .services_right strong {display: block; color:#3a64af; font-size: 14px; padding: 0 0 0 20px;}
            .sr_0 {display: block; margin: 25px 0 0 0}
                .sr_0 i {}
                    .sr_0 i {display: block; height: 155px; position: relative; }
                        .sr_0 i b {font-style: normal; font-size: 15px; color:#fff; display: block; padding: 50px 20px 14px 20px; position: absolute; bottom: 0; right: 0; left: 0; background: url(../images/sr_0.png) no-repeat bottom left}
                    .sr_0 span {color:#616161; font-size: 14px; display: block; line-height: 21px; padding: 12px 0 0 20px}
        
        
        
        
            .news_list {padding: 0 0 0 21%}
                .news_list li {position: relative; margin: 0 0 81px 0; padding: 0 0 25px 0; border-bottom: 1px solid #ebedef}
                    .news_list li .news_date {position: absolute; color:#959ea5; left:-26%; top:3px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; display: block; font-size: 13px}
                            .news_list li:first-child .news_date {color:#f49819;}
                    .news_list li h3 {padding: 0 0 30px 0; position: relative; text-align: left; font-size: 22px; font-weight: 600;}
                    .news_list li i {width: 360px; height: 240px; float:left; margin:0 30px 0 -165px}
                    .news_list li p {padding: 0}
            .news_read {padding: 0 0 0 21%}
                .news_read h1 {padding: 0 0 30px 0; font-weight: bold; position: relative; font-size: 29px; color:#000}
                    .news_read .news_date {position: absolute; color:#f49819; left:0; top:9px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; display: block; font-size: 13px}
                .news_foto {margin: 0 0 25px -165px;}
                .news_foto.catalog_foto {margin: 0 0 25px 0;}
        .page {background: #f3f4f5;padding: 24px 33px; margin:15px 0 0 0;}
        .media_page .page {margin:30px 0 0 0; margin-left:0}
            .page li {display: inline-block;margin-right: -1px;}
                .page li a {padding: 7px 12px;text-decoration: none;}
                .page li.act a {background: #f49819; color: #fff; font-weight: bold; display: inline-block; text-align: center; }
                
                
                

.mmenu-button {    display: none; position: fixed;    left: 0;    top: 0;    background: url(../images/mmenu.png);    background-size: cover;    width: 50px;    height: 50px;    z-index: 555;}
.mmenu.act {    opacity: 1 !important;    visibility: visible;    left: 0;    top: 0;    z-index: 55555555;}
.mmenu li {    border-bottom: 1px solid #353A40;}
.mmenu li a {    color: #D2D8DF;    display: block;    padding: 10px 25px;}
.mmenu-cont {    padding: 20px 0 0 0;}
.mmenu .menu {    display: block;    position: relative;    left: auto;    top:auto;    padding:0;}
.mmenu .menu li, .mmenu-button {    display: block;}
.mmenu .menu li {    padding: 3px 7px;}
.mmenu .menu li a {    font-size: 17px;position: relative;}
.mmenu-button {    display: none;    position: fixed;    left: 20px;    top: 32px;    background: url(../images/mmenu.png);    background-size: cover;    width: 50px;    height: 50px;    z-index: 555;    cursor: pointer;}



.style-jaspb8lqform-wrapper {background: #eaedee; padding: 42px 74px 37px 80px; margin: 0 0 20px -79px;}
    .style-jaspb8lqform-wrapper input {margin: 0 0 10px 0}
.style-jaspb8lqform-wrapper.vacancy {background: none; padding-top:18px; padding-bottom:0; }
    .vac_1 {background: #eaedee; padding: 13px 74px 15px 80px; margin: 0 -74px 12px -79px}
        .vac_1 span {display: block; font-size: 14px; color: #5c5e5f;}
    
    
    
@media screen and (max-width: 768px) {
    body {}
        .menu {display: none; }
        .fix {width: 90%}
        
.lang {
    float: none;
    width: 100%;
    text-align: center;
}
.lang li a {
    margin: 0 15px;
}
.line_contacts {
    float: none;
    text-align: center;
}
.lc_mail {
    display: block;
    text-align: center;
    padding: 46px 0 15px 0;
}
.logo {
    position: absolute;
    left: 50%;
    top: 160px;
    margin-left: -120px;
}
.facts_h {
    position: absolute;
    left: 0;
    top: 340px;
    right: 0;
    text-align: center;
}
.facts_h strong {
    font-size: 50px;
    display: block;
}
.facts_h strong sup {
    font-size: 26px;
}
.facts_h span {
    font-size: 25px;
}       
.header_body {
    height: 575px;
}
.section_about_1 .fix, .section_about_2 .fix {
    padding-left: 0;
    box-sizing: border-box;
}
.section_about_1 .fix {
    padding-top: 320px;
}
h2 {
    font-size: 33px;
}
.section_about_2 .fix {
    padding-top: 300px;
}
.about_i2, .about_i1 {
    position: absolute;
    width: auto;
    right: 0;
}
.section_about_2 {
    padding: 40px 0;
}
.products_ul {
    text-align: center;
}
.products_ul li {
    width: 46%;
}
.services_list i {
    height: 380px;
    width: 100%;
}
.services_list span {
    left: 15%;
    right: 0;
    top: 155px;
}
.services_list .ss2 span {
    left: 0;
    right: 15%;
    text-align: left;
}
.news_indexlist {
    width: 100%;
    vertical-align: top;
    margin: 0 30px 0 0;
    display: block;
    margin: 0 0 0 0;
}
.news_indexlist li {
    width: 100%;
    display:block;
    padding: 0 0 0 0;
    margin: 0 0 20px 0;
}
.news_cat {
    width: 100%;
}
        
        
.col_right .menu {
    padding: 150px 0 20px 0;
}
.f0_1 span {
    padding: 20px 0 0 0;
}
.ma_mail {
    font-size: 16px;
    color: #000;
}
.copy {
    padding: 46px 0 50px 0;
}
footer .menu li {
    display: block;
    padding: 13px 30px 13px 9px;
}
footer .menu li:first-child {
    padding-left: 9px;
}
footer .col_left {
    box-sizing: border-box;
    padding-right: 0;
    width: 100%;
}
footer .col_right {
    width: 100%;
    float: none;
}
.under .logo {
    top: 100px;
}
.under .header_body {
    height: 410px;
}
.bg_title h1 {
    position: absolute;
    bottom: 15px;
    left: 20px;
    right: 20px;
    z-index: 2;
    font-size: 26px;
    text-align: center;
}
.section_under .bg_title {
    height: 250px;
    margin: -200px 0 0 0px;
}
.col_left {
    width: 100%;
    float: none;
    z-index: 1;
}
.section_under .col_right {
    width: 100%;
    float: none;
    display: none;
}
.under_white {
    padding: 223px 20px 75px 20px;
    margin: -200px -3% -30px -3%;
}
.u_text_1 {
    padding: 0;
}
.style-jaspb8lqform-wrapper {
    background: #eaedee;
    padding: 42px 20px 37px 20px;
    margin: 0 0 20px 0;
}
.news_list {
    padding: 0 0 0 0;
}
.news_list li .news_date {
    left: 0;
}
.news_list li {
    padding:25px 0 16px 0;
}
.news_list li i {
    width: 100%;
    height: 190px;
    float: none;
    margin: 0 0 17px 0;
}
.news_list li h3 {
    padding: 0 0 10px 0;
}
.news_read {
    padding: 34px 0 0 0;
}
.news_read h1 {
    font-size: 23px;
}
.news_foto {
    margin: 0 0 14px 0;
}
.news_foto img {
    width: 100%;
}
.u_text_2 {
    padding: 0 0 0 0;
}
.u_text_2i {
    display: block;
    position: relative;
    top: auto;
    left: auto;
    bottom: auto;
    width: 100%;
    height: 250px;
    margin-bottom: -78px;
}
.ut_1 {
    margin: 10px 0 7px 0;
}




.mmenu-button {
    display: block !important;
    position: fixed;
    left: 0;
    top: 0;
    background: url(../images/mmenu.png) rgba(0, 0, 0, 0.21);
    background-size: cover;
    width: 62px;
    height: 64px;
    z-index: 5558899;
}
.mmenu {
    display: block !important;
    opacity: 0;
    position: fixed;
    left: -1000px;
    top: 0;
    bottom: 0;
    background: #282e3f;
    -moz-transition: 0.2s 0.1s ease;
    -o-transition: 0.2s 0.1s ease;
    -webkit-transition: 0.2s 0.1s ease;
    z-index: 100500;
    box-shadow: 0px 1px 40px rgba(0,0,0,0.3);
    overflow: visible;
}
.mmenu.act {
    opacity: 1 !important;
    visibility: visible;
    left: 0;
    top: 0;
    right: 59px;
    z-index: 55555555;
}
.mmenu .menu {
    display: block;
    position: relative;
    padding: 25px 0;
    margin: 0;
}
.mmenu .menu.mgray {
    background: #b72429;
    padding: 0 0;
}
.mmenu .menu.mgray li {
    border-bottom: 1px solid #bf4c50;
}
.mmenu li {
    border-bottom: 1px solid #353A40;
    display: block;
}
.menu li:first-child {
    padding-left: 9px;
}
.mmenu li a {
    color: #fff;
    display: block;
    padding: 12px 18px 12px 30px;
    border:0;
}
.menu.mgray li a {
    background: none;
    padding: 19px 23px 15px 30px;
    display: block;
}
.menu li.act {
    background: #fada5c;
}
.menu li.act a {color:#000}

.mmenu .mclose{
    display: none;
}
.mmenu.act .mclose {
    display: block !important;
    position: fixed;
    width: 59px;
    height: 59px;
    right: 0;
    top: 0;
    background: url(../images/mclose.png) no-repeat center rgba(0,0,0,0.7);
    background-size: cover;
}
.mmenu-cont {
    padding: 20px 0 0 0;
}
.submenu {
    width: 100%;
    padding-left: 25px;
    box-sizing: border-box;
}
.mmenu .submenu li a {
    font-size: 17px;
    font-weight: 400;
}
  

  
        
}