.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #fff;
  position: fixed;
  z-index: 200000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 5px;
}

.home .pace .pace-progress { background: #ff4d00; }

.loading-cover { background: rgba(255,255,255,.99); position: fixed; 
top: 0; left: 0; width: 100%; height: 100%; z-index: 1999; }

.container-fluid {
  margin: 0 auto;
  padding-left: 10px; 
  padding-right: 10px;
}

@media (min-width: 990px ) {

	.container-fluid { padding-left: 50px; padding-right: 50px; }	
	
}


/* -------------------------- */
/* Universal */
/* -------------------------- */

html{
  height: 100%;
}
body {
  min-height: 100%;
  margin: 0; padding: 0;
}

body {
	font-family: 'Gotham A', 'Gotham B', sans-serif; font-weight: 400; font-style: normal; color: #000;
}
	
h1,h2,h3 {
    font-family: "Quarto A", "Quarto B";
	font-style: normal;
	font-weight: 800;
}

h1 { 
	 font-size: 56px; 
	 line-height: normal;
	 margin-bottom: 25px;
}

h1.title { padding-top: 0px; padding-bottom: 30px; }


h2 { 
	font-size: 36px; 
	line-height: normal;
	letter-spacing: normal; 
}

h2.title { margin-bottom: 20px; font-size: 44px;}

h3 { font-size: 26px; letter-spacing: .8px; }

@media (max-width: 767px) {
	h1 { font-size: 36px; }
	h2 { font-size: 28px; }
	h2.title { font-size: 32px; }
	h3 { font-size: 24px; }
}

p, ul, h4, h5 {
	
  font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700;
	
}

h4 { text-transform: uppercase; font-size: 14px; }

p, ul, label {
  font-size: 14px;
  color: #000; 
  line-height: 18px;
}

.menu ul, .semib {font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700;}

p strong, .bold { font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700;}
 
a,a:hover,a:focus { outline: none;}
a { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a.button:hover { text-decoration: none;}
p a { text-decoration: underline;}

.nomargin, p.nomargin { margin: 0; }

img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}

img.lazy {
	-webkit-transition: opacity .5s ease-in;
	transition: opacity .5s ease-in;
}

.col-centered { float:  none; margin: 0 auto;}
.unfloat { float: none; }

.text-right { text-align: right;}

.vertical-align {
  display: flex;
  align-items:center;
}

.vertical-align .wrap { margin-top: -10vh; flex: 1; }

.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] {
  display: flex;
  align-items: center; 
}

.middle-wrap {display: table; height: 100%;  }
.middle {
  display: table-cell; vertical-align: middle;

}

.debug { background: #ff0000; }

img { max-width: 100%; height: auto; }

.button { 
	letter-spacing: 1px;
	background: none; 
	border: 0px solid #000; 
	color: #000; text-transform: uppercase; 
	padding: 0px; font-weight: 700;
	margin: 5px 0; display: inline-block;
	z-index: 9999;
}

.button:hover, .button:focus { background: none; color: #000}

.button.secondary { background: #000; border: 1px solid #fff; color: #fff;}

.button.secondary:hover, .button.secondary:focus { background: #fff; color: #000;}

.borderless td, .borderless tr, .borderless th {
    border: none !important;
}

@media (min-width: 768px) {
  .row.equal-cols {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row.equal-cols:before,
.row.equal-cols:after {
  display: block;
}

.row.equal-cols > [class*='col-'] {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.row.equal-cols > [class*='col-'] > * {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; 
}
	
	
}
.section { padding: 20px 0; }

.main { padding-top: 175px; margin-top: 0; }

.offset-logo { padding-top: 180px;}

@media (max-width: 760px) {
	
	.offset-logo { padding-top: 70px;}
	
}


@media (min-width: 990px) {

	.main { padding-top: 165px; margin-top: 0; }
	
}

@media (min-width: 1390px) {
	
	.offset-logo { padding-top: 200px;}
	
}


.home .main { margin-top: 0px; }
  
#scrollTop {
	
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
    background: #000;
	background: rgba(0,0,0,.7);
	background: #ff4d00;
    width: 40px;
    height: 40px;
    position:fixed;
    bottom:50px;
    right:20px;
    display:none;
	border-radius: 40px; 
	text-align: center; 
	color: #fff;
	font-size: 30px;
	line-height: 35px;
	cursor: pointer;

}

#scrollTop:hover {background: #000;}


/* -------------------------- */
/* Header */
/* -------------------------- */

.header { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 165px; z-index: 999; background: none; }

.home .header {background: #fff; height: 165px;}

.header .menu { position: absolute; top: 0; left: 0; width: 100%; z-index: 999; height: 165px; }

.home .header .menu { height: 165px; }

.header .menu ul { margin-left: 0; padding-left: 0;}
.header .menu ul li { text-align: left; display: inline-block; padding: 0; margin-right: 20px; font-size: 16px; margin-top: 70px; }

.header .menu ul li a { background: none !important; color: #fff; padding: 0; padding-bottom: 5px; }

.header .menu ul li a:hover, .header .menu ul li.active a, .header .menu ul li.active a:active { background: none; color: #fff; border-bottom: 4px solid #fff; }

.main-logo { width: 150px; height: auto; z-index: 999; position: absolute; top: 0; left: 10px; }
.main-logo { 
	-webkit-transition:all .3s linear;
    -moz-transition:all .3s linear;
    -o-transition:all .3s linear;
    -ms-transition:all .3s linear;
    transition:all .3s linear;
}

.home .main-logo { left: 0px; }

@media (min-width: 767px) {
.page-template-page-news .main-logo { display: none;}
.single-post .main-logo { display: none;}
}

.home .header .menu { background: #ff4d00;}

@media (min-width: 767px) {
.home .header .menu { display: none;} 	
body:not(.home) .main-logo, .main-logo.open { top: 165px; }

}

#menubutton { position: absolute; top: 70px; right: 0; z-index: 9999; }

#nav-icon {
  width: 30px;
  height: 45px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  
}

#nav-icon a { display: block;}

#nav-icon span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #000;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon.open span, body:not(.home) #nav-icon span { background: #fff;  }

#nav-icon span:nth-child(1) {
  top: 0px;
}

#nav-icon span:nth-child(2) {
  top: 16px;
}

#nav-icon.open span:nth-child(1) {
  top: 8px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon.open span:nth-child(2) {
  top: 8px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

@media (min-width: 768px) {
  body:not(.home) #nav-icon span:nth-child(1) {
	  top: 8px;
	  -webkit-transform: rotate(135deg);
	  -moz-transform: rotate(135deg);
	  -o-transform: rotate(135deg);
	  transform: rotate(135deg);
	}
	
	body:not(.home) #nav-icon span:nth-child(2) {
	  top: 8px;
	  -webkit-transform: rotate(-135deg);
	  -moz-transform: rotate(-135deg);
	  -o-transform: rotate(-135deg);
	  transform: rotate(-135deg);
	}
	
	body:not(.home) #nav-icon.open span:nth-child(1) {
	  top: 0px;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	
	body:not(.home) #nav-icon.open span:nth-child(2) {
	  top: 16px;
	  -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -o-transform: rotate(0deg);
	  transform: rotate(0deg);
	}
	
}

@media (max-width: 767px) {
	#nav-icon { margin-right: 10px;  }
	
	.main-logo { left: 0px;}
	
	.header .menu { height: auto; }

	.home .header .menu { height: auto; }
	
	#menubutton { top: 75px; right: 10px; z-index: 999; }
	
	.header .menu ul li { display: block; text-align: center; width: 100%; margin-top: 0; margin-bottom: 30px; font-size: 18px; }
	
	.header .menu ul li a { display: inline; /* underline */}
		
	.header .menu { 
	background: #ff4d00; 
	position: fixed; 
	top: 0; left: 0; width: 100%; 
	height: 100%;
	display: none;
	z-index: 99;
	
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	}
	
	.menu-open .header .menu { display: block !important; }
	
	.header .menu .container { display: table; width: 100%; height: 100vh; z-index: 999;
	overflow: scroll; -webkit-overflow-scrolling: touch;
	 }
	.header .menu .row { display: table-cell; height: 100%; width: 100%; vertical-align: middle; }
	
	.header .menu .social { position: fixed; bottom: 30px; left: 0; width: 100%; text-align: center; z-index: 999; }
	
	.header .menu .social li { display: inline; margin: 0; padding: 0; }
	
	
	body.menu-open #menubutton { position: fixed; }
	
	body.menu-open .main-logo { position: fixed; }
	
}

/* -------------------------- */
/* Intro */
/* -------------------------- */

.intro { margin: 0; } 

.intro .flexslider {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0px;
  border-radius: 0;
  overflow: hidden;
  background-color: #ccc;  
  z-index: -1;
}
ul.slides {
  margin: 0;
  padding: 0;
}
.flexslider-container,
.flexslider .slides,
.flex-viewport {
  height: 100%;
}

.flexslider .slides > li {
  padding: 0;
  margin: 0;
  height: 100%;
  height: 100vh;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: 50% 50%;
  
}

.flex-control-paging { position: absolute; bottom: 40px; left: 30px; height: 20px; width: 100px; z-index: 999; }

@media only screen and (max-width: 767px) {
	.flex-control-paging { display: none; }
}

.flex-control-nav li { 
	display: inline-block; 
    -webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;	
	transition:all .2s ease-in-out;
}

.flex-control-nav li { margin: 3px;}
.flex-control-paging li a { background: rgba(255,255,255,.5); }
.flex-control-paging li a { width: 8px; height: 8px; border-radius: 8px;}
.flex-control-paging li a.flex-active, .flex-control-paging li a:hover { background: #fff; }


/* -------------------------- */
/* Page */
/* -------------------------- */

.page, .archive, body.search { background: #333333; min-height: 100%; color: #fff;}

.page a, .archive a, body.search a { color: #fff; }

.page h2, .page h1, .page h3, .page p, .page ul, .archive h1, .archive h2,  .archive h3, .archive p { color: #fff;}

.page-template-page-news-php { background: #fff; color: #000;}

.page-template-page-news-php a, .page-template-page-news-php p { color: #000; }

.page-template-page-news-php .post { padding-top: 20px;}

.page-template-page-contact { background: #000; }

#masonry-grid {
  display: block;
  width: 100%;
  padding-bottom: 60px;
  position: relative;
}
#masonry-grid .alm-btn-wrap{
  position: absolute;
  bottom: -60px;
  padding: 0;
  margin: 0;
  width: 100%;
}

.news-post .thumb { min-height: 190px; }

/* -------------------------- */
/* Listing */
/* -------------------------- */


.excerpt { padding-bottom: 30px;}

.excerpt p { color: #000;}

a.more-link { display: block; text-decoration: none; margin-top: 25px; }

.thumb { margin: 30px 0px 30px 0px; text-align: center;}
.date { margin: 10px 0px 0px 0; }

article p, article ul { 
	margin-bottom: 30px; font-size: 14px; line-height: 20px; letter-spacing: normal; 
}

article h2 { margin-bottom: 15px;}

article h3 { margin-bottom: 20px;}

article ul { list-style: none;}

@media (min-width:769px) {

	.twocol {
	 -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;	
	}
	
	.threecol {
	 -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;	
	}
	
	.threecol p, .twocol p {
	 display:inline-block;	
	 page-break-inside: avoid; /* For Firefox. */
 	 -webkit-column-break-inside: avoid; /* For Chrome & friends. */
 	 break-inside: avoid; /* For standard browsers like IE. :-) */
	}

}

/* -------------------------- */
/* About */
/* -------------------------- */

body.page-template-page-about { color: #fff; height: 100%; background: #ff4d00; }

body.page-template-page-about section { margin-bottom: 40px;}

.about-office { margin: 20px 0px;}

.orange { background: #ff4d00; color: #fff; }
.orange p, .orange ul, .orange h2, .orange h1, .orange a, .orange h3, .orange h4 { color: #fff !important; }

.wht { background: #fff; color: #ff4d00; }
.wht p, .wht h2, .wht h1, .wht h3, .wht h4 { color: #000 !important; }

.orange-text p, .orange-text h2, .orange-text h1, .orange-text h3, .orange-text a { color: #ff4d00 !important; }

.grey { background: #333333; }


/* -------------------------- */
/* Foo */
/* -------------------------- */

.footer ul { }

.footer { background: #fff; padding-top: 40px; padding-bottom: 50px; margin-top: 50px; }

.single-case .footer { margin-top: 0; }

.home .footer { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 99; background: none; margin-top: 0; padding-bottom: 30px; }

.home .footer a { color: #fff;} .home .footer a:hover { color: #fff; }

.footer p { font-size: 12px; }

.footer a, .footer p, .footer a:hover { color: #000;}

.footer .social a { -webkit-transition: color 200ms ease-in-out; -moz-transition: color 200ms ease-in-out; transition: color 200ms ease-in-out; }
.footer .social a:hover { text-decoration: none;}

.social img { width: 70px; height: 70px;}

.social li { margin: 4px 3px; padding: 0; }

.social li a { background: #fff; display: inline-block; height: 40px; width: 40px; border-radius: 40px; text-align: center; } 
.social li a i { color: #000; line-height: 40px; font-size: 21px; }
.social li a:hover { background: #ff4d00;} .social li a:hover i { color: #fff; }

@media (max-width: 767px) {
	.footer .social, .footer .social p, .mcenter { text-align: center; } 
}

/* -------------------------- */
/* Single Case */
/* -------------------------- */

.post-content { margin: 50px 0; padding: 0; }

.single-case .case-title { padding: 30px 0 10px 0px;}

.single-case .case-info p {font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 500; margin-bottom: 0px; }

.single-case .case-info p strong { font-weight: 700; }

.single .post-content article p { font-weight: 400; }
.page-template-page-news .excerpt p { font-weight: 400; }
.single-post article p { font-weight: 400; }

.single .post-content article p strong { font-weight: 700; }

.single-case .case-info { margin-bottom: 50px; }

.single-case .case-info table { margin: 0; padding: 0; margin-left: -15px; }

.single-case .case-info table td:first-child { padding-left: 0;}

.single-case .case-info table td { padding: 3px;}

.single-case .credit { text-align: right; clear: both; margin: 0; padding: 0; font-size: 12px; padding-top: 4px; }

.slider-caption { padding-top: 20px;}

.next-post-nav { margin-top: 80px; border: 0; position: relative; background-color: #efefef;  }

.next-post-nav .inner { 
	margin: 0; min-height: 400px; background-size: cover; 
	background-position: center center; 
}

.next-post-nav .inner .mask {
  width: 100%;
  height: 100%;
  position: absolute; top: 0; left: 0;
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.next-post-nav .inner a:hover .mask { background: rgba(0, 0, 0, 0.5); }

.next-post-nav .inner .mask .text {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  width: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.next-post-nav a p, .next-post-nav a h2 { color: #fff;}

.single-case .content-blocks .row { margin-bottom: 30px;}

.slider-caption p { padding: 0px 5vw; }

.content-blocks .caption p { color: #000; text-align: right; margin-top: 0; padding-top: 0; }

.single-case .gallery { text-align: center; }

.single-case .gallery .image { margin: 0px auto 20px auto; }

.single-case .gallery img { max-width: 100%; height: auto; }

.taulukko { font-size: 14px; line-height: 17px; margin: 0 auto;}
.taulukko td:first-child { min-width: 40%; font-weight: bold; }
.taulukko td { padding: 10px; }

.slide-pagination { background: #efefef; background: rgba(0,0,0,.3); border-radius: 30px; 
padding: 5px 20px; position: absolute; top: 10px; left: 50%; margin-left: -50px; width: 100px;
font-size: 13px; text-align: center; color: #fff; font-weight: 500;
}

.mfp-s-loading { background: url(../img/ajax-loader.gif) center center no-repeat;  }

article .pdf { padding-top: 0; padding-bottom: 20px; }

.single-case .image-wrap .caption { padding-top: 5px;}

img.lazy { opacity: 0.1; transition: opacity .4s ease-in; }


/* -------------------------- */
/* Cases */
/* -------------------------- */

#case-list { min-height: 80vh; padding-bottom: 100px; margin-top: 0;} /* empty filter */

#case-list .case-item { margin-bottom: 10px; margin-top: 0; padding-top: 0;}

#case-list .case-item article { margin-top: 0; padding-top: 0; }

#case-list .case-item img { max-width: 100%; height: auto; }

.case-item p { padding: 5px 0px; }

#case-list .item .thumb { overflow: hidden; position: relative; margin-top: 0; margin-bottom: 10px; }

/*
#case-list .item .thumb img { 
	-webkit-transition: -webkit-transform 0.4s ease-out;
	   -moz-transition: -moz-transform 0.4s ease-out;
	     -o-transition: -o-transform 0.4s ease-out;
	        transition: transform 0.4s ease-out;			
}

#case-list .item .thumb img:hover  {
	-webkit-transform: scale(1.08);
	   -moz-transform: scale(1.08);
	    -ms-transform: scale(1.08);
	     -o-transform: scale(1.08);
	        transform: scale(1.08);
}
*/

@media (min-width:769px) {
img.desaturate {
  -webkit-filter: grayscale(100%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(100%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(100%); 
  -o-transition: .5s ease-in-out;
  filter: grayscale(100%);
}

img.desaturate:hover, img.desaturate:focus {
  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .5s ease-in-out;
  filter: grayscale(0%);
} 
}

.full-search { position: fixed; top: 0; left: 0; background: rgba(255,255,255,.9); width: 100%; height: 100%; z-index: 99999; text-align: center; display: none; }


.search-form { margin: 0 auto; margin-top: 30px; width: 100%;}
.search-form .close i { color: #000;}
.search-form input.search-input { border: 0; border-bottom: 2px solid #333; 
padding: 5px 0px; background: none; color: #fff; border-radius: 0px !important; outline: 0; box-shadow: none; }
.search-form input.search-input:focus { color: #fff; outline: 0; }
.search-form .input-group-addon { background: 0; border: 0; padding: 0; margin: 0; padding-right: 8px;}
.search-form .search-submit { background: none !important; border-radius: 0; border: 0; margin: 4px 0px 0px 0px; padding: 0; visibility: hidden; }  
.search-form .search-submit:hover { text-decoration: underline;}

.toggle { text-align: center; margin-bottom: 20px; margin-top: 0; }
.toggle li a { color: #898d8f; cursor: pointer; } .toggle li.active a, .toggle li a:hover { color: #000;}
 
#filters ul, .submenu ul { list-style: none; padding: 0; margin: 0; font-family: "Gotham A", "Gotham B", sans-serif; font-style: normal; font-weight: 700; } 
#filters ul li, .submenu ul li { padding: 0; margin: 15px 0px; cursor: pointer; color: #fff; } 
#filters ul li a, .submenu ul li a {padding-bottom: 5px; color: #fff; }
#filters ul li.current-cat a, #filters ul a.selected, .submenu ul li.current a { border-bottom: 3px solid #fff; font-weight: 700; }

ul#newlist li ul li a:hover { text-decoration: underline;}

ul#newlist li ul .disabled a, ul#newlist li ul li.disabled { color: #dadada; }

ul#newlist ul { margin: 0px 0px 20px 0px; font-size: 1em; }

ul#newlist{
    list-style-type: none;
}

@media (min-width:767px) {
ul#newlist{
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
    list-style-position: inside;
}
}

ul#newlist li { 
    margin: 0;
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;                      /* Actually FF 20+ */
}

.glossary { margin-bottom: 60px;}


/* -------------------------- */
/* Misc */
/* -------------------------- */



.gallery-caption { display: none;}

dl.gallery-item { padding: 5px 15px; margin: 0;}

#post-404 { padding: 150px 0px;}
#post-404 h1 { margin-bottom: 45px; }

.single .wp-post-image { margin-bottom: 30px;}

.space { height: 10vh;}

.person { margin-bottom: 50px;}

@media (max-width: 600px) { .person { min-height: 150px; } }

.person img { width: 120px; height: auto; margin-bottom: 10px;}

.map { margin: 0px; }

#map-canvas { height: 450px; width:100%; margin:0px;padding:0px; margin-bottom: 30px;}

@media (max-width: 600px) { #map-canvas { height: 200px; } }

#contact label { font-size: .8em;} 

.ninja-forms-field { border: 1px solid #ccc; resize: none; outline: none; padding: 5px;  }

.ninja-forms-field:focus { outline: none; border: 1px solid #000; padding: 5px;  }

#contact input.button.send { padding: 10px 20px; border: 1px solid #ccc;}
#contact input.button.send:hover { border: 1px solid #000;}

.ninja-forms-field-error { font-size: .8em; font-family: 'Quarto A', 'Quarto B', serif; font-style: italic; font-weight: 100; text-transform: none; padding-top: 10px;}

div.mfp-bottom-bar div.mfp-title { display: none;}

.mfp-figure .mfp-close { display: none; visibility: hidden; }

.mfp-bg { background: #ff4d00; opacity: 1; }

.mfp-arrow-left, .mfp-arrow-right { background: #fff;}

ul.people-filter { padding: 0; margin: 0; margin-top: 20px;}
.people-filter li { padding: 0; padding-bottom: 5px; margin: 15px 0px; cursor: pointer; color: #fff; }
.people-filter li.active span { border-bottom: 3px solid #fff; font-weight: 700; } 

.person-email p { font-size: 1em; padding-top: 10px; }

#people-list { padding-top: 15px; }
#people-list h3 { font-size: 21px; letter-spacing: 1px; margin-bottom: 10px;  }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.row.video { margin-bottom: 20px; }

.pea_cook_wrapper { background: rgba(255,255,255,.85) !important; border-radius: 0px !important; padding-left: 0px !important; width: 100% !important; bottom: 0 !important; left: 0 !important; margin-left: 0 !important; 
	z-index: 999999 !important;  }
.pea_cook_wrapper p, .pea_cook_wrapper p a { color: #000 !important;  } 
#pea_cook_btn { background: none !important; border-radius: 1px !important; border: 1px solid #000 !important; color: #000 !important; text-shadow: none !important; box-shadow: none !important; }


/* -------------------------- */
/* Mobile */
/* -------------------------- */

@media only screen and (max-width: 767px) {
	.twenty { text-align: center; margin-bottom: 20px; }
	
}


@media only screen and (min-width: 768px) {
	.float-left { float: left; }
	.float-right { float: right; }
	
}