/*! 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*/

}
/*START CASE STUDIES MODAL*/
	.cs-modal-container {
	    position: fixed;
	    z-index: 5000;
	    width: 100vw;
	    height: 100%;
	    overflow-x: hidden;
	    /*overflow-y: hidden;*/
	    background-color: #efefef;
	    top: 0;
	    left: 0;
	    right: 0;
	    opacity: 0;
	    -webkit-filter: blur(5px);
	    filter: blur(5px);
	    transform: scale(0);
	    transform-origin: center middle;
	    transition: all 0.2s ease-out;
	}

	.cs-modal-container.expanded {
		overflow-y: auto;
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
		transform: scale(1);
		transform-origin: center middle;
		transition: all 0.2s ease-out;
	}

	.cs-modal-wrapper {
		position: absolute;
		width: 90vw;
		height: auto;
		margin: 20px auto;
		border: 10px solid #333;
		left: 0;
		right: 0;
	}

	.cs-modal-close {
		position: absolute;
		z-index: 5002;
		right: 2vw;
		margin-top: 10px;
		width: 30px;
		height: auto;
		cursor: pointer;
	}

	.cs-modal-header {
		margin-top: 0;
	}

	.cs-modal-img-wrapper {
		position: absolute;
		width: 250px;
		height: auto;
		margin: 0 auto;
		margin-top: -20px;
		left: 0;
		right: 0;
		overflow: hidden;
	}

	.modal-img {
		width: 250px;
		height: auto;
	}

	.cs-modal-subheader {
		width: 290px;
		overflow: hidden;
		margin: 0 auto;
		padding-left: 0;
	}

	.cs-modal-light {
		display: inline-block;
		font-family: 'brandon-grotesque', sans-serif;
		font-weight: 300;
		letter-spacing: 8px;
		text-transform: uppercase;
		color: rgba(153,153,153, 0.5);
		font-size: 1.5em;
	}

	.cs-modal-light:first-child {
		margin-left: 5px;
		margin-right: 68px;
		margin-top: 170px;
		letter-spacing: 10px;
	}
	

	.cs-modal-black {
		width: 90vw;
		overflow: hidden;
		font-family: 'brandon-grotesque', sans-serif;
		font-weight: 900;
		letter-spacing: 5px;
		text-transform: uppercase;
		text-align: center;
		color: rgba(153,153,153, 0.5);
		font-size: 3.5em;
		margin: 0 auto;
		margin-top: 5px;
	}

	.cs-modal-content {
		color: #333;
		width: 85vw;
		height: auto;
		margin: 0 auto;
		margin-top: 30px;
		font-size: 0.85em;
		line-height: 1.2em;
		margin-bottom: 30px;
	}

	.cs-medium {
		font-weight: 500;
		letter-spacing: 1.5px;

	}

	.cs-light {
		font-weight: 300;
		letter-spacing: 0;
		line-height: 1.5em;
	}

	.cs-italic {
		font-style: italic;
		font-weight: 300;
		letter-spacing: 0;
	}

	.cs-modal-designprinciple {
		text-transform: capitalize;
		letter-spacing: 0;
	}

	.cs-modal-eventname {
		text-transform: capitalize;
		letter-spacing: 0;
	}

	.cs-modal-location {
		text-transform: capitalize;
		letter-spacing: 0;
	}

	.cs-light-emphasis {
		font-weight: 400;
		letter-spacing: 1px;
		font-size: 1em;
	}

	.cs-modal-expand {
		display: block;
		font-weight: 300;
		letter-spacing: 3px;
		font-size: 0.75em;
		color: #333;
		margin-top: 10px;
		margin-left: 10px;
		cursor: pointer;
	}

	.collapsable {
		margin-top: 14px;
	}

	.cs-modal-goals {
		width: 80vw;
		height: auto;
		margin: 0 auto;
		margin-top: 5px;
		letter-spacing: 0;
	}

	.cs-modal-quote {
		width: 60vw;
		height: auto;
		border: none;
		border-left: 1px solid rgba(51,51,51,0.15);
		color: #888;
		padding: 2px 10px;
		margin: 0 auto;
		margin-top: 10px;
		margin-bottom: 5px;
		letter-spacing: 0.02em;
		font-weight: 300;
		line-height: 1.4em;
	}

	.cs-modal-quotation {
		position: absolute;
		font-size: 3em;
		color: #999;
		opacity: 0.15;
		margin-top: 10px;
		margin-left: 0;
	}

	.cs-modal-challenge {
		width: 80vw;
		height: auto;
		margin: 0 auto;
		margin-top: 5px;
		letter-spacing: 0;
	}

	.cs-modal-solution {
		width: 80vw;
		height: auto;
		margin: 0 auto;
		margin-top: 5px;
		letter-spacing: 0;
	}

	.cs-modal-solution_more {
		letter-spacing: 0;
	}

	.cs-modal-components {
		width: 80vw;
		height: auto;
		margin: 0 auto;
		margin-top: 5px;
		letter-spacing: 0;
	}

	.cs-modal-componentsinput {
		letter-spacing: 0;
		font-weight: 300;
	}

	.cs-modal-overview {
		width: 80vw;
		height: auto;
		margin: 0 auto;
		margin-top: 0;
		letter-spacing: 0;
	}

	.cs-modal-responsibilities {
		width: 80vw;
		height: auto;
		margin: 0 auto;
		margin-top: 0;
		letter-spacing: 0;
	}

	.cs-modal-expectations {
		width: 80vw;
		height: auto;
		margin: 0 auto;
		margin-top: 0;
		letter-spacing: 0;
	}

	.cs-modal-requirements {
		width: 80vw;
		height: auto;
		margin: 0 auto;
		margin-top: 0;
		letter-spacing: 0;
	}

	.cs-modal-pluses {
		width: 80vw;
		height: auto;
		margin: 0 auto;
		margin-top: 0;
		letter-spacing: 0;
	}

	.cs-modal-process {
		width: 80vw;
		height: auto;
		margin: 0 auto;
		margin-top: 0;
		letter-spacing: 0;
	}

	.cs-modal-gallery {
		position: relative;
		width: 85vw;
		height: auto;
		overflow: hidden;
		display: block;
		margin: 0 auto;
		margin-top: 10px;
		cursor: pointer;
	}

	#cs-modal-gallery {
		position: relative;
		width: 85vw;
		height: auto;
		overflow: hidden;
		display: block;
		margin: 0 auto;
		margin-top: 10px;
		cursor: pointer;
	}

	.cs-img-thumb {
		position: relative;
		width: calc((85vw - 10px)/2);
		height: auto;
		display: inline-block;
		margin: 0;
		margin-bottom: 5px;
		padding: 0;
		cursor: pointer;
		z-index: 4000;
	}

	.cs-img-thumb:nth-child(odd) {
		margin-right: 5px;
	}
/*END CASE STUDIES MODAL*/

/*START CASE STUDIES LIGHTBOX*/

	.cs-lightbox-container {
		position: fixed;
		z-index: 5500;
		width: 100vw;
		height: 100%;
		background-color: rgba(0,0,0,0.85);
		left: 0;
		right: 0;
		top: 0;
		overflow: hidden;
	}

	.lightbox-close {
		position: absolute;
		z-index: 5505;
		width: 30px;
		height: auto;
		margin-left: 85vw;
		margin-top: 20px;
		cursor: pointer;
	}

	.lightbox-prev {
		position: absolute;
		z-index: 5505;
		left: 10px;
		top: 90%;
		width: 30px;
		height: auto;
		cursor: pointer;
	}

	.lightbox-next {
		position: absolute;
		z-index: 5505;
		right: 10px;
		top: 90%;
		width: 30px;
		height: auto;
		cursor: pointer;
	}

	.lightbox-active-img {
		max-width: 90vw;
		max-height: 90vh;
		width: auto;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 5502;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
/*END CASE STUDIES LIGHTBOX*/
@media screen and (min-width: 480px) {
	/*START CASE STUDIES MODAL*/
		.cs-modal-close {
			right: 2vw;
		}
	/*END CASE STUDIES MODAL*/


	/*START LIGHTBOX CONTAINER*/
		.lightbox-close {
			margin-left: 90vw;
		}

		.lightbox-prev {
			top: 85%;
		}

		.lightbox-next {
			top: 85%;
		}
	/*END LIGHTBOX CONTAINER*/
}
@media screen and (min-width: 750px) {

	/*START CASE STUDIES MODAL*/

		/*.cs-modal-close {
			margin-left: 83vw;
			margin-top: 10px;
			width: 35px;
			height: auto;
		}*/
		.cs-modal-content {
			font-size: 1em;
		}

		.cs-modal-expand {
			font-size: 0.75em;
		}
	/*END CASE STUDIES MODAL*/

	/*START LIGHTBOX CONTAINER*/
		.lightbox-close {
			margin-left: 90vw;
		}

		.lightbox-prev {
			left: 10px;
		}

		.lightbox-next {
			right: 10px;
		}
	/*END LIGHTBOX CONTAINER*/

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

	/*START CS MODAL CONTAINER*/

		.cs-modal-close {
			right: 2vw;
			margin-top: 15px;
			width: 40px;
			height: auto;
		}

		.cs-modal-content {
			width: 75vw;
			font-size: 1.2em;
			line-height: 1.4em;
		}

		.cs-modal-expand {
			font-size: 0.85em;
		}

		.cs-modal-quote {
			width: 55vw;
		}

		.cs-modal-goals {
			width: 70vw;
		}

		.cs-modal-challenge {
			width: 70vw;
		}

		.cs-modal-solution {
			width: 70vw;
		}

		.cs-modal-components {
			width: 70vw;
		}


		.cs-modal-gallery {
			width: calc(90vw - 20px);
		}

		#cs-modal-gallery {
			width: calc(90vw - 20px);
		}

		.cs-img-thumb {
			width: calc((90vw - 50px)/4);
			height: auto;
			display: inline-block;
			margin: 0;
			margin-bottom: 5px;
			padding: 0;
			cursor: pointer;
			z-index: 4000;
		}

		.cs-img-thumb:nth-child(odd) {
			margin-right: 0;
		}

		.cs-img-thumb:nth-child(1), .cs-img-thumb:nth-child(2), .cs-img-thumb:nth-child(3), .cs-img-thumb:nth-child(5), .cs-img-thumb:nth-child(6), .cs-img-thumb:nth-child(7), .cs-img-thumb:nth-child(9), .cs-img-thumb:nth-child(10), .cs-img-thumb:nth-child(11) {
			margin-right: 5px;
		}

		.cs-img-thumb:nth-child(4), .cs-img-thumb:nth-child(8), .cs-img-thumb:nth-child(12) {
			margin-right: 0;
		}

	/*END CS MODAL CONTAINER*/

	/*START CS LIGHTBOX*/

		.lightbox-close {
			width: 40px;
			height: auto;
			margin-left: 93vw;
		}

		.lightbox-prev {
			left: 30px;
		}

		.lightbox-next {
			right: 30px;
		}
	/*END CS LIGHTBOX*/
}
/*TALENT PAGE STYLESHEET*/

/*START LANDING CONTAINER*/
	.landing-container {
		width: 100vw;
		min-height: 80vh;
		height: 80vh;
	}
/*END LANDING CONTAINER*/

/*START TALENT CAPABILITIES SECTION*/
	.talent-packages-container {
		width: 100vw;
		height: auto;
		margin-top: 5vh;
		overflow-x: hidden;
	}

	.talent-packages-wrapper {
		margin-top: 20px;
	}
/*END TALENT CAPABILITIES SECTION*/

/*START CASE STUDIES CONTAINER*/

	.talent-cs-container {
	  width: 100vw;
	  overflow-x: hidden;
	  margin: 0;
	  margin-top: 50px;
	}

	.talent-cs-wrapper {
	  width: 100vw;
	  margin: 0;
	}

	.cs-img-conatiner-desktop, .cs-img-container-01 {
		display: none;
		height: 0;
		visibility: hidden;
		opacity: 0;
	  transition: all 0.3s ease-out;
	}

	.casestudies-item {
	  width: 95vw;
	  height: 350px;
	  overflow: hidden;
	  padding-right: 10px;
	  cursor: pointer;
	}

	.cs-item-svg {
	  -webkit-transform: scale(0.8);
	          transform: scale(0.8);
	}	
/*END CASE STUDIES CONTAINER*/

/*START SAMPLES CONTAINER*/
	.talent-demo-container {
		width: 100vw;
		height: auto;
		overflow: hidden;
		margin-top: 50px;
	}

	.talent-demo-line {
		width: 150vw;
		height: auto;
		margin-top: 50px;
		z-index: 1;
		margin-left: -50px;
	}

	.talent-demo-wrapper {
		position: absolute;
		width: 100px;
		height: 100px;
		margin: 0 auto;
		margin-top: -54px;
		left: 0;
		right: 0;
		z-index: 2;
		cursor: pointer;
	}

	.talent-demo-icon {
		width: 100px;
		height: auto;
	}
/*END SAMPLES CONTAINER*/


/*TALENT PAGE STYLESHEET*/

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

	/*START LANDING CONTAINER*/
		.landing-container {
			padding-bottom: 50px;
		}
	/*END LANDING CONTAINER*/

	/*START CASE STUDIES CONTAINER*/
		.talent-cs-wrapper {
			width: 350px;
			margin: 0 auto;
			margin-top: 20px;
		}
	/*END CASE STUDIES CONTAINER*/


	/*START DEMO CONTAINER*/
		.talent-demo-line {
			width: 130vw;
			height: auto;
			margin-top: 50px;
			z-index: 1;
			margin-left: -80px;
		}
	/*END DEMO CONTAINER*/

}


/*TALENT PAGE STYLESHEET*/

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

	/*START LANDING CONTAINER*/
		.landing-container {
			padding-bottom: 40px;
			margin: 0 auto;
			margin-top: 200px;
		}
	/*END LANDING CONTAINER*/


	/*START CASE STUDIES CONTAINER*/

		.talent-cs-container {
			margin-top: 50px;
			padding-top: 50px;
			margin-bottom: 50px;
		}

		.talent-cs-wrapper {
			width: 345px;
			margin: 0 auto;
		}

		.casestudies-item {
		  width: 335px;
		  height: 420px;
		  overflow: hidden;
		  padding-right: 10px;
		  cursor: pointer;
		}

		.cs-item-svg {
		  -webkit-transform: scale(1);
		          transform: scale(1);
		}
	/*END CASE STUDIES CONTAINER*/

	/*START TALENT DEMO CONTAINER*/
		.talent-demo-container {
			margin-top: 20px;
			padding-top: 30px;
		}
	/*END TALENT DEMO CONTAINER*/


}
/*TALENT PAGE STYLESHEET*/

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

	/*START LANDING CONTAINER STYLES*/
		.landing-container {
			margin-top: 140px;
		}
	/*END LANDING CONTAINER STYLES*/

	/*START TALENT CAPABILITIES STYLES*/
		.talent-packages-wrapper {
		  width: 95vw;
		  margin: 0 auto;
		}
		 .packages-h2 {
		 	padding-left: 60px;
		 }
	/*END TALENT CAPABILITIES STYLES*/


	/*START CASE STUDIES CONTAINER*/
		.talent-cs-container {
			margin-top: 100px;
			padding-bottom: 50px;
			margin-bottom: 50px;
		}

		.talent-cs-wrapper {
			height: 400px;
		}
	/*END CASE STUDIES CONTAINER*/

	/*START DEMO/SAMPLES STYLES*/
		.talent-demo-container > .section-subheader {
			margin-bottom: 20px;
		}

		.talent-demo-line {
			margin-top: 80px;
		}

		.talent-demo-wrapper {
			width: 150px;
			height: 150px;
			margin-top: -81px;
		}
		.talent-demo-icon {
			width: 150px;
		}
	/*END DEMO/SAMPLES STYLES*/

		
}
/*TALENT PAGE STYLESHEET*/

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

		/*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: 2000;
		      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;
		    	-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: 8px;
		      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*/
	/*END GENERAL STYLES*/

	/*START LANDING CONTAINER*/
		.landing-container {
			padding-bottom: 200px;
		}

		.landing-content-container {
			margin-top: -100px;
			line-height: 1.2em;
			width: 350px;
		}
	/*END LANDING CONTAINER*/

	/*START CS CONTAINER*/
		.talent-cs-container {
			margin-top: 50px;
			margin-bottom: 100px;
		}

		.talent-cs-wrapper {
			width: 900px;
			height: 400px;
			overflow: hidden;
		}

		.cs-img-container-desktop, .cs-img-container-01 {
		  display: block;
		  position: absolute;
		  visibility: visible;
		  overflow: hidden;
		  height: 350px;
		  opacity: 1;
		  transition: all 0.3s ease-out;
		  cursor: pointer;
		}

		.cs-modal-img {
			opacity: 0;
			transition: opacity 0.3s ease-out;
		}

		.cs-img-container-01 {
		  margin-top: -440px;
		  margin-left: 140px;
		}

		.cs-img-wrapper-desktop {
		  width: 350px;
		  height: 350px;
		  overflow: hidden;
		  background: #333;
		}

		.cs-img-desktop {
		  width: auto;
		  height: 550px;
		  -webkit-transform: translateY(-20%) scale(1);
		          transform: translateY(-20%) scale(1);
		}

		.cs-img-desktop:hover {
		  -webkit-transform: translateY(0);
		          transform: translateY(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: csImgDesktop;
		          animation-name: csImgDesktop;
		  -webkit-animation-duration: 4s;
		          animation-duration: 4s;
		  -webkit-animation-iteration-count: 1;
		          animation-iteration-count: 1;
		}

		@-webkit-keyframes csImgDesktop {
		  from {
		    -webkit-transform: translateY(0);
		            transform: translateY(0);
		  }
		  
		  to {
		    -webkit-transform: translateY(-36%);
		            transform: translateY(-36%);
		  }
		}

		@keyframes csImgDesktop {
		  from {
		    -webkit-transform: translateY(0);
		            transform: translateY(0);
		  }
		  
		  to {
		    -webkit-transform: translateY(-36%);
		            transform: translateY(-36%);
		  }
		}

		.casestudies-item {
			width: 800px;
			height: 480px;
			padding: 0;
			cursor: pointer;
			margin: 0 auto;
			margin-bottom: 60px;
			overflow: hidden;
		}

		/*.cs-item1 {
			margin-left: -140px;
		}*/
	/*END CS CONTAINER*/

	/*START DEMO CONTAINER*/
		/*.talent-demo-wrapper {
			position: absolute;
			width: 100px;
			height: 100px;
			margin: 0 auto;
			margin-top: -57px;
			left: 0;
			right: 0;
			z-index: 2;
		}*/
	/*END DEMO CONTAINER*/
	
}