@import url(https://fonts.googleapis.com/css?family=Montserrat);

.fixed-top {
  top: 32px!important;
}

	
html,body {
  padding-top: 50px;
  }
  
	
.strip-container {
	width: 100%!important;
	background-color: #47AE35;
	color: #FFF;
	z-index: 999999;
	position: fixed;
	left: 0px;
	right: 0px;
  top: 0;
  }

.strip {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
	
.strip-phone{
	text-align: right;
	float: right;
	padding-right: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 0.9em;
}
	
	
.strip-sm a img {
text-align: right;
	float: right;
	margin-right: 10px;
margin-top: 4px;
	margin-bottom: 4px;
opacity: 1;
	transition: all .2s ease-in-out;
	-ms-transform: scale(1); 
	-webkit-transform: scale(1); 
	transform: scale(1);
	height: 25px;
	width: 25px
}


.strip-sm a img:hover, .strip-sm a img:focus{
opacity: .7;
	-ms-transform: scale(1.1); 
	-webkit-transform: scale(1.1); 
	transform: scale(1.1);
}

.strip-sm a img:active{
opacity: 1;
transition: all .1s ease-in-out;
-ms-transform: scale(0.95); /* IE 9 */
-webkit-transform: scale(0.95); /* Safari */
transform: scale(0.95);	
}
	
	

.nav-link {
  padding: 2.5rem 1rem!important;
  cursor:pointer;
  text-transform:uppercase;
font-family: 'Montserrat', sans-serif; 
}

.affix  .nav-link {
  padding: 0.5rem 1rem!important;
  -webkit-transition:padding 0.2s linear;
  -moz-transition:padding 0.2s linear;  
  -o-transition:padding 0.2s linear;         
  transition:padding 0.2s linear; 
   }


.nav-contact {
	background-color:#47AE35;
	color: #FFF!important;
  padding: 1rem 1rem!important;
    margin: 1.5rem 0rem!important;
	border-radius: 4px
	}


.affix .nav-contact {
  padding: .2rem 1rem!important;
    margin: .3rem 0rem!important;
	}

.nav-contact:hover {
	background-color:#858484;
	
	}




.navbar-brand {
	background-image: url(../images/logos/mw-digimedia-logo-nav-large.jpg);
	height: 90px;
	width: 173px;
	background-size: contain;
	background-repeat: no-repeat;	
transition: all .1s ease-in-out;
}




.affix  .navbar-brand {
	background-image: url(../images/logos/mw-digimedia-logo-nav-small.jpg);
	height: 40px;
transition: all .1s ease-in-out;
		}




.navbar {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	position:relative;
	display:block;
	  -webkit-user-select: none;  
  -moz-user-select: none;
  -ms-user-select: none; 
  user-select: none;  
-webkit-box-shadow: 0px -6px 29px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px -6px 29px 0px rgba(0,0,0,0.75);
box-shadow: 0px -6px 29px 0px rgba(0,0,0,0.75);
	}



.navbar-style .navbar-brand {
	transition: all .2s ease-in-out;
}

.navbar-style .navbar-brand:focus, .navbar-style .navbar-brand:hover {
opacity: .5;
}

.navbar-style .navbar-nav .nav-link {
  color: rgba(87, 87, 87, 0.7);
	transition: all .2s ease-in-out;
}

.navbar-style .navbar-nav .nav-link:focus, .navbar-style .navbar-nav .nav-link:hover {
  color: rgba(71, 174, 53, 0.75);
    transform:translateY(-5px);
  
}

.navbar-style .navbar-nav .nav-link.disabled {
  color: rgba(71, 174, 53, 0.25);
}

.navbar-style .navbar-nav .show > .nav-link,
.navbar-style .navbar-nav .active > .nav-link,
.navbar-style .navbar-nav .nav-link.show,
.navbar-style .navbar-nav .nav-link.active {
  color: rgba(71, 174, 53, 1);
    transform:translateY(-5px);
}

.navbar-style .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(71, 174, 53, 0.5);
}

.navbar-style .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(71, 174, 53, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}





.dropdown-menu {
	-webkit-box-shadow: 0px 5px 10px 0px rgba(120,120,120,1);
	-moz-box-shadow: 0px 5px 10px 0px rgba(120,120,120,1);
	box-shadow: 0px 5px 10px 0px rgba(120,120,120,1); 
	}
	
	
.dropdown-menu:after {
	bottom: 100%;
	left: 65px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: rgb(71, 174, 53);
	border-width: 20px;
	margin-left: -20px;
		transition: all .2s ease-in-out;

}



.affix  .dropdown-menu:after {
	border-width: 15px;
	margin-left: -15px;
	right: 3px; 	

}




	

.dropdown-item {
  color: rgba(87, 87, 87, 0.7)!important;
	transition: all .2s ease-in-out;
	}

.dropdown-item:focus, .dropdown-item:hover {
  color: #FFF!important;
  background-color: rgb(71, 174, 53)!important;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: #CCC!important;
  
}


.dropdown {
outline: none!important;
}

:focus {
outline: none;
}


@media (max-width: 1200px) {
	



}

@media (max-width: 1024px) {
	
.nav-link {
  padding: 1.5rem 1rem!important;
  font-size: 0.9em
}	

.affix  .nav-link {
  padding: 0.25rem 1rem!important;
  font-size: 0.9em
   }
   
  .nav-contact {
  padding: 0.5rem 1rem!important;
    margin: 1rem 0rem!important;
	}


.affix .nav-contact {
  padding: .1rem 1rem!important;
    margin: .1rem 0rem!important;
	}
	
	
.navbar-brand {
	height: 90px;
	width: 167px;
}


.affix  .navbar-brand {
	height: 40px;
		}	
}



@media (max-width: 830px) {
	

   
   .navbar-brand {
	height: 50px;
	width: 150px;
	background-size: contain;
	background-repeat: no-repeat;
	padding-top: 0rem!important;
	padding-bottom: 0rem!important;
	}

.affix  .navbar-brand {
height: 40px;
	width: 150px;
		}
		
.dropdown-item {
	font-size: .8rem;
}

}



@media (max-width: 767px) {
html,body {
  padding-top: 47px;
  }
  

	
.nav-link {
  padding: 0.3rem 0rem!important;
    font-size: 0.9em;
}

.affix  .nav-link {
  padding: 0.3rem 0rem!important;
    font-size: 0.9em;
   }

.dropdown-item {
    font-size: 0.9em;
	text-align:center!important;
}

.dropdown-menu {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: #e3f5e0!important;
	}
	
	

 .collapse {
  overflow-y: scroll!important;
-webkit-overflow-scrolling: auto!important;
    height: auto!important;
    overflow-x: hidden!important;
  	}

.navbar-style .navbar-nav .nav-link:focus, .navbar-style .navbar-nav .nav-link:hover, .navbar-style .navbar-nav .show > .nav-link,
.navbar-style .navbar-nav .active > .nav-link, .navbar-style .navbar-nav .nav-link.show, .navbar-style .navbar-nav .nav-link.active  {
    transform:none
  }
  
  .dropdown-menu:after {
	visibility: hidden;	
	  display: none;
	   clear: both;
	      float: left;
}


  
.strip-phone{
	padding-right: 10px;
	padding-top: 7px;
	padding-bottom: 6px;
	font-size: 0.7em;
}  

.strip-sm a img {
	text-align: right;
	float: right;
	margin-right: 5px;
margin-top: 2px;
	margin-bottom: 4px;

		}
	

}