/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

@font-face {
   font-family: 'brandon-grotesque';
   src: url('../fonts/bg-300.woff2') format('woff2'),
        url('../fonts/bg-300.woff') format('woff');
   font-weight: 300;
   font-style: normal;
}

@font-face {
   font-family: 'brandon-grotesque';
   src: url('../fonts/bg-300-italic.woff2') format('woff2'),
        url('../fonts/bg-300-italic.woff') format('woff');
   font-weight: 300;
   font-style: italic;
}

@font-face {
   font-family: 'brandon-grotesque';
   src: url('../fonts/bg-400.woff2') format('woff2'),
        url('../fonts/bg-400.woff') format('woff');
   font-weight: 400;
   font-style: normal;
}

@font-face {
   font-family: 'brandon-grotesque';
   src: url('../fonts/bg-500.woff2') format('woff2'),
        url('../fonts/bg-500.woff') format('woff');
   font-weight: 500;
   font-style: normal;
}

@font-face {
   font-family: 'brandon-grotesque';
   src: url('../fonts/bg-500-italic.woff2') format('woff2'),
        url('../fonts/bg-500-italic.woff') format('woff');
   font-weight: 500;
   font-style: italic;
}

@font-face {
   font-family: 'brandon-grotesque';
   src: url('../fonts/bg-700.woff2') format('woff2'),
        url('../fonts/bg-700.woff') format('woff');
   font-weight: 700;
   font-style: normal;
}

@font-face {
   font-family: 'brandon-grotesque';
   src: url('../fonts/bg-900.woff2') format('woff2'),
        url('../fonts/bg-900.woff') format('woff');
   font-weight: 900;
   font-style: normal;
}

html {
    color: #333;
    font-size: 1em;
    line-height: 1.4em;
    font-family: 'brandon-grotesque', sans-serif !important;
    width: 100vw;
    overflow-x: hidden;
}

body {
    width: 100vw;
    overflow-x: hidden;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 35em) {

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
/* ==========================================================================
   STATIC STYLES FOR ALL PAGES
   ========================================================================== */

/*CSS RESET - MEYERS + EXTRAS*/

      html, body, div, span, applet, object, iframe,
      h1, h2, h3, h4, h5, h6, p, blockquote, pre,
      a, abbr, acronym, address, big, cite, code,
      del, dfn, em, img, ins, kbd, q, s, samp,
      small, strike, strong, sub, sup, tt, var,
      b, u, i, center,
      dl, dt, dd, ol, ul, li,
      fieldset, form, label, legend,
      table, caption, tbody, tfoot, thead, tr, th, td,
      article, aside, canvas, details, embed, 
      figure, figcaption, footer, header, hgroup, 
      menu, nav, output, ruby, section, summary,
      time, mark, audio, video {
         margin: 0;
         padding: 0;
         border: 0;
         font-size: 100%;
         font: inherit;
         vertical-align: baseline;
      }
      /* HTML5 display-role reset for older browsers */
      article, aside, details, figcaption, figure, 
      footer, header, hgroup, menu, nav, section {
         display: block;
      }
      body {
         line-height: 1;
      }
      ol, ul {
         list-style: none;
      }
      blockquote, q {
         quotes: none;
      }
      blockquote:before, blockquote:after,
      q:before, q:after {
         content: '';
         content: none;
      }
      table {
         border-collapse: collapse;
         border-spacing: 0;
      }

      * {
         outline: none;
      }

      a {
         text-decoration: none;
      }

      * {
            -webkit-tap-highlight-color: rgba(0,0,0,0); /* Stops flash on tap iOS */
         }
/*END CSS RESET*/

.footer-location {
cursor: pointer;
}

.menu-overlay nav ul li a {
text-shadow: rgba(0, 0, 0, 0.4) 0px 3px 5px;
}

#navlink-contact {
   cursor: pointer;
}

/*START MAIN CONTAINER PARAMETERS*/
      html, body {
         width: 100vw;
         overflow-x: hidden !important;
         background: transparent;
         z-index: 0;
         font-family: 'brandon-grotesque', sans-serif;
         text-rendering: optimizeLegibility;
         -webkit-font-smoothing: antialiased;
         -moz-osx-font-smoothing: grayscale;
      }

      .lines-pattern {
         position: fixed;
         z-index: -1;
         width: 180vw;
         height: auto;
         overflow: hidden;
         top: 30vh;
         left: 0;
         bottom: 0;
         right: 0;
         opacity: 0.15;
      }

      .lines-pattern-img {
         width: 125vw;
         height: auto;
         overflow: hidden;
         z-index: -1;
      }

      .background-solid {
         position: fixed;
         z-index: -4;
         width: 100vw;
         height: 100%;
         overflow: hidden;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         background: #fff;
      }

      .background-container {
         position: fixed;
         z-index: -3;
         width: 100vw;
         height: 100%;
         overflow: hidden;
         opacity: 0.1;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
              background: radial-gradient(rgba(255,255,255,0.1), rgba(89,106,114,0.1));
           transition: all 0.3s linear;
      }

      .main-content {
         width: 100vw;
         height: auto;
         overflow: hidden;
      }
/*END MAIN CONTAINER PARAMETERS*/

/*START HELPER CLASSES*/

      .flexbox-center {
         -webkit-display: -webkit-flex;
         display: -ms-flexbox;
         display: flex;
         -webkit-justify-content: center;
             -ms-flex-pack: center;
                 justify-content: center;
      }

      .clear-fix {
         clear: both;
      }

      .italic {
         font-style: italic;
      }

      .thin {
         font-weight: 200;
      }

      .light {
         font-weight: 300;
      }

      .normal {
         font-weight: 400;
      }

      .medium {
         font-weight: 500;
      }

      .medium-text {
         font-weight: 700;
      }

      .bold {
         font-weight: 700;
      }

      .opaque {
         opacity: 1;
      }

      .transparent {
         opacity: 0;
         transition: all 0.3s linear;
      }

      .selected {
         fill: #fff;
         stroke: #333;
      }

      .gray-link {
         color: #999;
         text-decoration: none;
      }

      .gray-link:visited {
         color: #999;
         text-decoration: none;
      }

      a.normal {
         font-weight: 400;
         color: #333;
         text-decoration: none;
      }

      a.normal:visited {
         font-weight: 400;
         color: #333;
         text-decoration: none;
      }

      .display-none {
         display: none;
      }
/*END HELPER CLASSES*/

/*START CUSTOM CHECKBOX STYLES*/

    input[type="checkbox"] {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background-color: transparent;
      border: 1px solid #d3d3d3;
      border-radius: 26px;
      box-shadow: inset 0 0 0 0 #d3d3d3;
      cursor: pointer;
      height: 24px;
      position: relative;
      width: 41px;
      vertical-align: top;
      margin-bottom: 20px;
      outline: none !important;
      transition: border .25s .15s, box-shadow .25s .3s, padding .25s;
    }

    input[type="checkbox"]:after {
      background-color: #fff;
      border: 1px solid #d3d3d3;
      border-radius: 24px;
      box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.025), 0 1px 4px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.1);
      content: '';
      display: block;
      height: 21px;
      left: 0;
      position: absolute;
      right: 16px;
      top: 0;
      margin-bottom: 19px;
      outline: none;
      transition: border .25s .15s, left .25s .1s, right .15s .175s;
    }
    input[type="checkbox"]:checked {
      border-color: rgba(3,3,3,0.75);
      box-shadow: inset 0 0 0 13px rgba(3,3,3,0.75);
      padding-left: 18px;
      outline: none;
      transition: border .25s, box-shadow .25s, padding .25s .15s;
    }
    input[type="checkbox"]:checked:after {
      border-color: rgba(3,3,3,0.75);
      left: 16px;
      right: 0;
      outline: none;
      transition: border .25s, left .15s .25s, right .25s .175s;
    }
/*END CUSTOM CHECKBOX STYLES*/

/*PREVENT FOUT*/
   .wf-loading {
      visibility: hidden;
   }

   .wf-active, .wf-inactive {
      visibility: visible;
   }
/*END PREVENT FOUT*/

.preloader-overlay-container {
  position: fixed;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  background: #222;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999997;
}

.preloader-container {
  position: absolute;
  width: 100px;
  height: 80px;
  top: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  margin-top: 50vh;
  font-family: 'brandon-grotesque', sans-serif;
  transform: translateY(-50%);
}

.loader-text {
  position: relative;
  margin-top: 15px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 400;
  font-size: 11.64px;
  letter-spacing: 2px;
  text-align: center;
}

.loader-wrapper {
  position: relative;
  width: 34px;
  height: 40px;
  margin: 0 auto;
}

.loader {
  display: inline-block;
  width: 34px;
  height: 34px;
  overflow: hidden;
  position: relative;
  transform: rotate(135deg);
  animation: loader 2s infinite ease;
}

.loader-border {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
}

.loader-inner {
  display: block;
  width: 50px;
  background-color: #fff;
  transform-origin: left top;
  transform: rotate(45deg) translateY(-25px);
  animation: loader-inner 2s infinite ease-in;
}

@keyframes loader {
  0% {
    transform: rotate(-45deg);
  }
  
  25% {
    transform: rotate(135deg);
  }
  
  50% {
    transform: rotate(135deg);
  }
  
  75% {
    transform: rotate(315deg);
  }
  
  100% {
    transform: rotate(315deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0;
  }
  
  25% {
    height: 0;
  }
  
  50% {
    height: 50px;
  }
  
  75% {
    height: 50px;
  }
  
  100% {
    height: 0;
  }
}
/* ==========================================================================
	MOBILE DEFAULT STYLES FOR ALL PAGES
   ========================================================================== */


   /*START MENU OVERLAY*/

   		.lines-pattern-img {
   			opacity: 0.15;
   		}

	   	header {
	   		overflow-x: hidden;
	   	}
	   	.menu-overlay {
	   		position: fixed;
	   		width: 100vw;
	   		height: 100%;
	   		top: 0;
	   		left: 0;
	   		background: rgba(1,1,1,0.85);
	   		z-index: 3000;
	   		text-align: center;
	   		overflow-x: hidden;
	   		overflow-y: hidden;
	   	}


	   	#trigger-overlay {
	   	        position: fixed;
	   	        top: 5vh;
	   	        left: 80vw;
	   	        z-index: 2999;
	   	        font-size: 2em;
	   	        height: 5vh;
	   	        background: transparent;
	   	        outline: none;
	   	        z-index: 3002;
	   	   }

	   	   	/* HAMBURGER MENU MORPH */
	   			.menu {
	   			  width: 60px;
	   			  height: 70px;
	   			  position: absolute;
	   			  top: 0;
	   			  right: 0;
	   			  z-index: 3002;
	   			}
	   			.menu:hover {
	   			  cursor: pointer;
	   			}
	   			.menu.trigger-open .menu-item {
	   			  background: #fff;
	   			}
	   			.menu.trigger-open .menu-item:first-child {
	   				background: #fff;
	   			  -webkit-transform: rotate(45deg);
	   			  transform: rotate(45deg);
	   			  -webkit-transform-origin: 10px 50%;
	   			  transform-origin: 10px 50%;
	   			}
	   			.menu.trigger-open .menu-item:nth-child(2) {
	   			  opacity: 0;
	   			}
	   			.menu.trigger-open .menu-item:nth-child(3) {
	   				background: #fff;
	   			  -webkit-transform: rotate(-45deg);
	   			  transform: rotate(-45deg);
	   			  -webkit-transform-origin: 8px 50%;
	   			  transform-origin: 8px 50%;
	   			}

	   			.menu-item {
	   			  transition-property: all;
	   			  transition-duration: 0.2s;
	   			  display: block;
	   			  width: 50px;
	   			  height: 2px;
	   			  margin: 0 0 10px;
	   			  background: #ccc;
	   			}

	   			/* Overlay closing cross */
	   				.menu-overlay .overlay-close {
	   					width: 80px;
	   					height: 80px;
	   					position: absolute;
	   					right: 20px;
	   					top: 20px;
	   					overflow: hidden;
	   					border: none;
	   					background: url(../img/cross.png) no-repeat center center;
	   					color: transparent;
	   					outline: none;
	   					z-index: 3001;
	   				}
	   		/*END HAMBURGER MORPH*/

	   		/* MENU TEXT  */

	   				.menu-overlay nav {
	   					text-align: left;
	   					position: relative;
	   					top: 40%;
	   					height: 60%;
	   					font-size: 45px;
	   					padding-left: 5vw;
	   					-webkit-transform: translateY(-50%);
	   					transform: translateY(-50%);
	   				}

	   				.menu-overlay ul {
	   					list-style: none;
	   					padding: 0;
	   					margin: 0 auto;
	   					display: inline;
	   					height: 100%;
	   					position: relative;
	   				}

	   				.menu-overlay ul li {
	   					display: block;
	   					height: 20%;
	   					height: calc(100% / 6);
	   					min-height: 54px;
	   					-webkit-backface-visibility: hidden;
	   					backface-visibility: hidden;
	   					margin-bottom: 10px;
	   				}

	   				.menu-overlay nav ul li a {
	   					font-family: "brandon-grotesque",sans-serif;
	   					font-weight: 700;
	   					font-size: 50px;
	   					display: block;
	   					color: rgba(255,255,255,0.65);
	   					text-decoration: none;
	   					letter-spacing: -1px;
	   					text-transform: uppercase;
	   					padding: 5px;
	   					transition: color 0.2s;
	   				}

	   				.menu-overlay nav ul li a:hover, .menu-overlay nav ul li a:active {
	   					color: rgba(227,227,227,1);
	   				}

	   				#navlink-connect {
	   					cursor: pointer;
	   				}
	   		/* END MENU TEXT */

	   		/* MENU TOGGLE */
	   			.overlay-scale {
	   				visibility: hidden;
	   				opacity: 0;
	   				transition: opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
	   				transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	   				transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s, -webkit-transform 0.2s;
	   			}


	   			.overlay-scale.open {
	   				visibility: visible;
	   				opacity: 1;
	   				transition: opacity 0.4s, -webkit-transform 0.4s;
	   				transition: transform 0.4s, opacity 0.4s;
	   				transition: transform 0.4s, opacity 0.4s, -webkit-transform 0.4s;
	   			}

	   			.overlay-scale.open ~ .main-content {
	   				-webkit-filter: blur(10px);
	   				filter: blur(10px);
	   			}
	   		/*END MENU TOGGLE*/	
   /*END MENU OVERLAY*/

   /*START LOGO SHORTCUT*/
	   	.logo-shortcut-container {
	   		position: absolute;
	   		z-index: 1000;
	   		top: 0;
	   		left: 0;
	   		margin-top: 5vh;
	   		margin-left: 5.5vh;
	   		cursor: pointer;
	   	}

	   	.logo-shortcut-img {
	   		width: 60px;
	   		height: auto;
	   		opacity: 1;
	   		cursor: pointer;
	   	}
   /*END LOGO SHORTCUT*/

   /*START VERTICAL NAV*/
	   	.cd-nav-trigger {
	   	  position: fixed;
	   	  display: block;
	   	  z-index: 2998;
	   	  bottom: 30px;
	   	  right: 5vw;
	   	  top: auto;
	   	  height: 44px;
	   	  width: 44px;
	   	  border-radius: 2px;
	   	  background: rgba(51, 51, 51, 0.9);
	   	  -webkit-transform-origin: center;
	   	  transform-origin: center;
	   	  -webkit-transform: rotate(45deg);
	   	  transform: rotate(45deg);
	   	}

	   	.cd-nav-trigger span {
	   	  position: absolute;
	   	  height: 4px;
	   	  width: 4px;
	   	  background-color: #f1f1f1;
	   	  border-radius: 60%;
	   	  left: 50%;
	   	  top: 50%;
	   	  bottom: auto;
	   	  right: auto;
	   	  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	   	  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	   	  -mos-transition: all 0.3s ease-out;
	   	  transition: all 0.3s ease-out;
	   	}

	   	.cd-nav-trigger span::before, .cd-nav-trigger span::after {
	   	  content: '';
	   	  height: 100%;
	   	  width: 100%;
	   	  position: absolute;
	   	  left: 0;
	   	  background-color: inherit;
	   	  border-radius: inherit;
	   	}

	   	.cd-nav-trigger span::before {
	   	  top: -9px;
	   	}
	   	.cd-nav-trigger span::after {
	   	  bottom: -9px;
	   	}

	   	#cd-vertical-nav {
	   	  position: fixed;
	   	  z-index: 2997;
	   	  right: 5%;
	   	  bottom: 30px;
	   	  width: 90%;
	   	  max-width: 400px;
	   	  max-height: 90%;
	   	  overflow-y: hidden;
	   	  -webkit-overflow-scrolling: touch;
	   	  -webkit-transform-origin: right bottom;
	   	  transform-origin: right bottom;
	   	  -webkit-transform: scale(0);
	   	  transform: scale(0);
	   	  transition-property: -webkit-transform;
	   	  transition-property: transform;
	   	  transition-property: transform, -webkit-transform;
	   	  transition-duration: 0.2s;
	   	  border-radius: 0.25em;
	   	  background-color: rgba(227, 227, 227, 0.9);
	   	}


	   	#cd-vertical-nav .vertical-nav-link {
	   	  display: block;
	   	  padding: 1em;
	   	  font-weight: 300;
	   	  border-bottom: 1px solid rgba(51, 51, 51, 0.1);
	   	  color: #333;
	   	  background: transparent;
	   	  -mos-transition: all 0.2 ease-out;
	   	  transition: all 0.2 ease-out;
	   	}


	   	#cd-vertical-nav .vertical-nav-link span:first-child {
	   	  display: none;
	   	}

	   	#cd-vertical-nav .vertical-nav-link.is-selected {
	   		color: #fff;
	   		background: #333;
	   		-mos-transition: all 0.2 ease-out;
	   		transition: all 0.2 ease-out;
	   	}


	   	#cd-vertical-nav .vertical-nav-link span {
	   		color: #333333;
	   		-mos-transition: all 0.2 ease-out;
	   		transition: all 0.2 ease-out;
	   	}

	   	#cd-vertical-nav .vertical-nav-link.is-selected span:last-child {
	   	  color: #fff;
	   	  -mos-transition: all 0.2 ease-out;
	   	  transition: all 0.2 ease-out;
	   	}

	   	#cd-vertical-nav.open {
	   	  -webkit-transform: scale(1);
	   	  transform: scale(1);
	   	}
	   	#cd-vertical-nav.open + .cd-nav-trigger {
	   	  background-color: transparent;
	   	}
	   	#cd-vertical-nav.open + .cd-nav-trigger span {
	   	  background-color: rgba(62, 57, 71, 0);
	   	}
	   	#cd-vertical-nav.open + .cd-nav-trigger span::before, #cd-vertical-nav.open + .cd-nav-trigger span::after {
	   	  background-color: #333;
	   	  height: 3px;
	   	  width: 20px;
	   	  border-radius: 0;
	   	  left: -8px;
	   	}

	   	#cd-vertical-nav.open + .cd-nav-trigger.is-selected span::before, #cd-vertical-nav.open + .cd-nav-trigger.is-selected span::after {
	   	  background-color: #fff;
	   	}

	   	#cd-vertical-nav.open + .cd-nav-trigger span::before {
	   	  -webkit-transform: rotate(45deg);
	   	  transform: rotate(45deg);
	   	  top: 1px;
	   	}
	   	#cd-vertical-nav.open + .cd-nav-trigger span::after {
	   	  -webkit-transform: rotate(135deg);
	   	  transform: rotate(135deg);
	   	  bottom: 0;
	   	}
	   	#cd-vertical-nav li:last-child div {
	   	  border-bottom: none;
	   	}
   /*END VERTICAL NAV*/

   /*START FOOTER STYLE*/
   		.footer {
   			position: relative;
   			z-index: 2998;
   			margin-left: 0;
   			margin-right: 0;
   			margin-bottom: 0;
   			width: 100vw;
   			overflow: hidden;
   			height: 100px;
   			background-color: #333;
   			color: #f1f1f1;
   		}

   		.footer.lights-off {
   			background-color: #f1f1f1;
   			color: #333;
   		}

   		.footer-link {
   			width: 18px;
   			height: 18px;
   			opacity: 0.65;
   			margin-right: 30px;
   		}

   		.social-icon-footer {
   			width: 18px;
   			height: 18px;
   		}

   		.footer-link:hover {
   			opacity: 1;
   		}

   		.footer-link:last-child {
   			margin-right: 0;
   		}

   		.footer-instagram {
   			width: 16px;
   			height: auto;
   		}


   		.footer-social-wrapper {
   			width: 278px;
   			height: auto;
   			margin: 0 auto;
   			margin-top: 25px;
   		}

   		.copyright {
   			width: 100vw;
   			text-align: center;
   			margin-top: 10px;
   			padding-top: 5px;
   			opacity: 0.35;
   			font-size: 0.65em;
   			text-transform: uppercase;
   			letter-spacing: 4px;
   			font-weight: 300;
   		}
   /*END FOOTER STYLE*/

   /*START LANDING SECTION HEADER STYLES*/
	   	.header-text {
	   		display: inline-block;
	   		width: 100vw;
	   		text-align: center;
	   		font-size: 4em;
	   		letter-spacing: 3px;
	   		font-weight: 900;
	   		color: #333;
	   	}

	   	.header-title {
	   		margin-top: 120px;
	   		width: 100vw;
	   		text-align: center;
	   	}

	   	.subheader-text {
	   		display: inline-block;
	   		width: 100vw;
	   		text-align: center;
	   		font-size: 0.85em;
	   		color: #333;
	   		opacity: 0.35;
	   		letter-spacing: 7px;
	   		font-weight: 300;
	   		margin-top: 30px;
	   	}


	   	.header2-text {
	   		display: inline-block;
	   		width: 100vw;
	   		text-align: center;
	   		font-size: 2em;
	   		letter-spacing: 3px;
	   		font-weight: 500;
	   		color: #333;
	   	}

	   	.header-definition {
	   		width: 220px;
	   		margin: 0 auto;
	   		margin-top: 30px;
	   		padding-left: 40px;
	   	}

	   	.header-quotation {
	   		position: absolute;
	   		z-index: -1;
	   		width: 50px;
	   		height: auto;
	   		margin-left: -35px;
	   		margin-top: -10px;
	   		opacity: 0.5;
	   	}

	   	.definition-text {
	   		display: inline-block;
	   		color: rgba(51,51,51,0.5);
	   		letter-spacing: 1px;
	   		font-style: italic;
	   		font-weight: 300;
	   		line-height: 1.2em;
	   	}

	   	.header-divider {
	   		width: 60px;
	   		height: auto;
	   		margin: 0 auto;
	   		margin-top: 20px;
	   	}

	   	.header-divider-img {
	   		width: 60px;
	   		height: auto;
	   	}

	   	.header-scroll {
	   		position: absolute;
	   		width: 120px;
	   		height: auto;
	   		margin: 0 auto;
	   		left: 0;
	   		right: 0;
	   		bottom: 8.5vh;
	   		cursor: pointer;
	   	}

	   	.header-scroll-img {
	   		width: 120px;
	   		height: auto;
	   		cursor: pointer;
	   		opacity: 0.65;
	   	}

	   	.header-scroll-img:hover {
	   		opacity: 0.85;
	   	}
   /*END LANDING SECTION HEADER STYLES*/

   /*START SECTION HEADER STYLES*/

   		.page-section-number-container {
   			width: 150px;
   			height: auto;
   			margin: 0 auto;
   			margin-top: 50px;
   		}

   		.page-section-number {
   			width: 150px;
   			height: auto;
   			margin: 0 auto;
   		}
	   	/*.page-section-number-container {
	   	  width: 100vw;
	   	}

	   	.page-section-number {
	   	  margin: 0 auto;
	   	  width: 35px;
	   	  height: 10px;
	   	  margin-top: 50px;
	   	}

	   	.page-section-number::before {
	   	  content: '';
	   	  display: block;
	   	  position: absolute;
	   	  width: 30px;
	   	  height: 1px;
	   	  margin-left: -35px;
	   	  margin-right: 5px;
	   	  margin-top: 5.25px;
	   	  background: #333;
	   	}

	   	.page-section-number::after {
	   	  content: '';
	   	  display: block;
	   	  position: absolute;
	   	  width: 30px;
	   	  height: 1px;
	   	  margin-left: 38px;
	   	  margin-right: 0;
	   	  margin-top: -10.5px;
	   	  background: #333;
	   	}*/

	   	.section-number {
	   	  display: inline-block;
	   	  width: 31.5px;
	   	  text-align: center;
	   	  letter-spacing: 1px;
	   	}

	   	.section-number::before {
	   	  content: '';
	   	  display: block;
	   	  position: absolute;
	   	  width: 30px;
	   	  height: 30px;
	   	  border: 1px solid #333;
	   	  margin-top: -10px;
	   	  -webkit-transform: rotate(45deg);
	   	          transform: rotate(45deg);
	   	}

	   	.section-header, .section-subheader {
	   	  width: 90vw;
	   	  margin: 0 auto;
	   	  text-align: center;
	   	}

	   	.section-header {
	   	  font-weight: 700;
	   	  font-size: 1.85em;
	   	  letter-spacing: 1px;
	   	  margin-top: 20px;
	   	  margin-bottom: 10px;
	   	}

	   	.section-subheader {
	   	  font-weight: 400;
	   	  font-size: 0.85em;
	   	  letter-spacing: 1px;
	   	  color: #333;
	   	  opacity: 0.65;
	   	  line-height: 1.75em;
	   	  text-transform: uppercase;
	   	}

	   	.section-subheader2 {
	   	  font-weight: 400;
	   	  font-size: 1.2em;
	   	  letter-spacing: 3px;
	   	  color: #333;
	   	  font-style: italic;
	   	  line-height: 1.75em;
	   	  margin-bottom: 10px;
	   	  width: 100vw;
	   	  text-align: center;
	   	}

	   	.section-intro-content {
	   		width: 80vw;
	   		height: auto;
	   		margin: 0 auto;
	   		margin-top: 20px;
	   		font-weight: 300;
	   		font-size: 1em;
	   		line-height: 1.2em;
	   		text-align: center;
	   	}

	   	.section-intro-expand {
	   		display: inline-block;
	   		font-weight: 300;
	   		letter-spacing: 3px;
	   		font-size: 0.65em;
	   		color: #333;
	   		margin-top: 20px;
	   		width: 100vw;
	   		text-align: center;
	   		cursor: pointer;
	   	}

	   	.section-intro-content-subheader {
	   		display: inline-block;
	   		text-transform: uppercase;
	   		letter-spacing: 1px;
	   		font-weight: 300;
	   		color: #333;
	   		font-size: 0.75em;
	   		padding-bottom: 5px;
	   	}

	   	.block-divider {
	   		width: 30px;
	   		height: 3px;
	   		background: #333;
	   		margin: 20px auto;
	   	}

	   	.packages-skip-link {
	   		margin-top: 20px;
	   		display: inline-block;
	   		cursor: pointer;
	   	}

	   	.packages-skip-arrow {
	   		width: 50px;
	   		height: auto;
	   		margin: 0 auto;
	   		margin-top: 10px;
	   	}
   /*END SECTION HEADER STYLES*/

   /*START CAPABILITIES/PACKAGES SECTION STYLES*/
	   .packages {
	   	display: block;
	   }

	   .packages-h2 {
	   	display: inline-block;
	   	padding-top: 10px;
	   	padding-left: 20px;
	   	padding-bottom: 10px;
	   }

	   .packages-arrow {
	   	display: inline-block;
	   	margin: 0;
	   	width: 10px;
	   	-webkit-transform: rotate(-90deg) translateX(4px);
	   	transform: rotate(-90deg) translateX(4px);
	   	-webkit-transform-origin: center;
	   	transition: all 0.2s ease-out;
	   }

	   .packages-arrow.rotate {
	   	-webkit-transform: rotate(0deg) translateY(-4px);
	   	transform: rotate(0deg) translateY(-4px);
	   	-webkit-transform-origin: center center;
	   	transition: all 0.2s ease-out;
	   }

	   .packages-arrow img {
	   	width: 10px;
	   	height: auto;
	   }

	   .packages h2 {
	   	font-family: 'brandon-grotesque', sans-serif;
	   	text-align: left;
	   	font-size: 1.5em;
	   	font-weight: 700;
	   	letter-spacing: 2px;
	   	text-transform: uppercase;
	   	display: inline-block;
	   	cursor: pointer;
	   	padding-top: 10px;
	   }

	   .desc {
	   	font-size: 1em;
	   	font-family: 'brandon-grotesque', sans-serif;
	   	font-weight: 300;
	   	line-height: 1.2em;
	   	padding-left: 40px;
	   	width: calc(80vw - 40px);
	   }
   /*END CAPABILITIES/PACKAGES SECTION STYLES*/

   	/*START CAPABILITIES GALLERY STYLES*/

	   	.capabilities-gallery {
	   		width: 285px;
	   		height: auto;
	   		margin: 5px auto;
	   		margin-top: 20px;

	   	}

	   	.capabilities-gallery-img {
	   		width: 140px;
	   		height: auto;
	   		cursor: pointer;
	   		transition: all 0.2s ease-out;
	   		-webkit-transition: all 0.2s ease-out;
	   	}

	   	.capabilities-gallery-img.zoom {
	   		transition: all 0.2s ease-out;
	   		-webkit-transition: all 0.2s ease-out;
	   	}

	   	.capabilities-gallery-img:first-child.zoom {
	   		transform: scale(2.05) translateX(25%) translateY(25%);
	   		-webkit-transform: scale(2.05) translateX(25%) translateY(25%);
	   		transition: all 0.2s ease-out;
	   		-webkit-transition: all 0.2s ease-out;
	   	}

	   	.capabilities-gallery-img:nth-child(2).zoom {
	   		transform: scale(2.05) translateX(-25%) translateY(25%);
	   		-webkit-transform: scale(2.05) translateX(-25%) translateY(25%);
	   		transition: all 0.2s ease-out;
	   		-webkit-transition: all 0.2s ease-out;
	   	}

	   	.capabilities-gallery-img:nth-child(3).zoom {
	   		transform: scale(2.05) translateX(25%) translateY(-25%);
	   		-webkit-transform: scale(2.05) translateX(25%) translateY(-25%);
	   		transition: all 0.2s ease-out;
	   		-webkit-transition: all 0.2s ease-out;
	   	}

	   	.capabilities-gallery-img:nth-child(4).zoom {
	   		transform: scale(2.05) translateX(-25%) translateY(-25%);
	   		-webkit-transform: scale(2.05) translateX(-25%) translateY(-25%);
	   		transition: all 0.2s ease-out;
	   		-webkit-transition: all 0.2s ease-out;
	   	}
   	/*END CAPABILITIES GALLERY STYLES*/

   	/*START CTA BUTTON STYLES*/
   		.lighting-cta-button-wrapper, .sound-cta-button-wrapper, .talent-cta-button-wrapper {
   			width: 80vw;
   			height: 80px;
   			margin: 0 auto;
   			margin-bottom: 10vh;
   			position: relative;
   		}
   		
   		.sound-cta-button-wrapper, .talent-cta-button-wrapper {
   			margin-top: 130px;
   		}

   		#lighting-cta-button, #sound-cta-button, #talent-cta-button {
   			display: block;
   			position: relative;
   			width: 78vw;
   			margin: 0 auto;
   			padding: 15px 10px;
   			cursor: pointer;
   			border: 1px solid #333;
   			background: #333;
   			border-radius: 2px;
   		    font-family: brandon-grotesque,sans-serif;
   		    font-size: 0.85em;
   		    font-weight: 400;
   		    line-height: 17px;
   		    color: #fff;
   		    text-transform: uppercase;
   		    letter-spacing: 2px;
   		    text-decoration: none;
   		    text-align: center;
   		    z-index: 2000;
   		    margin-bottom: 10vh;
   		    transition: all 0.2s ease-out;
   		}

   		#lighting-cta-button:hover, #sound-cta-button:hover, #talent-cta-button:hover {
   			background: #fff;
   			color: #333;
   			transition: all 0.2s ease-out;
   		}

   		/*#lighting-cta-button, #sound-cta-button, #talent-cta-button {
   			width: 300px;
   			height: 80px;
   			padding: 10px;
   			border: 1px solid #333;
   			border-radius: 2px;
   			background: #333;
   			color:#fff;
   			position: absolute;
   			z-index: 2000;
   			font-family: "brandon-grotesque", sans-serif;
   			font-weight: 300;
   			font-size: 1em;
   			letter-spacing: 3px;
   			text-transform: uppercase;
   			margin-bottom: 10vh;
   			transition: all 0.2s ease-out;
   		}

   		#lighting-cta-button:hover, #sound-cta-button:hover, #talent-cta-button:hover {
   			background: transparent;
   			color: #333;
   			transition: all 0.2s ease-out;
   		}
   	/*END CTA BUTTON STYLES*/

  /*START INSTAGRAM FOOTER STYLES*/
	  .instagram-footer {
	    position: relative;
	    margin-top: 0;
	    width: 100vw;
	    overflow-x: hidden;
	    font-weight: 300;
	    color: #fff;
	  }
	  
	  .instagram-feed {
	    position: relative;
	    margin-top: 30px;
	    width: 100vw;
	    height: 20vw;
	    overflow: hidden !important;
	    background: #333;
	  }
	  
	  .instagram-wrapper {
	    position: relative;
	    width: 100%;
	    height: 100%;
	  }
	  
	  .instagram-link {
	    position: relative;
	    display: inline-block;
	    width: 20vw;
	    height: 20vw;
	    background: #333;
	    overflow: hidden !important;
	    color: #f1f1f1;
	    font-weight: 300;
	    cursor: pointer;
	  }
	  
	  .instagram-img {
	    position: relative;
	    display: block;
	    cursor: pointer;
	  }

	  .instagram-img-landscape {
	  	height: 20vw;
	  	width: auto;
	  	transform: translateX(-20%);
	  }

	  .instagram-img-portrait {
	  	width: 20vw;
	  	height: auto;
	  }

	  .instagram-img-square {
	  	width: 21vw;
	  	height: 21vw;
	  	transform: translateY(-5%);
	  }

	  .instagram-overlay {
	  	position: absolute;
	  	z-index: 500;
	  	background: rgba(0,0,0,0.85);
	  	width: 20vw;
	  	height: 20vw;
	  	top: 0;
	  	left: 0;
	  	overflow: hidden;
	  	opacity: 0;
	  	-webkit-filter: blur(5px);
	  	filter: blur(5px);
	  	transform: scale(0.95);
	  	transform-origin: center middle;
	  	transition: all 0.2s ease-out;
	  	cursor: pointer;
	  }

	  .instagram-link:hover > .instagram-overlay {
	  	opacity: 1;
	  	-webkit-filter: blur(0);
	  	filter: blur(0);
	  	transform: scale(1);
	  	transform-origin: center middle;
	  	transition: all 0.2s ease-out;
	  }

	  .instagram-play {
	  	position: absolute;
	  	display: block;
	  	margin: 0 auto;
	  	left: 0;
	  	right: 0;
	  	width: 20px;
	  	height: auto;
	  	margin-top: calc(10vw - 2px);
	  	transform: translateY(-50%);
	  }

	  .instagram-tags {
	  	position: absolute;
	  	display: block;
	  	margin: 0 auto;
	  	left: 0;
	  	right: 0;
	  	width: 18.5vw;
	  	margin-top: 12.5vw;
	  	text-align: center;
	  	line-height: 1.4em;
	  }

	  .instagram-likes {
	  	position: absolute;
	  	bottom: 12px;
	  	right: 12px;
	  }

	  .likes-icon {
	  	width: 13px;
	  	height: auto;
	  	position: relative;
	  	display: inline-block;
	  	float: left;
	  	transform: translateY(2px);
	  }

	  .likes-count {
	  	font-size: 0.85em;
	  	font-weight: 300;
	  	color: #f1f1f1;
	  	margin-left: 5px;
	  }

	  .instagram-date {
	  	position: absolute;
	  	bottom: 12px;
	  	left: 12px;
	  	opacity: 0.65;
	  	font-size: 0.85em;
	  }

	  .instagram-mark {
	  	position: absolute;
	  	display: block;
	  	width: 10px;
	  	height: auto;
	  	bottom: 10px;
	  	right: 10px;
	  	z-index: 400;
	  }
  /*END INSTAGRAM FOOTER STYLES*/

   	
   
/*ALL PAGES MOBILE LANDSCAPE STYLES*/

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

	.lines-pattern-img {
		opacity: 0.15;
	}

	/*MENU OVERLAY STYLES*/
		#trigger-overlay {
			left: 87vw;
			top: 8vh;
		}

		.menu-overlay nav {
			top: 32%;
			text-align: center;
		}

		.menu-overlay ul li {
			margin-bottom: 0;
			height: calc(100% / 12);
			min-height: 45px;
		}

		.menu-overlay nav ul li a {
			font-size: 30px;
			padding: 3px;
			max-width: 80vw;
		}
	/*END MENU OVERLAY STYLES*/

	/*START LANDING HEADER STYLES*/
		.header-title {
			margin-top: 40px;
		}

		.subheader-text {
			margin-top: 15px;
		}

		.header-divider {
			margin-top: 5px;
		}

		.header-definition {
			opacity: 0;
			transition: opacity 0.2s ease-out;
		}
	/*END LANDING HEADER STYLES*/

	/*START CAPABILITIES GALLERY STYLES*/
		.capabilities-gallery {
			width: 455px;
			height: auto;

		}

		.capabilities-gallery-img {
			width: 225px;
			height: auto;
		}
	/*END CAPABILITIES GALLERY STYLES*/


	  /*START INSTAGRAM FOOTER STYLES*/
		  .instagram-feed {
		    margin-top: 40px;
		    height: 12.5vw;
		  }
		  
		  .instagram-link {
		    width: 12.5vw;
		    height: 12.5vw;
		  }

		  .instagram-img-landscape {
		  	height: 12.5vw;
		  	width: auto;
		  	transform: translateX(-20%);
		  }

		  .instagram-img-portrait {
		  	width: 12.5vw;
		  	height: auto;
		  }

		  .instagram-img-square {
		  	width: 13.5vw;
		  	height: 13.5vw;
		  	transform: translateY(-5%);
		  }

		  .instagram-overlay {
		  	width: 12.5vw;
		  	height: 12.5vw;
		  }

		  .instagram-play {
		  	width: 20px;
		  	height: auto;
		  	margin-top: calc(6.25vw - 2px);
		  	transform: translateY(-50%);
		  }

		  .instagram-tags {
		  	width: 10.5vw;
		  	margin-top: 4.5vw;
		  	text-align: center;
		  	line-height: 1.4em;
		  }

		  .instagram-likes {
		  	position: absolute;
		  	bottom: 12px;
		  	right: 12px;
		  }
	  /*END INSTAGRAM FOOTER STYLES*/

}
/*ALL PAGES TABLET PORTAIT STYLES*/

@media screen and (min-width: 750px) and (max-height: 400px) {

	.lines-pattern-img {
		opacity: 0.15;
	}

	/*START MENU OVERLAY*/
		.menu-overlay nav {
			text-align: left;
			top: 40%;
			height: 60%;
		}

		.menu-overlay ul li {
			margin-bottom: 0;
			height: calc(100% / 12);
			min-height: 40px;
		}

		.menu-overlay nav ul.nav li a {
			font-size: 30px;
			padding: 3px;	
		}

		.menu {
			width: 80px;
			height: 90px;
		}

		.menu-overlay .overlay-close {
			width: 90px;
			height: 90px;
		}
	/*END MENU OVERLAY*/

	/*START LOGO SHORTCUT STYLES*/
		.logo-shortcut-img {
			width: 70px;
			height: auto;
		}
	/*END LOGO SHORTCUT STYLES*/

	/*START FOOTER STYLES*/
		.footer-link {
			width: 22px;
			height: 22px;
			margin-right: 40px;
		}

		.social-icon-footer {
			width: 22px;
			height: 22px;
		}

		.footer-social-wrapper {
			width: 355px;
		}
	/*END FOOTER STYLES*/

	/*START LANDING HEADER STYLES*/

		.header-text {
			font-size: 5em;
			letter-spacing: 3px;
		}

		.header-divider {
			width: 60px;
			height: auto;
			margin: 0 auto;
			margin-top: 20px;
		}

		.header-divider-img {
			width: 60px;
			height: auto;
		}

		.subheader-text {
			font-size: 1em;
			margin-top: 20px;
			margin-bottom: 5px;
		}

		.header2-text {
			font-size: 3em;
			letter-spacing: 3px;
		}

		.header-definition {
			width: 300px;
			margin: 0 auto;
			margin-top: 30px;
			padding-left: 40px;
			opacity: 0;
			transition: opacity 0.2s ease-out;
		}

		.header-quotation {
			width: 80px;
			height: auto;
			margin-left: -55px;
			margin-top: -10px;
		}

		.definition-text {
			font-size: 1.25em;
		}

		.header-scroll {
			width: 140px;
			height: auto;
			bottom: 4vh;
		}

		.header-scroll-img {
			width: 140px;
			height: auto;
		}
	/*END LANDING HEADER STYLES*/

   /*START SECTION HEADER STYLES*/

	   	.section-header {
	   	  font-size: 3em;
	   	  letter-spacing: 2px;
	   	  margin-top: 20px;
	   	  margin-bottom: 20px;
	   	}

	   	.section-subheader {
	   	  font-size: 1.25em;
	   	  width: 70vw;
	   	}

	   	.section-subheader2 {
	   	  font-size: 1.2em;
	   	  letter-spacing: 3px;
	   	  line-height: 1.75em;
	   	  margin-bottom: 10px;
	   	}

	   	.section-intro-content {
	   		width: 70vw;
	   		margin-top: 20px;
	   		font-size: 1.2em;
	   		line-height: 1.4em;
	   	}

	   	.section-intro-expand {
	   		letter-spacing: 3px;
	   		font-size: 0.85em;
	   		margin-top: 20px;
	   	}

	   	.section-intro-content-subheader {
	   		letter-spacing: 1px;
	   		font-size: 1em;
	   		padding-bottom: 5px;
	   	}

	   	.packages-skip-link {
	   		margin-top: 0;
	   	}

	   	.packages-skip-arrow {
	   		width: 80px;
	   		height: auto;
	   		margin-top: 20px;
	   	}
   /*END SECTION HEADER STYLES*/

   /*START CAPABILITIES/PACKAGES SECTION STYLES*/

	   .packages-h2 {
	   	padding-left: 40px;
	   }

	   .packages-arrow {
	   	width: 15px;
	   }

	   .packages-arrow img {
	   	width: 15px;
	   	height: auto;
	   }

	   .packages h2 {
	   	font-size: 2em;
	   	letter-spacing: 2px;
	   	padding-top: 10px;
	   }

	   .desc {
	   	font-size: 1.2em;
	   	line-height: 1.4em;
	   	padding-left: 60px;
	   	width: calc(80vw - 60px);
	   }
   /*END CAPABILITIES/PACKAGES SECTION STYLES*/

   	/*START CAPABILITIES GALLERY STYLES*/

	   	.capabilities-gallery {
	   		width: 650px;
	   		height: auto;
	   		margin-top: 30px;

	   	}

	   	.capabilities-gallery-img {
	   		width: 320px;
	   		height: auto;
	   	}
   	/*END CAPABILITIES GALLERY STYLES*/

   	/*START CTA BUTTON*/
   		.lighting-cta-button-wrapper, .sound-cta-button-wrapper, .talent-cta-button-wrapper {
   			width: 400px;
   			height: 80px;
   		}

   		#lighting-cta-button, #sound-cta-button, #talent-cta-button {
   			width: 400px;
   			height: 60px;
   			font-size: 17px;
   		}
   	/*END CTA BUTTON*/

}
/*ALL PAGES TABLET PORTAIT STYLES*/


@media screen and (min-width: 750px) and (min-height: 400px) {

		.lines-pattern-img {
			opacity: 0.15;
		}

	/*START MENU OVERLAY*/
		.menu-overlay nav {
			text-align: left;
			top: 40%;
			height: 60%;
		}

		.menu-overlay ul li {
			margin-bottom: 10px;
			height: calc(100% / 6);
			min-height: 54px;
		}

		.menu-overlay nav ul.nav li a {
			font-size: 75px;	
		}

		.menu {
			width: 80px;
			height: 90px;
		}

		.menu-overlay .overlay-close {
			width: 90px;
			height: 90px;
		}
	/*END MENU OVERLAY*/

	/*START LOGO SHORTCUT STYLES*/
		.logo-shortcut-img {
			width: 90px;
			height: auto;
		}
	/*END LOGO SHORTCUT STYLES*/

	/*START FOOTER STYLES*/
		.footer-link {
			width: 22px;
			height: 22px;
			margin-right: 40px;
		}

		.social-icon-footer {
			width: 22px;
			height: 22px;
		}

		.footer-instagram {
			width: 20px;
			height: auto;
		}

		.footer-social-wrapper {
			width: 355px;
		}
	/*END FOOTER STYLES*/

	/*START LANDING HEADER STYLES*/

		.header-text {
			font-size: 5em;
			letter-spacing: 3px;
		}

		.header-divider {
			width: 60px;
			height: auto;
			margin: 0 auto;
			margin-top: 20px;
		}

		.header-divider-img {
			width: 60px;
			height: auto;
		}

		.subheader-text {
			font-size: 1em;
			margin-top: 20px;
			margin-bottom: 5px;
		}

		.header2-text {
			font-size: 3em;
			letter-spacing: 3px;
		}

		.header-definition {
			width: 300px;
			margin: 0 auto;
			margin-top: 30px;
			padding-left: 40px;
		}

		.header-quotation {
			width: 80px;
			height: auto;
			margin-left: -55px;
			margin-top: -10px;
		}

		.definition-text {
			font-size: 1.25em;
		}

		.header-scroll {
			width: 180px;
			height: auto;
			bottom: 8.5vh;
		}

		.header-scroll-img {
			width: 180px;
			height: auto;
		}
		.header-definition {
			opacity: 1;
			transition: opacity 0.2s ease-out;
		}
	/*END LANDING HEADER STYLES*/

   /*START SECTION HEADER STYLES*/

	   	.section-header {
	   	  font-size: 3em;
	   	  letter-spacing: 2px;
	   	  margin-top: 20px;
	   	  margin-bottom: 20px;
	   	}

	   	.section-subheader {
	   	  font-size: 1.25em;
	   	  width: 70vw;
	   	}

	   	.section-subheader2 {
	   	  font-size: 1.2em;
	   	  letter-spacing: 3px;
	   	  line-height: 1.75em;
	   	  margin-bottom: 10px;
	   	}

	   	.section-intro-content {
	   		width: 70vw;
	   		margin-top: 20px;
	   		font-size: 1.2em;
	   		line-height: 1.4em;
	   	}

	   	.section-intro-expand {
	   		letter-spacing: 3px;
	   		font-size: 0.85em;
	   		margin-top: 20px;
	   	}

	   	.section-intro-content-subheader {
	   		letter-spacing: 1px;
	   		font-size: 1em;
	   		padding-bottom: 5px;
	   	}

	   	.packages-skip-link {
	   		margin-top: 0;
	   	}

	   	.packages-skip-arrow {
	   		width: 80px;
	   		height: auto;
	   		margin-top: 20px;
	   	}
   /*END SECTION HEADER STYLES*/

   /*START CAPABILITIES/PACKAGES SECTION STYLES*/

	   .packages-h2 {
	   	padding-left: 40px;
	   }

	   .packages-arrow {
	   	width: 15px;
	   }

	   .packages-arrow img {
	   	width: 15px;
	   	height: auto;
	   }

	   .packages h2 {
	   	font-size: 2em;
	   	letter-spacing: 2px;
	   	padding-top: 10px;
	   }

	   .desc {
	   	font-size: 1.2em;
	   	line-height: 1.4em;
	   	padding-left: 60px;
	   	width: calc(80vw - 60px);
	   }
   /*END CAPABILITIES/PACKAGES SECTION STYLES*/

   	/*START CAPABILITIES GALLERY STYLES*/

	   	.capabilities-gallery {
	   		width: 650px;
	   		height: auto;
	   		margin-top: 30px;

	   	}

	   	.capabilities-gallery-img {
	   		width: 320px;
	   		height: auto;
	   	}
   	/*END CAPABILITIES GALLERY STYLES*/

   	/*START CTA BUTTON*/
   		.lighting-cta-button-wrapper, .sound-cta-button-wrapper, .talent-cta-button-wrapper {
   			width: 400px;
   			height: 80px;
   		}

   		#lighting-cta-button, #sound-cta-button, #talent-cta-button {
   			width: 400px;
   			height: 60px;
   			font-size: 17px;
   		}
   	/*END CTA BUTTON*/

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

   .lines-pattern-img {
      opacity: 0.15;
   }
	
	/*START MENU OVERLAY*/
		.menu-overlay nav ul.nav li a {
			font-size: 75px;	
		}

		.menu {
			width: 80px;
			height: 90px;
		}

		.menu-overlay .overlay-close {
			width: 90px;
			height: 90px;
		}
	/*END MENU OVERLAY*/

	/*START LANDING HEADER STYLES*/
		.header-definition {
			padding-left: 80px;
		}
		.definition-text {
			margin-left: 20px;
		}

		.header-quotation {
			margin-left: -45px;
		}
	/*END LANDING HEADER STYLES*/

   /*START CAPABILITIES/PACKAGES SECTION STYLES*/

	   .packages-h2 {
	   	padding-left: 60px;
	   }

	   .packages h2 {
	   	font-size: 2.5em;
	   	letter-spacing: 2px;
	   	padding-top: 10px;
	   }

	   .desc {
	   	font-size: 1.2em;
	   	line-height: 1.4em;
	   	padding-left: 80px;
	   	width: calc(80vw - 80px);
	   }
   /*END CAPABILITIES/PACKAGES SECTION STYLES*/

   /*START CTA BUTTON STYLES*/
   		/*.light-cta-button-wrapper, .sound-cta-button-wrapper, .talent-cta-button-wrapper {
   			width: 450px;
   			height: 80px;
   			padding: 10px;
   		}

   		#lighting-cta-button, #sound-cta-button, #talent-cta-button {
   			width: 450px;
   			height: 80px;
   			padding: 10px;
   			font-size: 1.5em;
   			letter-spacing: 3px;
   		}*/

   /*END CTA BUTTON STYLES*/

     /*START INSTAGRAM FOOTER STYLES*/
   	  .instagram-feed {
   	    height: 10vw;
   	  }
   	  
   	  .instagram-link {
   	    width: 10vw;
   	    height: 10vw;
   	  }

   	  .instagram-img-landscape {
   	  	height: 10vw;
   	  	width: auto;
   	  	transform: translateX(-20%);
   	  }

   	  .instagram-img-portrait {
   	  	width: 10vw;
   	  	height: auto;
   	  }

   	  .instagram-img-square {
   	  	width: 11vw;
   	  	height: 11vw;
   	  	transform: translateY(-5%);
   	  }

   	  .instagram-overlay {
   	  	width: 10vw;
   	  	height: 10vw;
   	  }

        .instagram-play {
         width: 20px;
         height: auto;
         margin-top: calc(5vw - 2px);
         transform: translateY(-50%);
        }

   	  .instagram-tags {
   	  	width: 8vw;
   	  	margin-top: 2.5vw;
   	  }

   	  .instagram-likes {
   	  	position: absolute;
   	  	bottom: 12px;
   	  	right: 12px;
   	  }
     /*END INSTAGRAM FOOTER STYLES*/

}
/*SOUND PAGE STYLESHEET*/

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

	.lines-pattern-img {
		opacity: 0.15;
	}

	/*START MENU OVERLAY*/
		.menu-overlay nav ul.nav li a {
			font-size: 75px;
			padding: 5px;	
		}

		#trigger-overlay {
			top: 5vh;
		    left: 92vw;
		}

		.menu {
			width: 80px;
			height: 90px;
		}

		.menu-overlay .overlay-close {
			width: 90px;
			height: 90px;
		}
	/*END MENU OVERLAY*/	

	/*START VERTICAL NAV*/
		.cd-nav-trigger {
		  display: none;
		}

		.cd-nav-trigger span {
			background-color: #999;
		}

		#cd-vertical-nav {
		  position: fixed;
		  right: 40px;
		  top: 50%;
		  bottom: auto;
		  -webkit-transform: translateY(-50%);
		  transform: translateY(-50%);
		  z-index: 100;
		  overflow-y: hidden;
		  background-color: transparent;
		}
		#cd-vertical-nav li {
		  text-align: right;
		}
		#cd-vertical-nav .vertical-nav-link {
		  display: inline-block;
		  background: transparent;
		  border-bottom: none;
		  /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */
		  -webkit-backface-visibility: hidden;
		  backface-visibility: hidden;
		}

		#cd-vertical-nav .vertical-nav-link.is-selected {
			background: transparent;
		}

		#cd-vertical-nav .vertical-nav-link span:last-child {
			letter-spacing: 3px;
		}

		#cd-vertical-nav .vertical-nav-link.is-selected span:last-child {
			color: #333;
		}

		#cd-vertical-nav .vertical-nav-link:nth-child(3).is-selected span:last-child {
			color: #fff;
		}

		.vertical-nav-link.is-selected .cd-label {
			color: #333;
		}

		.vertical-nav-link:nth-child(3).is-selected .cd-label {
			color: #fff;
		}

		#cd-vertical-nav .vertical-nav-link:after {
		  content: "";
		  display: table;
		  clear: both;
		}
		#cd-vertical-nav .vertical-nav-link span {
		  float: right;
		  display: inline-block;
		  color: #999;
		  cursor: pointer;
		  -webkit-transform: scale(0.6);
		  transform: scale(0.6);
		}
		#cd-vertical-nav .vertical-nav-link:hover span {
		  -webkit-transform: scale(1);
		  transform: scale(1);
		}

		#cd-vertical-nav .vertical-nav-link:hover span.cd-dot {
			-webkit-transform: scale(1) rotate(45deg);
		  	transform: scale(1) rotate(45deg);
		}

		#cd-vertical-nav .vertical-nav-link:hover .cd-label {
		  opacity: 1;
		}

		#cd-vertical-nav .vertical-nav-link span:first-child {
		  display: inline-block;
		}

		#cd-vertical-nav .vertical-nav-link .cd-dot {
			border: 1px solid #333;
			background-color: transparent;
			padding: 1.75px;
			-webkit-transform: scale(0.6) rotate(45deg);
		  transform: scale(0.6) rotate(45deg);
		}

		#cd-vertical-nav .vertical-nav-link.is-selected .cd-dot {
		  background-color: #333;
		}

		#cd-vertical-nav .cd-dot {
		  position: relative;
		  /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
		  top: 4px;
		  height: 12px;
		  width: 12px;
		  border-radius: 0;
		  background-color: #999;
		  -webkit-transform: rotate(45deg);
		  transform: rotate(45deg);
		  transition: background-color 0.5s, -webkit-transform 0.2s;
		  transition: transform 0.2s, background-color 0.5s;
		  transition: transform 0.2s, background-color 0.5s, -webkit-transform 0.2s;
		  -webkit-transform-origin: 50% 50%;
		  transform-origin: 50% 50%;

		}
		#cd-vertical-nav .cd-label {
		  position: relative;
		  margin-right: 10px;
		  padding: .4em .5em;
		  color: #333;
		  font-size: 14px;
		  font-size: 0.875rem;
		  transition: opacity 0.2s, -webkit-transform 0.2s;
		  transition: transform 0.2s, opacity 0.2s;
		  transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s;
		  opacity: 0;
		  -webkit-transform-origin: 100% 50%;
		  transform-origin: 100% 50%;
		}
	/*END VERTICAL NAV*/



	/*START CTA BUTTON*/
		.lighting-cta-button-wrapper, .sound-cta-button-wrapper, .talent-cta-button-wrapper {
			width: 350px;
			height: 80px;
		}

		#lighting-cta-button, #sound-cta-button, #talent-cta-button {
			width: 350px;
			height: 50px;
			font-size: 16px;
		}
	/*END CTA BUTTON*/


	/*START FOOTER STYLE*/
			.footer-link {
				width: 30px;
				height: 30px;
			}

			.social-icon-footer {
				width: 30px;
				height: 30px;
			}

			.footer-social-wrapper {
				width: 412px;
				height: auto;
				float: left;
				margin-left: 40px;
				margin-top: 30px;
			}

			.copyright {
				float: right;
				width: 30vw;
				margin-right: 5vw;
				text-align: right;
				margin-top: 40px;
				padding-top: 5px;
				opacity: 0.45;
				font-size: 0.75em;
			}
	/*END FOOTER STYLE*/

	/*START INSTAGRAM FOOTER STYLES*/
		.instagram-play {
			width: 30px;
			height: auto;
		}
	/*END INSTAGRAM FOOTER STYLES*/

}
/*HOME PAGE STYLESHEET*/

/*START GENERAL CSS*/
	/*START BACKGROUND STYLES*/
		.background-solid {
			position: fixed;
			z-index: -4;
			width: 100vw;
			height: 100%;
			overflow: hidden;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			background: #fff;
			transition: all 0.2s ease-out;
		}

		.background-solid.intro {
			background: #333;
			transition: all 0.2s ease-out;
		}

		.background-solid.landing {
			background: #fff;
			transition: all 0.2s ease-out;
		}
	/*END BACKGROUND STYLES*/

	/*START LOGO SHORTCUT*/
		.logo-shortcut-container {
			position: absolute;
			z-index: 2500;
			top: 80vh;
			left: 0;
			margin-top: 5vh;
			margin-left: 5.5vh;
		}
	/*END LOGO SHORTCUT*/

	/*START SECTION HEADER STYLES*/

		/*.page-section-number {
		  margin: 0 auto;
		  width: 30px;
		  height: auto;
		  margin-top: 50px;
		}

		.page-section-number::before {
		  content: '';
		  display: block;
		  position: absolute;
		  width: 30px;
		  height: 1px;
		  margin-left: -35px;
		  margin-right: 5px;
		  margin-top: 6.25px;
		  background: #333;
		}

		.page-section-number::after {
		  content: '';
		  display: block;
		  position: absolute;
		  width: 30px;
		  height: 1px;
		  margin-left: 38px;
		  margin-right: 0;
		  margin-top: -10.5px;
		  background: #333;
		}*/

		.section-subheader {
		  margin-bottom: 10px;
		}

		.block-divider {
		  margin: 0 auto;
		  margin-top: 20px;
		}
	/*END SECTION HEADER STYLES*/
/*END GENERAL CSS*/

/*START INTRO SECTION STYLES*/
	.intro-container {
		width: 100vw;
		height: 80vh;
	}

	.home-bg-video-container {
		min-width: 100vw;
		min-height: 100vh;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		height: auto;
		position: absolute;
		z-index: -1;
		opacity: 0;
		display: none;
		transition: all 0.2s ease-in;
	}

	.home-bg-video-overlay {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		height: auto;
		position: absolute;
		z-index: -1;
		opacity: 0;
		display: none;
		transition: all 0.2s ease-in;
	}

	#home-bg-video {
		min-width: 100vw;
		min-height: 100vh;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		height: auto;
		position: absolute;
		z-index: -1;
		opacity: 0;
		display: none;
		transition: all 0.2s ease-in;
	}

	.home-intro-text {
		padding-top: 30vh;
		width: 90vw;
		text-align: center;
		margin: 0 auto;
		margin-top: 20px;
		font-weight: 900;
		font-size: 2.5em;
		color: #f1f1f1;
		text-transform: uppercase;
		letter-spacing: -2px;
		word-spacing: 8px;
		transition: all 0.2s ease-out;
	}

	.home-intro-text.landing {
		color: #333;
		transition: all 0.2s ease-out;
	}

	.intro-div {
		width: 100px;
		height: 2px;
		background: #f1f1f1;
		margin: 10px auto;
		transition: all 0.2s ease-out;
	}

	.intro-div.landing {
		background: #333;
		transition: all 0.2s ease-out;
	}

	.home-intro-subtext {
		width: 90vw;
		margin: 15px auto;
		text-align: center;
		font-size: 0.85em;
		line-height: 1.2em;
		color: #f1f1f1;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 2px;
		transition: all 0.2s ease-out;
	}

	.home-intro-subtext.landing {
		color: #333;
		transition: all 0.2s ease-out;
	}
/*END INTRO SECTION STYLES*/

/*START LANDING SECTION STYLES*/
	.landing-container {
		width: 100vw;
		min-height: 90vh;
		height: 90vh;
		overflow: hidden;
		margin-top: 80px;
	}

	.logo-landing-wrapper {
		width: 80vw;
		height: auto;
		margin: 0 auto;
		margin-top: 80px;
	}

	.logo-landing-img {
		width: 80vw;
		height: auto;
		margin: 0 auto;
	}
/*END LANDING SECTION TITLES*/

/*START CORE SECTION STYLES*/
	.core-content {
		position: relative;
		width: 90vw;
		height: auto;
		margin: 0 auto;
		margin-top: 20px;
		font-weight: 300;
		font-size: 1em;
		color: #333;
		line-height: 1.2em;
		text-align: center;
	}

	.core-contact-cta {
		display: block;
		position: relative;
		width: 78vw;
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 20px;
		padding: 10px;
		cursor: pointer;
		border: 1px solid #333;
		background: #333;
		border-radius: 2px;
	    font-family: 'brandon-grotesque',sans-serif;
	    font-size: 70.25%;
	    font-weight: 400;
	    line-height: 17px;
	    color: #fff;
	    text-transform: uppercase;
	    letter-spacing: 2px;
	    text-decoration: none;
	    text-align: center;
	}

	.core-contact-cta:hover {
		background: #fff;
		color: #333;
		transition: all 0.2s ease-out;
	}
/*END CORE SECTION STYLES*/

/*START BIO SECTION STYLES*/
	.bios-container {
		position: relative;
		margin-top: 80px;
		width: 100vw;
		height: auto;
	}

	/*START BIO DIAMOND GRID*/
	    #diamond-grid-container {
	      width: 290px;
	      height: 905px;
	      margin: 0 auto;
	      margin-top: 55px;
	      overflow: hidden;
	      position: relative;
	      z-index: 900;
	    }

	    .diamond-grid-wrapper {
	    	margin: 0 auto;
	    	margin-top: -65px;
	    	padding-top: 0;
	    	width: 100%;
	    	height: 100%;
	    	overflow: hidden;
	    	padding-left: 10px;
	    	padding-right: 10px;
	    }

        .item {
        	padding: 0;
        	margin: 0;
            display: block;
            width: 180px;
            height: 91px;
            cursor: pointer;
            position: relative;
            z-index: 10;
            -webkit-transform: scale(1) translateX(0) translateY(0);
            transform: scale(1) translateX(0) translateY(0);
	    	transition: all 0.2s ease-out;
        }

        .item:nth-child(2n) {
            margin-right: 380px;
            margin-left: 30px;
        }

        .item:nth-child(2n+1) {
            margin-right: 380px;
            margin-left: 120px;
        }

	    .diamond {
	      width: 130px;
	      height: 130px;
	      overflow: hidden;
	      -webkit-transform: rotate(45deg);
	      transform: rotate(45deg);
	      transition: all 0.2s ease-out;
	    }

	    .diamond-image {
	    	width: 190px;
	    	height: 190px;
	    	-webkit-filter: blur(0);
	    	filter: blur(0);
	      	-webkit-transform: rotate(-45deg) translateY(-40px);
		    transform: rotate(-45deg) translateY(-40px);
		    transition: all 0.2s ease-out;
		    transition-delay:(0.1s);
	    }

	    .diamond-image.kate-diamond {
	      	-webkit-transform: rotate(-45deg) translateY(-50px);
		    transform: rotate(-45deg) translateY(-50px);
	    }

	    .diamond-image.blurred {
	      -webkit-filter: blur(5px);
	      filter: blur(5px);
	      transition: all 0.2s ease-out;
	      transition-delay:(0.1s);
	    }

	    .fill {
	      background-color: #333333;
	      width: 190px;
	      height: 190px;
	      cursor: default !important;
	    }

	    .item.zoom-in {
	    	position: relative;
	    	z-index: 200;
	    }

	    .item:nth-child(even).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(20px) translateY(0);
	    	transform: scale(1.25) translateX(20px) translateY(0);
	    	transition: all 0.2s ease-out;
	    }

	    .item:nth-child(odd).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(-20px) translateY(0);
	    	transform: scale(1.25) translateX(-20px) translateY(0);
	    	transition: all 0.2s ease-out;
	    }

	    .item:nth-child(2).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(20px) translateY(20px);
	    	transform: scale(1.25) translateX(20px) translateY(20px);
	    	transition: all 0.2s ease-out;
	    }

	    .item.zoom-in > .diamond {
	    	box-shadow: 1px 2px 3px rgba(0,0,0,0.35);
	    	transition: all 0.2s ease-out;
	    }

	    .diamond-overlay-close {
	      position: absolute;
	      z-index: 400;
	      width: 20px;
	      height: 20px;
	      padding: 10px;
	      margin-top: 100px;
	      margin-left: 45px;
	      -webkit-transform-origin: center;
	              transform-origin: center;
	      -webkit-transform: rotate(-45deg);
	              transform: rotate(-45deg);
	      transition: all 0.2s ease-out;
	    }

	    .diamond-overlay-close.view-less {
	      -webkit-transform-origin: center;
	              transform-origin: center;
	      -webkit-transform: rotate(0);
	              transform: rotate(0);
	      transition: all 0.2s ease-out;
	    }

	    .diamond-overlay {
	      position: absolute;
	      display: block;
	      z-index: 300;
	      -webkit-transform: translateX(0) translateY(0);
	              transform: translateX(0) translateY(0);
	    }

	    .diamond-overlay-text-container {
	      position: absolute;
	      z-index: 310;
	      width: 130px;
	      height: 130px;
	      display: inline-block;
	      text-align: center;
	    }

	    .diamond-overlay-text {
	      
	      display: inline-block;
	    }

	    .diamond-overlay-text-name {
	      display: inline-block;
	      width: 120px;
	      height: 45px;
	      margin: 0 auto;
	      margin-top: 40px;
	      color: #fff;
	      font-weight: 900;
	      font-size: 1em;
	      letter-spacing: 0.5px;
	      -webkit-transform: rotate(-45deg);
	              transform: rotate(-45deg);
	    }

	    .diamond-overlay-div {
	      display: inline-block;
	      width: 32.5px;
	      height: 1px;
	      background: #fff;
	      -webkit-transform: rotate(-45deg) translateX(21px) translateY(0);
	              transform: rotate(-45deg) translateX(21px) translateY(0);
	    }

	    .diamond-overlay-text-position {
	      display: inline-block;
	      width: 190px;
	      height: auto;
	      margin: 0 auto;
	      text-align: center;
	      color: rgba(255,255,255,0.5);
	      font-weight: 300;
	      font-size: 0.5em;
	      letter-spacing: -0.005em;
	      -webkit-transform: rotate(-45deg) translateY(-20px);
	              transform: rotate(-45deg) translateY(-20px);
	    }

	    .diamond-overlay::before {
	      content: '';
	      color: #fff;
	      position: absolute;
	      display: inline-block;
	      width: 130px;
	      height: 130px;
	      background: #333;
	      opacity: 0.85;
	      -webkit-transform: translateX(0) translateY(0);
	              transform: translateX(0) translateY(0);
	      z-index: 300;
	    }
	/*END BIO DIAMOND GRID*/
/*END CORE SECTION STYLES*/

/*START MEDIA CONTAINER*/

	.media-container {
		width: 100vw;
		height: auto;
		left: 0;
		margin-top: -8vh;
		overflow-x: hidden;
	}

	/*START PHOTO GALLERY STYLES*/
		.photo-gallery-container {
			width: 100vw;
			height: auto;
			overflow: hidden;
			margin-top: 20px;
		}

		.media-img-container {
			display: inline-block;
			position: relative;
			width: 49.25vw;
			height: 49.25vw;
			overflow: hidden;
			margin: 0;
			-webkit-transform: scale(1) translateX(0) translateY(0);
			transform: scale(1) translateX(0) translateY(0);
			transition: all 0.2s;
			cursor: pointer;
		}

		/*.media-img {
			width: 90vw;
			height: auto;
			-webkit-transform: translateX(-25%) translateY(0);
			transform: translateX(-25%) translateY(0);
			transition: all 0.2s;
		}*/

		.media-img.landscape {
			height: 60vw;
			width: auto;
			-webkit-transform: translateX(-25%) translateY(0);
			transform: translateX(-25%) translateY(0);
			transition: all 0.2s;
		}

		.media-img.portrait {
			width: 60vw;
			height: auto;
			-webkit-transform: translateX(0) translateY(-25%);
			transform: translateX(0) translateY(-25%);
			transition: all 0.2s;
		}

		.media-img-container.zoom {
			box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.25);
			transition: all 0.2s;	
		}

		.media-img-container:first-child.zoom {
			z-index: 200;
			-webkit-transform: scale(1.75) translateX(28%) translateY(25%);
			transform: scale(1.75) translateX(28%) translateY(25%);
			transition: all 0.2s;		
		}

		.media-img-container:nth-child(2).zoom {
			z-index: 200;
			-webkit-transform: scale(1.75) translateX(-28%) translateY(25%);
			transform: scale(1.75) translateX(-28%) translateY(25%);
			transition: all 0.2s;		
		}

		.media-img-container:nth-child(3).zoom {
			z-index: 200;
			-webkit-transform: scale(1.75) translateX(28%) translateY(-25%);
			transform: scale(1.75) translateX(28%) translateY(-25%);
			transition: all 0.2s;		
		}

		.media-img-container:nth-child(4).zoom {
			z-index: 200;
			-webkit-transform: scale(1.75) translateX(-28%) translateY(-25%);
			transform: scale(1.75) translateX(-28%) translateY(-25%);
			transition: all 0.2s;		
		}

		.media-img.img01.zoom {
			-webkit-transform: translateX(-20%) translateY(0);
			transform: translateX(-20%) translateY(0);
			transition: all 0.2s;	
		}


		.blurred {
			-webkit-filter: blur(10px);
			-moz-filter: blur(10px);
			filter: blur(10px);
			opacity: 0.5;
			background-image: radial-gradient(circle rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 40%);
			transition: all 0.2s ease-out;
		}


		.gallery-page-link {
			display: block;
			position: relative;
			width: 78vw;
			margin: 0 auto;
			margin-top: 20px;
			padding: 10px;
			cursor: pointer;
			border: 1px solid #333;
			background: #333;
			border-radius: 2px;
		    font-family: brandon-grotesque,sans-serif;
		    font-size: 70.25%;
		    font-weight: 400;
		    line-height: 17px;
		    color: #f1f1f1;
		    text-transform: uppercase;
		    letter-spacing: 2px;
		    text-decoration: none;
		    text-align: center;
		}

		.gallery-page-link:hover {
			background: #fff;
			color: #333;
			transition: all 0.2s ease-out;
		}


		.instagram-feed-container {
			display: none;
		}
	/*END PHOTO GALLERY STYLES*/

	.blog-spacer {
		width: 100vw;
		height: 20px;
		transition: all 0.2s ease-out;
	}

	/*START BLOG POSTS CONTAINER*/

		.blog-post {
			width: 100vw;
			margin: 0;
			height: 100px;
			overflow: hidden;
			margin-top: 20px;
			cursor: pointer;
		}

		.overlay {
			position: absolute;
			background-color: #fff;
			opacity: 0.85;
			z-index: -1;
			width: 100vw;
			height: 95px;
			margin: 0 auto;
			left: 0;
			right: 0;
			margin-top: 50px;
		}

		.post-bg-image {
			position: absolute;
			z-index: -2;
			margin-top: 50px;
			left: 1px;
			right: 0;
			width: 100vw;
			height: 95px;
			overflow: hidden;
		}

		.post-bg-image-wrapper {
			width: 100vw;
			height: 95px;
			position: relative;
			margin: 0;
			overflow: hidden;
		}

		.post-bg-image img {
			width: 100vw;
			height: auto;
			margin-top: 0;
		}

		.blog_image {
			width: 100vw;
			height: 0;
			margin-top: 0;
		}

		.month-year-container {
			font-family: "brandon-grotesque", sans-serif;
			text-transform: uppercase;
			display: inline-block;
			margin-top: 60px;
			margin-left: 20px;
			text-align: right;
			z-index: 50;
			color: rgba(51,51,51,0.35);

		}

		.month {
			font-size: 1.5em;
			float: left;
			display: inline-block;
			z-index: 50;
			font-weight: 900;
		}

		.year {
			font-size: 0.75em;
			letter-spacing: 4px;
		}

		.date-num-container {
			width: 10px;
			height: 100px;
			overflow: hidden;
			padding-top: 30px;
			padding-left: 20px;
			padding-right: 60px;
			margin-right: 20px;
			float: right;
			z-index: 100;
		}


		.date-num-wrapper {
			width: 80px;
			height: auto;
			margin-top: 0;
			padding-bottom: 0;

			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
		}

		.diag-line-container {
			position: absolute;
			padding-top: 30px;
			padding-left: 25px;
		}

		.diag-line {
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			height: 40px;
			width: auto;
		}



		.diamond-fill {
			margin: 0 auto;
			width: 40px;
			height: 40px;
			background-color: #333;
			color: #fff;
		}


		.text-wrapper {
			padding-top: 4px;
			padding-left: 4px;
		}


		.number-text {
			font-size: 1.75em;
			font-family: "brandon-grotesque", sans-serif;
			font-weight: 700;
			letter-spacing: 1px;
			color: #eee;
			z-index: 100;

			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}


		.fill-rect {
			width: 15px;
			height: 100px;
			background-color: #333;
			position: relative;
			float: left;
			top: 40px;
			left: 10px;

		}

		.blog-title-container {
			font-family: "brandon-grotesque", sans-serif;
			text-transform: uppercase;
			position: absolute;
			width: 90vw;
			padding: 0;
			margin: 0 auto;
			margin-top: -10px;
			left: 0;
			right: 0;
			color: #333;
			z-index: 500;
			text-align: center;
		}

		.title {
			color: #333;
			font-size: 1em;
			letter-spacing: 3px;
			font-weight: 400;
			display: inline-block;
			width: 60vw;
			margin: 0 auto;
		}

		.author {
			margin-top: 5px;
			font-size: 0.5em;
			text-transform: uppercase;
			letter-spacing: 2px;
		}
	/*END BLOG POSTS CONTAINER*/
/*END MEDIA CONTAINER*/

/*START CONTACT CONTAINER*/

	/*START CONTACT INFO SECTION*/
			.contact-container {
				position: relative;
				margin-top: 100px;
				padding-top: 5vh;
				width: 100vw;
				overflow-x: hidden;
			}

			.contact-info-container {
				width: 100vw;
				display: inline-block;
				text-align: left;
				margin-top: 50px;
			}

			.social-media-container {
				width: 73vw;
				position: relative;
				margin: 0 auto;
				margin-bottom: 5vh;
			}

			.contact-container h2 {
				font-family: "brandon-grotesque", sans-serif;
				font-size: 1.5em;
				letter-spacing: 3px;
				text-transform: uppercase;
				font-weight: 500;
				padding-left: 20px;
				padding-bottom: 20px;
				color: #333;
			}

			#social-media-icons {
				position: relative;
				display: inline-block;
				width: 73vw;
			}

			#instagram-link, #facebook-link, #flickr-link, #pinterest-link {
				position: relative;
				width: 53px;
				height: 53px;
				margin-right: 5px;
				overflow: hidden;
			}

			.social-icons {
				position: relative;
				display: inline-block;
				width: 53px;
				height: auto;
				opacity: 1;
				transition: all 0.2s ease-out;
			}

			#flickr {
				width: 53px;
				height: auto;
			}

			#flickr-hl {
				width: 53px;
				height: auto;
			}

			.social-icons-hl {
				position: absolute;
				left: 0;
				width: 53px;
				height: auto;
				opacity: 0;
				transition: all 0.2s ease-out;
			}

			#instagram-link:hover > #instagram, #facebook-link:hover > #facebook, #flickr-link:hover > #flickr, #pinterest-link:hover > #pinterest {
				opacity: 0;
				transition: all 0.2s ease-out;
			}

			#instagram-link:hover > #instagram-hl, #facebook-link:hover > #facebook-hl, #flickr-link:hover > #flickr-hl, #pinterest-link:hover > #pinterest-hl {
				opacity: 1;
				transition: all 0.2s ease-out;
			}

			#phone-link {
				position: relative;
				display: block;
				clear: both;
			}

			#phone {
				width: 13px;
				height: auto;
				position: relative;
				display: inline-block;
				float: left;
				opacity: 1;
				z-index: 10;
				cursor: pointer;
				transition: all 0.2s ease-out;
			}

			#phone-hl {
				position: absolute;
				top: 0;
				left: 0;
				width: 13px;
				height: auto;
				cursor: pointer;
				z-index: 1;
				opacity: 0;
				cursor: pointer;
				transition: all 0.2s ease-out;
			}

			#phone-link:hover > #phone {
				opacity: 0;
				transition: all 0.2s ease-out;
			}

			#phone-link:hover > #phone-hl {
				opacity: 1;
				transition: all 0.2s ease-out;
			}

			.phone-text {
				position: relative;
				display: inline-block;
				font-family: "brandon-grotesque", sans-serif;
				font-size: 1em;
				font-weight: 300;
				letter-spacing: 0;
				color: #333;
				margin-left: 7px;
				transform: translateY(3.5px);
			}


			#email-link {
				position: relative;
				display: block;
				clear: both;
				margin-top: 12px;
			}

			#elysium-email {
				position: relative;
				display: inline-block;
				float: left;
				width: 18px;
				height: auto;
				opacity: 1;
				z-index: 10;
				cursor: pointer;
				transition: all 0.2s ease-out;
			}

			#elysium-email-hl {
				position: absolute;
				width: 18px;
				height: auto;
				top: 0;
				left: 0;
				opacity: 0;
				z-index: 1;
				transition: all 0.2s ease-out;
			}

			#email-link:hover > #elysium-email {
				opacity: 0;
				transition: all 0.2s ease-out;
			}

			#email-link:hover > #elysium-email-hl {
				opacity: 1;
				transition: all 0.2s ease-out;
			}

			.email-text {
				position: relative;
				display: inline-block;
				font-family: "brandon-grotesque", sans-serif;
				font-size: 1em;
				font-weight: 300;
				letter-spacing: 0;
				color: #333;
				margin-left: 7px;
				transform: translateY(1.5px);
			}


	/*END CONTACT INFO SECTION*/


	/*START CONTACT FORM SECTION*/

		.contact-form-container {
			position: relative;
			width: 100vw;
			height: auto;
			overflow-x: hidden;
			margin-bottom: 30px;
		}

		.contact-form-container.sending {
			overflow-y: hidden;
		}

		.form-container h2 {
			padding-bottom: 0;
		}

		.form-status {
			position: relative;
			width: 80%;
			height: auto;
			margin: 0 auto;
			margin-top: 15px;
			margin-bottom: 10px;
			font-family: brandon-grotesque,sans-serif;
			font-size: 70.25%;
			line-height: 17px;
			font-weight: 400;
			color: #333;
			opacity: 0.65;
			text-transform: uppercase;
			letter-spacing: 2px;
		}

		.status-text {
			line-height: 17px;
		}

		.contact-form {
			width: 80%;
			height: auto;
			margin: 0 auto;
			position: relative;
			opacity: 1;
			transition: all 0.2s ease-out;
		}

		.contact-form.sending {
			opacity: 0;
			transition: all 0.2s ease-out;
		}

		#recaptcha {
		  position: absolute;
		  opacity: 0;
		  visibility: hidden;
		}

		.contact-form input {
			font-family: "brandon-grotesque", sans-serif;
			font-size: 0.85em;
			font-weight: 300;
			text-transform: none;
			letter-spacing: 0;
			color: #333;
			margin-bottom: 10px;
			padding: 5px;
			border: 1px solid rgba(3,3,3,0.65);
			outline: none !important;
			background: transparent;
			box-shadow: none;
			border-radius: 2px;
			-webkit-appearance: none;
			width: 90%;
		}

		#message {
			font-family: "brandon-grotesque", sans-serif;
			font-size: 0.85em;
			font-weight: 300;
			text-transform: uppercase;
			letter-spacing: 1px;
			color: #333;
			width: 90%;
			height: 80px;
			padding: 5px;
			border: 1px solid rgba(3,3,3,0.65);
			background: transparent;
			outline: none !important;
			box-shadow: none;
			border-radius: 2px;
			-webkit-appearance: none;
		}

		#submit, #clear {
			outline: none;
			border-radius: 2px;
			font-family: "brandon-grotesque", sans-serif;
			font-weight: normal;
			text-transform: uppercase;
			display: block;
			width: 90%;
			margin-top: 10px;
			padding: 10px;
			letter-spacing: 2px;
			font-size: 70.25%;
			cursor: pointer;
			z-index: 1000;
			position: relative;
		}

		#submit {
			margin-top: 15px;
			background-color: #333;
			border: 1px solid #333;
			color: #fff;
		}

		#submit:hover {
			border: 1px solid #333;
			background: transparent;
			color: #333;
			transition: all 0.2s ease-out;
		}

		#submit:active {
			background-color: transparent;
			color: #333;
		}

		#clear {
			background-color: transparent;
			border: 1px solid #aaa;
			color: #aaa;
		}

		#clear:hover {
			background: #999;
			color: #f1f1f1;
			transition: all 0.2s ease-out;
		}

		#clear:active {
			background-color: #aaa;
			color: #fff;
		}

		::-webkit-input-placeholder {
		   color: rgba(7,7,7,0.5);
		   	font-family: "brandon-grotesque", sans-serif;
			font-size: 0.75em;
			font-weight: 300;
			text-transform: uppercase;
			letter-spacing: 0.05em;
		}

		:-moz-placeholder { /* Firefox 18- */
			color: rgba(7,7,7,0.5);
		  	font-family: "brandon-grotesque", sans-serif;
			font-size: 0.75em;
			font-weight: 300;
			text-transform: uppercase;
			letter-spacing: 0.05em; 
		}

		::-moz-placeholder {  /* Firefox 19+ */
			color: rgba(7,7,7,0.5);
		   	font-family: "brandon-grotesque", sans-serif;
			font-size: 0.75em;
			font-weight: 300;
			text-transform: uppercase;
			letter-spacing: 0.05em; 
		}

		:-ms-input-placeholder {  
			color: rgba(7,7,7,0.5);
		   	font-family: "brandon-grotesque", sans-serif;
			font-size: 0.75em;
			font-weight: 300;
			text-transform: uppercase;
			letter-spacing: 0.05em;
		}
	/*END CONTACT FORM SECTION*/

	/*START LOCATION SECTION*/

		.map-container {
			margin-top: 10px;
			margin-bottom: 5vh;
		}

		.address-container {
			position: relative;
			width: 73vw;
			margin: 0 auto;
		}


		.address-wrapper {
			position: relative;
			width: 100%;
			margin: 0 auto;
		}

		.google-maps {
			position: relative;
			display: block;
			width: 100%;
			margin: 0 auto;
		}

		#location {
			width: 13px;
			height: auto;
			position: relative;
			display: inline-block;
			float: left;
			opacity: 1;
			z-index: 10;
			cursor: pointer;
			transition: all 0.2s ease-out;
		}

		#location-hl {
			position: absolute;
			top: 0;
			left: 0;
			width: 13px;
			height: auto;
			cursor: pointer;
			z-index: 1;
			opacity: 0;
			cursor: pointer;
			transition: all 0.2s ease-out;
		}

		.location-text {
			position: relative;
			display: inline-block;
			font-family: "brandon-grotesque", sans-serif;
			font-size: 1em;
			line-height: 1.6em;
			font-weight: 300;
			letter-spacing: 0;
			color: #333;
			margin-left: 7px;
			transform: translateY(-3px);
		}

		.google-maps:hover > #location {
			opacity: 0;
			transition: all 0.2s ease-out;
		}


		.google-maps:hover > #location-hl {
			opacity: 1;
			transition: all 0.2s ease-out;
		}



	/*END LOCATION SECTION*/
/*END CONTACT CONTAINER*/


/*HOME PAGE STYLESHEET*/

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

	/*START LANDING SECTION STYLES*/
		.logo-landing-wrapper {
			width: 60vw;
			height: auto;
			margin-top: 40px;
		}

		.logo-landing-img {
			width: 60vw;
			height: auto;
		}
	/*END LANDING SECTION STYLES*/

	/*START CONTACT SECTION STYLES*/
		.contact-container h2 {
			padding-left: 60px;
		}

		#submit, #clear {
			width: 90%;
		}

		.social-media-container {
			width: 73vw;
		}

		#phone {
			margin-bottom: 10px;
		}

		/*#elysium-email-hl {
			margin-top: 30px;
		}*/

		.contact-form-container {
			margin-bottom: 25px;
		}		

		.address-container {
			width: 76vw;
			position: relative;
			margin: 0 auto;
		}
	/*END CONTACT SECTION STYLES*/

}
/*HOME PAGE STYLESHEET*/

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

	/*START INTRO STYLES*/
		.home-bg-video-container {
			min-width: 100vw;
			min-height: 100vh;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: auto;
			height: auto;
			position: absolute;
			z-index: -1;
			opacity: 0;
			display: none;
			transition: all 0.2s ease-in;
		}

		.home-bg-video-overlay {
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: auto;
			height: auto;
			position: absolute;
			z-index: -1;
			opacity: 0;
			display: none;
			transition: all 0.2s ease-in;
		}

		#home-bg-video {
			min-width: 100vw;
			min-height: 100vh;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: auto;
			height: auto;
			position: absolute;
			z-index: -1;
			opacity: 0;
			display: none;
			transition: all 0.2s ease-in;
		}
	/*END INTRO STYLES*/
	
	/*START BIOS SECTION STYLES*/

		#diamond-grid-container {
	      width: 600px;
	      height: 700px;
	      overflow: hidden;
	      padding-left: 0;
	      margin: 0 auto;
	      margin-top: 25px;

	    }

	    .diamond-grid-wrapper {
	      padding-top: 50px;
	      padding-left: 40px;
	      margin-top: 35px;
	      width: 100%;
	      height: 100%;
	      overflow: hidden;
	    }

		.item {
		  padding: 0;
	      display: inline-block;
	      width: 180px;
	      height: 90px;
		}

		#bio1-mobile {
			display: none;
		}

		.item:nth-child(2n), .item:nth-child(2n+1) {
	    	margin-right: 0;
	    	margin-left: 0;
	    }

	    .item:nth-child(2) {
	    	margin-left: -92px;
	    }

	    .item:nth-child(3) {
	    	margin-left: 0;
	    	margin-right: 92px;
	    }

	    .item:nth-child(4) {
	    	margin-left: 0;
	    	margin-right: 0;
	    }

	    .item:nth-child(5) {
	    	margin-left: 0;
	    	margin-right: 0;
	    }

	    .item:nth-child(6) {
	    	margin-left: 0;
	    	margin-right: 0;
	    }

	    .item:nth-child(7) {
	    	margin-left: 92px;
	    	margin-right: 0;
	    }

	    .item:nth-child(8) {
	    	margin-left: 0;
	    	margin-right: 0;
	    }

	    .item:nth-child(9) {
	    	margin-left: 184px;
	    	margin-right: 0;
	    }

	    .diamond {
	    	float: left;
	    }

	    .item:nth-child(2).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(0) translateY(0);
	    	transform: scale(1.25) translateX(0) translateY(0);
	    	transition: all 0.2s ease-out;
	    }

	    .item:nth-child(3).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(0) translateY(0);
	    	transform: scale(1.25) translateX(0) translateY(0);
	    	transition: all 0.2s ease-out;
	    }

	    .item:nth-child(4).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(20px) translateY(0);
	    	transform: scale(1.25) translateX(20px) translateY(0);
	    	transition: all 0.2s ease-out;
	    }

	    .item:nth-child(5).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(0) translateY(0);
	    	transform: scale(1.25) translateX(0) translateY(0);
	    	transition: all 0.2s ease-out;
	    }

	    .item:nth-child(6).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(-20px) translateY(0);
	    	transform: scale(1.25) translateX(-20px) translateY(0);
	    	transition: all 0.2s ease-out;
	    }

	    .item:nth-child(7).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(0) translateY(0);
	    	transform: scale(1.25) translateX(0) translateY(0);
	    	transition: all 0.2s ease-out;
	    }

	    .item:nth-child(8).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(0) translateY(0);
	    	transform: scale(1.25) translateX(0) translateY(0);
	    	transition: all 0.2s ease-out;
	    }

	    .item:nth-child(9).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(0) translateY(0);
	    	transform: scale(1.25) translateX(0) translateY(0);
	    	transition: all 0.2s ease-out;
	    }

	/*END BIOS SECTION STYLES*/

	/*START INTRO SECTION STYLES*/

		.home-intro-text {
			font-size: 4em;
		}

		.home-intro-subtext {
			width: 80vw;
			font-size: 1.25em;
			line-height: 1.4em;
		}
	/*END INTRO SECTION STYLES*/

	/*START LANDING SECTION STYLES*/
		.logo-landing-wrapper {
			margin-top: 150px;
		}
	/*END LANDING SECTION STYLES*/

	/*START CORE SECTION STYLES*/
		.core-content {
			width: 70vw;
			font-size: 1.2em;
			line-height: 1.4em;
		}

		.core-contact-cta {
			width: 350px;
			height: 50px;
			font-size: 16px;
		}
	/*END CORE SECTION STYLES*/

	/*START MEDIA SECTION STYLES*/
		.gallery-page-link {
			width: 350px;
			height: 50px;
			padding: 10px;
			font-size: 16px;
		}

		.month {
			font-size: 2em;
		}

		.year {
			font-size: 1em;
		}

		.title {
			font-size: 1.5em;
		}

		.author {
			font-size: 1em;
		}

		/*START BLOG POSTS CONTAINER*/

			.blog-post {
				height: 175px;
			}

			.overlay {
				height: 150px;
			}

			.post-bg-image {
				height: 150px;
			}

			.post-bg-image-wrapper {
				height: 150px;
			}

		/*END BLOG POSTS CONTAINER*/
	/*END MEDIA SECTION STYLES*/

	/*START CONTACT SECTION STYLES*/
		.contact-container h2 {
			font-size: 2em;
			padding-bottom: 20px;
			padding-left: 60px;
		}

		.social-icons {
			width: 63px;
			height: auto;
		}

		.social-icons-hl {
			width: 63px;
			height: auto;
		}

		#flickr {
			width: 63px;
			height: auto;
		}

		#flickr-hl {
			width: 63px;
			height: auto;
		}

		.address-container > .address-wrapper > #location {
			display: block;
			width: 320px;
			height: auto;
		}

		.blog-post {
			height: 150px;
		}

	/*END CONTACT SECTION STYLES*/

	/*START CONTACT FORM SECTION*/

		.form-container h2 {
			padding-bottom: 10px;
		}

		.form-status {
			font-size: 16px;
			width: 78%;
		}

		.status-text {
			line-height: 22px;
		}

		.contact-form-container {
			margin-bottom: 40px;
		}

		.contact-form {
			width: 78%;
		}		

		.contact-form input {
			font-size: 0.85em;
		}

		#message {
			font-size: 0.85em;
		}

		#submit, #clear {
			position: relative;
			display: inline-block;
			font-size: 1em;
			width: calc(35.1vw - 5px);
			height: 45px;
			margin-top: 15px;
		}

		#submit {
			margin-left: 0;
			float: left;
		}

		#clear {
			margin-left: 10px;
		}

		::-webkit-input-placeholder {
			font-size: 0.85em;
		}

		:-moz-placeholder { /* Firefox 18- */
			font-size: 0.85em;
		}

		::-moz-placeholder {  /* Firefox 19+ */
			font-size: 0.85em;
		}

		:-ms-input-placeholder {  
			font-size: 0.85em;
		}

		.address-wrapper {
			width: 50%;
			margin: 0;
		}
	/*END CONTACT FORM SECTION*/

}
/*HOME PAGE STYLESHEET*/

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

	/*START INTRO STYLES*/
		.home-bg-video-container {
			min-width: 100vw;
			min-height: 100vh;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: auto;
			height: auto;
			position: absolute;
			z-index: -1;
			opacity: 0;
			display: none;
			transition: all 0.2s ease-in;
		}

		.home-bg-video-overlay {
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: auto;
			height: auto;
			position: absolute;
			z-index: -1;
			opacity: 0;
			display: none;
			transition: all 0.2s ease-in;
		}

		#home-bg-video {
			min-width: 100vw;
			min-height: 100vh;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: auto;
			height: auto;
			position: absolute;
			z-index: -1;
			opacity: 0;
			display: none;
			transition: all 0.2s ease-in;
		}
	/*END INTRO STYLES*/


	/*START BIOS SECTION STYLES*/

		#diamond-grid-container {
	      width: 570px;
	      height: 530px;
	      overflow: hidden;
	      padding-left: 0;
	      margin: 0 auto;
	      margin-top: 15px;

	    }

	    .diamond-grid-wrapper {
	      padding-top: 45px;
	      padding-left: 35px;
	      margin-top: 35px;
	      width: 100%;
	      height: 100%;
	      overflow: hidden;
	    }

    	.item:nth-child(2n), .item:nth-child(2n+1) {
        	margin-right: 0;
        	margin-left: 0;
        }

        .item:nth-child(2) {
        	margin-left: -184px;
        }

        .item:nth-child(3) {
        	margin-left: 0;
        	margin-right: 0;
        }

        .item:nth-child(4) {
        	margin-left: 0;
        	margin-right: 0;
        }

        .item:nth-child(5) {
        	margin-left: 92px;
        	margin-right: 0;
        }

        .item:nth-child(6) {
        	margin-left: 0;
        	margin-right: 92px;
        }

        .item:nth-child(7) {
        	margin-left: 0;
        	margin-right: 0;
        }

        .item:nth-child(8) {
        	margin-left: 0;
        	margin-right: 0;
        }

        .item:nth-child(9) {
        	margin-left: 0;
        	margin-right: 0;
        }

        .item:nth-child(2).zoom-in {
        	position: relative;
        	z-index: 200;
        	-webkit-transform: scale(1.25) translateX(20px) translateY(0);
        	transform: scale(1.25) translateX(20px) translateY(0);
        	transition: all 0.2s ease-out;
        }

        .item:nth-child(3).zoom-in {
        	position: relative;
        	z-index: 200;
        	-webkit-transform: scale(1.25) translateX(0) translateY(0);
        	transform: scale(1.25) translateX(0) translateY(0);
        	transition: all 0.2s ease-out;
        }

        .item:nth-child(4).zoom-in {
        	position: relative;
        	z-index: 200;
        	-webkit-transform: scale(1.25) translateX(-20px) translateY(0);
        	transform: scale(1.25) translateX(-20px) translateY(0);
        	transition: all 0.2s ease-out;
        }

        .item:nth-child(5).zoom-in {
        	position: relative;
        	z-index: 200;
        	-webkit-transform: scale(1.25) translateX(0) translateY(0);
        	transform: scale(1.25) translateX(0) translateY(0);
        	transition: all 0.2s ease-out;
        }

        .item:nth-child(6).zoom-in {
        	position: relative;
        	z-index: 200;
        	-webkit-transform: scale(1.25) translateX(0) translateY(0);
        	transform: scale(1.25) translateX(0) translateY(0);
        	transition: all 0.2s ease-out;
        }

        .item:nth-child(7).zoom-in {
        	position: relative;
        	z-index: 200;
        	-webkit-transform: scale(1.25) translateX(20px) translateY(0);
        	transform: scale(1.25) translateX(20px) translateY(0);
        	transition: all 0.2s ease-out;
        }

        .item:nth-child(8).zoom-in {
        	position: relative;
        	z-index: 200;
        	-webkit-transform: scale(1.25) translateX(0) translateY(0);
        	transform: scale(1.25) translateX(0) translateY(0);
        	transition: all 0.2s ease-out;
        }

        .item:nth-child(9).zoom-in {
        	position: relative;
        	z-index: 200;
        	-webkit-transform: scale(1.25) translateX(-20px) translateY(0);
        	transform: scale(1.25) translateX(-20px) translateY(0);
        	transition: all 0.2s ease-out;
        }
	/*END BIOS SECTION STYLES*/

	/*START MEDIA SECTION STYLES*/
		.photo-gallery-container {
			width: 40.5vw;
			height: auto;
			overflow: hidden;
			margin: 0 auto;
			margin-top: 50px;
		}
		.media-img-container {
			display: inline-block;
			position: relative;
			width: 20vw;
			height: 20vw;
			overflow: hidden;
			margin: 0;
			-webkit-transform: scale(1) translateX(0) translateY(0);
			transform: scale(1) translateX(0) translateY(0);
			transition: all 0.2s;
		}

		/*.media-img {
			width: 50vw;
			height: auto;
			-webkit-transform: translateX(-30%) translateY(0);
			transform: translateX(-30%) translateY(0);
			transition: all 0.2s;
		}*/

		.media-img.landscape {
			height: 25vw;
			width: auto;
			-webkit-transform: translateX(-30%) translateY(0);
			transform: translateX(-30%) translateY(0);
			transition: all 0.2s;
		}

		.media-img.portrait {
			width: 25vw;
			height: auto;
			-webkit-transform: translateX(0) translateY(-10%);
			transform: translateX(0) translateY(-30%);
			transition: all 0.2s;
		}

		.media-img.img01.zoom {
			-webkit-transform: translateX(-30%) translateY(0);
			transform: translateX(-30%) translateY(0);
			transition: all 0.2s;	
		}

		.media-img.img02.zoom {
			-webkit-transform: translateX(-40%) translateY(0);
			transform: translateX(-40%) translateY(0);
			transition: all 0.2s;	
		}
	
	/*END MEDIA SECTION STYLES*/

	/*START CONTACT SECTION STYLES*/
		.address-wrapper {
			width: 40%;
			margin: 0;
		}

	/*END CONTACT SECTION STYLES*/

}
/*HOME PAGE STYLESHEET*/

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

	/*START VERTICAL NAV*/
		.cd-nav-trigger {
		  display: none !important;
		}
	/*END VERTICAL NAV*/

	/*START INTRO SECTION STYLES*/

		.home-bg-video-container {
			position: fixed;
			width: 100vw;
			height: 100vh;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			z-index: -1;
			opacity: 1;
			display: inline-block;
			transition: all 0.2s ease-in;
		}

		.home-bg-video-overlay {
			position: absolute;
			width: 100vw;
			height: 100vh;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background: #333;
			z-index: -1;
			opacity: 0.65;
			display: inline-block;
			transition: all 0.2s ease-in;
		}

		#home-bg-video {
			min-width: 100vw;
			min-height: 100vh;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			width: auto;
			height: auto;
			position: absolute;
			z-index: -2;
			opacity: 1;
			display: inline-block;
			transition: all 0.2s ease-in;
		}

		/*#home-bg-video::before {
			position: absolute;
			width: 100vw;
			height: 100vh;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: #333;
			z-index: -1;
			opacity: 0.65;
		}*/

		.home-intro-text {
			font-size: 5em;
		}
	/*END INTRO SECTION STYLES*/

	/*START CORE SECTION STYLES*/
		.core-content {
			width: 65vw;
			font-size: 1.2em;
			line-height: 1.4em;
		}
	/*END CORE SECTION STYLES*/

	/*START BIOS SECTION STYLES*/

		#diamond-grid-container {
	      width: 950px;
	      height: 480px;
	      overflow: hidden;
	      padding-left: 0;
	      margin: 0 auto;
	      margin-top: 25px;

	    }

	    .diamond-grid-wrapper {
	      padding-top: 75px;
	      padding-left: 0;
	      padding-right: 0;
	      margin-top: 35px;
	      width: 100%;
	      height: 100%;
	      overflow: hidden;
	      position: relative;
	      z-index: 800;
	    }

		.item:nth-child(2n), .item:nth-child(2n+1) {
	    	margin-right: 0;
	    	margin-left: 0;
	    }

	    .item:nth-child(2) {
	    	margin-left: -92px;
	    	margin-right: 0;
	    }

	    .item:nth-child(3) {
	    	margin-left: 0;
	    	margin-right: 0;
	    }

	    .item:nth-child(4) {
	    	margin-left: 0;
	    	margin-right: 0;
	    }

	    .item:nth-child(5) {
	    	margin-left: 0;
	    	margin-right: 0;
	    }

	    .item:nth-child(6) {
	    	margin-left: 184px;
	    	margin-right: 0;
	    }

	    .item:nth-child(7) {
	    	margin-left: 0;
	    }

	    .item:nth-child(8) {
	    	margin-left: 0;
	    }

	    .diamond {
	    	float: left;
	    }

	    .item:nth-child(2).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(20px) translateY(0);
	    	transform: scale(1.25) translateX(20px) translateY(0);
	    	transition: all 0.2s ease-out;
	    }

	    .item:nth-child(3).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(0) translateY(0);
	    	transform: scale(1.25) translateX(0) translateY(0);
	    	transition: all 0.2s ease-out;
	    }

	    .item:nth-child(4).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(0) translateY(0);
	    	transform: scale(1.25) translateX(0) translateY(0);
	    	transition: all 0.2s ease-out;
	    }

	    .item:nth-child(5).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(0) translateY(0);
	    	transform: scale(1.25) translateX(0) translateY(0);
	    	transition: all 0.2s ease-out;
	    }

	    .item:nth-child(6).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(0) translateY(0);
	    	transform: scale(1.25) translateX(0) translateY(0);
	    	transition: all 0.2s ease-out;
	    }

	    .item:nth-child(7).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(0) translateY(0);
	    	transform: scale(1.25) translateX(0) translateY(0);
	    	transition: all 0.2s ease-out;
	    }

	    .item:nth-child(8).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(0) translateY(0);
	    	transform: scale(1.25) translateX(0) translateY(0);
	    	transition: all 0.2s ease-out;
	    }

	    .item:nth-child(9).zoom-in {
	    	position: relative;
	    	z-index: 200;
	    	-webkit-transform: scale(1.25) translateX(-20px) translateY(0);
	    	transform: scale(1.25) translateX(-20px) translateY(0);
	    	transition: all 0.2s ease-out;
	    }
	/*END BIOS SECTION STYLES*/

	/*START MEDIA SECTION STYLES*/
		.media-img.landscape {
			height: 22vw;
			width: auto;
			-webkit-transform: translateX(-20%) translateY(0);
			transform: translateX(-20%) translateY(0);
		}

		.media-img.portrait {
			width: 22vw;
			height: auto;
			-webkit-transform: translateX(0) translateY(-20%);
			transform: translateX(0) translateY(-20%);
		}

		.media-img.landscape:hover {
		  -webkit-transform: translateX(0);
		          transform: translateX(0);
		  transition: -webkit-transform 0.8s ease-in;
		  transition: transform 0.8s ease-in;
		  transition: transform 0.8s ease-in, -webkit-transform 0.8s ease-in;
		  -webkit-animation-name: galleryImg;
		          animation-name: galleryImg;
		  -webkit-animation-duration: 4s;
		          animation-duration: 4s;
		  -webkit-animation-iteration-count: 1;
		          animation-iteration-count: 1;
		}

		.media-img.portrait:hover {
		  -webkit-transform: translateX(0);
		          transform: translateX(0);
		  transition: -webkit-transform 0.8s ease-in;
		  transition: transform 0.8s ease-in;
		  transition: transform 0.8s ease-in, -webkit-transform 0.8s ease-in;
		  -webkit-animation-name: galleryImgPortrait;
		          animation-name: galleryImgPortrait;
		  -webkit-animation-duration: 4s;
		          animation-duration: 4s;
		  -webkit-animation-iteration-count: 1;
		          animation-iteration-count: 1;
		}

		@-webkit-keyframes galleryImg {
		  from {
		    -webkit-transform: translateX(-10%);
		            transform: translateX(-10%);
		  }
		  
		  to {
		    -webkit-transform: translateX(-40%);
		            transform: translateX(-40%);
		  }
		}

		@keyframes galleryImg {
		  from {
		    -webkit-transform: translateX(-10%);
		            transform: translateX(-10%);
		  }
		  
		  to {
		    -webkit-transform: translateX(-40%);
		            transform: translateX(-40%);
		  }
		}



		@-webkit-keyframes galleryImgPortrait {
		  from {
		    -webkit-transform: translateY(-10%);
		            transform: translateY(-10%);
		  }
		  
		  to {
		    -webkit-transform: translateY(-40%);
		            transform: translateY(-40%);
		  }
		}

		@keyframes galleryImgPortrait {
		  from {
		    -webkit-transform: translateY(-10%);
		            transform: translateY(-10%);
		  }
		  
		  to {
		    -webkit-transform: translateY(-40%);
		            transform: translateY(-40%);
		  }
		}

		.blog-post {
			width: 70vw;
			margin: 0 auto;
			margin-top: 20px;
		}

		.overlay {
			width: 70vw;
			margin: 0 auto;
			margin-top: 50px;
		}

		.post-bg-image {
			width: 70vw;
			margin: 0 auto;
			margin-top: 50px;
		}

		.post-bg-image-wrapper {
			width: 70vw;
			margin: 0 auto;
		}

		.post-bg-image img {
			width: 70vw;
			height: auto;
			margin: 0 auto;
			-webkit-transform: scale(1);
			        transform: scale(1);
			transition: -webkit-transform 1.5s ease-in;
			transition: transform 1.5s ease-in;
			transition: transform 1.5s ease-in, -webkit-transform 1.5s ease

		}

		.blog-post:hover > .post-bg-image img {
			-webkit-transform: scale(1.25);
			        transform: scale(1.25);
			transition: -webkit-transform 1s ease-in;
			transition: transform 1.5s ease-in;
			transition: transform 1.5s ease-in, -webkit-transform 1.5s ease;
		}

		.blog-title-container {
			width: 60vw;
		}

		.title {
			width: 60vw;
			margin: 0 auto;
		}
	/*END MEDIA SECTION STYLES*/

	/*START CONTACT SECTION STYLES*/
		.contact-info-container {
			float: left;
			width: 45vw;
			display: inline-block;
		}

		.social-media-container {
			width: 35vw;
		}

		#social-media-icons {
			width: 35vw;
		}

		.phone-text {
			font-size: 1.2em;
		}

		.email-text {
			font-size: 1.2em;
			transform: translateY(-1px);
		}

		.status-text {
			line-height: 24px;
		}

		.form-container {
			width: 45vw;
			margin-top: 50px;
			display: inline-block;
		}

		.contact-form-container {
			width: 45vw;
			display: inline-block;
			overflow: hidden;
		}

		.contact-form input {
			font-size: 1em;
			text-transform: none;
			letter-spacing: 0;
			padding: 5px;
		}

		#message {
			font-size: 1em;
			text-transform: none;
			letter-spacing: 0;
			padding: 5px;
		}


		::-webkit-input-placeholder {
			font-size: 0.9em;
			text-transform: uppercase;
			letter-spacing: 0.05em;
		}

		:-moz-placeholder { /* Firefox 18- */
			font-size: 0.9em;
			text-transform: uppercase;
			letter-spacing: 0.05em; 
		}

		::-moz-placeholder {  /* Firefox 19+ */
			font-size: 0.9em;
			text-transform: uppercase;
			letter-spacing: 0.05em; 
		}

		:-ms-input-placeholder {
			font-size: 0.9em;
			text-transform: uppercase;
			letter-spacing: 0.05em;
		}

		#submit, #clear {
			width: calc(15.795vw - 10px);
		}

		#submit {
			margin-left: 0;
		}

		#clear {
			margin-left: 20px;
		}

		.map-container {
			display: block;
		}

		.map-container.sending {
			margin-left: 35vw;
			width: 45vw;
			overflow: hidden;
		}

		.address-container {
			/*width: 76vw;*/
			position: relative;
			margin-left: 5vw;
		}

		.location-text {
			font-size: 1.2em;
			transform: translateY(-6px);
		}
	/*END CONTACT SECTION STYLES*/

}