/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
 /* ==========================================================================
   Color Pallette
   ========================================================================== 
#0b0b0b - black 1
#191919 - black 2
#2d2d2d - black 3
#333333 - black 4

#b5b5b5 - gray 1 - headings
#cccccc - gray 2 - body copy
#ffffff - gray 3 - bright body copy
*/

/* ==========================================================================
   Custom styles
   ========================================================================== */

body {
	background: #000000;
	color: #ccc;
	font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 1em;
	line-height: 1.65em;
	margin: 0px !important;
	padding: 0px !important;
}
.clear {
	clear: both;
}
#intro-text {
	text-align: center;
	margin: 0 9em;
}
.form-field {
	border: 0px !important;
}
/*===================TYPOGRAPHY========================*/

p {
	color: #ccc;
}
h1 {
	text-align: center;
	margin: 2em 0em 1em 0em;
	color: #fff;
}
h2 {
	font-weight: normal;
	margin: 0;
}
h3 {
	font-weight: normal;
	text-align: center;
}
h4 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0;
}
.center {
	text-align: center;
}
/*==================MAIN NAVIGATION====================*/
a#logo-mobile {
	display: none;
}
/*Strip the ul of padding and list styling*/
ul#menu {
	list-style-type:none;
	margin: 0 0 2em 5em;
	padding: 2em 0 0 0;
	width: 100%;
	height: 5em;
}

/*Create a horizontal list with spacing*/
ul#menu li {
	display:inline-block;
	float: left;
	margin-right: 40px;
}

ul#menu li#logo-link {
	display:inline-block;
	float: left;
	margin: -15px 40px 0 0;
}


/*Style for menu links*/
ul#menu li#logo-link a {

	text-decoration: none;
	box-shadow: 0px 0px 0px 0px #fff inset;
	border-radius: 0px;
	text-indent: 0px;
	border: 0px;
	font-size: 1.15em;
	font-weight: normal;
	font-style: normal;
}
ul#menu li#logo-link a:hover {
	background-color: #191919;
}
ul#menu li a {
	display:block;
	min-width:140px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	box-shadow: 0px 1px 0px 0px #A5A7AA inset;
	background: -webkit-linear-gradient(center top, #484848 5%, #333 100%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(center top, #484848 5%, #333 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(center top, #484848 5%, #333 100%); /* For Firefox 3.6 to 15 */
	border-radius: 4px;
	text-indent: 0px;
	border: 1px solid #3A3B3E;
	font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 1.15em;
	font-weight: normal;
	font-style: normal;
}

/*Hover state for top level links*/
li:hover a {
	background: #333;
}

/*Style for dropdown links*/
li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 40px;
	line-height: 40px;
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #19c589;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
li ul {
	display: none;
}

/*Make dropdown links vertical*/
li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	text-decoration: none;
	color: #fff;
	box-shadow: 0px 1px 0px 0px #A5A7AA inset;
	border-radius: 4px;
	text-indent: 0px;
	border: 1px solid #3A3B3E;
	text-align: center;
	padding: 10px 0;
	display: none;
	font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	font-size: 1.25em;
	margin: 1em;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/

@media screen and (max-width : 770px){
	
ul#menu {
  list-style-type: none;
  margin: 0 0 2em 0;
  padding: 2em 0 0 0;
}

li#logo-link img {
	display: none;
}
ul#menu li#logo-link {
  display: block;
  float: none;
  margin: -25px 40px 0 0;
}
ul#menu li a {
	box-shadow: 0px 0px 0px 0px #A5A7AA inset;
	border-radius: 0px;
	text-indent: 0px;
	border: 0px solid #3A3B3E;
	font-size: 1.45em;
	font-weight: normal;
	font-style: normal;
	font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
	padding: .5em 0 .5em 0;
	border-bottom: 3px solid #000;
}
ul#menu li:first-child {
	margin-top: -2em;
}
ul#menu li:last-child {
	margin-bottom: 2em;
}
	/*Make dropdown links appear inline*/
	ul#menu {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	ul#menuli {
		margin-bottom: 0px;
	}
	/*Make all menu links full width*/
	ul#menu li, ul#menu li a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
}
/*---------------------------------------------------------------------------------------------------------------------------
nav {
	background: -moz-linear-gradient(center top, #333 5%, #191919 100%) repeat scroll 0% 0% #333;
}
nav ul {
	padding-top: 20px;
}
nav ul li {
	display: inline-block;
	list-style-type: none;
	margin: 0 0 0 2.6em;
}
nav ul li#logo {
	margin: 0 0 0 2em;
}
nav ul li a {
	display: block;
	font-size: 1.4em;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 0;
}
nav ul li a:hover {
	color: #ccc;
}

#mobile-navigation {
	display: none;
}
#logo-phone {
	display: none;
}
.menu {
	display: none;
}

li#logo a img {
	margin-bottom: -30px;
}

.active {
	text-decoration: underline;
}
-----------------------------------------------------------------------------------------------------------------------------*/
#homepage-slider {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#view-full-galleries {
	display: block;
	padding: 10px 0 30px 0;
	margin: 0px auto;
	width: 100%;
	background: url("../images/carousel-background.jpg") no-repeat 0 0;
}
#view-full-galleries div {
	margin: 0px auto;
	width: 322px;
}
#view-full-galleries p {
	text-align: center;
}
#view-full-galleries div a.button-link {
	box-shadow: 0px 1px 0px 0px #A5A7AA inset;
	background: -webkit-linear-gradient(center top, #484848 5%, #333 100%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(center top, #484848 5%, #333 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(center top, #484848 5%, #333 100%); /* For Firefox 3.6 to 15 */
	border-radius: 4px;
	text-indent: 0px;
	border: 1px solid #3A3B3E;
	display: inline-block;
	color: #FFF;
	font-size: 1.15em;
	font-weight: normal;
	font-style: normal;
	height: 40px;
	width: 7.5em;
	text-decoration: none;
	text-align: center;
	margin: 0 .5em;
	line-height: 40px;
}
nav ul li a.button-link {
	box-shadow: 0px 1px 0px 0px #A5A7AA inset;
	background: -webkit-linear-gradient(center top, #484848 5%, #333 100%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(center top, #484848 5%, #333 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(center top, #484848 5%, #333 100%); /* For Firefox 3.6 to 15 */
	border-radius: 4px;
	text-indent: 0px;
	border: 1px solid #3A3B3E;
	display: inline-block;
	color: #FFF;
	font-size: 1.15em;
	font-weight: normal;
	font-style: normal;
	height: 40px;
	width: 7.5em;
	text-decoration: none;
	text-align: center;
	line-height: 40px;
}
.button-link:hover {
	background: #333;
}
/* This button was generated using CSSButtonGenerator.com */
a {
	color: #fff;
}
#content-wrapper {
	max-width: 1080px;
	margin: 0px auto;
	background: #191919;
}
/*-----ABOUT-------*/
div#about-content p {
	text-align: center;
	margin: 0 9em 2em 9em;
}
div#about-content p:first-line {
	font-weight: bold;
	font-size: 110%;
}
img#resume {
	margin: 20px 0;
}
/*-----CONTACT-------*/
div#contact-form {
	width: 25em;
	float: left;
	margin: 0;
	padding: 0 2em 0 6.5em;
	border-right: 1px dotted #333;
}
div#contact-sidebar {
	width: 25em;
	float: left;
	padding: 0 0 0 2em;
	margin-top: -2em;
}
div#contact-sidebar a img {
	margin: 5em;
	border: 2em solid #000;
}
#wufoo-zyfx2ze03km0jb {
	width: 20em;
}
/*---ANIMATION-------*/
#thumbnails {
	list-style-type: none;
	margin: 3em 0 3em 3.25em;
}
#thumbnails li {
	display: inline-block;
	margin: 0 2em 1.5em 0;
}


/*================CAROUSEL====================*/

/*! Flickity v1.0.0
http://flickity.metafizzy.co
---------------------------------------------- */
.gallery-cell.is-selected {
	opacity: 1;
	filter: alpha(opacity=100); 
}
.gallery {
	background: url("../images/carousel-background.jpg") no-repeat 0 0;
	padding: 2.2em 0;
	height: 260px;
}
.gallery-cell {
	min-width: 300px;
	height: 240px;
	opacity: .09;
	filter: alpha(opacity=5); 
}
.gallery--not-counting .gallery-cell:before {
	content: none;
}
#lightGallery-slider .lightGallery-slide {
	background: url("../images/loading.gif") no-repeat scroll center center transparent;
	display: inline-block;
	height: 100%;
	text-align: center;
	width: 100%;
}
.flickity-enabled {
	position: relative;
}
.flickity-enabled:focus {
	outline: none;
}
.flickity-viewport {
	overflow: hidden;
	position: relative;
	height: 100%;
}
.flickity-slider {
	position: absolute;
	width: 100%;
	height: 100%;
}
/* draggable */

.flickity-enabled.is-draggable {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
	cursor: move;
	cursor: -webkit-grab;
	cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
	cursor: -webkit-grabbing;
	cursor: grabbing;
}
/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
	position: absolute;
	top: 50%;
	width: 44px;
	height: 44px;
	border: none;
	border-radius: 50%;
	background: white;
	background: hsla(0, 0%, 100%, 0.75);
	cursor: pointer;
	/* vertically center */
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.flickity-prev-next-button:hover {
	background: white;
}
.flickity-prev-next-button:focus {
	outline: none;
	box-shadow: 0 0 0 5px #09F;
}
.flickity-prev-next-button:active {
	filter: alpha(opacity=60); 
	opacity: 0.6;
}
.flickity-prev-next-button.previous {
	left: 10px;
}
.flickity-prev-next-button.next {
	right: 10px;
}
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
	left: auto;
	right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
	right: auto;
	left: 10px;
}
.flickity-prev-next-button:disabled {
	filter: alpha(opacity=30);
	opacity: 0.3;
	cursor: auto;
}
.flickity-prev-next-button svg {
	position: absolute;
	left: 20%;
	top: 20%;
	width: 60%;
	height: 60%;
}
.flickity-prev-next-button .arrow {
	fill: #333;
}
/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
	color: #333;
	font-size: 26px;
}
/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #fff;
  border-radius: 50%;
  filter: alpha(opacity=25);
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  filter: alpha(opacity=100); 
  opacity: 1;
}


#imagelightbox {
	position: fixed;
	z-index: 9999;
	-ms-touch-action: none;
}
/*==========FOOTER===========*/
footer {
	margin: 0;
	padding: .5em 0em 2em 6em;
	background: #191919;
	border-top: 1px solid #333;
	color: #999;
}
footer ul {
	text-decoration: none;
}
#contact-information ul li a:hover {
	color: #fff;
}
ul#col-1 {
	float: left;
	width: 20em;
}
ul#col-2 {
	float: left;
	width: 20em;
}
footer ul li a.office-phone {
	background: url("../images/icon-phone.jpg") no-repeat 0 0;
	text-decoration: none;
}
footer ul li a.cell-phone {
	background: url("../images/icon-cell-phone.jpg") no-repeat 0 0;
	text-decoration: none;
}
footer ul li a.email {
	background: url("../images/icon-mail.jpg") no-repeat 0 0;
}
footer ul li a.address {
	background: url("../images/icon-map.jpg") no-repeat 0 0;
}
footer ul li a.linkedin {
	background: url("../images/icon-linkedin.jpg") no-repeat 0 0;
}
footer ul li a.skype {
	background: url("../images/icon-skype.jpg") no-repeat 0 0;
}
footer ul li a {
	display: block;
	padding-left: 3.7em;
	height: 40px;
	width: 100%;
}
footer ul li a:hover {
	color: #fff;
}
img.cmi-logo {
	width: 140px;
	height: 139px;
	margin-top: 30px;
}
img.cmi-logo:hover {
	opacity: 0.7;
    filter: alpha(opacity=70); /* For IE8 and earlier */
}
#contact-information ul {
	list-style-type: none;
}
#contact-information ul li {
	margin: 1.3em 0 0 -2.6em;
}
#contact-information ul li a {
	color: #999;
}


/* Portrait Phone */
@media screen and (max-width: 660px) {
ul li {
	float: none;
	list-style-type: none;
}
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/
a#logo-mobile {
	display: block;
	margin: 0px auto;
	padding: 30px 0 5px 0;
	width: 190px;
}
#mobile-navigation {
	display: block;
}
.btn {
	box-shadow: 0px 1px 0px 0px #A5A7AA inset;
	background: -webkit-linear-gradient(center top, #484848 5%, #333 100%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rcenter top, #484848 5%, #333 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(center top, #484848 5%, #333 100%); /* For Firefox 3.6 to 15 */
	border-radius: 4px;
	text-indent: 0px;
	border: 1px solid #3A3B3E;
	display: block;
	color: #FFF;
	font-size: 1.15em;
	font-weight: normal;
	font-style: normal;
	height: 40px;
	text-decoration: none;
	text-align: center;
	line-height: 40px;
	margin: 1.2em 2.8em 1.2em .5em;
}
.menu {
	display: none;
}
.menu li {
	border-bottom: 2px solid #333;
	width: 100%;
	padding: .75em 0;
	margin: 0 0 0 -2em;
	text-align: center;
	font-size: 1.25em;
}
.menu li a {
	text-decoration: none;
}


.menu {
	margin: 0 0 4em 0;
}

ul li:hover .menu {
	display: block;
}
nav {
	display: none;
}
#logo-phone {
	display: block;
	margin-left: .65em;
}
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/
h1 {
	margin: .25em;
	font-size: 1.25em;
}
h2 {
	margin: .25em;
	font-size: 1em !important;
}
.accordion {
	width: 100%;
	margin: 0px auto;
}
ul#button-link-area {
	width: 100%;
	margin: 0px auto;
	padding: 0;
}
ul#button-link-area li a {
	display: inline;
	width: 100%;
	padding: 1em;
}
footer {
	padding: 0;
}
#intro-text {
	width: 92%;
	margin: 0 2%;
}
.gallery-images li {
	display: block;
	float: left;
	height: 100%;
	margin-bottom: 0;
	margin-right: 0;
	width: 260px;
}
div#about-content p {
	text-align: center;
	margin: .25em;
}
div#contact-form {
	margin: 2em 0 0 .5em;
	padding: 0;
	border-right: 0px dotted #333;
}
#wufoo-zyfx2ze03km0jb {
	width: 17em;
}
div#contact-sidebar {
	padding: 0;
	margin: 0 0 0 1em;
}
div#contact-sidebar a img {
	margin: 0 0 2em .5em;
	border: 0em solid #000;
}
nav ul li#logo {
	margin: 0;
}
#logo-phone a img {
	width: 60%;
	margin: 1em 0 0 1.8em;
}

#thumbnails li {
  display: inline-block;
  margin: 1.5em 3.25em 1em 0;
}
#thumbnails li a img {
	width: 100%;
}
}

/* Portrait tablet*/
@media screen and (max-width: 768px) and (min-width: 661px) {
div#contact-form {
	padding: 0;
	border-right: 0px dotted #333;
	width: 20em;
}
nav ul li a {
	font-size: 1.1em;
	padding-top: .2em;
}
nav ul li {
	display: inline-block;
	list-style-type: none;
	margin: 0 0 0 .5em;
}
nav ul li:first-child {
	margin: 0 0 0 0em;
}
nav ul li a.button-link {
	box-shadow: 0px 1px 0px 0px #A5A7AA inset;
	background: -webkit-linear-gradient(center top, #484848 5%, #333 100%); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(rcenter top, #484848 5%, #333 100%); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(center top, #484848 5%, #333 100%); /* For Firefox 3.6 to 15 */
	border-radius: 4px;
	text-indent: 0px;
	border: 1px solid #3A3B3E;
	display: inline-block;
	color: #FFF;
	font-size: 1em;
	width: 6.5em;
}
ul .btn {
	display: none;
}
#logo-phone img {
	width: 80%;
	margin-left: -1em;
}
li#logo a img {
	width: 90%;
	margin: 0 0 -20px -1em;
}
index.html div#wufoo-zyfx2ze03km0jb {
	width: 96%;
	margin: 1em;
	font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
}
#col-1, #col-2 {
	width: 30%;
	margin: 0;
}
#contact-information {
 margin: 0 0 1em 0;
 padding: 0;
}
video {
	width: 98%;
}
div#contact-sidebar {
	width: 15em;
	float: left;
	padding: 0px;
	margin: 5em 0px 0px 5em;
}
div#contact-sidebar a img {
	margin: 0 0 2em 0;
	border: 0em solid #000;
}
#view-full-galleries {
	margin: 0px auto;
	width: 100%;
}
#view-full-galleries p {
	text-align: center;
}
ul.mobile-nav {
	display: none;
}
#intro-text {
	text-align: center;
	margin: 0em;
}
}

/* Landscape tablet*/
@media screen and (max-width: 1024px) and (min-width: 769px) {
ul#menu {
	margin-left: 2.85em;
}
#logo img {
	width: 80%;
	margin: 0 1.5em 0 0;
}
#logo-phone {
	display: none;
}
/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/
ul .btn {
	display: none;
}
.menu {
	display: none;
}

/*-----------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------*/
#intro-text {
	text-align: center;
	margin: 0em;
}

#thumbnails {
	list-style-type: none;
	margin: 0;
}
#thumbnails li {
	display: inline-block;
	margin: 0 2em 1.5em 0;
}
}