/*!
 * MSI5 v1 (https://msi5.com/)
 * Copyright 1998-2020 Management Systems Inc
 */
:root {
  --main-color: #ff5268;
}

body {
	margin: 0;
	/*font-family: mr-eaves-modern, sans-serif, "Roboto", sans-serif;*/
	font-family: futura-pt, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 1.1rem;
	line-height: 1.15;
	color: #202020;
	text-align: left;
	background-color: #fff;
	background-size: 100% auto;
	background-repeat: repeat-y;
}

.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/*margin-right: 0;*/
/*margin-left: 0;*/
}

button:focus {outline:0;}

.howtouse {
    background-color: #e6e7e8;
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;    
    
}

.jumbotron {
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
padding: 0.5rem .2rem;
margin-bottom: 2rem;
background-color: #f9f9f9;
border-radius: 0.3rem;
}

.btn {
    text-transform: uppercase;
}
.btn-warning:hover {
    text-decoration: none;
}
/*#menufooter img {
    max-width: 400px;
}*/
@media (min-width: 576px) {
  .jumbotron {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
    padding-top: 0;
}
}

.mtiilogo img {
    width: 180px;
}

.mtiilogo {
    position: relative;
    z-index: 999;
    display: inline-block;
    margin-right: 10px;
    padding: 4px;
    border-radius: 3px;
    background-color: #FFFFFF;
    border: 0;
    -webkit-box-shadow: 0 5px 4px 0 rgba(0,0,0,0.16),0 5px 8px 0 rgba(0,0,0,0.12);
    box-shadow: 0 5px 4px 0 rgba(0,0,0,0.16),0 5px 8px 0 rgba(0,0,0,0.12);
}

  .mtiicom {
      display: none;
}
.hide-gr8ter_991 {
    display: none !important
}

@media (max-width: 991.98px) {
    .hide-gr8ter_991 {
        display: inline-block !important
    }
    .hide-less_992 {
        display: none !important
    }
}

@media (max-width: 991.98px) {
.mtiilogo img {
  width: 50px;
}
.mtiilogo {
  position: relative;
  padding: 2px;
  background-color: #FFFFFF;
}
}

/*@media (max-width: 991.98px) {
  .mtiilogo {
	visibility: hidden;
	width: auto;
  }
  .mtiicom {
    visibility: visible;
  }
}*/

#main_title {
    padding-left: 10px;
    padding-right: 10px;
}

#mainMenu ul li .bc_0 {
  color: #FFFFFF;
}
#mtiiTopOpage {
  background-image: url("../images/slides_450/0001.jpg");
  background-repeat: no-repeat;
}
#MaxExpand #container #midContent {
  padding-top: 0px;
}
#menufooter {
	background-color: #EDEDED;
	margin-top: 1rem;
	padding-top: 0.5rem;
}
#menufooter a {
    font-size: 1rem;
}

#faqheader {
  color: aliceblue;
  background-image: url("../images/slides_450/0001.jpg");
  background-repeat: no-repeat;
  background-size: 100% 0;
}
#faqheader .col-12 {
  background-color: rgba(61, 61, 61, 0.62);
  border-radius: 20px;
}
.boxshade {
	border-radius: 6px;
	background-color: #E4E4E4;
	padding-top: 6px;
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
	padding-left: 6px;
    padding-right: 6px;
}
.mtii_logo {
  margin-bottom: 6em;
  margin-left: auto;
  margin-right: auto;
  padding-left: auto;
  padding-right: auto;
  text-align: center;
}

.btn-go {
  margin-left: .5rem;
  padding: 0.25rem 0.25rem;
  font-size: 1.1rem;
  line-height: 1.5;
  border-radius: 4rem;
}
.form-control {
  border: 1px solid #C9E5A7;
}


@media (max-width: 575.98px) {
.form-control {
    display: inline-block;
}
}

@media screen and (max-width : 767.98){
	h1 {
		font-stretch: condensed;
		font-weight: 500;
		font-size: 1.8rem !important;
	}
	h2 {
		font-stretch: condensed;
		font-size: 1.5rem !important;
	}
    h4 {
        font-stretch: condensed;
        font-size: 1.1rem !important;
    }
	h5 {
		font-size: 1rem !important;
	}

.btn-lg, .btn-group-lg .btn {
  padding: .8rem 1.5rem;
  font-size: 1.2rem;
  line-height: 1.2;
  border-radius: 0.3rem;
}
}

#header_map iframe {
    height: 450px !important;
}
@media screen and (max-width : 444px ){
	h1 {
		font-stretch: condensed;
		font-weight: 500;
		font-size: 1.5rem !important;
	}
	h2 {
		font-stretch: condensed;
		font-size: 1.2rem !important;
	}
    h4 {
        font-stretch: condensed;
        font-size: 1.2rem !important;
    }
	h5 {
		font-size: 1rem !important;
	}
.col-auto {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
}
.btn-lg, .btn-group-lg > .btn {
  padding: .8rem 1.5rem;
  font-size: 1.2rem;
  line-height: 1.2;
  border-radius: 0.3rem;
}
    #header_map iframe {
        height: 360px !important;
    }
}

@media screen and (max-width : 374px ){
	h1 {
		font-stretch: condensed;
		font-weight: 500;
		font-size: 1.2rem !important;
	}
	h2 {
		font-stretch: condensed;
		font-size: 1rem !important;
	}
    h4 {
        font-stretch: condensed;
        font-size: 1rem !important;
    }
	h5 {
		font-size: 0.9rem !important;
	}
}


#canam_image {
  width: 100%;
  margin-bottom: 8px;
}
#carouselOFprogress h1 {
	color: rgba(205,255,21,1.00);
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	border-radius: 6px;
    background-color: rgba(30,30,30,0.70);
}
#carouselOFprogress h4 {
	border-radius: 6px;
	background-color: rgba(0,0,0,0.50);
}


.card-shadow {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}
/* 
MAYBE WORKS

*/
.custom-editor-part {
  display: block;
  margin: 0;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.8;
  color: #0a0a0a;
}
.pa-accordion {
  border: 1px solid #e6e6e6;
}
.pa-accordion .pa-accordion-row {
  border: 1px solid #e6e6e6;
}
.pa-accordion .accordion-item, .pa-accordion .accordion-content {
  background-color: #e6e6e6;
}
.pa-accordion .accordion-title {
  text-decoration: none;
  font-weight: bold;
}
.pa-accordion .accordion-title::before {
  color: inherit;
  content: "+";
  text-decoration: none;
}
.pa-accordion .is-active > .accordion-title::before {
  color: inherit;
  content: "-";
  text-decoration: none;
}
.pa-accordion .pa-accordion-summary {
  background: none;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0;
  border-bottom: 1px solid #e6e6e6;
}
.pa-accordion .pa-accordion-img {
  float: right;
}
.pa-accordion .accordion-content {
  border-bottom: 1px solid #e6e6e6;
  color: #464646;
  background: #e6e6e6;
}
.accordion.pa-accordion > div > a, .accordion.pa-accordion > div > a:before {
  color: #2a578d;
  text-decoration: none !important;
  font-weight: bold;
}
.accordion-expander {
  text-align: right;
}

/*Bac to top*/
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}



@media screen and (min-width:768px) {
    #logofooter {
        width: 75%;
    }
  .footer-link-sm {
    display: none !important
  }
}
@media screen and (max-width:991.98px) {
    #logofooter {
        width: 50%;
    }
}
@media screen and (max-width:767.98px) {
  .footer-link-lg {
    display: none !important
  }
}




/*
Not sure what to do with this...
*/
.hide {
  display: none !important
}
.invisible {
  visibility: hidden
}
@media screen and (max-width : 39.937em ){
  .hide-for-small-only {
    display: none !important
  }
}
@media screen and (max-width:0em), screen and (min-width:40em) {
  .show-for-small-only {
    display: none !important
  }
}
@media print, screen and (min-width:40em) {
  .hide-for-medium {
    display: none !important
  }
}
@media screen and (max-width : 39.937em ){
  .show-for-medium {
    display: none !important
  }
}
@media screen and (min-width:40em) and (max-width:63.9375em) {
  .hide-for-medium-only {
    display: none !important
  }
}
@media screen and (max-width:39.9375em), screen and (min-width:64em) {
  .show-for-medium-only {
    display: none !important
  }
}
@media print, screen and (min-width:64em) {
  .hide-for-large {
    display: none !important
  }
}
@media screen and (max-width:63.9375em) {
  .show-for-large {
    display: none !important
  }
}
@media screen and (min-width:64em) and (max-width:74.9375em) {
  .hide-for-large-only {
    display: none !important
  }
}
@media screen and (max-width:63.9375em), screen and (min-width:75em) {
  .show-for-large-only {
    display: none !important
  }
}
.show-for-sr, .show-on-focus {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  border: 0
}
.show-on-focus:active, .show-on-focus:focus {
  position: static !important;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
  -webkit-clip-path: none;
  clip-path: none
}
.hide-for-portrait, .show-for-landscape {
  display: block !important
}
@media screen and (orientation:landscape) {
  .hide-for-portrait, .show-for-landscape {
    display: block !important
  }
}
@media screen and (orientation:portrait) {
  .hide-for-portrait, .show-for-landscape {
    display: none !important
  }
}
.hide-for-landscape, .show-for-portrait {
  display: none !important
}
@media screen and (orientation:landscape) {
  .hide-for-landscape, .show-for-portrait {
    display: none !important
  }
}
@media screen and (orientation:portrait) {
  .hide-for-landscape, .show-for-portrait {
    display: block !important
  }
}

/*begin movie presentation css*/

.theShow {
	display: block;
	position: static;
	top: 0;
	right: 0;
	min-width: 100%;
	z-index: -10;
}

#myVideo {
	min-width: 100%;
    min-height: 100%;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2),0 2px 8px 0 rgba(0,0,0,0.2);
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2),0 2px 8px 0 rgba(0,0,0,0.2);
}
.pause {
	position: absolute;
	background: rgba(0, 0, 0, 0.5);
	color: #f1f1f1;
	width: 56px;
	padding-top: 0px;
	padding-right: 2px;
	padding-left: 6px;
	padding-bottom: 5px;
	z-index: 20;
	right: 0;
	border-bottom-left-radius: 4px;
}
#myBtn {
	width: 45px;
	font-size: 13px;
	padding-top: 1px;
	padding-right: 1px;
	padding-left: 1px;
	padding-bottom: 1px;
	border: none;
	background-color: #3E2C2C;
	color: #fff;
	cursor: pointer;
	border-radius: 3px;
}
#myBtn:hover {
	background-color: #FFC1C2;
	color: black;
}

#thePic {
    display: none !important;
}

@media (max-width: 767.98px) {
    .theShow, .pause, #myVideo {
    display: none !important;
    }
    #thePic {
	display: block !important;
}
}

#map {
height: 100%;
width: 100%;
min-height: 275px;
-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2),0 2px 8px 0 rgba(0,0,0,0.2);
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2),0 2px 8px 0 rgba(0,0,0,0.2);
}

.map-control {
	margin-top: 5px;
	margin-left: 5px;
	/* Hide the control initially, to prevent it from appearing
before the map loads. */
	display: none;
}
/* Display the control once it is inside the map. */
#map .map-control { display: block; }

#BMSmap .place-card-large {
padding: 9px 20px 9px 11px;
display: none;
}


/* The popup bubble styling. */
.popup-bubble {
/* Position the bubble centred-above its parent. */
position: absolute;
top: 0;
left: 0;
transform: translate(-50%, -100%);
/* Style the bubble. */
background-color: white;
padding: 5px;
border-radius: 5px;
font-family: sans-serif;
overflow-y: auto;
max-height: 60px;
-webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2),0 2px 8px 0 rgba(0,0,0,0.2);
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2),0 2px 8px 0 rgba(0,0,0,0.2);
}
/* The parent of the bubble. A zero-height div at the top of the tip. */
.popup-bubble-anchor {
/* Position the div a fixed distance above the tip. */
position: absolute;
width: 100%;
bottom: /* TIP_HEIGHT= */ 8px;
left: 0;
}
/* This element draws the tip. */
.popup-bubble-anchor::after {
content: "";
position: absolute;
top: 0;
left: 0;
/* Center the tip horizontally. */
transform: translate(-50%, 0);
/* The tip is a https://css-tricks.com/snippets/css/css-triangle/ */
width: 0;
height: 0;
/* The tip is 8px high, and 12px wide. */
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: /* TIP_HEIGHT= */ 8px solid white;
}
/* JavaScript will position this div at the bottom of the popup tip. */
.popup-container {
cursor: auto;
height: 0;
position: absolute;
/* The max width of the info window. */
width: 200px;
}    
    
    
    
.gm-style .controls .controls-active {
  font-size: 14px !important;  /* this adjusts the size of all the controls */

  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
  box-sizing: border-box;
  border-radius: 2px;
  cursor: pointer;
  font-weight: 300;
  height: 1em;
  margin: 6px;
  text-align: center;
  user-select: none;
  padding: 2px;
  width: 1em;
}
.gm-style .controls button {
  border: 0;
  background-color: white;
  color: rgba(0, 0, 0, 0.6);
}
.gm-style .controls button:hover {
  color: rgba(0, 0, 0, 0.9);
}

.gm-style .controls.zoom-control {
  display: flex;
  flex-direction: column;
  height: auto;
}
.gm-style .controls.zoom-control button {
  font: 0.85em Arial;
  margin: 1px;
  padding: 0;
}

.gm-style .controls.maptype-control {
  display: flex;
  flex-direction: row;
  width: auto;
}
.gm-style .controls.maptype-control button {
  display: inline-block;
  font-size: 0.5em;
  margin: 0 1px;
  padding: 0 6px;
}
.gm-style .controls.maptype-control.maptype-control-is-map .maptype-control-map {
  font-weight: 700;
}
.gm-style .controls.maptype-control.maptype-control-is-satellite .maptype-control-satellite {
  font-weight: 700;
}

.gm-style .controls.fullscreen-control button {
  display: block;
  font-size: 1em;
  height: 100%;
  width: 100%
}
.gm-style .controls.fullscreen-control .fullscreen-control-icon {
  border-style: solid;
  height: 0.25em;
  position:absolute;
  width: 0.25em;
}
.gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-top-left {
  border-width: 2px 0 0 2px;
  left: 0.1em;
  top: 0.1em;
}
.gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-left {
  border-width: 0 2px 2px 0;
}
.gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-top-right {
  border-width: 2px 2px 0 0;
  right: 0.1em;
  top: 0.1em;
}
.gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-top-right {
  border-width: 0 0 2px 2px;
}
.gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-left {
  border-width: 0 0 2px 2px;
  left: 0.1em;
  bottom: 0.1em;
}
.gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-left {
  border-width: 2px 2px 0 0;
}
.gm-style .controls.fullscreen-control .fullscreen-control-icon.fullscreen-control-bottom-right {
  border-width: 0 2px 2px 0;
  right: 0.1em;
  bottom: 0.1em;
}
.gm-style .controls.fullscreen-control.is-fullscreen .fullscreen-control-icon.fullscreen-control-bottom-right {
  border-width: 2px 0 0 2px;
}
.gm-style .gm-style-iw-t::after {
background: linear-gradient(45deg,rgba(255,255,255,.9) 50%,rgba(255,255,255,.9) 51%,rgba(255,255,255,.9) 100%);
box-shadow: -2px 2px 2px 0 rgba(178,178,178,.4);
content: "";
height: 15px;
left: 0;
position: absolute;
top: 0;
transform: translate(-50%,-50%) rotate(-45deg);
width: 15px;
}    
    
    
    

.shoutout {
	position: absolute;
	margin-top: 20px;
	margin-left: 0;
}
.shoutout_txt {
    color: rgba(255,255,255,1.00);
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
    background-color: rgba(255,0,4,0.54);
    font-size: 3rem;
    margin-top: 3px;
    margin-bottom: 3px;
    /* margin-left: 18px; */
    clear: left;
    float: left;
    padding-right: 10px;
    /* [disabled]padding-left: 25px; */
}

@media (max-width: 767.98px) {
.shoutout_txt {
	font-weight: 300;
	font-size: 1.8rem !important;
	margin-top: 2px;
	margin-bottom: 2px;
	/*margin-left: 5px;*/
	clear: left;
	float: left;
	padding-right: 4px;
	padding-left: 4px;
}
}
/*end movie presentation css*/

.circle {
    border-radius: 20px;
}

.key-learning {
	color: #000000;
	background-color: #EBFF57;
}

.bigfont {
    font-size: 1.8rem;
}

.nav-tabs {
border-bottom: 0px;
}

#que   {
    /* [disabled]margin-right: 10px; */
    /* [disabled]margin-left: 10px; */
}
#que li {
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 8px;
}
#que li a {
    
}