h1,h2,h3,h4,h5,h6{font-family:"Cuprum", "calibri",Helvetica,Arial,sans-serif;}
body, p {font-family:"Ubuntu", "calibri",Helvetica,Arial,sans-serif;}
.navbar li {font-family:"Cuprum", "calibri",Helvetica,Arial,sans-serif; letter-spacing: 1px;}
/*.testimonials p {font-family:"Bubblegum Sans", "calibri",Helvetica,Arial,sans-serif;}*/
.footer li {font-family:"Cuprum", "calibri",Helvetica,Arial,sans-serif !important;}

input { font-family:"Cuprum","calibri",Helvetica,Arial,sans-serif;}
	
	
	


html, body {
  overflow-x: hidden;
}
body {
  position: relative;
  font-size: 20px;
}


h1 {
	font-size: 40px;
	line-height: 50px;
}

h2 {
	color: rgba(7, 125, 112, 1); 
	/*color: #858585;*/
	font-size: 40px;
	line-height: 40px;
	margin: 20px 0;
}

h4 {
	line-height: 20px;
	font-size: 24px;
	font-variant: small-caps;
	font-weight: normal;
	color: #CCC;
}

h6 {
	font-size: 24px;
}

p {
	font-size: 20px;
	line-height: 26px;
}

.light {
	color: #70B3AE;
}

.bold {
	font-weight: bold;
}

.inline {
	display: inline-block;
	margin: 20px;
}



.sb-content h1, .sb-content-category h1 {
	font-variant: small-caps;
	color: #088C7E;
	font-size: 50px;
	margin: 30px 0;
}
.sb-content h2, .sb-content-category h2 {
	/*font-variant: small-caps;
	color: #CCC;*/
}

.sb-content h3, .sb-content-category h3 {
	/* font-variant: small-caps; */
	color: #858585;
}


/* .item-101 {
	display: none;
}*/

::-moz-selection { background: rgba(72, 167, 170, 0.6); }
::selection { background: rgba(72, 167, 170, 0.6); } 

/*  added for LSM Redesign ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.header {
	 /*background: url("../images/bg_header.png") no-repeat scroll center top #088c7e;*/
	min-height: 250px;
	/*border-bottom: 15px solid linear-gradient(to right, rgba(0,0,0,0), #088c7e);*/
	position: relative;
	z-index: 100;
}

.header:before {
    content:"";
    /*background: -webkit-linear-gradient(left, rgba(7, 125, 112, 0) 0%, rgba(7, 125, 112, .45) 20%, rgba(7, 125, 112, 0.55) 100%);
	box-shadow: 0 5px 18px 0 rgba(0,0,0,.75);
	-moz-box-shadow: 20px 5px 18px 0 rgba(0,0,0,.75);
	-webkit-box-shadow: 60px 5px 38px 5px rgba(0,0,0,.75);*/
    /*display: block;*/
    height:65px;
    width: 50%;
    position: absolute;
    bottom: 0;
	right:0;
	z-index:-10;
}


	



.header-bg {
    background: url("../images/bg_header.png") no-repeat scroll center top #088c7e;
	min-height: 250px;
	/*border-bottom: 15px solid linear-gradient(to right, rgba(0,0,0,0), #088c7e);*/
	position: relative;
box-shadow: 0 5px 18px 0 rgba(0,0,0,.5);
-moz-box-shadow: 0 5px 18px 0 rgba(0,0,0,.75);
-webkit-box-shadow: 0 5px 18px 0 rgba(0,0,0,.75);
}

.header-bg:before {
    content:"";
    background: -webkit-linear-gradient(left, rgba(7, 125, 112, 0) 0%, rgba(7, 125, 112, 1) 100%);
    /*display: block;*/
    height:20px;
    width: 100%;
    position: absolute;
    bottom: 0;
}


.footer3 {
	min-height: 400px;
}

.footer4 {
	position: relative;
}

/*.footer4:before {
    content:"";
    background: -webkit-linear-gradient(left, rgba(8, 140, 126, 0) 0%, rgba(8, 140, 126, 1) 100%);
    /*display: block;*/
 /*   height:25px;
    width: 100%;
    position: absolute;
    top: 0;
}
	*/


.navbar .nav > li > a {
	text-shadow: none;
	color: #FFF;
}

.header-bg .navbar  {
    border-bottom: 1px dotted rgba(255,255,255,0.4);
    position: relative;
    min-height: 65px;
}

.header-bg .navbar::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 10px;
    bottom: -11px;
	left: 0;
    background: url("../images/bg_shadow_menu.png") no-repeat scroll center bottom transparent;
}

.header .navbar  {
    /* border-bottom: 1px dotted rgba(255,255,255,0.4);*/
    position: relative;
    min-height: 65px;
	/*z-index: 100;*/
	margin-top: 20px;
}


/*.header .navbar::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 10px;
    bottom: -11px;
	left: 0;
    /* background: url("../images/bg_shadow_menu.png") no-repeat scroll center bottom transparent; */
/*}*/

.header .navbar:before {
    content:"";
    background: -webkit-linear-gradient(left, rgba(7, 125, 112, 0) 0%, rgba(7, 125, 112, .45) 20%, rgba(7, 125, 112, 0.55) 100%);
	box-shadow: 0 5px 18px 0 rgba(0,0,0,.75);
	
	/*box-shadow: 0 5px 18px 0 rgba(0,0,0,.5);*/
	-moz-box-shadow: 20px 5px 18px 0 rgba(0,0,0,.75);
	-webkit-box-shadow: 60px 5px 38px 5px rgba(0,0,0,.75);
    /*display: block;*/
    height:65px;
    width: 50%;
    position: absolute;
    bottom: 0;
	right:0;
	z-index:-10;
}







 ul.nav.menu {      
 padding: 0 20px;  
 margin:0px; 
 font-size: 18px;
 } 
 
 .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    color: #ccc;
	background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
    color: #CCC;
    background-color: transparent;
}


.dj-megamenu-default {
	background: none !important;
}

.dj-megamenu-default li:hover a.dj-up_a, .dj-megamenu-default li.hover a.dj-up_a, .dj-megamenu-default li.active a.dj-up_a {
	background: none !important;
	border-left-color: initial !important;
}

.dj-megamenu-default li a.dj-up_a {
	border-right: none !important;
	border-left: none !important;
}

.dj-megamenu-default li a.dj-up_a {
	font-weight: normal !important;
	font-size: 17px !important;
}

.dj-megamenu-default .caret {
	display: none !important;
}
 
 .dj-megamenu-default li ul.dj-submenu > li > a:hover, .dj-megamenu-default li ul.dj-submenu > li > a.active, .dj-megamenu-default li ul.dj-submenu > li.hover:not(.subtree) > a {
	 background: none !important;
	 color: #CCC !important;
 }
 .dj-megamenu-default li ul.dj-submenu > li > a {
	 color: #616161;
 }
 
 .dj-megamenu-default li:hover div.dj-subwrap, .dj-megamenu-default li.hover div.dj-subwrap {
	 background: rgba(55, 55, 55, 0.75) !important;
	 margin-right: 100px !important;
	 border-top: 10px solid rgba(0, 100, 87, 0.8) !important;
	 /*border-top: 4px solid #70B3AE !important;*/
	 
	box-shadow: 0 5px 18px 0 rgba(0,0,0,.5) !important;
	-moz-box-shadow: 0 5px 18px 0 rgba(0,0,0,.75) !important;
	-webkit-box-shadow: 0 5px 18px 0 rgba(0,0,0,.75) !important;
	 
	/* -moz-box-shadow: 0 0px 10px -3px #3C3C3C;
	 -webkit-box-shadow: 0 0px 10px -3px #3C3C3C;
	 box-shadow: 0 0px 10px -3px rgba(0, 0, 0, 0.7); */
 }
 
 .dj-megamenu-default li div.dj-subwrap {
	 margin-right: 20px !important;
	 /*margin-top: -5px !important;*/
 }
 
 .dj-megamenu-default li ul.dj-submenu > li {
	 border-top: 1px dotted /*rgba(0, 100, 87, 1)*/ #CCC !important;
	 text-transform: initial !important;
	 letter-spacing: 0px !important;
 }
 
  .dj-megamenu-default li ul.dj-submenu > li:first-child {
	 border-top: 0px dotted #CCC !important;
 }
 
 
 .dj-megamenu-default li .multiple_cols ul.dj-submenu > li.first {
	 color: #088C7E !important;
	 border-bottom: 1px solid #CCC !important;
	 text-transform: uppercase !important;
	 letter-spacing: 1px !important;
 }
 
   .dj-megamenu-default li .multiple_cols ul.dj-submenu > li:nth-child(2) {
	 border-top: none !important;
 }
 
  .dj-megamenu-default li .multiple_cols ul.dj-submenu > li.first > a {
	 color: #FFF !important;
	 /*color: #70B3AE !important;*/
 } 
 
/* .dj-megamenu-default li ul.dj-submenu > li > a.first {
	 color: #70B3AE !important;
 }  */
 
 .dj-megamenu-default li ul.dj-submenu > li > a small.subtitle {
	 color: #FFF !important;
 }
 .dj-megamenu-default li ul.dj-submenu > li > a {
	 color: #FFF !important;
	 font-size: 16px !important;
 }
 
 
.dj-megamenu-default li ul.dj-submenu > li > a:hover small.subtitle, .dj-megamenu-default li ul.dj-submenu > li > a.active small.subtitle, .dj-megamenu-default li ul.dj-submenu > li.hover:not(.subtree) > a small.subtitle {
	color: #FFF !important;
}

  .dj-megamenu-default li ul.dj-submenu > li.first > a:hover {
	 color: #CCC !important;
 } 
 
 .dj-megamenu-default li a.dj-up_a .arrow {
	 top: calc(50% - 8px) !important;
 }  
 
 .dj-megamenu-default li:hover a.dj-up_a .arrow, .dj-megamenu-default li.hover a.dj-up_a .arrow, .dj-megamenu-default li.active a.dj-up_a .arrow {
	 top: calc(50% - 4px) !important;
 }
 


 a {
    color: #088C7E;
 }
 
 a:hover, a:focus {
    color: #70B3AE;
 }
 
 .breadcrumb > li {
	 text-shadow: none;
 }



.logo {
	padding: 20px;
	z-index: 100;
}


.parallax-window {
    background: transparent;
	width: 100%;	
	position: relative;
	/*z-index: -1;*/
	background-position: left !important;
	
}


	


.parallax-window-contact {
	position: relative;
	height: 400px;
}

.parallax-carousel {
	height: calc(100vh + 30px);
	margin-top: -250px;
	/*z-index: 1;*/
	/*background-image: url("../images/book2.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
}
 .parallax-contact {
	position: relative;
	height: 400px;
	/*background-image: url("../images/contact.notepad.jpg");
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; */
} 




.headline-bg {
	/*width: 100vw;*/
	background: url("../images/bg_speckle.jpg");
	padding: 100px 60px;
	min-height: 280px;
	/*background-color: rgba(34, 34, 34, 0.9);*/
}

.headline {
	position: relative;
	max-width: 875px;
	margin: auto;
}

.speckle-bg {
	background: url("../images/bg_speckle.jpg");
	/*padding: 100px 0;*/
	
	/*background-color: rgba(34, 34, 34, 0.9);*/
}

.bg-spacing {
	padding: 100px 60px;
	min-height: 280px;
}

.speckle-bg h3 {
	font-family: "Waiting for the Sunrise";
	font-size: 45px;
	position: absolute;
	top: 30px;
	right: 30px;
	font-weight: normal;
}

.cta-btn .btn-large {
	padding: 25px 25px !important;
}


.content-main .strategy, .content-main .creative {
	margin-top: 30px;
}
.content-main .strategy:hover, .content-main .creative:hover {
	margin-top: 15px;
}

/* .card {
	box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
	margin-bottom: 15px;
transition: all .3s cubic-bezier(.39,.58,.57,1);
position: relative;
}  

.card:hover {
	margin-top: -15px;
	margin-bottom: 30px;
}  */

.platforms {
	/* background: rgba(182, 217, 213, 0.5); */
	padding: 80px 0px 0px;
}

.platforms h2 {
	margin-left: 30px;
	display: inline-block;
	background: rgba(169, 204, 200, 1) !important;
	padding: 20px 60px;
	color: #656565;
	font-variant: small-caps;
	position: relative;
	z-index: 10;
	/*box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
-moz-box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
-webkit-box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);  */
}




.cardImg img {
	max-width: 100%;
}

.cardImg:hover img {
	-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}


.cardDesc {

	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	
}

.cardDesc:hover {
	background-color: rgba(8, 140, 126, 0.65);
	transition: all .3s cubic-bezier(.39,.58,.57,1);
}

.cardDesc:hover h3 {
	color: #FFF;
	transition: all .3s cubic-bezier(.39,.58,.57,1);
}

.cardDesc:hover p {
	color: #DDD;
	transition: all .3s cubic-bezier(.39,.58,.57,1);
}

.cardDesc-caption {
	position: absolute;
	bottom: 10%;
	padding: 0 20px;
	width: 100%;
}
.cardDesc-caption:hover {
	display:block;
}

.cardDesc p, .cardDesc h3 {
	color: rgba(255,255,255,1);
	font-weight: normal;
}

.card-wrapper {
	position: relative;
}

.card-wrapper h2 {
	padding: 160px;
}




.card-light {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/*background: rgba(0,0,0, 0.1);*/
	border-top: 20px solid rgba(218, 236, 234, 1);
	padding: 20px;
	margin: 20px 40px;
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transform: all .4s ease-in-out;
	z-index: 1;
}

/*.card-light h2 {
	color: rgba(0, 0, 0, 0.4);
}*/

.card-light:before {
	position: absolute;
	content: "";
	top: -20px;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: linear-gradient(to right, rgba(7, 125, 112, 0.0) 0%, rgba(7, 125, 112, 0.2) 55%, rgba(7, 125, 112, 0.3) 80%, rgba(7, 125, 112, 0.4) 90%);
	transition: opacity 0.5s linear;
	opacity: 0;
	z-index: -1;
}

.card-light:hover:before {
	opacity:1;
}

.card-transparent {
	/* padding: 0px 40px;*/
	margin: 20px 40px;
}

.card-transparent a, .card-transparent a:hover {
	font-weight: normal;
}

.card-transparent li {
	list-style-type: square;
	padding-bottom: 10px;
}

/*.card-transparent li:before {
	content: "\25AA"; 
	font-size: 30px;
	line-height: 15px;
	color: #222;
	display: inline-block; 
	width: 1em;
	height: 0.65em;
	margin-left: -1em;
	vertical-align: middle;
	padding: /*5px 0 0 5px*/0;
} */

div.fc_line input.fc_input, div.fc_line select.fc_input, div.fc_line textarea.fc_input {
	background-color: #888 !important;
	border: 1px solid #888 !important;
	color: #000 !important;
}


/* .card-transparent li span {
	padding-top:-5px;
} */
	

.content-main {
	/* background-color: #F5F5F5;*/
	padding-top: 30px;
	/*padding-bottom: 100px;*/
	position: relative;
}

.content-bottom {
	/*padding: 40px;
	margin: 40px 0; */
	
}



.services {
	/*background-color: rgba(182, 217, 213, 0.5);*/
	position: relative;
	margin-bottom: 50px;
	min-height: 350px;
}

.services .S-img1 {
	position: absolute;
	bottom: -120px;
	right: 30%;
	z-index: 2;
}
.services .S-img1 img {
	max-width: 500px;
	box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
}

.services .S-img2 {
	position: absolute;
	top: -100px;
	left: 10%;
	z-index: 1;
}
.services .S-img2 img {
	max-width: 400px;
	box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
}

.services .S-img3 {
	position: absolute;
	top: -80px;
	right: 10%;
	z-index: 3;

}
.services .S-img3 img {
	max-width: 350px;
	box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
}

.services-highlight{
	position: relative;
}

 .highlight1, .highlight2, .highlight3, .highlight4 {
	position: relative;
	margin: 80px 0 400px;
	height: 500px;
}

.rel {
	position: relative;
}

.abs {
	position: absolute;
}


.highlight-wrapper {
	position: absolute;
	top: 0;
	height: 500px;
	width: 100vw;
	/*border-top: 10px solid #DAECEA;
	background-color: #E5E5E5;*/
	overflow: hidden;
	z-index: -1;
	/*max-width: 500px;*/
}

.wrap-left {
	/*left: -10px;*/
	mask-image: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 75%, rgba(0,0,0,0) 100%);
	-webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 75%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(right, rgba(229, 229, 229, 1) 0%, rgba(229, 229, 229, 0.8) 75%, , rgba(229, 229, 229, 0) 100%);
}
.wrap-right {
	/*right: -10px;*/
	mask-image: linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 75%, rgba(0,0,0,0) 100%);
	-webkit-mask-image: linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 75%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(229, 229, 229, 1) 0%, rgba(229, 229, 229, 0.8) 75%, , rgba(229, 229, 229, 0) 100%);
}

.wrap-left-50 {
	/*left: -10px;*/
	mask-image: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 100%);
	-webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(right, rgba(229, 229, 229, 1) 0%, rgba(229, 229, 229, 0.8) 75%, , rgba(229, 229, 229, 0) 100%);
	z-index: 1;
}




.h-img-blur, .c-img-blur {
	filter: blur(8px);
  -webkit-filter: blur(8px);
  transform: scale(1.05);

  /* Full height */
  height: 100%;

  /* Center and scale the image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.highlight-img-left {
	position: absolute;
	top: -80px;
	/*left: 5vw;*/
}
.highlight-img-right {
	position: absolute;
	top: -80px;
	right: 0;
}

.highlight-img-left img, .highlight-img-right img {
	position: relative;
	width: 800px;
	box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
	-moz-box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
	-webkit-box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
}

.h-content-l {
	position: relative;
	float: left;
	/*bottom: -50px;
	left: 5vw;*/
	/* min-height: 600px;*/
	padding: 40px 40px 20px;
	width: 600px;
	
	/*background-color: rgba(112, 179, 174, 0.9);*/
	
	
	
	background-color: rgba(7, 125, 112, 0.85);
	margin-top: 200px;
	margin-bottom: -60px;
	z-index: 100;
}

.h-content-r {
	position: relative;
	float: right;
	/*bottom: -50px;
	right: 5vw;*/
	/* min-height: 600px;*/
	padding: 40px 40px 20px;
	width: 600px;
	
	/*background-color: rgba(112, 179, 174, 0.9);*/
	background-color: rgba(7, 125, 112, 0.85);
	margin-top: 200px;
	margin-bottom: -60px;
	z-index: 100;
}

.h-content-r h2, .h-content-l h2  {
	color: #7cc6c1;
}

.h-content-r h4, .h-content-l h4 {
	color: #CDCDCD;
}

.h-content-r p, .h-content-l p {
	color: #D8D8D8;
}

.h-content-r .btn-primary-light:hover, .h-content-l .btn-primary-light:hover {
	background-color: rgba(7, 125, 112, 1);
	border: 2px solid #70B3AE;
	/*color: rgba(7, 125, 112, 1);*/
}

.h-content-r .btn-secondary-border, .h-content-l .btn-secondary-border {
	border: 2px solid #7cc6c1;
	color: #FFF;
}

.h-content-r .btn-secondary-border:hover, .h-content-l .btn-secondary-border:hover {
	border: 2px solid #999;
	/*color: #999;*/
}



.img1 {
	background-image: url("../images/LSM.Design.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img2 {
	background-image: url("../images/LSM.Marketing.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img3 {
	background-image: url("../images/LSM.Together.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img4 {
	background-image: url("../images/LSM.Commitment.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-services {
	background-image: url("../images/LSM.Services.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


.img-dev {
	background-image: url("../images/LSM.Development.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-strategy {
	background-image: url("../images/LSM.Marketing.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-creative {
	background-image: url("../images/LSM.Creative.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-consult {
	background-image: url("../images/LSM.Together.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-company {
	background-image: url("../images/LSM.Company.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-commitment {
	background-image: url("../images/LSM.Commitment.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-testimonials {
	background-image: url("../images/LSM.Testimonials.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-contact {
	background-image: url("../images/LSM.Contact.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.img-cta {
	background-image: url("../images/LSM.CTA.1200.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cta-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.cta-btn {
	position: absolute;
	bottom: 20px;
	right: 40px;
	z-index: 100;
}


.catServices {
	/*position: absolute;  */
	left: 0;
	width: 100%;
	padding: 100px 0;
	/*height: 980px;*/
}

/*.grid_layout {
	padding: 100px 0;
	height: 780px;	
}*/



.grid_layout_1 {
    width: 33.33333%;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center;
    float: left;
    position: relative;
}


.grid_layout_1::after {
    content: '';
    display: block;
    padding-top: 200%;

}

.grid_layout_1 .grid_content_container {
    bottom: 0;
	right: 5px;
	background-image: url("../images/LSM.Development.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid_layout_2 .grid_content_container {
    bottom: 5px;
	right: 0;
	background-image: url("../images/LSM.Marketing.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid_layout_2 .grid_content_helper {
	padding: 15% 10% 13% 10%;
}


.grid_layout_3 .grid_content_container {
    bottom: 0;
	right: 5px;
	background-image: url("../images/LSM.Creative.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid_layout_4 .grid_content_container {
    bottom: 0;
	right: 0;
	background-image: url("../images/LSM.Together.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid_layout_5 .grid_content_container {
    bottom: 0;
	right: 5px;
	background-image: url("../images/LSM.Commitment.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid_layout_6 .grid_content_container {
    bottom: 0;
	right: 0;
	background-image: url("../images/LSM.Testimonials.800.jpg");
	 background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}







.grid_layout_2 {
    width: 66.66666%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    float: left;
    position: relative;
}


.grid_layout_2::after {

    content: '';
    display: block;
    padding-top: 50%;

}

.grid_layout_3 {
    width: 33.33333%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    float: left;
    position: relative;
}

.grid_layout_3::after {
    content: '';
    display: block;
    padding-top: 100%;
}

.grid_layout_4 {
    width: 33.33333%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    float: left;
    position: relative;
}

.grid_layout_4::after {
    content: '';
    display: block;
    padding-top: 100%;
}

.grid_layout_5 {
    width: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    float: left;
    position: relative;
}

.grid_layout_5::after {
    content: '';
    display: block;
    padding-top: 100%;
}

.grid_layout_6 {
    width: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    float: left;
    position: relative;
}

.grid_layout_6::after {
    content: '';
    display: block;
    padding-top: 100%;
}


.grid_content_container {
    position: absolute;
    top: 0;
    right: 2%;
    bottom: 2%;
    left: 0;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    cursor: pointer;
}

.grid_content_container a:after {
	content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
	
}

.grid_content_container .btn-secondary-light:hover {
	background-color: #70B3AE;
	border: 2px solid #70B3AE;
	color: #FFF;
}

.grid_content_container:hover .grid_content {
    top: 0;
}

.grid_content_tab {
    position: absolute;
    bottom: 20px !important;
    top: auto;
    left: 0;
    display: block;
    padding: 0 50px 0 15px;
    /*background-color: rgba(0, 100, 87, 0.6);*/
	background: -webkit-linear-gradient(right, rgba(7, 125, 112, 0) 0%, rgba(7, 125, 112, .45) 20%, rgba(7, 125, 112, 0.55) 100%);
    color: #fff;
    font-family: 'Roboto Slab',Helvetica,Arial,Lucida,sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 55px;
    height: 55px;
    text-align: center;
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}

.grid_content_tab h1 {
	color: #FFF;
	font-variant: small-caps;
	line-height: 35px;
}

.grid_content_helper p {
	margin-top: 15px;
	padding-top: 35px;
	border-top: 1px solid #fff;
}

/*.grid_content_helper p {
	margin-top: 15px;
	padding-top: 18px;
	border-top: 1px solid #fff;
}*/

.grid_content_container:hover .grid_content_tab {
    bottom: 100% !important;
}

.grid_content {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 100, 87, 0.8);
    -webkit-transition: all ease-in-out .5s;
    -moz-transition: all ease-in-out .5s;
    transition: all ease-in-out .5s;
}

.grid_content_helper {
    color: #fff;
    padding: 25% 10% 13% 10%;
}

.grid_content h3 {
    font-family: "Waiting for the Sunrise";
    font-size: 45px;
	color: #BBB;
    position: absolute;
    top: 30px;
    right: 40px;
    font-weight: bold;
}

.grid_content .btn-large {
	display: inline-block;
}



.catPage {
	position: relative;
	height: 340px;
	margin-bottom: 125px;
}

.catPage-wrapper {
    position: absolute;
    top: -10px;
    height: 350px;
	max-height: 60vw;
    width: 100vw;
	z-index: -1;
	overflow: hidden;
    /*border-top: 10px solid #DAECEA;
    background-color: #E5E5E5;
    
    max-width: 500px;*/
}
	
	
.catPage-img-right {
	position: relative;
	height: 340px;
	max-height: calc(60vw - 40px);
	

}

.catPage-img-left img, .catPage-img-right img {
	position: absolute;
	top: 125px;
	right: 5vw;
	width: 500px;
	transition: all 1s;
	box-shadow: 0 5px 18px 0 rgba(0,0,0,.5);
	-moz-box-shadow: 0 5px 18px 0 rgba(0,0,0,.5);
	-webkit-box-shadow: 0 5px 18px 0 rgba(0,0,0,.5);
}


.bg-light {
	background-color: rgba(182, 217, 213, 0.2);
	padding: 20px;
}


.contact-bg {
	background-color: rgba(182, 217, 213, 0.5);
	padding: 40px;
	display: inline-block;
	width: 100%;
	/*margin: 0 20px;*/
}

.contact-bg p {
	margin-bottom: 0;
}


.testimonials {
	background-color: rgba(182, 217, 213, 0.5);
	position: relative;	
	background: url("../images/bg_header.png") no-repeat scroll #088c7e;
	background-size: cover;
	/*border-bottom: 15px solid linear-gradient(to right, rgba(0,0,0,0), #088c7e);*/
	z-index: 5;	
	
}

/*.testimonials:before {
	background: -webkit-linear-gradient(left, rgba(7, 125, 112, 0) 0%, rgba(7, 125, 112, 1) 100%);
}*/

.testimonials .TM-img1 {
	position: absolute;
	top: -80px;
	left: 10vw;
	z-index: 2;
}
.testimonials .TM-img1 img {
	max-width: 350px;
	box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
}

.testimonials .TM-img2 {
	position: absolute;
	top: -45px;
	right: 50px;
	z-index: 1;
}
.testimonials .TM-img2 img {
	max-width: 350px;
	box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
}

.testimonials .TM-img3 {
	position: absolute;
	bottom: -100px;
	left: 10vw;
	z-index: 1;
}
.testimonials .TM-img3 img {
	max-width: 400px;
	box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
}

.testimonials .TM-img4 {
	position: absolute;
	top: -100px;
	left: 10vw;
	z-index: 2;
}
.testimonials .TM-img4 img {
	max-width: 450px;
	
	box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
}

.testimonials .fa-quote-left {
	z-index: -1;
	/*color: #B6D9D5;*/
	color: rgba(7, 125, 112, 0.8);
	position: absolute;
	top: -35px;
	left: -5%;
	
	/*font-size: 8em;*/
}

.pad-tm {
	padding: 300px 0 100px;
}

.right {
	text-align: right;
}


.testimonials p {
	color: #F1F1F1;
	margin-bottom: 40px;
}

/*.testimonials .name {
	margin-bottom: 0px;
}*/

.testimonials a {
	margin: 20px;
}

.testimonials .btn-large {
	position: absolute;
	bottom: 40px;
	right: 30px;
	z-index: 500;
	margin: 0;
}

.testimonials .btn-large:hover {
	margin: 0;
}



.alpha40 {
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color: rgba(0,0,0,0.4);
}

.caption-contact {
	position: relative;
	padding-top: 125px;
	padding-left: 20px;
	padding-right: 20px;
}

.caption-contact h2 {
	margin-bottom: 40px;
	color: #FFF;
}


.btn-primary-border {
	border: 2px solid #7cc6c1;
	margin: 40px;
	color: #FFF;
}

/*.btn-secondary-border {
	border: 2px solid #7cc6c1;
	color: #FFF;
	margin: 40px;
	border: 2px solid #CDCDCD;
	
	color: #999;
}

.btn-secondary-border:hover {
	border: 2px solid #70B3AE;
	margin: 40px;
	color: #999;
}

*/


.btn-large {
    /*padding: 11px 19px;
    font-size: 17.5px; */
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	margin: 20px;
}

.firefox .btn-large {
	font-weight: bold;
}


.btn-primary {
	background-color: rgba(7, 125, 112, 1);
	text-shadow: none;
	background-image: none;
	border: 2px solid rgba(7, 125, 112, 1);
	text-shadow: 0px;
}

.btn-primary:hover {
	background-color: #006457;
	border: 2px solid #006457;
}

.btn-primary-border:hover {
	border: 2px solid rgba(7, 125, 112, 1);
	color: #FFF;

}

.btn-primary-light {
	background-color: #70B3AE;
	text-shadow: none;
	background-image: none;
	border: 2px solid #70B3AE;
	text-shadow: 0px;
	color: #FFF;
}

.btn-primary-light:hover {
	background-color: rgba(7, 125, 112, 1);
	border: 2px solid rgba(7, 125, 112, 1);
	color: #FFF;
}

.btn-primary-dark {
	background-color: rgba(7, 125, 112, 1);
	text-shadow: none;
	background-image: none;
	border: 2px solid #70B3AE;
	text-shadow: 0px;
	color: #FFF;
}

.btn-primary-dark:hover {
	background-color: #70B3AE;
	border: 2px solid rgba(7, 125, 112, 1);
	color: #FFF;
}


.btn-secondary {
	background-color: rgba(112, 179, 174, 0.8);
	text-shadow: none;
	background-image: none;
	border: 2px solid rgba(112, 179, 174, 0.8);
	text-shadow: 0px;
	color: #DDD;
}

.btn-secondary:hover {
	color: #CCC;
	/*border: 2px solid rgba(112, 179, 174, 0.5);*/
	border: 2px solid rgba(7, 125, 112, 0.4);
}

.btn-secondary {
	color: #FFF;	
	border: 2px solid rgba(7, 125, 112, 0.4);
}

.btn-secondary-border {
	border: 2px solid rgba(7, 125, 112, 0.4);
	color: #FFF;
}

.btn-secondary-border:hover {
	background-color: rgba(7, 125, 112, 0.4);
	border: 2px solid rgba(7, 125, 112, 0.4);
	color: #FFF;
}


.btn-secondary-light {
	background-color: #70B3AE;
	border: 2px solid #70B3AE;
	color: #FFF;
}

.btn-secondary-light:hover {
	background-color: rgba(7, 125, 112, 1);
border: 2px solid #70B3AE;
	color: #FFF;
}




.btn-secondary-light-border {
	border: 2px solid #7cc6c1;
	color: #FFF;
}

.btn-secondary-light-border:hover {
	background-color: rgba(7, 125, 112, 1);
	border: 2px solid #70B3AE;
	color: #FFF;
}



	


.caption h2 {
	margin-bottom: 40px;
	font-size: 36px;
}

.caption .btn-large {
	margin: 20px;
}

.main-content {
	position: relative;
}

.content-bottom {
	position: relative;
	margin-top: 50px;
}

.bottom-wrapper-conference {
	background: url("../images/LSM.conference.jpg") no-repeat scroll center bottom transparent;
	-webkit-background-size: 120vw;
	-moz-background-size: 120vw;
	-o-background-size: 120vw;
	background-size: 120vw;	 
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.2) 15%, rgba(0,0,0,0.8) 45%, rgba(0,0,0,1) 100%) !important;
	-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.2) 15%, rgba(0,0,0,0.8) 45%, rgba(0,0,0,1) 100%) !important;
	min-height: 95%;
	position: absolute;
	bottom: 0;
	right:0;
	left:0; 
	z-index: -1;
}

.bottom-wrapper-desk {
	background: url("../images/contact.notepad.jpg") no-repeat scroll center bottom transparent;
	-webkit-background-size: 100vw;
	-moz-background-size: 100vw;
	-o-background-size: 100vw;
	background-size: 100vw;	 
	mask-image: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.2) 15%, rgba(0,0,0,0.8) 45%, rgba(0,0,0,1) 100%) !important;
	-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.0) 0%, rgba(0,0,0,0.2) 15%, rgba(0,0,0,0.8) 45%, rgba(0,0,0,1) 100%) !important;
	min-height: 100%;
	position: absolute;
	bottom: 0;
	right:0;
	left:0; 
	z-index: -1;
}





.main-content::after {
	clear:both;
}

.fade-right::before {
    content: "";
    background: -webkit-linear-gradient(left, rgba(7, 125, 112, 1) 0%, rgba(7, 125, 112, 0) 100%);
    display: block;
    height: 20px;
    width: 100%;
    position: absolute;
    top: 0;
}

.fade-right-bottom::before {
    content: "";
    background: -webkit-linear-gradient(left, rgba(7, 125, 112, 1) 0%, rgba(7, 125, 112, 0) 100%);
    display: block;
    height: 30px;
    width: 100%;
    position: absolute;
    bottom: 0;
}


.fade-left::after {
    content: "";
    background: -webkit-linear-gradient(left, rgba(7, 125, 112, 0) 0%, rgba(7, 125, 112, 1) 100%);
    display: block;
    height: 20px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.breadcrumb7, .page-header {
	margin-left: 50px !important;
	/*max-width: 65%;*/
}

.mask-right {
	mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0.0) 95%);
-wekbkit-mask-image: linear-gradient(to left, rgba(0,0,0,0.8) 50%, rgba(0,0,0,0) 95%);
}





.content-bgImage {
    position: absolute;
	/*margin-top: -609px;
    top: 340px;
    right: 60vw;
    margin-left: 20vw;
    height: 100%;*/
    display: block;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4) 25%, rgba(0,0,0,0.0) 45%);
	/*-wekbkit-mask-image: linear-gradient(bottom, rgba(0,0,0,0.8) 65%, rgba(0,0,0,0) 100%);*/
	-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.4) 25%, rgba(0,0,0,0.4) 25%, rgba(0,0,0,0) 45%);
    z-index: -1;
	width: 400px;
	height: 350px;
	background-color: #e5e5e5;
	background: -webkit-linear-gradient(top, rgba(229, 229, 229, 1) 0%, rgba(229, 229, 229, 0) 65%);
	background: url("../images/bg_speckle.jpg");
}

.content-bgImage h1 {
	margin: 40px auto;
	text-align: center;
	font-weight: bold;
	font-size: 45px;
}


.page-header {
	border-bottom: 0px !important;
}


.w55 {
	width: 56vw;
	max-width: 900px;
	display: block;
}

/* img {
	max-width: none;
} */

.sidebar {
    width: 100%;
    /*min-height: 600px; */
    /*text-align: center;*/
	position: relative;
}

.sb-content img {
    position: relative;
	float: right;
	/*margin: 40px;                      removed to avoid overlap w/ span7 main content   */
    z-index: 100;
    max-width: 425px;
    transition: all 1s;
    box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
	-moz-box-shadow:    0 5px 18px 0 rgba(0,0,0,.50);
    -webkit-box-shadow: 0 5px 18px 0 rgba(0,0,0,.50);
	
}

.sb-content-category img {
	position: relative;
	float: right;
	/* margin: 40px; 					removed to avoid overlap w/ span7 main content    */
	max-width: 450px;
	z-index: 100;
	transition: all 1s;
    box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
	-moz-box-shadow:    0 5px 18px 0 rgba(0,0,0,.50);
    -webkit-box-shadow: 0 5px 18px 0 rgba(0,0,0,.50);
}


.CTA-content {
    margin: 130px 0px;
    padding: 60px;
    background-color: rgba(34, 34, 34, 0.9);
	/* background-image: url("../images/bg_sidebar_opacity.png"); */
    z-index: 200;
    /* position: absolute;
    top: 405px; 
    right: 30px;
    max-width: 225px;
    min-width: 225px; */
    transition: all 1s;
	box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
	-moz-box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
	-webkit-box-shadow: 0 5px 18px 0 rgba(0,0,0,.25);
}

.CTA-content h2 {
	font-size: 35px;
}

.CTA-content h6 {
    color: #70B3AE;
}

.CTA-content p {
    color: #EFEEEF;
}

.about .CTA-content .btn-small {
    min-width: 130px;
}

.quote-wrapper {
	margin: 0 auto;
	max-width: 510px;
}

.quote-wide-wrapper {
	margin: 0 auto;
	max-width: 860px;
}

.quote {
	margin: 50px 30px 20px;
	padding: 40px;
	/*min-height: 250px;*/
	max-width: 450px;
}

.quote-wide {
	margin: 50px 30px 20px;
	padding: 40px 40px 20px;
	/*min-height: 250px;*/
	max-width: 800px;
}



.quote .fa-quote-left, .quote-wide .fa-quote-left {
	color: #B6D9D5;
	position: absolute;
	top: -20px;
	left: -20px;
	z-index: -1;
	/*margin: -30px -50px;*/
}

.clear {
	clear: both;
}

/*   Tabbed content styles  */

 /* Style the tab */
.tab {
  overflow: hidden;
  margin-top: 50px;
  /* border: 1px solid #ccc;
  background-color: #f1f1f1; */
}


/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  width: 25%;
  min-height: 118px;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-variant: small-caps;
  color: #70B3AE;
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
  font-family: "Cuprum", "calibri",Helvetica,Arial,sans-serif;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background: rgba(182, 217, 213, 0.25);
}

/* Create an active/current tablink class */
.tab button.active {
  /* background-color: #ccc; */
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  /* border: 1px solid #ccc;*/
  border-top: none;
  -webkit-animation: fadeEffect 1s ease-in-out;
  animation: fadeEffect 1s ease-in-out;
} 

.tabcontent h3 {
	line-height: 25px;
}
/* .tabcontent p {
	margin: 0 0 30px;
}  */


/* Fade in tabs */
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* End tabbed styles content */

  @keyframes slidein-left {
    from {
      transform: translateX(-200%);
    }
    to {
      transform: translateX(0%);
    }
  }






.sports img, .underground img, .about img {
    max-width: 75%;
    margin: 40px 20px;
}

.buttons-container {
	text-align:center;
	margin-top: 40px;
}

.buttons-container .btn-small {
    padding: 10px 5px;
    margin: 10px 5px;
}

.block {
    display: block;
}

.btn-small {
    padding: 10px 25px;
    margin: 10px 5px;
	font-size: 14px;
	border-radius: 0px;
}

.grow {
    transition: all .2s ease-in-out;
}

.grow:hover {
    transform: scale(1.1);
}

a {
    /*color: #173E58;*/
    text-decoration: none;
    /*font-weight: bold;*/
}

a:hover, a:focus {
    /*color: #328AC2; */
    text-decoration: none;
    /*font-weight: bold;*/
}
a:hover, a:active {
    outline: 0;
}

.btn-large, .btn-med {
	font-weight: normal;
}

.btn-primary:active, .btn-primary.active, .btn-primary-dimmed :active, .btn-primary-dimmed:hover {
    background-color: #003399 \9;
    color: #FFF;
}

.btn-primary-dimmed {
    background-color: #D5AA40;
    color: #FFF;
    border: 2px solid #D5AA40;
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.caption {
	position: absolute;
	bottom: 120px;
	left: 100px;
	/*width: 100%;*/
	padding: 15px;
}

/* .parallax-window:hover > .caption {
	background: rgba(0, 0, 0, 0.2);
	transition: all 0.5s ease-in-out;
} */

.caption h1 {
	color: #FFF;
	font-variant: small-caps;
	font-size: 55px;
    animation: slidein-left 2s;	
}

.caption h2 {
	color: #B5D9D5;
	font-family:"Waiting for the Sunrise", "calibri",Helvetica,Arial,sans-serif;	
	font-weight: normal;
	margin: 20px 0px 45px;
	font-size: 50px;
    animation: slidein-left 2s backwards;
	animation-delay: 1s;
	/*animation-fill-mode: backwards;*/
}

.caption .btn-large {
	animation: fadeEffect 1s backwards;
	animation-delay: 2.5s;
}


	


.headline h1 {
	color: /*rgba(7, 125, 112, 1)*/ #006457;
	font-family:"Waiting for the Sunrise", "calibri",Helvetica,Arial,sans-serif;
	font-size: 50px;
	font-weight: normal;
	
}
	
.fadeEffect {
	opacity: 0;
    transform: scale(1.2);
}

.fadeEffect-transition {
	opacity: 1;
	transform: none;
}

.fadeEffect2 {
	/*animation: fadeEffect 2s backwards;*/
	opacity: 0;
    transform: scale(1.2);
}

.fadeEffect2-transition {
	opacity: 1;
	transform: none;
}

.opacityEffect {
	opacity: 0;
    transform: scale(0.1);
	transition: 2s;
}

.opacityEffect-transition {
	opacity: 1;
	transform: none;
}

.opacityEffect2 {
	opacity: 0;
    transform: scale(0.1);
	transition: 2s;
}

.opacityEffect2-transition {
	opacity: 1;
	transform: none;
}

.opacityEffect3 {
	opacity: 0;
    transform: scale(0.1);
	transition: 2s;
}

.opacityEffect3-transition {
	opacity: 1;
	transform: none;
}

.slideREffect1, .slideREffect2 {
	/*position: relative;*/
	margin-right: -200px;
	transition: 2s;
}

.slideREffect1-transition, .slideREffect2-transition {
	transition: 2s;
	margin-right: 5vw;
}

.slideLEffect1, .slideLEffect2 {
	margin-left: -200px;
	transition: 2s;
}

.slideLEffect1-transition, .slideLEffect2-transition {
	transition: 2s;
	margin-left: 5vw;
}

.slideREffect1-wrapper, .slideLEffect1-wrapper, .slideREffect2-wrapper, .slideLEffect2-wrapper  {
	position: relative;
	/*padding-bottom: 100px;*/
}




@media (prefers-reduced-motion: no-preference) {
  .fadeEffect {
    transition: opacity 1.5s ease, transform 1.5s ease;
  }
  
  .fadeEffect2 {
    transition: opacity 1.5s ease, transform 1.5s ease;
  }
  
    .slideREffect1 {
    /*transition: transform 1.5s ease;*/
  }
  
}






/* End added for LSM Redesign ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */



.mostread, .weblinks, .category-module, .syndicate-module,
 #login-form { 
 -moz-border-radius: 5px; 
 -webkit-border-radius: 5px;  
 -khtml-border-radius: 5px;  
 border-radius: 5px;      
 border:1px solid #ccc; 
 padding:5px;  
 margin:0px 0px 10px 0px; 
 } 
 

 
 .topnav .navbar .nav>li>a{
 float:none; 
 text-decoration:none;
 }
 .topnav {
	position: absolute;
}

.topnav li {
	font-size: 20px;
}


.homepage a:hover {
	color: #FFF !important;
} 


 .affix.mainmenu-home {
	 background-color: #038387;
 }
 
.mainmenu-inner .affix  .navbar-inner {
	 background-color: #038387 !important;
 }
 
 .navbar-wrapper.affix {
	 max-width:100%;
	 max-height: 60px;
 }
 
 .affix #mainnav > a {
	 padding: 20px 20px;
 }

 
 .topnav .navbar-inner { min-height: 60px;}
 .mainmenu-inner .navbar-inner { min-height:50px;}
 
 .mainmenu-inner {
 margin-top: -100px !important;
 /*border-radius: 4px;*/
 z-index:99;
 position: relative;
 background-color: #038387;
 -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.75);
 -moz-box-shadow:: 0 2px 10px rgba(0,0,0,.75);
 box-shadow: 0 2px 10px rgba(0,0,0,.75);
 }
 
 .mainmenu-inner .active .caret {
	 border-top: 4px solid #CCC !important;
 }
 
 .topnav {
	border-radius: 0px !important;
}

.hero-spacer {
	margin-top: 40px;
}

.hero-unit img {
	margin-top: -20px;
	border-radius: 4px;
}

.mainContent-inner {
	margin-top: -75px;
}
 
 .upper {
 text-transform: uppercase;
}
 
  .alpha20 {
	background: rgba(0,0,0,0.2);
	border-radius: 4px;
	color: #333;
}
 
 .alpha30 {
	background: rgba(0,0,0,0.3);
	/*border-radius: 4px;*/
	color: #333;
}
 
 .alpha30 li {
	list-style:square;
}

.alpha30 img {
	border-radius: 4px;
	}

 .alphaWhite30 {
	background: rgba(255,255,255,0.3);
	border-radius: 4px;
	color: #333;
}


.alpha70 {
	/* Fallback for web browsers that doesn't support RGBa */
	/* RGBa with 0.6 opacity */
	background: rgba(0, 0, 0, 0.7);
	padding: 20px;
    border-radius: 4px;
	
	/* For IE 5.5 - 7*/
	/*
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	*/
	/* For IE 8*/
	/*
	-ms-filter: "progidDXImageTransform.Microsoft.gradient(startColorstr#99000000, endColorstr#99000000)";
    -moz-box-shadow: 3px 3px 4px #000; 
    -webkit-box-shadow: 3px 3px 4px #000; 
    box-shadow: 3px 3px 4px #000;
    */
	
}

.alpha70 p {
	color: #aaa;
	
}

.alpha70 h3 {
	color: #3BA1A6;
}


.sidebar-spacer {
	min-height: 200px;
} 


.fb-page{
	width: 100%;
	background: none; border: none;
	text-align: center;
	border-radius: 4px;
}

.fb-page, .fb-page iframe, .fb-page span {
    max-width: 100% !important;
	max-height: 500px !important;
}

.breadcrumbSpacer {
	margin-top: 20px;
}

.fb_iframe_widget span{        
        overflow: initial !important;
    }
    .fb_iframe_widget iframe{        
        width: 340px !important;
        height: 500px !important;    
    }
	
	
	.heightMatch {
		height: 350px;
	}
	
	.heightMatch img {
		max-width: 275px;
		height: auto;
		display: block;
		margin: auto;
	}
	
	.promoHeightMatch {
		height: 300px;
	}
	
	.promoHeightMatch img {
		max-width: 200px;
		height: auto;
		display: block;
		margin: auto;
	}
	
	.imgHeightMatch {
		height: 200px;

	}
	
	.newsletter .inputbox {
		height: 30px;
		margin-top: 0px;
	}
	.newsletter input[type="text"]:focus {
		border-color: none;
		box-shadow: none;
	}
	
	
	.embedGoogleMap {
		max-width: 100%;
	}
	
	.gMaps {
		width: 100%;
		height: 400px;
		border: none;
	}
	
	.menu-location {
	  text-align: center;
	  width: 100%;
	  margin: 40px 0px;
  }
  
    .menu-location ul {
	  text-align: center;
  }
  
      .menu-location ul li {
	  display: inline-block;
	  float:none;
  }


.menu-location li {
display: inline;
float: left;
width: 30%;
list-style: none;
font-size: 24px;
line-height: 40px;
font-weight: bold;
}


.menu-alphabetical {
margin-left: auto;
margin-right: auto;
}

.menu-alphabetical ul {
	text-align: center;
}


.menu-alphabetical li {
    display: inline-block;
	/*float: left;*/
	margin: 0 5px;
    padding: 0;
    list-style-type: none;
   
	font-size: 24px;
	line-height: 40px;
	font-weight: bold;
}

.cck_page_items .span6:first-child {
	margin-left:1.2821% !important;
}

div.cck_forms.cck_search div.cck_form.cck_form_checkbox label {
	line-height: 100% !important;
}

div.cck_forms.cck_search div.cck_form.cck_form_checkbox input {
	margin-top: 3px !important;
}


.hours span {
	display:inline-block;
	width: 80px;
}

.hours p {
	margin-bottom: 2px;
}


/* Edit FlexiContact CSS  */

.fc_outer {
	border: none !important;
	background-color: transparent !important;
}
.fc_send .btn {
	margin: 20px;
}


div.fc_line {
	margin: 20px 20px;
}

div.fc_line label {
	display:none !important;
}
div.fc_line input[type="text"], div.fc_line input[type="email"] {
	width: 65%;
}
div.fc_line textarea.fc_input {
	width: 100%;
}

div.fc_line input.fc_input, div.fc_line select.fc_input, div.fc_line textarea.fc_input {
    border: 1px solid #777 !important;
	background-color: #777 !important;
	color: #111 !important;
}

/*@media screen and (max-width: 800px) 
{
	div.fc_line input[type="text"], div.fc_line input[type="email"] {
	width: 65% !important;
	}
	div.fc_line textarea.fc_input {
	width: 97% !important;
	}
}*/

@media (max-width: 767px) {
	.row-fluid .span7 div .fc_line {
		padding: 0;
		text-align: left !important;
	}
	.fc_line .pull-right {
		/* float: none;
		text-align: center; */
	}
}



/* End edit FlexiContact CSS  */


/* Edit CCK CSS  */

div.cck_forms.cck_search div.cck_label label {
	font-weight: bold !important;
}

div.cck_forms.cck_search div.cck_label {
	float: none !important;
}


/* End edit CCK CSS  */












/*  Edit Collapsible Content  */

.filters {
	text-align: center;
	margin-top: -60px;
	position: relative;
	background-color: #038387;

}

.filters .span3 {
	margin: 10px 0 10px;
	padding: 40px 20px;
}

.filter-header {
	background-color: #005054;
	padding: 10px;
	
}
.filter-header h4 {
	text-align: center;
	color: #EEE;
}

.filters-inner {
	padding: 10px;
}

.wrap-collabsible {
  margin-bottom: 1.2rem 0;
  min-width: 150px;
  width: 200px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}


.filters input[type='checkbox'] {
  /*visibility:hidden;*/
  display: none;
}

.filters .content-inner input[type='checkbox']  {
  /*visibility: visible;*/
  display: unset;
}




.lbl-toggle {
  display: block;

  font-weight: bold;
  /*font-family: monospace; */
  font-size: 1.2rem;
  /* text-transform: uppercase; */
  text-align: center;

  padding: 7px 10px;

  color: #666;
  background: rgba(255, 255, 255, 1);
 /* border-top: 4px solid rgba(0, 0, 0, 0.4);
  border-bottom: 4px solid rgba(0, 0, 0, 0.4);
*/
  cursor: pointer;

  border-radius: 2px;
  transition: all 0.25s ease-out;
  margin: 10px 0;
}

.lbl-toggle:hover {
  color: #3BA1A6;
}


.lbl-toggle::after {
  content: ' ';
  display: inline-block;
  float: right;
  margin: 7px 10px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid currentColor;

  vertical-align: middle;
  /* margin-left: 15px; */
  transform: translateY(-2px);

  transition: transform .2s ease-out;
}

.collapsible-content .content-inner {
  background: rgba(255,255,255, .2);
  /* border-bottom: 1px solid rgba(0, 170, 0, .8);

  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;*/
  padding: .5rem 1rem;
}


.collapsible-content {
  max-height: 0px;
  overflow: hidden;

  transition: max-height .25s ease-in-out;
}

.toggle:checked + .lbl-toggle + .collapsible-content {
  max-height: 1350px;
}


.toggle:checked + .lbl-toggle::after {
  transform: rotate(90deg) translateX(-3px);
}

.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}


.toggle:checked + .lbl-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  margin-bottom: 0;
  transition: transform 0s ease-out;
  
}


/* End edit collapsible content */

/*.btn-primary {
	font-weight: bold;
}*/

.btn-large, .btn-medium, .btn-small {
	transition: all .4s ease-in-out;
	/*font-weight: bold;
	-webkit-font-smoothing: antialiased;*/
}

/*.btn-large:hover, .btn-medium:hover, .btn-small:hover {
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
}*/


.btn-medium:hover {
	/*transform: scale(1.1);*/
	/*background-color: #8e1b30;*/
}
.btn-large:hover {
	/* transform: scale(1.1); */
}

.affix .navbar-inner {
	transition: visibility 0.5s ease-in, opacity 0.5s ease-in;
	-webkit-transition: visibility 0.5s ease-in, opacity 0.5s ease-in;
	-moz-transition: visibility 0.5s ease-in, opacity 0.5s ease-in;
	-ms-transition: visibility 0.5s ease-in, opacity 0.5s ease-in;
	-o-transition: visibility 0.5s ease-in, opacity 0.5s ease-in;
}


.footer1 .btn-primary {
    ?8background-color: #999;*/
    /*background-image: linear-gradient(to bottom, #777, #555);*/
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 5px inherit;
	/*font-weight: bold;*/
	transition: all .4s ease-in-out;
}

.footer1 .btn-primary:hover {
	transform: none;
	background-color: #338b91;
    /*background-image: linear-gradient(to bottom, #777, #777);*/
	transition: all .4s ease-in-out;
}






.fbplugin {
	background: rgba(0,0,0,0.5);
	border-radius: 4px;
	color: #333;
}
.fbplugin a {
	color:#00ff00;
}
.pad-topmin {
	padding-top: 10px;
}

.pad-min {
	padding: 10px;
}

.pad-med {
	padding: 20px;
}

.pad-max {
	padding: 40px;
}


.pad-vmin {
	padding: 10px 0px;
}

.pad-vmed {
	padding: 20px 0px;
}

.pad-vmax {
	padding: 40px 0px;
}

.pad-v100 {
	padding: 100px 0px;
}

.pad-v200 {
	padding: 200px 0px;
}

.pad-tmax {
	padding: 40px 0;
}

.pad-t200 {
	padding-top: 200px;
}

.pad-b100 {
	padding-bottom: 100px;
}


.pad-hmin {
	padding: 0px 10px;
}

.pad-hmed {
	padding: 0px 20px;
}

.pad-hmax {
	padding: 0px 40px;
}

.margin-min {
	margin: 10px;
}

.margin-med {
	margin: 20px;
}

.margin-max {
	margin: 40px;
}

.margin-vmin {
	margin: 10px 0px !important;
}

.margin-vmed {
	margin: 20px 0px;
}

.margin-vmax {
	margin: 40px 0px;
}
.margin-v60 {
	margin: 60px 0px;
}

.margin-v100 {
	margin: 100px 0px;
}

.margin-v200 {
	margin: 200px 0px;
}

.margin-vneg35 {
	margin: -35px 0px;
}

.margin-tmin {
	margin-top: 10px;
}
.margin-t60 {
	margin-top: 60px;
}
.margin-t100 {
	margin-top: 100px;
}
.margin-t250 {
	margin-top: 250px;
}

.margin-testimonials {
	margin-top: 300px;
}




.margin-bmin {
	margin-bottom: 10px !important;
}
.margin-bmed {
	margin: 0px 0px 20px 0px;
}
.margin-bmax {
	margin: 0px 0px 40px 0px;
}

.margin-b100 {
	margin-bottom: 100px;
}



.margin-b120 {
	margin-bottom: 120px;
}

.margin-b200 {
	margin-bottom: 200px;
}

.margin-breset {
	margin-bottom: 0px;
}
.margin-null {
	margin: 0;
}

.margin-neg50 {
	margin-top: -50px;
}

.margin-icon {
	margin: 10px 10px 10px 0;
}

.first { 
margin-left: 0 !important;
}

 .mostread, .weblinks, .category-module {  padding:0px 0px 0px 20px; } 
 .syndicate-module {    display:block; } 


 /* |----------------------------SPECIFIC TO CAROUSEL JUMBOTRON-----------------------| */ 
 /* GLOBAL STYLES-------------------------------------------------- */ 
 /* Padding below the footer and lighter body text */   
 body {  
 	/* background-image: url('../images/bg_content.jpg');  */
	background-attachment:  fixed;
	background-repeat: repeat-xy;  
	color: #555; 
	
}  
 /* CUSTOMIZE THE NAVBAR-------------------------------------------------- */ 
 /* Special class on .container surrounding .navbar, used for positioning it into place. */ 
 
 
 
 .navbar-wrapper {        top: 0;    left: 0;  right: 0;     z-index: 10;  margin-top: 10px;   margin-bottom: -90px;  /* -90px Negative margin to pull up carousel. 90px is roughly margins and height of navbar. */   }  
 .navbar-wrapper .navbar {   }    /* Remove border and change up box shadow for more contrast */   
 .navbar .navbar-inner {   border: 0;/*   -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.75);  -moz-box-shadow: 0 2px 10px rgba(0,0,0,.75);     box-shadow: 0 2px 10px rgba(0,0,0,.75); */  }     /* Downsize the brand/project name a bit */ 
 .navbar .brand {     padding: 14px 20px 16px;  /* Increase vertical padding to match navbar links */ font-size: 0.9em;   font-weight: bold;   text-shadow: 0 -1px 0 rgba(0,0,0,.5); /* Navbar links: increase padding for taller navbar */ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125); transition: all 0.2s linear 0s; }      
 .navbar .brand2 {  color:#95b0b1; padding: 30px 0px 0px 20px;    /* Increase vertical padding to match navbar links */ font-size: 0.8em;   font-weight: bold;   /*text-shadow: 0 -1px 0 rgba(0,0,0,.5);*/ /* Navbar links: increase padding for taller navbar */ /*text-shadow: 0 1px 0 rgba(0, 255, 0, 0.5), 0 0 20px rgba(0, 255, 0, 0.5);*/ transition: all 0.4s linear 0s; }      
 .navbar .brand2:hover { color:#3BA1A6; text-shadow: none; }
 .navbar .chat {max-height: 30px;padding: 5px 0 0 10px}
 .navbar .nav > li > a {   padding: 23px 20px;   }     /* Offset the responsive button for proper vertical alignment */ 
 .navbar .btn-navbar {  margin-top: 10px;   } 
 .navbar .btn-navbar a{  margin: 10px;   } 
 
/* .topnav .navbar {background-color: #005054;}  */
 
 
 .topnav .navbar .navbar-inner {  border: 0;   -webkit-box-shadow: none !important ;  -moz-box-shadow: none !important;     box-shadow: none !important ; }
 .topnav .navbar-inner {min-height:40px;background-color: transparent !important; background-image:none !important;background-repeat:repeat-x;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:0;-moz-box-shadow:0;box-shadow:0;}
.topnav .navbar .nav > .active > a { /*color: #FFF;*/ background-color: transparent !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
 .topnav .navbar .nav > li > a { /*color: #FFF;*/ }
 
 .homepage .topnav a {
	 color: #95b0b1;
 }
 
 
 .mainmenu-inner a {
	 color: #FFF !important;
 }
 
 
 
 .mainNav-bg {
	 background-color: rgba(3,131,135,0.7);  
	 padding: 0;
	 /*-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.75);*/
	 /*-moz-box-shadow: 0 2px 10px rgba(0,0,0,.75);*/
     /*box-shadow: 0 0 50px 50px rgba(0,0,0,1);*/
	 position: relative;
	 margin-top:-150px;
 }
 
  .mainNavInner-bg {
	 background-color: none;  
	 padding: 40px 0;
 }
 
 
 .mainNav-bg .navbar-inner {
	/*background-color: rgba(0,0,0.8) !important;  */
	background-image: none !important;
 }
 
 .header ul {
	 margin: 0px;
 }
 
 .affix {
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
 }
 
 .navbar-wrapper {
	 max-width: 1170px;
	 margin: auto;
	/*-webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;  */
 }
 
 .topnav-inner .navbar {
	 background-color: #005054;
	 -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	 -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	 box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
 }
 .topnav-inner .navbar-inner {
	 background-color: transparent;
	 -webkit-box-shadow:none;
	 -moz-box-shadow:none;
	 box-shadow:none;
 }
 
 
 
 .affix .navbar-wrapper {
    transition-property: left, right;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
	   }
 
 .chatlogo-outer {
	 display: none;
 }
 
 .chatlogo {
	 max-width: 80px;
 }
 
 
 .affix .chatlogo-outer {
	 display: unset;
	 -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
 }
 
 .affix .header {
	 float: right;
	 transition-property: left, right;
transition-duration: 0.3s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
 }
 

 #mainnav {
	 display: inline-block;
	 margin-bottom: -4px !important;
 }
 
/* .dropdown-menu ul {
	 visibility: hidden;
	 opacity: 0;
	 -webkit-transition: all .25s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
 } 
 
  .dropdown-menu:hover ul {
	 visibility: visible ;
	 opacity: 1;
 } 
 
   .dropdown-menu:hover ul > .nav-child{
	 visibility: hidden;
	 opacity: 0;
 } */
 
 
 .pagination a, .pagination spam {
	 border: none !important;
 }
 
 
 

 /* CUSTOMIZE THE CAROUSEL-------------------------------------------------- */ /* Carousel base class */   
 .carousel {  margin-bottom: 0px; margin-top: 0px;     -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.75);-moz-box-shadow: 0 2px 10px rgba(0,0,0,.75); box-shadow: 0 2px 10px rgba(0,0,0,.75);  }   

 .carousel .container {   position: relative;  z-index: 9;    }   
 .carousel-control {  height: 80px;    margin-top: 0;   font-size: 120px;  text-shadow: 0 1px 1px rgba(0,0,0,.4);  background-color: transparent;   border: 0;    z-index: 9;    }   
 .carousel .item {  /* height: 85vh; */     }    
 .carousel img {  position: absolute;  top: 0;    left: 0;   min-width: 100%;  /*height: 80vh;*/ z-index: -1; -webkit-backface-visibility: hidden;}  
 .carousel-caption {  background-color: transparent; position: static;   max-width: 550px;     padding: 0 20px;    margin-top: 300px;    }  
 .carousel-caption h1,  .carousel-caption .lead { margin: 0;    line-height: 1.25;  color: #fff;     text-shadow: 0 1px 1px rgba(0,0,0,.4); }  
 .carousel-caption .btn {    margin-top: 10px;   }  
 
 
 /*

       .carousel-fade .carousel-inner .item {
            transition-property: opacity;
        }
        
        .item,
        .carousel-fade .carousel-inner .item .active.left,
        .carousel-fade .carousel-inner .item .active.right {
            opacity: 0;
        }

        .carousel-fade .carousel-inner .item .active,
        .carousel-fade .carousel-inner .item .next.left,
        .carousel-fade .carousel-inner .item .prev.right {
            opacity: 1;
        }

       .carousel-fade .carousel-inner .item .next,
       .carousel-fade .carousel-inner .item .prev,
        .carousel-fade .carousel-inner .item .active.left,
        .carousel-fade .carousel-inner .item .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }

 
 */
 
 
 
 
 

/*.carousel .slide1 {
	background: /*linear-gradient(0deg, rgba(0,0,0,1) 0, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0)),*/ url(../carousel/MMM.wings.jpg) no-repeat center center fixed; 
	
	/*   teal gradient up 
	background: linear-gradient(0deg, rgba(0,128,128,1) 0, rgba(0,128,128,0.8) 10%, rgba(0,0,0,0)), url(../carousel/MMM.steak.png) no-repeat center center fixed;
	*/
	
/*  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%;
  /*-webkit-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.5);
  box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.5);  
  background: linear-gradient(0deg,rgba(0,0,0,0) 100%,rgba(0,0,0,0.5) 10%, rgba(0,0,0,1) 0);*/
  
  
/*  box-shadow: inset 0 -50px 100px 50px rgba(0, 0, 0, 0.8);
  animation: animatedBackground 40s linear infinite;
  background-position: 0px 0px;
}
*/

.shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: inset 30px 30px 100px 0 #000000;
    /*border-radius: 20px;*/
    top: 0;
    left: 0;
}
 
 .carousel .wrapper { 
  width:100vw;
  height:100vh;
  overflow:hidden;

}




.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
  transition-duration: 1s;
  transition-timing-function:linear;
   /* -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); */    
-webkit-backface-visibility:hidden;
-webkit-transform: translateZ(0) scale(1.0, 1.0);
width: 100%;
padding-left: 1px;           /* added to prevent 1px left & top jump w/ opacity and transition combo since backface-visibility: hidden wouldn't work*/
padding-top: 1px;            /* added to prevent 1px left & top jump w/ opacity and transition combo since backface-visibility: hidden wouldn't work*/
margin-left: -1px;           /* added to prevent 1px left & top jump w/ opacity and transition combo since backface-visibility: hidden wouldn't work*/
margin-top: -1px;            /* added to prevent 1px left & top jump w/ opacity and transition combo since backface-visibility: hidden wouldn't work*/
}

 .carousel-inner { max-height: 100vh !important;}      /* added to prevent 1px left & top jump w/ opacity and transition combo since backface-visibility: hidden wouldn't work*/

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}





.carousel .slide1 {
  background:url(../carousel/MMM.pizza3.jpg) no-repeat center center /*fixed*/;
  background-size:cover;
  /*width:100%;*/
  height:100%;
  -webkit-transform: translateZ(0) rotate(0.02deg);
width: calc(100% + .49px);
/*  transition: transform 2s; 
  -webkit-backface-visibility:hidden;  */
    -webkit-box-shadow: inset 0px 150px 100px 70px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px 150px 100px 70px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 150px 100px 70px rgba(0, 0, 0, 0.5);
    /*  -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);  
	    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);*/
}


/*
.slide1 { transform:scale(1.1) }



.slide1 img {
	transform: scale(1.2);
	transition: transform 60s linear;
}
*/


@keyframes changeWidth {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(1.1) rotate(0.02deg);
  }
}

.animatedSlide {
  animation-duration: 30s;
  animation-name: changeWidth;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  -webkit-backface-visibility:hidden;
}









.carousel .slide2 {
  background: url(../carousel/MMM.wine.jpg) no-repeat center center /*fixed*/; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%; 
  -webkit-transform: translateZ(0) rotate(0.02deg);
width: calc(100% + .49px);
  -webkit-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.5);
  -moz-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.5);
  box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.5);
    /*  -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
	    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);*/
	-webkit-backface-visibility:hidden;
}


.carousel .slide3 {
  background: url(../carousel/MMM.breakfast.jpg) no-repeat center center /*fixed*/; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%; 
  -webkit-transform: translateZ(0) rotate(0.02deg);
width: calc(100% + .49px);
  -webkit-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
  -moz-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
  box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
    /*  -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
	    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);*/
	-webkit-backface-visibility:hidden;
}
	
	.carousel .slide4 {
  background: url(../carousel/MMM.setting2.jpg) no-repeat center center /*fixed*/; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%; 
  -webkit-transform: translateZ(0);
width: calc(100% + .49px);
  -webkit-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
  -moz-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
  box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
    /*  -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
	    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);*/
	-webkit-backface-visibility:hidden;
}

	.carousel .slide5 {
  background: url(../carousel/MMM.lobster.jpg) no-repeat center center /*fixed*/; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100%; 
  -webkit-transform: translateZ(0);
width: calc(100% + .49px);
  -webkit-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
  -moz-box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
  box-shadow:inset 0 150px 100px rgba(0, 0, 0, 0.8);
    /*  -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
	    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);*/
	-webkit-backface-visibility:hidden;
}
	
	
.hero {
	margin-top: -20px;
}
.hero-unit::after {
  display: block;
  position: relative;
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 50%,  rgba(255, 255, 255, 1) 100%), linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 1) 95%) ;
  margin-top: -625px;
  height: 625px;
  max-height: 625px;
  width: 100%;
  content: '';
}

  .hero-unit img {
	/*width: 100%;
	height: 300px;*/      /* removed to avoid forced incorrect aspect ratio on images  */  
	max-height:500px;
	min-height: 175px;   /* added to prevent hero image from being too short in smallest res.  consider switching to background: cover */
}


.mainContent-inner {
	margin-top: -50px;
}
	
 

 /* MARKETING CONTENT-------------------------------------------------- */ 
 /* Center align the text within the three columns below the carousel */ 
 .marketing .span4 {    text-align: center;   } 
 .marketing h2 {   font-weight: normal;  }   
 .marketing .span4 p {   margin-left: 10px;  margin-right: 10px;  }   
 /* Featurettes------------------------- */ 
 .featurette-divider {   margin: 80px 0;  /* Space out the Bootstrap <hr> more */ }   
 .featurette {   padding-top: 120px;  /* Vertically center images part 1: add padding above and below text. */ overflow: hidden; 
 /* Vertically center images part 2: clear their floats. */  }  
 .featurette-image {   margin-top: -120px;  /* Vertically center images part 3: negative margin up the image the same amount of the padding to center it. */  }    /* Give some space on the sides of the floated elements so text doesn't run right into it. */ 
 .featurette-image.pull-left {   margin-right: 40px;  }    .featurette-image.pull-right {   margin-left: 40px;    }   /* Thin out the marketing headings */   
 .featurette-heading {    font-size: 50px;    font-weight: 300;   line-height: 1;      letter-spacing: -1px; }   
 /* RESPONSIVE CSS-------------------------------------------------- */  
 @media (max-width: 979px) {   
 .container.navbar-wrapper {    margin-bottom: 0;      width: auto;    }   
 /*.navbar-inner {   border-radius: 4px;  margin: 0px ;    }   */  
 .carousel .item {     /*height: 500px; */    }     
 .carousel img {  width: auto;  /*height: 500px; */  }     
 .featurette {   height: auto;   padding: 0;     }   
 .featurette-image.pull-left,  .featurette-image.pull-right {  display: block;     float: none;      max-width: 40%;    margin: 0 auto 20px;  }    }  
 @media (max-width: 767px) {   .navbar-inner {  }    
 .carousel {  margin-left: -20px;   margin-right: -20px;  }  
 .carousel .container {  }      .carousel .item { /*  height: 300px; */ }   
 .carousel img {  /* height: 300px; */   }  
 .carousel-caption {   width: 65%;   padding: 0 70px;   margin-top: 100px;   }  
 .carousel-caption h1 {  font-size: 30px;    }  
 .carousel-caption .lead,   .carousel-caption .btn {   font-size: 18px;   }  
 .marketing .span4 + .span4 {   margin-top: 40px;     }   
 .featurette-heading {   font-size: 30px;   }   
 .featurette .lead {  font-size: 18px;     line-height: 1.5;   }    }
 
 
 
  /* POSITION STYLES------------------------------------------------- */ 
 
 .promo {
	 position: relative;
	 z-index: -1;
	/*box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);*/
	/* margin-top: 150px;*/
	margin: 25px 0px;
 }
 
 .promo h1 {
	 margin-bottom: 30px;
 }
 
 .intro {
	 margin-top: 150px;
	 margin-bottom: 50px;
 }
 
 .testimonials-wrapper {
	 background-color: #b8e7e7;
	 padding: 20px;
	/* -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.75);
 -moz-box-shadow:: 0 2px 10px rgba(0,0,0,.75);
 box-shadow: 0 2px 10px rgba(0,0,0,.75);*/
 min-height: 400px /*!important*/;
 }
 
 .centered {
	 text-align: center;
 }
 .centered-inner {
	 display: inline-block;
 }
 .center {
	 text-align: center;
 }
  
 
 
.promo-over {
	position: relative;
	width: 100%;
	background-color: #444; 
	margin-bottom: 50px;
	background: linear-gradient(rgba(0,0,0,0) 0, rgba(0,0,0,00) 50%, rgba(0,0,0,0) 100%), url(../images/MMM.SlateBG.jpg) center bottom;
	background-size: 100% auto;
	/*background: /*linear-gradient(0deg, rgba(0,0,0,1) 0, rgba(0,0,0,0.8) 10%, rgba(0,0,0,0)),*/ /*url(../images/MMM.SlateBG.jpg) no-repeat center bottom; */
	/*   teal gradient up 
	background: linear-gradient(0deg, rgba(0,128,128,1) 0, rgba(0,128,128,0.8) 10%, rgba(0,0,0,0)), url(../carousel/MMM.steak.png) no-repeat center center fixed;
	*/
	image-rendering: -webkit-optimize-contrast;
  /*-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
  height: 100%;
	
	
	
	
	
	/*
	background-image:-moz-linear-gradient(top, #222, #111);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#111));
	background-image:-webkit-linear-gradient(top, #222, #111);
	background-image:-o-linear-gradient(top, #222, #111);background-image:linear-gradient(to bottom, #222, #111);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#111', GradientType=0);
	
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);*/
	
	-webkit-box-shadow: 0 2px 10px rgba(0,0,0,.75);
-moz-box-shadow: 0 2px 10px rgba(0,0,0,.75);
box-shadow: 0 2px 10px rgba(0,0,0,.75);

}

.promo-content:before {
	background: url(../images/MMM.BestOfBG.png) no-repeat 0px -300px;
	width: 100%;
	height:800px;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
	}
.promo-content {
	padding: 40px;
	margin-top: -350px;
	min-height: 1000px;
}

 
 .promo-over h2 {
	 color: #AAA;
	 font-size: 40px;
	 margin-bottom: 40px;
 }
 
 
.promo-over h3 {
	color: #00DD00;
	line-height: 20px;
	margin: 20px 0px;
}

.promo-over h4 {
	color: #AAA;
	font-size: 30px;
	margin: 20px 0;
}
  
.promo-over p {
	color: #AAA;
}

.promo-over a {
	color: #3BA1A6;
}
.promo-over a:hover {
	color: #005054;
}

.promo-over .btn-primary, .promo-over .btn-primary:hover {
	color: #FFF !important;
}



.page-content {
	position: relative;
	clear:both;
}

  .menu-alphabetical {
	  margin: 20px 40px 40px !important;
  }


.filters form {
	margin: 0;
}

.filters div.cck_forms.cck_search div.cck_form.cck_form_checkbox label {
	display: block !important;
	float: none;
	padding-left: 20px;
}

#cck2r_price label:first-child,
#cck3r_meal label:first-child,
#cck4r_occasion label:first-child,
#cck5r_diet label:first-child,
#cck6r_experience label:first-child,
#cck6r_experience__eat_in label:first-child,
#cck7r_cuisine label:first-child, 
#cck8r_location__city label:first-child {          /* remove inner label for  filters, experience - eat in on filters, left sidebar   */ 
	display: none;
}



.pagination a, .pagination span {
	border: none !important;
}

.pagination li:first-child a, .pagination li:first-child span,
.pagination li:last-child a, .pagination li:last-child span {
	border-radius: 0px !important;
}




 .social-simple {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    padding: 5px 15px;
	/*display:inline-block;*/
	line-height: 40px;
	font-variant: small-caps;
	margin: 40px 0;
}


.fa-icon-2x {
	vertical-align: middle;
	font-size: 30px;
	margin-left: 15px;
}
 
.footer1 {
	width: 100%;
	background: #00ff00;
}

.footer1 {
	width: 100%;
	/*background-color: #038387; 
	
	background-image:-moz-linear-gradient(right, #038387, #005054);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#038387), to(#005054));
	background-image:-webkit-linear-gradient(right, #038387, #005054);
	background-image:-o-linear-gradient(right, #038387, #005054);
	background-image:linear-gradient(to right, #038387, #005054);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#038387', endColorstr='#005054', GradientType=0);
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	padding-top: 60px;
	padding-bottom: 60px;*/
}
.footer1 h3 {
	color: #95b0b1;
	margin: 10px 0;
}

.footer1 a {
	color: #FFF;
	font-size: 16px;
}

.footer2 {
	background-color: #151515;
}

.footer hr {
	max-width: 80%;
	margin: 40px auto;
	border-top: 2px solid #1C1C1C;
	border-bottom: 1px solid #2D2D2D;
		
}

.footer2 h3 {
	color: #777;
}

.footer2 p {
	margin-bottom: 20px;
}

.footer2 a {
	color: #038387;
	font-weight: bold;
}
.footer2 a:hover {
	color: #338b91;
}

.footer-logo {
	max-width: 100px;
	margin: 30px 50px;
}
.fPhone {
	color: #555 !important;
}

.footer2 .alignLeft {
	text-align: left;
	}

	.footer2 .company, .footer2 .connect {
		margin-top: 80px;
	}



.footer4 {
	width: 100%;
	background-color: #222; 
	padding-top: 20px;
	padding-bottom: 20px;
	/*
	background-image:-moz-linear-gradient(top, #00cd30, #058900);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#222), to(#111));
	background-image:-webkit-linear-gradient(top, #222, #111);
	background-image:-o-linear-gradient(top, #222, #111);
	background-image:linear-gradient(to bottom, #222, #111);
	background-repeat:repeat-x;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#111', GradientType=0);
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
	*/
}

.footer4 li {
	display: inline-block;
	padding: 0px 10px;
}

.footer4 a, .footer4 p {
	font-size: 16px;
}

.footer4 a:hover {
	font-weight: normal !important;
}




.cat-type li {
	min-height: 120px;
}

.b-mreset {
	margin-bottom: 0;
}


.owner, .diner {
	margin-bottom: 50px;
	min-height: 150px;
	clear:both;
}

.dinerCTA, .ownerCTA {
	margin-bottom: 40px;
}


.restaurantSuggest input[type="text"] {
	margin-bottom: 0;
}





 
 /* allows nav button to be clickable over carousel */
.js-overlay {
	pointer-events: none;
}
 
 
 
 
 
 /* Make Dropdowns show on hover rather than click */
 
 .sidebar-nav {
    padding: 9px 0;
} 

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
	opacity: 0;
}

.dropdown-menu li:hover > .nav-child > .dropdown-menu {
    visibility: visible;
	opacity: 1;
	max-height: 505px;
}
.dropdown-menu li:after > .nav-child > .dropdown-menu {
    visibility: hidden;
	opacity: 0;
	/*max-height:0;*/

}



.dropdown:hover >.dropdown-menu {
    display: block;
	opacity: 1;
	/*max-height: 505px;*/
	visibility: visible;
	-webkit-transition: all 0.7s linear;
	-moz-transition: all 0.7s linear;
	-ms-transition: all 0.7s linear;
	-o-transition: all 0.7s linear;
	transition: all 0.7s linear;
}
/*
.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
	opacity: 0;
} */

.navbar > .nav-child .dropdown-menu {
	opacity: 0;
	visibility: hidden;
	/*max-height: 0;*/
}


/*.navbar > .nav-child .dropdown-menu:hover {
	opacity: 1;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}*/

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
    left: -6px;
}
 
  
 /* End dropdown show on hover */
 
 .dropdown-submenu:after> .dropdown-menu{display:block;opacity:0;visibility:hidden;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
 
.current .dropdown-menu  {
	 z-index:10000;
	 
 }
.dropdown > .dropdown-menu {
	 visibility:hidden;
 }

 

  /* Make affixed navigation width render correctly */ 
  @media (min-width: 1200px) {
  
 .affixedNavWidth {max-width: 1170px; }
 }
 
  @media (min-width: 980px) and (max-width: 1200px) { 
   .affixedNavWidth {max-width: 940px; }
 }
 
  @media (max-width: 979px) { 
   .affixedNavWidth {max-width: 725px; }
 }
 

 /* end affixed nav width */
 
 
 
 
 
 /* PageSlide CSS */
 #pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: absolute;
	/*position: fixed;*/
	top: 0;
    height: 2000px;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 200px;
    padding: 0 20px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-box-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
	
	
	
	        #content { position: relative; padding: 10px; margin: 0 auto; }
            #content h1 { color: #333; line-height: 1em; }
            
            ul#nav { padding-left: 0; list-style: none; width: 100%; margin-bottom: 40px; }
            ul#nav:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
            
                #content ul#nav li { float: left; width: 20%; text-align: center; }
                #content ul#nav a { 
                        display: block; 
                        background: #000;
                        color: #FFF; 
                        font-weight: bold; 
                        padding: 10px; 
                        border-right: 1px solid #FFF;
                }
                #content ul#nav a:hover { background: #333; }

        .open {
            display: none;
            float: left;
            width: 40px;
            height: 30px;
            margin-right: 10px;
            background: url(../images/menu.png) center center no-repeat #333;
            -moz-border-radius: 8px;
            -webkit-border-radius: 8px;
            -border-radius: 8px;
            box-shadow: inset 0 0 3px #000;
            text-indent: -999999px;
            border: 0;
        }
}

#pageslide li {clear:both;background: #191919; border-radius: 4px; padding: 5px; margin: 5px;width: 150px;}
#pageslide .nav-child li {background: none !important; padding: 0px; margin: 10px 0px 0px 0px;}


        /* Media Queries
        * 
        * Note: Please don't base your responsive design off of this code. It is just here for demo purposes.
        * Rather, grab yourself a copy of Ethan's book: http://www.abookapart.com/products/responsive-web-design
        ================================================== */
        
        /* Mobile and iPad Portrait */
    	@media only screen and (max-width: 979px) {
    	    .btn-navbar {float:left !important;}
		
		.mainmenu .dropdown-submenu:hover> .dropdown-menu{display:block;position:relative;}
		
		.mainmenu .nav {position: absolute;}
		.nav.menu ul {position: relative;}
		.nav.menu ul .nav-child{ display: block; margin: 0px 0px 0px -130px;background: none;border: none;box-shadow: none;}
		.dropdown-submenu > .dropdown-menu { display:block;}
		.mainmenu ul, .topnav ul {margin:0px !important;}
		.dropdown-menu {padding: 0px 5px !important;margin: -5px 0px 0px 0px;background: none !important;border: none; box-shadow: none;}
		.dropdown-menu a{ color: #AAA;}
    	}
		.mmmtopnav {float:right}
    	
    	/* Mobile Landscape and Portrait */
    	@media only screen and (max-width: 767px) {
			
    	    #content { width: 400px; }
    	    #content ul#nav { display: none; }
    	    
    	    .open { display: block; }
    	    #pageslide { width: 200px; }
    	        #pageslide #nav li { padding: 10px 0; border-bottom: 1px solid #666; }
    	        #pageslide #nav li a { color: #FFF; border: none; }
    	        #pageslide #nav li a:hover { text-decoration: underline; }
    	}
    	
    	/* Mobile Portrait */
        @media only screen and (max-width: 480px) {
            #content { width: 280px; }
            #content h1 { font-size: 14px; }
        }
 
 
 
@media (max-width: 979px) {
        #topnav {
            display: none !important;
        }
		
    }
    @media (min-width: 980px) {
        #mm-topnav{
            display: none !important;
        }
		
		.mburger {
			display: none !important;
		}
    }
 
 
 .mburger {
        --mb-bar-height: 3px;
	/*	--mb-button-size: 40px;*/
	background-color: rgba(0,0,0,0.15) !important;
    }
	
 
 .mburger:hover {
	 color: #CCC !important;
 }
 .mburger {
	 color: #F2F2F2 !important;
	 margin: 10px !important;
 }
 
 /*.mm-page {
	 -webkit-box-shadow: -2px 2px 10px rgba(0,0,0,.75);
	 -moz-box-shadow: -2px 2px 10px rgba(0,0,0,.75); 
	 box-shadow: -2px 2px 10px rgba(0,0,0,.75);
 }  */
 
 
 .mm-menu {
        --mm-color-background: #B6D9D5;
        /*--mm-color-text: #111;*/
		touch-action: none;
    }
	
.mm-menu ul.nav.menu, .mm-menu .nav-child {
	padding: 0;
	font-size: 16px;
	font-weight: normal;
}

.mm-menu li a {
	font-weight: normal;
}


	
/* .mm-panel {
	overflow-x: visible;
} */
	
	
.mburger {
	padding: 20px;
}
	
/*.mm-panel {
-webkit-box-shadow: inset 0 2px 10px rgba(0,0,0,.75);
-moz-box-shadow: inset 0 2px 10px rgba(0,0,0,.75);
box-shadow: inset 0 2px 10px rgba(0,0,0,.75);
	}  */
	
	
	.mm-navbar__title {
		color: #555 !important;
		font-family: "cuprum", "calibri",Helvetica,Arial,sans-serif;
		font-size: 22px;
	}
 
 
		.seb_css3 { padding: 0px !important;}
	
	
	.footer1 .nav a {
		font-family: "Muli", "calibri", arial, sans-serif;
		margin-left: 5px;
		font-size: 16px;
		font-weight: normal;
	
	}
	.footer1 .nav a:before {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
	
	}
	
	.footer1 input[type="text"] {
		background-color: rgba(0,0,0,0.25);
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		-moz-box-shadow: none;
		color: #CCC;
		margin: 0 10px;
		padding: 5px 20px;
		width: initial !important;
	}
	
	.restaurantSuggest input[type="text"] {
		width: initial !important;
		margin: 0 10px;
		padding: 5px 20px;
		border: 0px;
	}
	
	.footer1 .subbutton, .restaurantSuggest .subbutton {
		margin-left: 10px;
	}
	
	.newsletter, .restaurantSuggest {
		max-width: 95%;
	}
	
	
	.footer2 li {
		margin: 10px;
	}
	
	.footer2 a:before {
		font-family: "Font Awesome 5 Free";
		margin: 10px;
	}
	
	.footer2 .fa-utensils:before, .footer2 .fa-paper-plane:before {
		margin-right: 15px;
	}
	
	.footer2 .fa-newspaper:before {
		margin-right: 12px;
	}
	
	
	
	
	/*.nav .fa-paper-plane {
		font-weight: 400 !important;
	}
	.nav .fa-paper-plane:hover {
		font-weight: 900;
	}*/
	
	.footer1 .nav li {
		margin: 10px;
	}

	
	

.testimonials .carousel {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	}
	
.testimonials-wrapper {
	max-height: 310px;
}
	
	.slides_container {
		min-height: 500px;
	}
	
	.bt_introtext {
		font-size: 16px;
	}
	
	.contact-box-wrapper {
		height: 600px;
		margin-top: 30px;
		margin-bottom: 100px;
	}
	
	.contact-box {
		background-color: rgba(34, 34, 34, 0.9);
		padding: 50px 20px;
		box-shadow: 0 5px 18px 0 rgba(0,0,0,0.25);
		-moz-box-shadow: 0 5px 18px 0 rgba(0,0,0,0.25);
		-webkit-box-shadow: 0 5px 18px 0 rgba(0,0,0,0.25);
		color: #70B3AE;
		position: absolute;
		left: 0;
		width: 100%;
		height: 650px;
	}
	
	.contact-box h2, .contact-box h3, .contact-box p {
		margin-left: 20px;
		margin-right: 20px;
	} 
	
	.contact-box p {
		color: #ccc;
	} 
	
	textarea, .fc_input {
		border-radius: 0px !important;
	}
	
	
	.fc_jcap {
		text-align: initial !important;
	}
	
	div.fc_outer {
    padding: 10px 0px;
	}
	
	
	.itemList h3, .itemView h3 {
		line-height: 28px;
	}
	
	div.itemIntroText {
		font-weight: normal;
	}
	
	
	/*   K2 CSS updates */ 
	
	div.catItemView {
    padding: 20px !important;
}
	
	span.catItemImage {
		margin: 0 20px 8px !important;
	}
	
	div.catItemLinks, div.itemLinks {
    background-color: #EFEFEF;
	padding: 10px !important;
}

div.catItemReadMore, .readmore a {
    float: right;
}

div.k2Pagination ul li {
    display: inline-block;
    padding: 4px 8px;
    margin: 0 8px;
    border: 1px solid 
#ddd;
border-radius: 4px;
vertical-align: middle;
background:
    #fff;
    text-decoration: none;
}

div.k2Pagination ul li a {
    display: inline-block;
    padding: 0;
    margin: 0 ;
    border: 0px solid 
#ddd;
border-radius: 0px;
vertical-align: middle;
background:
    #fff;
    text-decoration: none;
}

div.catItemView {
    margin-bottom: 0;
}
	
div.itemCommentsLoginFirst {
    background: #95b0b1;
}

a.k2ReadMore, .readmore a {
	background-color: #3BA1A7;
	color: #FFF;
	padding: 10px 30px;
	font-size: 16px;
	transition: all .4s ease-in-out;
}

a.k2ReadMore:hover, .readmore a:hover {
	background-color: #038387;
}

.readmore a {
	margin-top: 20px;
}

	
	/* End K2 CSS */
	
	/*======= BT CONTENT SLIDER ========*/
.bt-cs {
	position: relative;
	border: none;
}
.slides_container {
	overflow: hidden;
	position: relative;
}
.bt-cs h3 {
	color: #d67901;
	line-height: 37px;
	text-indent: 15px;
	text-transform: uppercase;
	background: url(../images/bg-header.png) repeat-x;
	height: 37px;
	border: 1px solid #cfcfcf;
	margin: 0 !important;
}

/*
	Handles - Next/prev buttons
*/
.bt-cs .next,.bt-cs .prev {
	display: none;
	width: 40px;
	height: 100%;
	top:0;
	opacity:0.7;
}
.bt-cs:hover .next, .bt-cs:hover .prev{
	display:block;
}
.bt-cs .next:hover, .bt-cs .prev:hover{
	opacity:1;
}
.bt-cs a.next {
	background: url(../images/re-right.png) right center no-repeat !important;
	text-indent: -9999px;
	position:absolute;
	z-index:100;
	margin:0;
	padding:0;
	right:0;
}
.bt-cs a.prev {
	background: url(../images/re-left.png) left center no-repeat !important;
	text-indent: -9999px;
	position:absolute;
	z-index:999;
	margin:0;
	padding:0;
	left:0;
}

/*bullet */
.bt-cs .bt_handles {
	border: 1px solid red;
	position: absolute !important;
	margin:  0 !important;
	padding: 0 !important;
	border: 0 !important;
	z-index:101;
}
.bt-cs .bt_handles li {
	float: left;
	margin: 0 1px!important;
	list-style:none;
	padding:0px!important;
	background:none!important;
}
.bt_handles li a {
	display: block !important;
	width: 12px;
	height: 0;
	padding-top: 12px;
	background-image: url(../images/pagination.png);
	background-position: 0 0;
	float: left;
	padding: 12px 0 0 0 !important;
	overflow: hidden;
}
.bt_handles li.current a {
	background-position: 0 -12px;
}

/*numbering */
.bt-cs .bt_handles_num {
	border: 1px solid red;
	position: absolute !important;
	margin:  0 !important;
	padding: 0 !important;
	border: 0 !important;
	z-index:101;
}
.bt-cs .bt_handles_num li {
	float: left;
	margin: 0 1px!important;
	list-style:none;
	padding:0px!important;
	background:none!important;
}
.bt_handles_num li a {
	display: block !important;
	width:12px;
	height:15px;
	line-height:15px;
	background:grey;
	float: left;
	padding:0!important;
	overflow: hidden;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:10px;
}
.bt_handles_num li a:hover{
	opacity:0.8;
}
.bt_handles_num li.current a {
	background:orange;
}

/*** CSS STYLE FOR ITEM ****/
.bt-cs .bt-row {
	float: left;
	position: relative;
	overflow: hidden;
	padding: 8px 0;
	margin-top:20px;
}
.bt-cs .bt-inner {
	margin: 0;
	position: relative;
	padding: 0 10px;
}
.bt-cs .bt-inner a {
	text-decoration: none;
}
.bt-cs .bt-inner img {
	max-width:99%;
	margin:5px 0px;
	outline: 0px;
}
.bt-cs .bt-inner .bt-title {
	clear: both;
	color: #038387;
	font-weight: bold;
	text-transform: uppercase;
	line-height:150%;
	display:inline-block;
}
.bt-cs .bt-inner .bt-category {
	clear: both;
	color: #4a4a4a;
	font-weight: bold;
	line-height:150%;

}
.bt-cs .bt-center{
	text-align:center;
}
.bt-cs .bt-extra {
	clear: both;
	margin-top: 5px;
}
.bt-cs .bt-date,.bt-cs .bt-author {
	font-weight: normal;
	font-size: 80%;
}
.bt-row-separate {
	clear: both;
	height: 1px;
	border-bottom: 1px dotted #959595;
	margin: 0px 10px;
	margin-bottom: 15px;
}
  /* End BT Content Slider CSS */
  
  /* Acy Styles */ 
  
  .acysubbuttons .btn-primary {
	padding: 10px 30px;
	font-size: 16px;
  }
  
  .acym_form input[type="email"] {
	  margin-bottom: 0;
  }
  
  
  /* End Acy Styles */ 
  
  
  #cck1r_label_cuisine label, 
  #cck4r_label_diet label, 
  #cck5r_label_experience label, 
  #cck2r_label_meal label,
  #cck3r_label_occasion label,
  #cck1r_label_price label, 
  #cck6r_label_location__city label,
  #cck7r_label_location__city label, 
  #cck6r_label_cuisine label, 
  #cck5r_label_experience__eat_in label, 
  #cck5r_label_cuisine label, 
  #cck4r_label_experience label, 
  #cck3r_label_diet label, 
  #cck2r_label_occasion label,
  #cck1r_label_meal label  {
	  display: none;
  }
  
  
  
  /* Joomla Admin CSS - Seblod */ 
  
  .seb_css3 {
	  padding: 0px !important;
  }
  
  div.vertical {
	  display: inline !important;
	  width: none;
  }
  
  /* End Joomla Admin CSS - Seblod */ 
  
  
  /*  CSS Slick Slide   */ 
  
  .logoCarousel-wrapper {
	  /* mask-image: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 80%, rgba(0,0,0,0) 100%);
	  background: rgba(182, 217, 213, 0.5);*/
	  background: rgba(182, 217, 213, 0.8);
	  margin-top: -60px;
  } 
  
  
 /* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;

	
}


.slick-slide {
 opacity:0;
 transform:translateY(1em);
 
 
}
.slick-slide.slick-active {
 opacity:1;
 transform:translateY(0);
 transition:opacity .4s,transform .4s;
 transition-delay: 0.5s
}

.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

.slick-arrow {
	border: none !important;
	background: rgba(157, 192, 188, 1) !important;
	color: rgba(255, 255, 255, 1);
	padding: 10px 20px;
}

.slick-next {
	position: absolute;
	bottom: -30px;
	right: 10px;
	z-index: 10000;
}

.slick-prev {
	position: absolute;
	bottom: -30px;
	right: 90px;
	z-index: 10000;
}


/* End CSS slick slide */
