:root {
    --plain-color : #FFFFFF;
    --dark-color: #000000;
	--dark-rgb :0,0,0;
	--primary-color : #FFC423;
    --primary-rgb: 255, 196, 35;
    --light-color : #f5f5f5;
   
	--body-color: #333;
	--header-padding:3rem;
	--large-padding: 15rem;
	--medium-padding: 10rem;
    --small-padding: 5rem;
	--menu-padding: 0 20px;
	
	--header-height: 16rem;
	--fixed-header-height: 12rem;
    --fixed-header-padding:1rem;
    --hamburger-color : var(--dark-color);
    --logo-width: 20rem;
    --fixed-logo-width: 12rem;

	--html-font-size: 62.5%;
	--body-font-family: 'Metropolis Regular', sans-serif;
	--body-font-size: 1.6rem;
	--body-font-weight: 400;
	--heading-font-family: 'Metropolis Bold', sans-serif;
	--heading-font-weight: bold;
	--heading-font-color: var(--dark-color);
	
	--heading-two-size: 6rem;
	--heading-three-size: 4rem;
	--heading-four-size: calc(var(--body-font-size) *1.5);
	--heading-five-size: calc(var(--body-font-size) *1.25);
	
    --transition : all 0.5s ease-in-out 0s;
   
    --btn-height: 5rem;
	--btn-color: var(--dark-color);
	--btn-hover-color : var(--primary-color);
	--btn-border: var(--primary-color);
	--btn-background: var(--primary-color);
    --btn-background-hover: var(--secondary-color);
    --btn-font-family: var(--heading-font-family);
	--btn-font-weight: var(--heading-font-weight);
	--btn-font-size: var(--body-font-size);
	

	--sm-icon-size: calc(var(--body-font-size) *1.67); 
	--field-height: calc(var(--body-font-size) *3.3);
    --field-background : var(--plain-color);
    --field-border : var(--dark-color);
    --field-padding: 1rem 2rem;
    --field-color : var(--dark-color);
    --placeholder-color: var(--dark-color);
    --blog-card-padding: 3rem;
    --blog-card-background: var(--navy-blue);
    --blog-card-margin : calc(var(--body-font-size) *1.875); 
}

@media (max-width:991px) {
	:root {
		--html-font-size: 41.67%;
		--body-font-size: 2.4rem;
        --header-padding:2rem;
	}
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--placeholder-color);
}
::-moz-placeholder { /* Firefox 19+ */
  color: var(--placeholder-color);
}
:-ms-input-placeholder { /* IE 10+ */
  color: var(--placeholder-color);
}
:-moz-placeholder { /* Firefox 18- */
  color: var(--placeholder-color);
}

::-moz-selection { /* Code for Firefox */
  color: var(--dark-color);
  background: var(--primary-color);
}

::selection {
  color: var(--dark-color);
  background: var(--primary-color);
}

@font-face {
    font-family: 'Metropolis Bold';
    src: url('../webfonts/Metropolis-Bold.woff2') format('woff2'),
        url('../webfonts/Metropolis-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Metropolis Regular';
    src: url('../webfonts/Metropolis-Regular.woff2') format('woff2'),
        url('../webfonts/Metropolis-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Metropolis Semi';
    src: url('../webfonts/Metropolis-SemiBold.woff2') format('woff2'),
        url('../webfonts/Metropolis-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.container-fluid {padding-left:5rem; padding-right:5rem;}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,
.row {
    --bs-gutter-x: calc(var(--body-font-size) *1.875); 
}

html { font-size: var(--html-font-size); } /* =10px */
body { font-family:var(--body-font-family); font-weight:var(--body-font-weight); font-size: var(--body-font-size); line-height:1.7; color:var(--body-color); } /* =16px */

.mt-large_padding {padding-top: var(--large-padding); padding-bottom: var(--large-padding);}
.mt-large_pt {padding-top: var(--large-padding);}
.mt-large_pb {padding-bottom: var(--large-padding);}
.mt-medium_padding {padding-top: var(--medium-padding); padding-bottom: var(--medium-padding);}
.mt-medium_pt {padding-top: var(--medium-padding);}
.mt-medium_pb {padding-bottom: var(--medium-padding);}
.mt-small_padding {padding-top: var(--small-padding); padding-bottom: var(--small-padding);}
.mt-small_pt {padding-top: var(--small-padding);}
.mt-small_pb {padding-bottom: var(--small-padding);}


.mt-dark_bgr {--btn-background: var(--primary-color); --btn-color: var(--dark-color); --btn-hover-color: var(--primary-color); --btn-border: var(--primary-color); background-color:var(--dark-color); color: var(--plain-color);}
.mt-plain_bgr {--btn-background: var(--primary-color); --btn-color: var(--dark-color); --btn-hover-color: var(--primary-color); --btn-border: var(--primary-color); --link-color: var(--dark-color); --link-hover-color: var(--primary-color); background-color: var(--plain-color); color: var(--dark-color);}
.mt-light_bgr {--btn-background: var(--primary-color); --btn-color: var(--dark-color); --btn-hover-color: var(--primary-color); --btn-border: var(--primary-color); --link-color: var(--dark-color); --link-hover-color: var(--primary-color); background-color: var(--light-color); color: var(--dark-color);}


h1, h2, h3, h4, h5, h6 {font-family: var(--heading-font-family); font-weight: var(--heading-font-weight);}
h1, .h1 {font-size: 9rem;}
h2 {font-size: var(--heading-two-size);}
h2 span, h2 strong {color: var(--primary-color);}
h3, .h3 {font-size: var(--heading-three-size); margin: 0 0 3rem;}
h4, .h4 {font-size: var(--heading-four-size); text-transform: none;}
h5, .h5 {font-size: var(--heading-five-size); text-transform: none;}

label {font-family:var(--heading-font-family); font-weight:var(--heading-font-weight); color:var(--heading-color); margin:2rem 0  1rem;}
input:not([type="range"]):not([type="color"]):not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="file"]), textarea, .mt-field {background:var(--field-background); width:100%; height:var(--field-height); border:solid 1px var(--field-border); border-radius:calc(var(--field-height) * 0.5); padding:1rem 2rem;}
input:not([type="range"]):not([type="color"]):not([type="button"]):not([type="reset"]):not([type="submit"]):not([type="file"]):focus, textarea:focus, .mt-field:focus {border-color:var(--primary-color); outline:none;}
textarea ,textarea.mt-field {height:calc(var(--field-height) * 4); border-radius:calc(var(--field-height) * 0.25);}
.mt-field_row {margin-bottom:2rem;}
.mt-field_row .mt-btn {margin-top:0;}

.mt-btn {padding:1rem 3rem; background: var(--btn-background); border:solid 2px var(--btn-border); border-radius:calc(var(--btn-height) * 0.5); color: var(--btn-color); font-family: var(--btn-font-family); font-size: var(--btn-font-size); font-weight: var(--btn-font-weight); text-decoration: none; text-transform: uppercase; display: inline-table; margin: 4rem 0 0;  transition: var(--transition);}
.mt-btn:hover {background: transparent; color: var(--btn-hover-color);}
.mt-btn + .mt-btn {margin-left: 3rem;}




.mt-btn_trans {background: none; border: solid 2px var(--plain-color);}
.mt-btn_trans:hover {background: var(--plain-color); color: var(--btn-background);}

.mt-thumb img {width: 100%; height: auto; max-width: 100%;}
.mt-thumb.mt-thumb_circle {padding: 1rem; border:solid 0.8rem var(--primary-color); border-radius: 50%;}
.mt-thumb.mt-thumb_circle img {aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%;}
.mt-thumb.mt-thumb_landscape img {aspect-ratio: 16 / 9; object-fit: cover; border-radius: 1rem;}
.mt-thumb.mt-thumb_portrait img {aspect-ratio: 3 / 4; object-fit: cover; border-radius: 1rem;}
.mt-thumb.mt-has_caption {position: relative;}
.mt-thumb.mt-has_caption::after {content:''; position: absolute; left: 0; right: 0; top:0; bottom: 0; background: rgb(var(--dark-color-rgb));
background: linear-gradient(180deg, rgba(var(--dark-color-rgb),0) 0%, rgba(var(--dark-color-rgb),0.8) 100%); transition: var(--transition); opacity: 0;}
.mt-thumb.mt-has_caption .mt-caption {position: absolute; left: 2rem; right: 2rem; bottom: 0.5rem; transition: var(--transition); opacity: 0; text-align: center; font-family: var(--heading-font-family); font-size: 1.8rem; z-index: 1;}
.mt-thumb:hover .mt-caption {bottom: 3rem; opacity: 1;}
.mt-thumb.mt-has_caption:hover::after {opacity: 1;}
.mt-thumb video {max-width:100%;}


.mt-section_header {margin: 0 0 5rem; text-align:center;}
.mt-section_header .mt-section_title {margin: 0;}
.mt-section_header p {font-size: calc(var(--body-font-size) * 1.12); margin: 1rem 0 0;}

.mt-header {position:fixed; height: var(--header-height); width: 100%; top:0; left:0; right: 0; padding: var(--header-padding); z-index: 99; transition: var(--transition);}
.mt-header_fixed .mt-header {--header-height: 9rem; height: var(--header-height); padding-top:var(--fixed-header-padding); padding-bottom:var(--fixed-header-padding);}
.mt-logo img {width: var(--logo-width); height:auto; max-width:100%; transition: var(--transition);}
.mt-header_fixed .mt-logo img {width: var(--fixed-logo-width);}



.mt-landing_block {width:120%; height:100vh; position:fixed;  top:0; bottom:0; left:-20%; right:0; background:url(../img/wave.svg) repeat-y var(--primary-color); background-size:auto 100%; animation: wave 2s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0); transition:all 0.5s ease-in-out 0s; opacity:0;} 
.mt-landing_block.mt-show {opacity:1; transition:all 0.5s ease-in-out 0s;}
.mt-landing_block.mt-slide_out {left:100%; right:-100%;}
.mt-banner_shape {position:absolute; right:0; top:0;}
.mt-banner_shape img {width:80%; float:right;}
.mt-banner_shape.aos-animate img {transform:none;}
@keyframes wave {
  0% {
    background-position: top left;
  }
  100% {
    background-position: top 100vh left;
  }
}

.mt-main_banner {width:100%; height:100vh; }
.mt-main_character {position:relative; transition:all 0.5s ease-in-out 0s;}
.mt-main_character img {max-width:100%;}
.mt-img_abs {position:absolute;}
.mt-main_character.mt-position {transform:translate(60%, 50%) scale(0.6);}
.mt-main_character.mt-scale {transform:translateX(200px) scale(0.6);}
.mt-banner_fixed .mt-main_banner {position:fixed;top:0; right:0;}
.mt-main_banner.mt-hide {opacity:0; z-index:-99; pointer-events:none;}
.mt-main_banner_caption {position: absolute; left: 0; top:0; right: 0; bottom: 0; z-index: 3; display:flex; align-items:center;}
.mt-banner_caption h2, .mt-banner_caption .h1 {margin: 0;}
.mt-banner-content, .mt-large_text {font-size:calc(var(--body-font-size) * 1.5);}
.mt-banner_fixed {padding-top:100vh;}
.mt-crafting img {width:500px; margin-left:100px;}
.mt-communications img {width:1400px; max-width:95%; margin-bottom:80px;}

/* service header */
.mt-service_section {background:var(--primary-color);  width:100%; min-height:100vh; position:relative; z-index:2; transition:var(--transition);}
.mt-service_section.mt-init {background:var(--plain-color);}
.mt-service_header {height:100vh;}

/* global headers and characters */
.mt-service_character, .mt-project_character, .mt-feedback_character, .mt-client_character {transition:var(--transition);}
.mt-service_character img, .mt-service_title, .mt-project_character img, .mt-project_title, .mt-feedback_character img, .mt-client_character img, .mt-client_title {transition:var(--transition); opacity:0;}
.mt-service_character img.mt-show, .mt-project_character img.mt-show, .mt-feedback_character img.mt-show, .mt-client_character img.mt-show {opacity:1;} 
.mt-ch_2_1, .mt-ch_6_1, .mt-ch_7_1, .mt-ch_8_1 {transform:translateY(100px);}
.mt-ch_2_1.mt-show, .mt-ch_6_1.mt-show, .mt-ch_7_1.mt-show, .mt-ch_8_1.mt-show {transform:none;}
.mt-service_character.mt-scale, .mt-client_character.mt-scale {transform:scale(0.7) translateX(-200px);}
.mt-service_title.mt-show, .mt-client_title.mt-show {opacity:1; color: var(--dark-color); transform:translateX(-200px)}
.mt-feedback_character.mt-scale {transform:scale(0.7) translateX(-150%);}

/*service card */
.mt-service_card {border-radius:20px; background:rgba(var(--dark-rgb), 0.05); border:solid 1px rgba(var(--dark-rgb), 0.05); box-shadow:10px 10px 10px rgba(0,0,0,0.02); padding:4rem; text-align:center;}
.mt-service_thumb {margin:0 auto 3rem; display:table; position:relative;}
.mt-service_thumb img {max-width:100%;}
.mt-service_card_title {text-align:center;}
.mt-service_content {transition:var(--transition); visibility:hidden; opacity:0; transform:translateY(20rem);}
.mt-service_content.mt-show {visibility:visible; opacity:1; transform:translateY(10rem);}


/*project */
.mt-project_character.mt-scale {transform:scale(0.7) translateX(200px);}
.mt-project_title.mt-show {opacity:1; color: var(--dark-color); transform:translateX(200px)}
.mt-project_section {background:var(--plain-color); position:relative; z-index:3;}
.mt-project_section.mt-init {background:var(--plain-color); }
.mt-project_thumb {position:relative; border-radius:1.5rem; overflow:hidden;}
.mt-project_thumb:after {content:''; width:100%; height:15rem; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%); position:absolute; left:0; right:0; bottom:-15rem; z-index:2; transition:var(--transition);}
.mt-project_thumb:hover:after {bottom:0;}
.mt-project_card_title {position:absolute; left:2rem; right:2rem; bottom:0; text-align:center; font-family:var(--heading-font-family); font-size:var(--heading-four-size); font-weight:var(--heading-font-weight); color:var(--dark-color); transition:var(--transition); opacity:0; z-index:3;}
.mt-project_thumb:hover .mt-project_card_title {opacity:1; bottom:2rem;}

.mt-grid_item {margin: 0 0 3rem; display: grid; grid-template-rows: 1fr auto;   break-inside: avoid;}

.mt-grid_item  > .mt-thumb {
  grid-row: 1 / -1;
  grid-column: 1;
}
.mt-grid_item img, .mt-grid_item video {border-radius:1.5rem;}
.mt-grid_item figcaption {margin-top:1.5rem;}
.mt-grid {column-count: 4;column-gap: 3rem;}

/* intro content */
.mt-intro_section {--heading-two-size: 8rem; position:relative; transition:var(--transition);}
.mt-intro_content_inner {transition:var(--transition);}
.mt-intro_content_inner.mt-scale {transform: scale(0.9); border-radius:4rem;}
.mt-intro_section .mt-thumb + .mt-thumb {margin:4rem 0 0;}
.mt-intro_section .mt-thumb img {border-radius:1.5rem;}
.mt-intro_content {opacity:0; transition:var(--transition);}
.mt-intro_content.mt-show {opacity:1;}

/*feedback */
.mt-feedback_character {position:relative; z-index:2;}
.mt-feedback_character:before {content:''; position:absolute; width:50vw; left:-40vw; top:0; bottom:0; background:var(--plain-color);}
.mt-feedback_strip {height:150px; width:0; background:var(--dark-color); position:absolute; left:0; transition:var(--transition);}
.mt-feedback_strip.mt-extend {width:100%;}
.mt-feedback_strip .container {position:absolute; top:50%; transform:translateY(-50%);}
.mt-feedback_block {background:var(--light-color); padding:4rem; border-radius:2rem; transition:var(--transition); box-shadow:10px 10px 10px rgba(0,0,0,0.02); opacity:0; visibility:hidden;}
.mt-feedback_block.mt-show {opacity:1; visibility:visible;} 

/*main navigations */
.mt-main_navigation {--menu-width: 30rem; --hamburger-color:var(--primary-color); font-size: var(--heading-three-size); position:fixed; z-index:99; top:0; bottom:0; right:-480px; width:500px; padding:6rem 4rem; transition:var(--transition); display:flex; align-items:center;}
.mt-main_navigation.mt-slide_in {right:0;}
.mt-main_navigation ul {list-style: none; display: block; justify-content: flex-end; align-items: center; margin: 0; padding: 0;}
.mt-main_navigation ul li {padding:1rem 2rem; transform:translateX(5rem); visibility:hidden; opacity:0; transition:var(--transition);}
.mt-main_navigation ul li.mt-visible {visibility:visible; opacity:1; transform:none;}
.mt-main_navigation ul li:hover {transform:translateX(1rem);}
.mt-main_navigation ul li a {color: var(--plain-color); text-decoration: none; transition: var(--transition);}
.mt-main_navigation ul li:hover a {color: var(--primary-color);}
.mt-main_navigation ul li .mt-btn {margin: 0;}
.mt-lang {list-style:none; font-family:var(--heading-font-family);}
.mt-lang li {padding:0 10px;}
.mt-lang li a {color:var(--dark-color); text-decoration:none;}
.mt-lang li:first-child:after {content:'|'; margin-left:15px;}
.mt-lang li a:hover {color:var(--dark-color);}
.mt-banner {position: relative;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after,
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: var(--hamburger-color);}
.mt-main_navigation .hamburger {position:absolute; top:10px; right:10px;}



.mt-client_content .mt-thumb img {max-width:80%;}

/*
.mt-intro_content {position: relative;}
.mt-intro_content .mt-intro_fish {position: absolute; right: -8rem; bottom: 0; width: 50rem;}
.mt-intro_content .mt-thumb {max-width: 45rem; margin:auto; position: relative;}
.mt-intro_content .mt-circle {display:block; position: absolute; width: 5rem; height: 5rem; background: var(--primary-color); border-radius: 50%;}
.mt-intro_content .mt-circle_1 {width:9rem; height:9rem; right: -5rem; top: -5rem;}
.mt-intro_content .mt-circle_2 {width:19rem; height:19rem; left: -14rem; bottom: -14rem;}
.mt-intro_content .mt-circle_3 {width:6rem; height:6rem; left: 5rem; bottom: -18rem;}

.accordion-item {background:none; color: var(--body-color); border: none;}
.accordion-header {text-transform: none; padding:2rem 0; position: relative; padding-left: 4rem; cursor: pointer;}
.accordion-header::before, .accordion-header::after {content: ''; width: 2.4rem; height: 2px; background: var(--body-color); position: absolute; left: 0; top: 50%; margin-top: -1px;}
.accordion-header::after {transform: rotate(90deg); transition: var(--transition);}
.accordion-header[aria-expanded="true"]::after {opacity: 0;}
.accordion-body {padding:0 0 0 4rem;}
                        
.mt-team_member {border-radius: 2rem; position: relative; overflow: hidden;}
.mt-team_member img {border-radius: 2rem;}
.mt-team_member figcaption {position: absolute; left: 0; bottom: 0;}
.mt-team_member::before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3rem; background: var(--primary-color); border-radius: 2rem 0 0 2rem;}
.mt-team_member .mt-team_name, .mt-team_member .mt-team_title {padding:1rem 3rem; background: var(--dark-color); color: var(--plain-color);}
.mt-team_member .mt-team_name {font-family:var(--heading-font-family); font-size: 1.8rem; margin: 0; transition: var(--transition); transform:translateX(-100%); margin-left: 3rem;}
.mt-team_member .mt-team_title {font-size: 1.6rem; display: inline-block; transition: var(--transition); transform:translateX(-100%); margin-left: 3rem;}
.mt-team_member .mt-team_icon {width: 8rem; height: 8rem; background: var(--primary-color); display: flex; align-items: center; justify-content: center; transition: var(--transition); transform:translateX(-100%);}
.mt-team_member .mt-team_icon img {width: 5rem; height: 5rem;}
.mt-team_member:hover .mt-team_name, .mt-team_member:hover .mt-team_title, .mt-team_member:hover .mt-team_icon {transform: none; margin-left: 0;}

.mt-courses {position: relative; z-index: 1;}
.mt-courses .mt-thumb {margin-bottom: var(--blog-card-margin);}
.mt-community_section {position: relative;}
.mt-community_coral {position: absolute; left: -5rem; top: -10rem; width: 40rem;}
.mt-community_logo {margin-top: 5rem;}
.mt-community_logo .mt-thumb img {opacity: 0.6; transition: var(--transition);}
.mt-community_logo .mt-thumb:hover img {opacity: 1;}

.mt-testimonials_section, .mt-testi_content {position: relative;}
figure[class*="mt-test_pic"] {position: absolute; }
figure[class*="mt-test_pic"] img {max-width: 50%; display: table; margin: auto;}
.mt-test_pic-1 {left: 2%; top: 10%;}
.mt-test_pic-2 {left: 20%; top:0%;}
.mt-test_pic-3 {right: 20%; top:0%;}
.mt-test_pic-4 {right: 2%; top: 10%;}
.mt-test_pic-5 {left: 15%; top: 30%;}
.mt-test_pic-6 {right: 15%; top: 30%;}
.mt-test_pic-7 {left: 2%; bottom: 5%;}
.mt-test_pic-8 {left: 20%; bottom:0;}
.mt-test_pic-9 {right: 20%; bottom:0;}
.mt-test_pic-10 {right: 2%; bottom: 5%;}
.mt-testi_fish {position: absolute; right: -10rem; top:-3rem; width: 50rem;}
.mt-testimonial {text-align: center;}
.mt-testimonial_thumb {width: 32rem; margin: 0 auto 4rem;}
.mt-testimonial_name {font-size: calc(var(--body-font-size) * 1.625); text-transform: none; margin: 0 0 1.5rem;}
.mt-testimonial_title {font-size: calc(var(--body-font-size) * 2.250); text-transform: none; margin: 0 0 3rem; padding-left: 5rem; padding-right: 5rem; position: relative;}
.mt-testimonial_title::before, .mt-testimonial_title::after {content:''; width: 5.6rem; height: 5rem; background: url(../img/icon-quote.svg); background-size:cover; position: absolute; top: 0;}
.mt-testimonial_title::before {left:0;}
.mt-testimonial_title::after {right: 0; transform: rotate(180deg);}
*/

.mt-blog_card {background: var(--blog-card-background); padding: 0 var(--blog-card-padding) calc(8rem + var(--blog-card-padding)); border-radius: 1rem; height: calc(100% - var(--blog-card-margin)); position: relative; margin-bottom: var(--blog-card-margin);}
.mt-blog_card .mt-thumb {margin: 0 calc(var(--blog-card-padding) * -1) var(--blog-card-padding);}
.mt-blog_card .mt-thumb img {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.mt-blog_card .mt-blog_title {margin: 0 0 2rem;}
.mt-blog_card .mt-btn {position: absolute; left: var(--blog-card-padding); bottom: var(--blog-card-padding);}

.mt-footer a {color: var(--link-color); text-decoration: none;}
.mt-footer a:hover {color: var(--link-hover-color);}
.mt-foot_logo {margin: 0 0 3rem;}
.mt-foot_logo img {max-width: 150px;}
.mt-footer_title {margin: 0 0 2rem; color:var(--primary-color);}
.mt-footer_nav ul {list-style: none; margin: 0; padding: 0;}
.mt-footer_nav ul li {margin: 0 0 0.5rem;}
.mt-footer_nav ul li a {color: var(--link-color); text-decoration: none;}
.mt-footer_form {padding:2rem; border-radius:2rem;}
.mt-footer_form .mt-btn {width: 100%; margin:0;}
.mt-footer_bottom {font-size: calc(var(--body-font-size) * .875);}
.mt-social {display: flex; list-style: none; padding:0; margin:0;}
.mt-social li {margin-right: 3rem;}
.mt-social li svg {width: var(--sm-icon-size); height: var(--sm-icon-size);}
.mt-social li svg * {fill: var(--dark-color);}
.mt-social li:hover svg * {fill: var(--primary-color);}

@media (min-width:992px) {
    .tab-content .collapse:not(.show) {display: block;}
    .tab-content .accordion-header::before, .tab-content .accordion-header::after {display: none;}
    .tab-content .accordion-header {font-size: 3.8rem; padding-top: 0; padding-bottom: 0; margin: 0 0 3rem;}
    .mt-testimonial p {padding-left: 15rem; padding-right: 15rem;}
}

@media (max-width:991px) {
    .mt-nav_open .mt-header {background: var(--dark-color); height: 100vh;}
    .hamburger {display: block;}
    
    .mt-main_navigation {position: fixed;  left: 0; top:var(--header-height); right: 0; background: var(--dark-color); padding: 5rem; font-size: calc(var(--body-font-size) * 1.5); display: none;}
    .mt-main_navigation ul {display: block;}
    .mt-main_navigation ul li {margin:2rem 0;}
    .mt-banner video {height: 80vh; object-fit: cover;}
    .tab-content>.tab-pane {display: block;}
    .fade:not(.show) {opacity: 1;}
    .mt-service_block:after, .mt-service_list {display: none;}
    .mt-entry_content {margin-bottom: 6rem;}
}

@media (max-width:767px) {
    figure[class*="mt-test_pic"] {opacity: 0.2 !important;}
    .mt-foot_widget {margin-bottom: 5rem;}
    .mt-service_coral, .mt-service_coral_2, .mt-community_coral, .mt-testi_fish {opacity: 0.2 !important;}
}