/* Theme Name: Impreza Child Template: Impreza Version: 1.0 Author: UpSolution Theme URI: http://impreza.us-themes.com/ Author URI: http://us-themes.com/ */ /*Add your own styles here:*/ /* GENERAL RULES */ /* -variables- */ :root { /* site colors */ --color1: #40687B; --color2: #4AA9C2; --color3: #1F3B49; /* default paddings */ --pad1: 42px; --pad2: 60px; --pad3: 90px; /* font sizes */ --fsheadingXL: 4.2vw; --fsheadingL: 4.167vw; --fsheadingM: 3.906vw; --fsheadingS: 3.385vw; --fsheadingXS: 22px; --pad3: 4.688vw; --greybg1: #eaeaea; --gradient1: linear-gradient(45deg, #4AA9C2, #1A7D98); } /* -wp stuff- */ .g-cols.via_flex.type_default { margin: 0; } a.moove-gdpr-branding {display: none !important; } #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder img {display: block !important; margin: auto !important; } .moove-gdpr-branding-cnt {display: none !important; } a[href^="tel:"] { white-space: nowrap; } body .vc_column-inner {background-size: cover !important; background-position: center !important; } img {user-drag: none; -webkit-user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .g-recaptcha {max-width: 165px; overflow: hidden; max-height: 46px; display: flex; align-items: center; border-radius: 3px; border: 1px solid #eaeaea; } .g-recaptcha > div {margin-left: -5px; margin-top: 4px; } /* -paddings- */ .pad3 { padding-top: var(--pad3) !important; padding-bottom: var(--pad3) !important; } .pad3f { padding-top: var(--pad3) !important; padding-bottom: var(--pad3) !important; } .pad3 + .pad3 { padding-top: 0 !important; } .pad3 + .pad3.greybg1 { padding-top: var(--pad3) !important; } .pad3.greybg1 + .pad3 { padding-top: var(--pad3) !important; } .pad1 { padding-top: var(--pad1) !important; padding-bottom: var(--pad1) !important; } .pad2 { padding-top: var(--pad2) !important; padding-bottom: var(--pad2) !important; } .centerthis .g-cols { justify-content: center !important; } .nolink a {pointer-events: none; } .tacenter { text-align: center; } .mrgbot20 { margin-bottom: 20px !important; } .mrgbot42 { margin-bottom: 42px !important; } .mrgtop42 { margin-top: 42px !important; } .pw910 p { max-width: 910px; margin-left: auto !important; margin-right: auto !important; } .pw710 p { max-width: 710px; margin-left: auto !important; margin-right: auto !important; } .pw670 p { max-width: 670px; margin-left: auto !important; margin-right: auto !important; } .overlay1:before {content: ''; display: block; width: 100%; height: 100%; background: var(--gradient1); position: absolute; left: 0; top: 0; mix-blend-mode: multiply; } .mml_overlay06:before { content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: .6; position: absolute; left: 0; top: 0; } .mml_overlay08:before { content: ''; display: block; width: 100%; height: 100%; background: #000; opacity: .8; position: absolute; left: 0; top: 0; } .mml_overlay06, .mml_overlay08, .overlay1 { position: relative; } .whitetxt p, .whitetxt td, .whitetxt li, .whitetxt h1, .whitetxt h2, .whitetxt h3, .whitetxt h4, .whitetxt h5, .whitetxt span, .whitetxt strong, .whitetxt em, .whitetxt a {color: #fff; } .shorth h2, .shorth h3 {max-width: 970px; margin: auto; } .w80prc {width: 80%; margin-left: auto !important; margin-right: auto !important; } .w70prc {width: 70%; margin-left: auto !important; margin-right: auto !important; } .w60prc {width: 60%; margin-left: auto !important; margin-right: auto !important; } .greybg1 { background: var(--greybg1); } /*---BTN---*/ .btn1 a, a.btn1 { background: var(--color1); padding: 9px 40px; display: inline-block; border-radius: 0; color: #fff !important;clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);} .whitetxt a.btn1, .whitetxt .btn1 a, .mml_h1row .btn1 a { padding: 9px 40px; /*border: 2px solid #fff;*/ clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); background-color: #fff; position: relative; color: #1F3B49!important; transition: all 0.5s; font-weight: 700;} .whitetxt a.btn1:hover, .whitetxt .btn1 a:hover, .mml_h1row .btn1 a:hover{background-color: #fff;color: #fff!important;} .whitetxt a.btn1:before, .whitetxt .btn1 a:before, .mml_h1row .btn1 a:before{content:''; position:absolute; top: 2px; left: 2px; height: calc(100% - 4px);width: calc(100% - 4px); background-color: #fff;clip-path: inherit;z-index: -1;transition: all 0.5s;} .whitetxt a.btn1:hover:before, .whitetxt .btn1 a:hover:before, .mml_h1row .btn1 a:hover:before{background-color: #081823;} .btn1 a:hover, a.btn1:hover { background: #0b0b0b; } .h1btns { margin-top: 32px; } .whitetxt .btn1.h1btns a:hover { border-color: #0b0b0b !important;} /*---Title---*/ h1 label, h2 label, h3 label { cursor: text; color: var(--color1); } h2, section:not(.mml_h1row) h1 { font-size: var(--fsheadingXL) !important; line-height: 110% !important;} .mml_aboutus h2 {font-size: var(--fsheadingM) !important;} .list1 h2, .mml_revrow h2,h3 {font-size: var(--fsheadingS) !important; line-height: 110% !important;} .whiteafter h1:after, .whiteafter h2:after, .whiteafter h3:after { background: #fff !important; } /*.hafter1 h1:after, .hafter1 h2:after, .hafter1 h3:after {content: ''; display: block; width: 121px; height: 1px; background: var(--color1); margin: 12px 0; } .midafter h1:after, .midafter h2:after, .midafter h3:after {margin-left: auto; margin-right: auto; } */ /*---Footer---*/ footer { background-color: #EAEAEA!important; background-image: url('/demo06/wp-content/uploads/2025/01/footer-logo.png') !important; background-repeat: no-repeat !important; background-position: top 50px right 50px !important; color: #404040;} footer h3 { font-size: var(--fsheadingS) !important; line-height: 110% !important; margin-bottom: 32px !important; } .mml_contact1 i { color: var(--color1); margin-right: 6px; position: absolute; left: 0; top: 14px;} footer .wpb_text_column { position: relative; } .mml_contact1 { padding-left: 30px; } footer a:hover { color: var(--color1) !important; } a.btn1.floating {clip-path: polygon(25px 0, 100% 0, 100% 100%, 0% 100%); padding: 20px 20px 20px 30px; text-align: center; line-height: 110%; background: #eaeaea; position: fixed; top: 30%; right: 0; z-index: 99; } a.btn1.floating:before{clip-path:inherit; position: absolute; top: 2px; left:2px; width: calc(100% - 2px); height: calc(100% - 4px);background: linear-gradient(90deg, #33515F 0%, #1F3B49 100%)!important; content: '';z-index: -1;} a.btn1.floating:hover { transition: all 0.3s; /*background: var(--color1) !important;*/ color: #fff !important; background: linear-gradient(-90deg, #33515F 0%, #33515F 100%)!important;} a.btn1.floating i {display: block; margin-bottom: 10px; font-size: 25px;} a.w-toplink.pos_right.active:hover { background: var(--gradient1) !important; } div#mml_bottomcontact { display: none; } div#mml_bottomcontact i { font-family: 'fontawesome';} footer .w-menu.layout_ver .menu>li { margin-bottom: 5px;} .footer-title h3 {font-size: var(--fsheadingXS) !important; color: var(--color1); } section#mml_bottombar {padding: 0 6px; background: #D9D9D9; } section#mml_bottombar > div > div {padding-top: 6px; padding-bottom: 6px; } #mml_bottombar p {color: #9D9D9D; font-size: 14px;} .mml_contact1{border-bottom: 1px solid #404040; padding-top: 10px; padding-bottom: 10px;} .mml_contact1 a{color: #35415b;} .opening-hours-row {padding-top: 10px; padding-bottom: 10px;border-bottom: 1px solid #404040;} .opening-hours-row label { min-width: 150px; display: inline-block;} .opening-hours-row:last-child,.mml_contact1:last-child{border-bottom: 0;} #menu-footer-menu{column-count: 1;} /*---Header---*/ .no-touch .l-subheader.at_middle a:hover, .no-touch .l-header.bg_transparent .l-subheader.at_middle .w-dropdown.opened a:hover { color: var(--color1) !important;} .no-touch .w-nav.type_desktop .hover_underline .w-nav-anchor.level_1 .w-nav-title:after { transition: all 0s; } .ush_menu_1.type_mobile .w-nav-item.level_1.current-menu-item>a:not(.w-btn), .ush_menu_1.type_mobile .w-nav-item.level_1.current-menu-ancestor>a:not(.w-btn), .ush_menu_1.type_mobile .w-nav-item.level_1.current-page-ancestor>a:not(.w-btn) { color: var(--color1) !important;} section#mml_bottombar a { color: var(--color1);} .mobilemenucontact i { font-family: 'fontawesome'; margin-right: 5px;} .mobilemenucontact a { display: block;} .w-html.hidden_for_laptops.ush_html_1.mobilemenucontact {margin-top: 32px;} .ush_menu_1 .w-nav-item.level_1>a:not(.w-btn):hover{-webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #40687B; -webkit-text-stroke-color: #0f131f;} .ush_menu_1 .w-nav-item.level_1>a:not(.w-btn):hover span{color: var(--color1)!important;color: #0f131f!important; } .ush_menu_1 .w-nav-item.level_1.current-menu-item>a:not(.w-btn), .ush_menu_1 .w-nav-item.level_1.current-menu-ancestor>a:not(.w-btn), .ush_menu_1 .w-nav-item.level_1.current-page-ancestor>a:not(.w-btn){-webkit-text-stroke-width: 0.5px; -webkit-text-stroke-color: #40687B;} .w-socials-item .w-socials-item-link i{color: var(--color1)!important;} /*.w-socials-item .w-socials-item-link{background-color: var(--color1)!important;}*/ .w-socials-item .w-socials-item-link:hover i{color: #fff!important;} .l-header .w-socials-item-link{width: 40px;} .topcontact i { font-family: fontawesome; margin-right: 5px; color: var(--color1);} .topcontact a { margin-right: 22px; font-size: 15px; font-weight: 600; letter-spacing: 1.2px;} .topcontact a img{height: 35px;} .topcontact a:hover { color: var(--color1) !important; } .l-header.shadow_wide .l-subheader.at_bottom > .l-subheader-h{padding-bottom: 15px;} .l-subheader.at_bottom{box-shadow: 0px 14px 14px 0px #00000033!important;} .header_hor .ush_menu_1.type_desktop .menu-item.level_1>a:not(.w-btn){position: relative;} .header_hor .ush_menu_1.type_desktop .menu-item.level_1>a:not(.w-btn):after{position: absolute; content:''; right: 0; top: 16px; width: 1px; height: 17px; background-color: #404040;} .header_hor .ush_menu_1.type_desktop ul #menu-item-26 > a:not(.w-btn):after{display: none!important;} /*---H1 row---*/ .mml_h1row{/*background: url('/demo06/wp-content/uploads/2025/01/mml.jpg');*/ background-repeat: no-repeat; background-size: cover; /*clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 100px));*/ padding-bottom: 150px;} .mml_h1row .txt-container > .vc_column-inner {clip-path: polygon(100px 0, 100% 0, calc(100% - 100px) 100%, 0% 100%); background-color: rgba(8, 24, 35, 0.8);z-index:9; background-blend-mode: multiply;} .mml_h1row .txt-container > .vc_column-inner > .wpb_wrapper{padding: 50px 100px;} .mml_h1row .txt { max-width: 640px; /*margin-left: auto; margin-right: auto;*/} .mml_h1row .title p, .mml_h1row .title h1, .mml_h1row .title h2 {font-size: var(--fsheadingXL) !important; line-height: 110% !important; margin-bottom: 30px; } .mml_h1row {padding: 0 0 150px!important; position: relative;} .mml_h1row:after{content:''; position: absolute; left: 0; top:0; width: 90%; height: 100%; background: linear-gradient(95.27deg, #1F3B49 51.02%, rgba(31, 59, 73, 0) 81.64%);z-index:1;} /*.mml_h1row:before{content:''; position: absolute; left: 0; bottom:0; width: 100%; height: 30px; background-color: red;z-index:99; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 100px));}*/ .mml_h1_after_row{} .mml_h1row .vc_col-lg-8 {background: transparent; padding: 90px 80px 20px; justify-content: center; } .mml_h1row .btn1 a { margin-right: 20px; } .mml_h1row > .l-section-h > .g-cols {min-height: 38vw !important; } .mml_h1row .vc_col-lg-8 > div {justify-content: center !important; } .mml_h1row .inner1{padding-top: 20px;} .mml_h1row .inner1 > .wpb_column > .vc_column-inner > .wpb_wrapper { display: flex;align-items: center; gap: 45px;} .mml_h1row .inner1 > .wpb_column > .vc_column-inner{padding-left:0!important; padding-right: 0!important;} .mml_h1row .w-iconbox { display: flex; gap: 10px; align-items: center; justify-content: center;} .mml_h1row .w-iconbox i{font-size: 20px;} .mml_h1row .inner1 .w-iconbox.color_primary .w-iconbox-icon {color: #fff !important;} .mml_h1row .w-iconbox-meta { display: inline-block;} /*---Below H1---*/ .mml_belowh1 { background: #0b0b0b; color: #fff; padding: 27px !important;} /*---intro-row---*/ .intro-row{} .intro-title-container > .vc_column-inner{background-color: var(--color1); clip-path: polygon(100px 0, 100% 0, calc(100% - 100px) 100%, 0% 100%); padding: 50px;} .intro-title-container > .vc_column-inner .wpb_text_column{padding-right: 100px;} .intro-title-container > .vc_column-inner h1{color: #fff;} /*---Services---*/ body .mml_services {position: relative !important; background-size: cover !important; background-position: center !important; } .mml_services:before {content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; opacity: 1; } .mml_services .inner1 h2, .mml_services .inner1 h3 {font-size: var(--fsheadingXS) !important; line-height: 110% !important; color: var(--color1); } .mml_services .inner1 {text-align: center; } .mml_services .inner1 i {color: var(--color1); } .mml_services {padding-left: 0 !important; padding-right: 0 !important; } .mml_services .txt{padding-top: 70px; padding-bottom: 70px;} .mml_services .txt p, .mml_services li{font-size: 18px;line-height: 30px;} .mml_row1 .list1 ul { column-count: 2;} .mml_row1 .list1 ul li:nth-child(odd){margin-bottom: 40px;} .service-row{} /*---List---*/ .list1 ul { list-style: none; margin: auto; } .list1 li { position: relative; padding-left: 28px; } .list1 li strong{font-size: 27px;} .list1 li:before { content: ''; display: block; width: 18px; height: 15px; background: #fff; border-radius: 0; position: absolute; left: 0; top: 5px; clip-path: polygon(2px 0, 100% 0, calc(100% - 2px) 100%, 0 100%);} .list1{background-color: var(--color1); clip-path: polygon(100px 0, 100% 0, calc(100% - 100px) 100%, 0% 100%); padding: 50px;padding-left: 130px; padding-right: 130px; margin-left: -150px;margin-right: 50px;} /*---mml_revrow---*/ .mml_revrow .btn1{padding-top: 20px;} .mml_revrow .ti-header{display: none!important;} /*---CTA 1---*/ .l-section.mml_cta1 {background: var(--color3); padding-bottom: 100px;} .mml_cta1 .hafter1 {margin-bottom: 32px; } .mml_cta1 button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style.wpf_has_custom_css {background: #fff !important; border: 0 !important; color: var(--color1) !important; font-weight: 400 !important; display: inline-block !important; width: auto !important; min-width: 1px !important; margin: 0 0 0 auto !important; } .mml_cta1 button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style.wpf_has_custom_css:hover {background: #0b0b0b !important; opacity: 1 !important; } .mml_cta1 button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style.wpf_has_custom_css{ padding: 15px 40px; /*border: 2px solid #fff;*/ clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%); background-color: #fff; position: relative; color: #1F3B49!important; transition: all 0.5s; font-weight: 700!important; border-radius:0!important;} .mml_cta1 button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style.wpf_has_custom_css:hover{background-color: #fff!important;color: #fff!important;} .mml_cta1 button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style.wpf_has_custom_css:before{content:''; position:absolute; top: 2px; left: 2px; height: calc(100% - 4px);width: calc(100% - 4px); background-color: #fff;clip-path: inherit;z-index: -1;transition: all 0.5s;} .mml_cta1 button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style.wpf_has_custom_css:hover:before{background-color: #081823;} .fluentform .ff-el-form-control, .fluentform .fluentform textarea {box-shadow: none; background: transparent !important; border: 0 !important; border-bottom: 1px solid #fff !important; border-radius: 0 !important; padding: 0!important; color: #fff !important; font-size: 18px;} .fluentform .ff-el-form-control::placeholder, .fluentform .fluentform textarea::placeholder{color: #fff!important;} .fluentform textarea { height: 55px; min-height: 80px;} /*---About Us---*/ .mml_aboutus .owl-item .wpb_text_column {border: 0px solid #0b0b0b; border-radius: 10px; padding: 32px; height: 100%; text-align: center; } .mml_aboutus .owl-item .wpb_text_column img{margin-bottom: 5px;} /*---CTA 2---*/ .mml_cta2 {background: var(--color3); } /* vw */ .mml_h1row .vc_col-sm-5 {padding: 4.167vw; } /*---Inner Title---*/ .inner-title{background-color: var(--color1);} .inner-title h1{color: #fff;} /* responsive */ /*---MIN---*/ @media(min-width: 2000px){ :root { /* font sizes */ --fsheadingXL: 80px; --fsheadingL: 80px; --fsheadingM: 75px; --fsheadingS: 65px; --fsheadingXS: 22px; } } @media(min-width: 1025px) { /*---Float BTN---*/ a.btn1.floating{top: 40%;} /*---mml_belowh1---*/ .mml_belowh1 a.btn1{margin-left: 30px;} /*---Header---*/ .header_hor .l-header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h { padding-top: 0 !important; } .header_hor .l-header.pos_fixed~.l-main>.l-section:first-of-type { margin-top: var(--header-height) !important; } /*---CTA2---*/ .mml_cta2 .btn1 p{text-align: right;} } @media(min-width: 1369px) { /*---Header---*/ body .l-subheader.at_middle .l-subheader-cell.at_left, body .l-subheader.at_middle .l-subheader-cell.at_right { flex-basis: auto;} } /*---MIN MAX---*/ @media(min-width: 1025px) and (max-width: 1600px) { :root { --header-height: 145px!important; } /*---General---*/ .mml_aboutus h2, .list1 h2, .mml_revrow h2, h3, h2, section:not(.mml_h1row) h1, .mml_h1row .title h2, body h2{font-size: 40px!important;} /*---Header---*/ body header{height: 145px;} body .l-subheader.at_bottom{height: 45px;} /*---Home Title---*/ .mml_h1row > .l-section-h > .g-cols { min-height: 250px !important;} .mml_h1row .vc_col-lg-8{padding: 50px 50px 20px;} .mml_h1row .txt-container > .vc_column-inner > .wpb_wrapper { padding: 30px 80px;} .mml_h1row .txt-container h1 br, .mml_h1row .txt-container h2 br{display: none;} } @media(min-width: 1024px) and (max-width: 1368px){ .l-subheader.at_middle .l-subheader-cell.at_left, .l-subheader.at_middle .l-subheader-cell.at_right{flex-basis: auto!important;} } @media(min-width: 1025px) and (max-width: 1560px){ .w-iconbox .w-iconbox-title{text-align: left;} /*---mml_aboutus---*/ .mml_aboutus .owl-item .wpb_text_column{padding: 32px 10px;} } @media(min-width: 1025px) and (max-width: 1367px){ /*---Header---*/ .topcontact a {font-size: 22px;} /*---mml_h1row---*/ .mml_h1row .w-iconbox .w-iconbox-title:not(:empty){padding: 5px 0; } .mml_h1row .vc_col-sm-8 {padding: 50px 20px 0;} /*---mml_row1---*/ .mml_row1 .list1 ul { column-count: 1;} .mml_row1 .list1 ul li { margin-bottom: 15px!important;} .mml_row1 .list1{padding-right: 110px;margin-right: 0px;} /*---mml_cta2---*/ .mml_cta2 .vc_col-sm-2{width: 24%;} /*---mml_aboutus---*/ .mml_aboutus .owl-item .wpb_text_column img{max-width: 35px;} } @media(min-width: 991px) and (max-width: 1024px){ :root { --fsheadingXL: 40px; } /*---Footer---*/ footer#page-footer .mml_column_1{padding-bottom: 30px;} footer#page-footer .mml_column_2,footer#page-footer .mml_column_3,footer#page-footer .mml_column_4{width: 33%;} /*---Header---*/ .l-header.pos_fixed{top: 0;} .home header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h{padding-top: 0!important;} /*---mml_h1row---*/ .mml_h1row .title br{display: none;} .mml_h1row .wpb_text_column{text-align: center!important;} .mml_h1row{padding: 400px 0 50px !important; margin-top: var(--header-height)!important; background-position: top center; background-size: 100% auto;} .mml_h1row:after{top: 400px;background: linear-gradient(0deg, #1F3B49 51.02%, rgba(31, 59, 73, 0) 81.64%); width: 100%;} .mml_h1row .w-iconbox {justify-content: center;} .mml_h1row .inner1 > .wpb_column > .vc_column-inner > .wpb_wrapper { display: flex; } .mml_h1row .vc_col-lg-8{padding: 50px 40px 20px;} .mml_h1row .txt-container > .vc_column-inner > .wpb_wrapper{padding: 50px;} } @media(min-width: 768px) and (max-width: 990px){ :root { --fsheadingS: 35px; --fsheadingM: 35px; } /*---Footer---*/ footer .mml_column_1{padding-bottom: 20px;} footer .mml_column_2, footer .mml_column_3{width: 50%;} footer .mml_column_4{width: 100%; text-align: center!imprtant; padding-top: 30px;} footer .mml_column_4 .footer-title h3{text-align: center;} #menu-footer-menu { column-count: 3;} } @media(min-width: 768px) and (max-width: 1024px){ /*---mml_h1row---*/ .list1, .intro-title-container > .vc_column-inner, .mml_h1row .txt-container > .vc_column-inner{clip-path: polygon(30px 0, 100% 0, calc(100% - 30px) 100%, 0% 100%);} /*---Service row---*/ .list1{ padding-left: 80px; padding-right: 80px;margin-right: 0;} .mml_row1 .list1 ul {column-count: 1;} .mml_row1 .list1 ul li { margin-bottom: 15px !important;} /*---mml_aboutus---*/ .mml_aboutus .owl-item .wpb_text_column{padding: 32px 0;} .mml_aboutus .owl-item .wpb_text_column img { max-width: 35px; } /*---mml_cta2---*/ .mml_cta2 .vc_col-sm-1 {} .mml_cta2 .vc_col-sm-2 { width: 24%;} } /*---MAX---*/ @media(max-width: 1366px) { } @media(max-width: 1300px) { .mml_h1row .btn1 a {margin-bottom: 12px; } .mml_h1row .vc_col-sm-5 .vc_column-inner {padding: 0 !important; } footer {background-size: 30% !important; } } @media(max-width: 1024px){ /*---Footer---*/ footer#page-footer .mml_column_1{width: 100%; padding-bottom: 20px; text-align: center;} /*---mml_h1row---*/ .mml_h1row{overflow: hidden; } .mml_h1row:after{background: linear-gradient(0deg, #1F3B49 51.02%, rgba(31, 59, 73, 1) 81.64%);} .mml_h1row .txt{max-width: 100%;} .mml_h1row .title h1, .mml_h1row .title h2,.mml_h1row p{text-align: center!important;} .mml_h1row p.w-iconbox-title{text-align: left!important;} .mml_h1row .w-iconbox .w-iconbox-title:not(:empty){padding: 5px 0; } .type_tilt.pos_bottom{height: 50px!important;} } @media(max-width: 1023px) { /*---pad0---*/ .mml_cta2 .vc_row > .vc_column_container > .vc_column-inner, .mml_aboutus .vc_row > .vc_column_container > .vc_column-inner,.mml_cta1 .vc_row > .vc_column_container > .vc_column-inner,.intro-txt-container > .vc_column-inner{padding-left:0!important; padding-right:0!important;} /*---Header---*/ .l-header.pos_fixed{top:0;} /*---Footer---*/ section#mml_ftr01 { padding-left: 12px; padding-right: 12px;} .mml_services .inner1 .wpb_column {width: 50%; } .mml_services .inner1 {row-gap: 82px !important; } .mml_cta1 .wpb_column {width: 100%; text-align: center; } .mml_cta1 img {max-height: 200px; width: auto; } .mml_cta1 h3:after {margin-left: auto; margin-right: auto; } .mml_cta1 .g-cols {row-gap: 32px; } .mml_cta2 .wpb_column {width: 100%; text-align: center; } .mml_cta2 img {max-height: 200px; width: auto; } .mml_cta2 h3:after {margin-left: auto; margin-right: auto; } .mml_cta2 .g-cols {row-gap: 32px; } /*---mml_h1row---*/ .mml_h1row .inner1 > .wpb_column > .vc_column-inner > .wpb_wrapper{display: block;} .mml_h1row .w-iconbox{justify-content: left;} .mml_h1row .title br{display: none;} .mml_h1row .wpb_text_column{text-align: center!important;} .mml_h1row{padding: 300px 0 50px !important; margin-top: var(--header-height)!important; background-position: top center; background-size: 100% auto;} .mml_h1row:after{top: 300px; width: 100%;} .home header.pos_fixed~.l-main>.l-section:first-of-type>.l-section-h { padding-top: 0 !important; } .mml_h1row .vc_col-lg-8{padding-top: 50px;} .mml_h1row .txt-container > .vc_column-inner > .wpb_wrapper{padding: 50px 30px;} .mml_h1row .w-iconbox {justify-content: center;} .mml_h1row .inner1 > .wpb_column > .vc_column-inner > .wpb_wrapper { display: flex; } .mml_h1row .vc_col-lg-8{padding: 50px 40px 20px;} .intro-row .vc_row > .vc_column_container{width: 100%;} .intro-title-container > .vc_column-inner{padding: 30px; margin-bottom: 30px;} .intro-title-container > .vc_column-inner .wpb_text_column { padding-right: 30px; padding-left: 30px; text-align: center;} .intro-title-container h1{text-align: center!important;} .mml_services .vc_row > .vc_column_container{width: 100%;} .mml_services .vc_row > .vc_column_container.img{min-height: 300px;} .mml_services .list1{margin-left:0; margin-top: -30px; clip-path: none; padding-left: 20px; padding-right: 20px; margin-right: 0;} .mml_row1 .list1 ul {column-count: 1;} .mml_row1 .list1 ul li { margin-bottom: 15px !important; } .mml_row1 .list1 ul li:last-child {margin-bottom: 0!important;} .l-section.mml_cta1{padding-top: 40px;} .mml_services .txt{padding-top:0; margin-top: -30px;padding-bottom: 0!important} .cta2-title, .cta2-txt{margin-bottom: 0!important;} .cta2-txt{margin-top: 0!important;} } @media(max-width: 767px) { :root { --pad2: 40px; --pad3: 40px; --fsheadingXL: 30px; --fsheadingL: 30px; --fsheadingM: 30px; --fsheadingS: 25px; --fsheadingXS: 20px; } /*---Footer---*/ div#mml_bottomcontact { display: flex; background: var(--color1); flex-wrap: wrap; width: 100%; position: fixed; bottom: 0; left: 0; z-index: 99;} div#mml_bottomcontact a { color: #fff; display: block; width: 50%; text-align: center; padding: 4px;} div#mml_bottomcontact a:first-child { border-right: 1px solid;} div#mml_bottomcontact i { margin-right: 5px;} section#mml_bottombar { padding-bottom: 42px;} a.w-toplink.pos_right.active { bottom: 81px;} a.btn1.floating { display: block;padding: 15px 12px 15px 19px; clip-path: polygon(10px 0, 100% 0, 100% 100%, 0% 100%);max-width: 100px;} .btn1.floating { opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .btn1.floating.visible { opacity: 1; pointer-events: auto; } .btn1.floating label{display: none;} a.btn1.floating i{margin-bottom: 0;} footer {background-size: 30% !important; background-position: calc(100% - 32px) calc(100% - 180px) !important; } footer h3{margin-bottom: 10px !important;} footer .w-menu.layout_ver .menu>li{margin-bottom:10px!important;} .w-nav .menu-item > a{padding-bottom: 0!important; text-align: left;padding-left: 0!important;} .mobilemenucontact > a{text-align: left;} .mobilemenucontact a + a{margin-top: 10px;} /*---h1row---*/ .list1, .intro-title-container > .vc_column-inner{ clip-path: polygon(30px 0, 100% 0, calc(100% - 30px) 100%, 0% 100%); } .mml_h1row .txt-container > .vc_column-inner{clip-path: none;} .mml_h1row .txt-container > .vc_column-inner > .wpb_wrapper { padding: 30px 0px; } .mml_h1row .inner1 > .wpb_column > .vc_column-inner > .wpb_wrapper { display: block;} .mml_row3 .title { max-width: 90%; margin: 0 auto -32px !important;} .h1btns p { display: block;} .mml_h1row .btn1 a { display: block; margin-bottom: 12px;} .mml_h1row .wpb_column {margin: auto !important; min-height: 0; } .mml_h1row .vc_col-sm-5 {order: 2 !important; } .mml_h1row .vc_col-sm-7 {order: 1 !important; } .mml_h1row *:after {margin-left: auto !important; margin-right: auto !important; } .mml_h1row, .mml_h1row * {text-align: center !important; } .mml_h1row { padding: 150px 0 40px !important;} .mml_h1row:after { top: 150px;} .mml_h1row .vc_col-lg-8 {padding: 30px 20px 20px;} .mml_h1row > .l-section-h > .g-cols { min-height: 100px!important;} /*.mml_h1row + .pad3{padding-top: 0!important;}*/ .list1 li strong { font-size: 20px;} /*---intro-row---*/ .intro-title-container{margin-bottom: 0!important;} .intro-title-container > .vc_column-inner { padding: 20px;} /*---About Us---*/ .mml_aboutus .owl-item .wpb_text_column{ padding: 25px 0 0;} .mml_aboutus .owl-item .wpb_text_column img{max-width: 35px;} /*---cta1---*/ .mml_cta1 .hafter1 { margin-bottom: 0;} /*---cta2---*/ .mml_cta2{padding-bottom: var(--pad3)!important;padding-top: var(--pad3)!important;} .mml_cta2 .wpb_column {margin: auto !important; } /*---services---*/ .mml_services .inner1 {row-gap: 32px !important; } .mml_services:before { opacity: .96;} }