/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

* {
	font-family: Muli, Arial, Helvetica, sans-serif;
	-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;
	margin: 0;
}

html, body {padding: 0; margin: 0;}
body {background-color: #fff;}


.header a {
	background: center center no-repeat ;
	background-image: url( ../img/menu.png );
	margin-top:10px;
	display: block;
	width: 42px;
	height: 42px;
	position: absolute;
	top: 10px;
	left: 10px;
}


.header a.right{left: auto; right: 10px;}

header img {border:0;}

.logo {
	width: 95%;
	max-width: 575px;
	max-height: 125px;
	padding-top:20px;
	
	
}




a {color:#ee352a; text-decoration: none;}
a.selected {color: #ee352a!important;}
a:hover {text-decoration: underline;}
nav li {list-style: none; padding: 15px 30px 15px 40px;}
nav a {color: black; }
nav a:hover {color:#ee352a; }

.content {padding: 0 20px; margin: 20px 0 0 0;}

footer {clear:both; width: 100%; padding: 20px 20px 30px 20px; font-size: small; max-width: 1350px;}
footer p, .p {margin: 0; font-weight: 300;}
footer nav {width: 60%; float: left;}
footer .copywrite {width: 100%; float: none; text-align: center; padding-right: 20px;}
footer nav ul {padding:0}
footer nav li {padding: 0 10px; display:inline; }
footer nav a {color: #898989}


#call h2, .call h2 {margin: 0; color: #ee352a; font-size: 1.5em;}
p {font-weight: 300; margin: 20px 0;}
.credit {font-size: .7em;}

h1 {padding-top:0; margin-top:0; color: #ee352a;} 

.clear {clear:both;}
#content {width: 100%; left: 0;}

	.tablet {display:block}
	.desktop {display:none;}
	.phone {display: block;}
		.logo img {max-height: 100%; max-width:100%;}



@media screen and (max-width: 639px) {
	.tablet {display:none;}
}

@media screen and (min-width:640px){

	#content {margin-top: 30px;}
	.logo {padding-top:10px}

}



@media screen and (min-width:900px){

	#content {
		position: relative;
		left: 15%;
		width: 85%;
		z-index: 1;
		 opacity:1; -webkit-transition:all 1s; -ms-transition:all 1s; -moz-transition:all 1s; -o-transition:all 1s; transition:all 1s;

	}
	
	.mm-menu ul {margin-top: 140px;}
	.logo {padding-left:40px;}
	#menu {background:#e4e4e4;}			
	#page {min-height: 100%;}	
	a[href="#menu"] {display: none !important;}

	#call h2, .call h2 {font-size: 2em;}
	#content {margin-top: 0;}
	.desktop {display:block;}
	.phone {display:none;}
	footer .copywrite {width: 40%; float: left; text-align: right; margin-bottom: 20px}
	
.header a {display:none;}

	
}



li {
  padding:5px 0;
}

footer {margin-bottom:300px;}


/******************************************** 

					Nav

********************************************/

html.mm-opened .mm-page,
html.mm-opened #mm-blocker,
html.mm-opened .mm-fixed-top,
html.mm-opened .mm-fixed-bottom,
html.mm-opened .mm-menu.mm-horizontal > .mm-panel {
	background-color: #e4e4e4;
  -webkit-transition: none 0.4s ease;
  -moz-transition: none 0.4s ease;
  -ms-transition: none 0.4s ease;
  -o-transition: none 0.4s ease;
  transition: none 0.4s ease;
  -webkit-transition-property: top, right, bottom, left, border;
  -moz-transition-property: top, right, bottom, left, border;
  -ms-transition-property: top, right, bottom, left, border;
  -o-transition-property: top, right, bottom, left, border;
  transition-property: top, right, bottom, left, border; }
html.mm-opened .mm-page,
html.mm-opened #mm-blocker {
  left: 0%;
  top: 0;
  margin: 0;
 }


.mm-menu .mm-hidden {
  display: none; }

.mm-fixed-top,
.mm-fixed-bottom {
  position: fixed;
  left: 0; }

.mm-fixed-top {
  top: 0; }

.mm-fixed-bottom {
  bottom: 0; }


html.mm-opened .mm-page,
.mm-menu > .mm-panel {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

html.mm-opened,
html.mm-opened body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }

html.mm-opened .mm-page {
  height: 100%;
  overflow: hidden;
  position: absolute; }

html.mm-background .mm-page {
  background: inherit; }


#mm-blocker {
  background: #fff;
  opacity: 0;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999; }

html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker {
  display: block; }


.mm-menu.mm-current {
  display: block; }

.mm-menu {
  background: inherit;
  overflow: hidden;
  height: 100%;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0; }
  .mm-menu > .mm-panel {
    background: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    padding: 20px;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 0; }
    .mm-menu > .mm-panel.mm-opened {
      left: 0%; }
    .mm-menu > .mm-panel.mm-subopened {
      left: -40%; }
    .mm-menu > .mm-panel.mm-highest {
      z-index: 1; }
    .mm-menu > .mm-panel.mm-hidden {
      display: block;
      visibility: hidden; }


.mm-menu .mm-list {
  }
.mm-menu > .mm-list {
  padding: 20px 0 40px 0; }

.mm-panel > .mm-list {
}
  .mm-panel > .mm-list:first-child {
    padding-top: 0; }


.mm-menu.mm-vertical .mm-list .mm-panel {
  display: none;
  padding: 10px 0 10px 10px; }
  .mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
    border-color: transparent; }
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
  display: block; }
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
  height: 40px; }
  .mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 16px;
    right: 16px; }



@media all and (max-width:549px) {
html.mm-opened.mm-opening .mm-page,
html.mm-opened.mm-opening #mm-blocker,
html.mm-opened.mm-opening .mm-fixed-top,
html.mm-opened.mm-opening .mm-fixed-bottom {
  left: 60%; }

.mm-menu {
  width: 60%; }
}
@media all and (max-width: 175px) {
  .mm-menu {
    width: 140px; }

  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 140px; } }
    

@media all and (min-width: 550px) {
  .mm-menu {
    width: 50%; }

  html.mm-opened.mm-opening .mm-page,
  html.mm-opened.mm-opening #mm-blocker,
  html.mm-opened.mm-opening .mm-fixed-top,
  html.mm-opened.mm-opening .mm-fixed-bottom {
    left: 50%; } }
html.mm-nooverflowscrolling.mm-opened {
  height: auto;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: scroll; }
  html.mm-nooverflowscrolling.mm-opened body {
    overflow: auto; }
  html.mm-nooverflowscrolling.mm-opened .mm-page {
    min-height: 1000px;
    
    position: fixed; }
  html.mm-nooverflowscrolling.mm-opened .mm-menu {
    height: auto;
    min-height: 1000px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    left: auto;
    top: auto; }
  html.mm-nooverflowscrolling.mm-opened > .mm-panel {
    position: relative;
    height: auto;
    display: none;
    left: 0; }
    html.mm-nooverflowscrolling.mm-opened > .mm-panel.mm-current {
      display: block; }


/*****/
@media screen and (max-width:899px){
.mm-menu {
  display: none;} 
  .bottom-right-black-bubble-invite-container {display:none!important;}
}


@media screen and (min-width:900px){



body {
  position: relative; }

#mm-blocker {
  display: none !important; }

.mm-page {
  box-shadow: none !important;
  background: inherit;
  width: 100% !important;
  min-height: 100% !important;
  height: auto !important;
  margin: 0 !important;
  top: 0 !important;
  position: relative !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; 
  
  
  }

.mm-menu {
  position: fixed;
  z-index: 2;
  width: 15% !important;
  padding: 0; 
  
  }
  .mm-menu.mm-top, .mm-menu.mm-right, .mm-menu.mm-bottom {
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important; }
  .mm-menu:first-child, .mm-menu.mm-current {
    display: block; }



}


ul.small {
  margin-top:0px;
  padding-top:0px;
  padding-left: 10px;
  font-size: .9em;
}

ul.small li {
  padding-top:5px;
  padding-bottom:5px;
}

ul.small li a {
  color: #666;
}

ul.bottom {
  margin-top:0;
  padding-top:10px;
  padding-left:0;
}