@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=0090dfdd-e6ee-4f08-aba5-6756b8b6b4f7");
@font-face{
font-family:"LinotypeSyntaxW01-Regul";
src:url("Fonts/ee46c953-b5b9-4184-94a2-daf7ba96325f.eot?#iefix");
src:url("Fonts/ee46c953-b5b9-4184-94a2-daf7ba96325f.eot?#iefix") format("eot"),url("Fonts/160c0d2b-fafd-411a-b130-2af103ab8870.woff2") format("woff2"),url("Fonts/4257b866-2956-47ae-ba96-2fd5d5319727.woff") format("woff"),url("Fonts/92faaba8-6a6a-4d46-ba61-9597f3d000bb.ttf") format("truetype"),url("Fonts/0f801249-3d20-4eb2-9455-9edad5e0f330.svg#0f801249-3d20-4eb2-9455-9edad5e0f330") format("svg");
}
@font-face{
font-family:"LinotypeSyntaxW01-Heavy_723367";
src:url("Fonts/3251da6c-e87f-41f8-9e62-0396cec3ea4f.eot?#iefix");
src:url("Fonts/3251da6c-e87f-41f8-9e62-0396cec3ea4f.eot?#iefix") format("eot"),url("Fonts/e5b7c336-9c8f-4772-87c8-e4de5c10aa00.woff2") format("woff2"),url("Fonts/54116583-ac31-4aad-913e-a75b19de35cc.woff") format("woff"),url("Fonts/ee0e68b7-f0cb-44f2-a0cb-c9061a4e1855.ttf") format("truetype"),url("Fonts/055249dd-ee91-447c-81e5-b7bacdd661d3.svg#055249dd-ee91-447c-81e5-b7bacdd661d3") format("svg");
}
@font-face{
font-family:"Syntax W01 Black";
src:url("Fonts/9eb92726-920c-415f-b9e2-95c86fa3108e.eot?#iefix");
src:url("Fonts/9eb92726-920c-415f-b9e2-95c86fa3108e.eot?#iefix") format("eot"),url("Fonts/800fe1ec-3124-4fd7-a3d3-f54d3210db2c.woff2") format("woff2"),url("Fonts/fb0b87b7-83a0-4d88-a535-2dcf4b949b6e.woff") format("woff"),url("Fonts/39617bd5-8e40-4696-924b-480dfec387d6.ttf") format("truetype"),url("Fonts/e89a48c4-df1b-40de-bc9a-40d2b1377e38.svg#e89a48c4-df1b-40de-bc9a-40d2b1377e38") format("svg");
}
@font-face{
font-family:"LinotypeSyntaxSerifW01-_723324";
src:url("Fonts/73617ba8-efdf-4a46-b6cd-57e2cacd5ec0.eot?#iefix");
src:url("Fonts/73617ba8-efdf-4a46-b6cd-57e2cacd5ec0.eot?#iefix") format("eot"),url("Fonts/5b6a45da-5e0f-4fa9-86b7-fb71c69640ae.woff2") format("woff2"),url("Fonts/85b6420a-9d8a-47ab-896a-0599e0eaf954.woff") format("woff"),url("Fonts/69f9dd7a-3c0a-4367-beaf-03f31746e446.ttf") format("truetype"),url("Fonts/f79e328e-0bd9-40c8-a420-bcb223b6a516.svg#f79e328e-0bd9-40c8-a420-bcb223b6a516") format("svg");
}


/* ==|== primary styles =====================================================
   Author: Silverink
   ========================================================================== */



/* ANIMATIONS */
.animated {
    -webkit-animation-duration: 0.2s;
       -moz-animation-duration: 0.2s;
        -ms-animation-duration: 0.2s;
         -o-animation-duration: 0.2s;
            animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
        -ms-animation-fill-mode: both;
         -o-animation-fill-mode: both;
            animation-fill-mode: both;
}


@-webkit-keyframes scaleImageBg {
  0%   { background-size: 100% auto; }
  100% { background-size: 115% auto; }
}
@-moz-keyframes scaleImageBg {
  0%   { background-size: 100% auto; }
  100% { background-size: 115% auto; }
 }
@-o-keyframes scaleImageBg {
  0%   { background-size: 100% auto; }
  100% { background-size: 115% auto;  }
}
@keyframes scaleImageBg {
  0%   { background-size: 100% auto; }
  100% { background-size: 115% auto;  }
}

/*PRELOAD IMAGES*/
body[data-itemid="1"]:after{
    width: 0px;
    height: 0px;
    display: inline;
    background:
    /*url('/styles/banner_alonso.jpg'),*/
    url('/styles/banner2018_1.jpg'),
    url('/styles/banner_4.jpg'),
    url('/styles/banner2018_4.jpg'),
    url('/styles/banner2018_3.jpg')
}


/* END ANIMATIONS */


body[data-itemid="1"] section {text-align: left; display: inline-table; width: 100%;}
	body[data-itemid="1"] section .containerWrap {display: table-cell; vertical-align: middle;}
body {background: rgb(250,250,250); line-height: 180%;}
/* ==|== Easibuild Structural Elements =====================================================
   Structural elements such as mainContent/Wide, submenu etc. Ideally these elements will change
   to HTML5 tags...  aside, article etc.
   ========================================================================== */
   html {position: relative;
  min-height: 100%;
}

a {text-decoration: none ; }
a:link { color: rgb(68,61,67); }
a:visited {color: rgb(68,61,67); }
a:hover {color: #000; text-decoration: none;}
a:active {color: #000;}


body { overflow-x: hidden; font-family: "LinotypeSyntaxSerifW01-_723324", serif; color: rgb(68,61,67); /* FIXED HEADER HEIGHT */ /* Margin bottom by footer height   margin-bottom: 80px; */ width:100%;  margin-bottom: 80px; }
.bgDiv {position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; z-index: -1 !important;}
  body[data-itemid="1"] .bgDiv {content: ""; display: block;  background-image: url('/styles/banner2018_1.jpg'); background-size: cover; background-position: top center; transition: all 0.2s ease-in-out}
  body[data-itemid="1"] .bgDiv.homeDevelopmentBg {background-image: url('/styles/banner2018_1.jpg'); background-size: cover; background-position: top center;}
  body[data-itemid="1"] .bgDiv.homeVRBg {background-image: url('/styles/banner_4.jpg'); background-size: cover; background-position: top center;}
  body[data-itemid="1"] .bgDiv.homeMarketingBg {background-image: url('/styles/banner2018_4.jpg'); background-size: cover; background-position: top center;}
  body[data-itemid="1"] .bgDiv.blogBg {background-image: url('/styles/banner2018_3.jpg'); background-size: cover; background-position: top center;}

   .bgDiv img {position: fixed;top: 0px; left: 0px; z-index: -1;-ms-filter: blur(60px);  -webkit-filter: blur(60px);
    filter: blur(60px); width: 100%; filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='60'); }

h1,h2,h3,h4,h5,h6,p,ul {margin-top: 0px; margin-bottom: 40px;}

h1,h2 {font-family: "Syntax W01 Black"; text-transform: uppercase; margin-top: 0px; line-height: 160%;}

h2 {font-size: 2em;}
h1, body[data-itemid="1"] h2, body[data-itemid="6"]  h2 {font-size: 1.25em;}

h3 {font-size: 1em;}
h3,h4,h5,h6 {margin-bottom: 40px;}
p,ul {margin-bottom: 30px; font-size: 1.25rem; line-height: 2em;}


body {padding-left: 60px;}

.bannerImage {margin-bottom: 0px; width: calc(100% - 60px); height: 300px; background-size: cover; background-position: center center; position: absolute; top: 0px;z-index: -1; }
.bannerCaption {font-size: 1.5em; text-align: center; background: rgb(240,240,240); width: 100%; margin-top: 0px; margin-bottom: 60px;  z-index: 51;}
.bannerCaption.down {padding-left: 60px; position: fixed; }
.bannerCaption.up {position: relative; top: 0px !important; left: 0px;}
	.bannerCaption:after {
	content: " ";
	position: absolute; bottom: -30px; left: calc(50% - 30px);
     width: 0;
     height: 0;
     border-top: 30px solid rgb(240,240,240);
     border-right: 30px solid transparent;
      border-left: 30px solid transparent;
      transition: all linear 0.3s;

	}

	.bannerCaption  * { transition: all 0.3s linear}
	.bannerCaption h1 { font-family: "LinotypeSyntaxW01-Regul"; font-weight: 100; text-transform: capitalize; margin-bottom: 0px; font-size: 1.5em; padding: 30px 0px; padding-top:80px;}
		.bannerCaption.down h1 {font-size: 0.75em; padding: 10px 0px; text-align: left; }
	.bannerCaption h3 { padding: 60px 20%; line-height: 180%;}
		.bannerCaption.down h3 {display: none; }
		.bannerCaption.down:after {left: 40px; bottom: -10px;border-top: 10px solid rgb(240,240,240);
     border-right: 10px solid transparent;
      border-left: 10px solid transparent;}
	.bannerCaption svg {width: 48px; height: auto; vertical-align: middle; color: #fff; }
	.bannerCaption.stuck {
	  position:fixed;
	  top:64px;
	  z-index: 51;
	  background: rgba(240,240,240,0.95)

	}



/* BLOG */

body[data-template="News"] {background-color: rgba(0,0,0,0.8); background-image: url('bgTest.jpg'); background-repeat: no-repeat; background-size: cover !important; background-attachment: fixed}

	section.introduction {border-left: 1px solid rgb(68,61,67); padding-left: 5%; margin: 0px 15px; line-height:180%;}

	body[data-template="News"]  section p {font-size: 1em;}
		.articleList .item {height: auto;  margin-bottom: 25px;  display: block; cursor: pointer;}
			.articleList .item figure {background: rgb(250,250,250);}
		.articleList .item figcaption {margin: 10px; padding: 20px 10px; text-align: center; position: relative;}
			.articleList .item figcaption .intro {position: absolute; top: 100px; left: 0px; margin: 0px 15px; font-style: italic; line-height:180%;}
		.articleList .item figure { height: auto; width: 100%;min-height: 380px;}
		.articleList figure {position: relative;  -webkit-transition-duration: 0.05s;transition-duration: 0.05s;}
		.articleList .item figure +p { padding: 10px 10px 0px 10px; text-align: center; margin-top: 0px; margin-bottom: 0px;}
		.articleList figure .readMore {padding-top: 10px; margin-top: 10px; border-top: 2px solid #888; color: #000; text-transform: uppercase; font-style: normal;}

.btn-default {margin: 20px auto; display: inline-block; border-radius: 0px; border: none;background: rgb(40,40,40); color: #fff !important; line-height: 40px; text-decoration: none !important;}
.btn-default:hover {color: #444 !important; border: none;}
.burnsStyle {
  overflow: hidden;
  display: inline-block;
  min-width: 100%;
  max-height: 100px;
    border-bottom: 3px solid rgba(0,0,0,0.2)
}

.burnsStyle img {
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transform: scale(1);
  transform: scale(1);
   width: 100%;
  height: auto;
  -webkit-filter:  saturate(0.6) brightness(1.2);
  filter:  saturate(0.6) brightness(1.2);


}

.carousel.carousel-fade .item {
	opacity: 0;
	transition: opacity 0.6s ease-in-out;
  }
  
  .carousel.carousel-fade .item.active {
	opacity: 1;
  }
  
  .carousel.carousel-fade .item.active.left,
  .carousel.carousel-fade .item.active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
  }
  
  .carousel.carousel-fade .item.next,
  .carousel.carousel-fade .item.prev,
  .carousel.carousel-fade .item.active.left,
  .carousel.carousel-fade .item.active.right {
	transform: translate3d(0, 0, 0);
  }
  
  

/* NEWS ARTICLE */
.chosenStory {background: rgba(255,255,255,0.9); box-shadow: 0px 0px 20px rgba(0,0,0,0.3)}
	.chosenStory img {width: 100%;}
	.chosenStory h1 {margin: 15px 15px 10px 15px ;}
	.chosenStory .content {margin: 0px 15px 0px 15px; padding-bottom: 15px;}
	.date {margin: -10px 15px 15px 15px}


	.newsFrontPage .title {font-family: "Syntax W01 Black", sans-serif; font-size:1 .25em; text-transform: uppercase; line-height: 120%;}
	.newsFrontPage .intro {font-size: 1em;}

#currentTagList {background: rgba(255,255,255,0.7); padding: 15px; box-shadow: 0px 0px 15px rgba(0,0,0,0.3)}

.articleList .item:hover .burnsStyle img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-filter:  saturate(1.4) brightness(1.2);
  filter:  saturate(1.4) brightness(1.2);
}

.articleList .item:hover figure {box-shadow: -5px 0px 20px rgba(0,0,0,0.9); background: rgba(105,105,105,0.6); color: rgb(255,255,255)}
	.articleList .item:hover figure a {color: rgb(225,225,225)}
.breadcrumb {display: none;}


/* FP IMAGES SLIDES */

.carousel .item{height: 150px;}
.carousel .carousel-caption {position: absolute; left: 30px; top: 0px;}
.carousel h1 {font-size: 1.6em; margin-left: 31px; margin-bottom: 0px; color: #fff; }
.carousel .carousel-caption h2 {text-align: left; font-size: 2.3em; position: absolute; top: 0px; margin: 0; line-height:110% !important;}
.carousel-caption h3 {text-align: left; font-family:"LinotypeSyntaxW01-Regul";  position: absolute; top: 105px; left: 2px; text-shadow: none;   }

.carousel-caption h3 a {padding:10px; background: rgba(0,0,0,0.8);color: #fff; font-size: 0.675em;text-decoration: none; vertical-align: middle;}
.carousel-caption h3 a:hover {background: rgba(0,0,0,1);}
.carousel-caption h2 { animation-delay: 0.2s; animation-duration: 0.8s;}
.carousel-caption h3 { animation-delay: 0.3s; animation-duration: 0.6s;}

#fpImageDiv {z-index: 50}
/* Override Container margin auto */

.container {width: 90%;}
.ContactDetails h1, .ContactForm h1 {font-size: 1.75em;}
	.ContactForm label, #questionForm label {display: block;}
	.ContactForm div, #questionForm div {margin-bottom: 10px;}
	.ContactForm input[type='text'], .ContactForm input[type='tel'], .ContactForm input[type='email'], .ContactForm textarea {border: 1px solid #888;}
	.notEmail {display: none;}

.csItem {position: absolute; left: 60px; top: 380px; z-index: 3; padding: 15px; background: rgba(0,0,0,0.99); color: rgb(255,255,255); font-size: 2em; transition-delay: 3s;}

#currentTagList {margin: 15px; clear: both;}

.dataTables_length {float: right;}
.dataTables_info {float: right;}
.dataTables_paginate {}
.paginate_button_disabled {opacity: 0.4; -moz-opacity: 0.4;}
.paging_full_numbers {color: #257f5b;}
.dataTables_wrapper {margin-top: 0px}

.kbContainer {padding-top: 140px;}


.mobileSubMenuContain {position: fixed; top: 69px; left: 60px; width: calc(100% - 60px);  height: 50px;background: rgba(0,0,0,0.9); display: block; border-radius: 0px; color: rgb(255,255,255) !important; text-align: left; cursor: pointer; z-index: 1000;}
	.mobileSubMenu {display: block; width: calc(100% - 40px);background: rgba(0,0,0,0.9); position: fixed; left: 60px; top: 126px; }
		.mobileSubMenu.navbar-collapse {margin: 0; padding-left: 0px;}
		.mobileSubMenu ul {margin: 0; padding: 0;}
		.mobileSubMenu ul li.level2 {margin-left: 0px; padding-left: 0px;}
		.mobileSubMenu ul a { color: rgb(255,255,255) ;}
.mobileSubMenu ul li.level2 a:hover {color: rgb(40,40,40)}
.mobileSubMenu ul li.selected.level2 a {color: rgb(255,255,255); background: rgba(255,255,255,0.3)}

		.mobileSubMenuContain.active .caret{
    border-top: none;
    border-bottom: 4px solid #ffffff;
}

/* DROPDOWN MENU */
.navbar-nav>li>a {padding-top: 5px !important; padding-bottom: 25px;}
.dropdown-menu {box-shadow: none; border: none; margin-top: 0px !important; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background: rgba(40,40,40,0.95)}
.dropdown-menu li a {display: block; margin: 0 !important; padding: 20px;}
.dropdown-menu li:hover a {background-color: rgba(255,255,255,0.1) !important;}
.dropdown-menu li {margin: 0 !important; }
/*.dropdown-menu li:last-child a {padding-bottom: 30px;}*/
/* END DROPDOWN MENU */

body[data-itemid="1"] section {background: rgb(255,255,255); padding: 50px 0px;}


/* SITE WIDE SIDE MENU */
.sideMenu {position: fixed; top: 0px;  left: 0px;z-index: 2001; width: 60px; padding-top: 0px; margin-left: 0px; text-align: center; font-family: "LinotypeSyntaxW01-Regul"; color:rgb(127,127,127); font-size: 0.75em;text-transform: uppercase; background: rgba(255,255,255,1); box-shadow: 0px 6px 10px rgba(80,80,80,0.2); min-height: 10000px;}
	.sideMenu * { -webkit-transition: all 0.1s ease}
	.sideMenu a {color:rgb(127,127,127); text-decoration: none;}
	.sideMenu div {margin-bottom: 15px; cursor: pointer; padding: 10px 0px}
	.sideMenu span {display: block; }
	.sideMenu .svg {margin-top: 10px; width: 18px; height: auto;  margin-bottom: 0px;}
		.ie9 .sideMenu .svg {height: 20px;}
	.sideMenu .svg+span {margin-top: -5px;}
		.sideMenu .svg path {fill: rgb(127,127,127);}
.sideMenu div:hover {background: rgba(40,40,40,0.9)}
	.sideMenu div:hover, .sideMenu div:hover a {color:rgb(255,255,255);}
	.sideMenu div:hover .svg path {fill:rgb(255,255,255);}

		.socialIcons {position: relative; top: -129px; left: -999px; z-index: 1000;background: rgba(40,40,40,0.9)}
		.socialIcons.showSocial, .shareLink:hover {left: 60px;}
		.socialIcons div {margin-bottom: 0px; }
		.socialIcons a {display: block; margin-bottom: 10px;}
			.socialIcons a.fb:hover svg path {fill:#3b5998;}
			.socialIcons a.twitter:hover svg path {fill:#55acee;}

.sideSubMenu {display: none;position: fixed; top: 0px; left: 0px; z-index: 2000; width: 300px; font-family: "LinotypeSyntaxW01-Regul"; color:rgb(127,127,127); font-size: 0.75em;text-transform: uppercase; background: rgba(255,255,255,0.9); box-shadow: 0px 6px 10px rgba(80,80,80,0.2);}


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

footer { position: absolute; bottom: -20px; /* margin-top: 60px; */
  width: calc(100% - 60px);
  height: 180px;
  padding-top: 40px;
  margin-top: 10px;
}

body[data-itemid="1"] footer {  background: rgba(255,255,255,0.9);}

.leftCol {margin-bottom: 20px;}

#loadMore {background: rgba(0,0,0,0.8); text-transform: uppercase; display: block; text-align: center; padding: 15px; color: rgb(255,255,255); cursor: pointer}

#loading {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255,255,255,0.95); z-index: 100001; animation-duration: 0.3s;}
	#loading img {position: absolute; top: 200px; left: calc(50% - 120px)}
#locationMap {display: none; position: fixed; top: 0px;  left: 0px; z-index: 2; width: 100%; height: 100%;}
	#locationMap.slideInLeft { display: block;position: fixed; top: 0px;  left: 0px; position: fixed !important; }
#logo {width: 160px; height: auto; margin-left: 8px; margin-top: 12px; position: absolute; left: 10px;}
	#logo .svg {height: 24px;}
#logo .svg path, #logo .svg polygon, #logo .svg rect, .bannerCaption svg path, .bannerCaption svg polygon {fill: #fff;}

.month li {display: none;}

/* MOBILE MENU */
.mobileMenu {background: rgba(40,40,40,0.95); border: none; position: relative; top: 76px ; }
.mobileMenu ul { list-style-type: none; margin: 0; padding: 0; }
	.mobileMenu a {color: rgb(255,255,255); font-family: "LinotypeSyntaxW01-Regul"; display: block; padding: 10px; text-transform: uppercase; font-size: 0.875em;}
	.mobileMenu a:hover {background-color: rgba(255,255,255,0.1) !important;}
.navbar-toggle .icon-bar { background: rgba(255,255,255,1); margin-top: 4px;}
/* END MOBILE MENU */


.mainArticleWrap {margin: 100px auto;}



	/* HOME PAGE SECTION COLOURS */
	body[data-itemid="1"] section { background: rgba(255,255,255, 0.9); color: rgba(40,40,40,1); position: relative; overflow: hidden; box-shadow: -5px 0px 10px rgba(0,0,0,0.4)}
	body[data-itemid="1"] section:nth-child(even) {background: rgba(0,0,0, 0.9); color: rgba(255,255,255,1);}





.responsiveWrap {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.responsiveWrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* OPEN CONTENT TEMPLATE */

.openContainer {margin-top: 300px; padding-top: 50px; background: rgba(255,255,255,1); padding-bottom: 50px;}
	.openContainer a, .chosenStory a {text-decoration: underline;}
h3 {line-height: 180%;}


/* SUB MENU */
#SubMenuUl, .subMenuWork { font-family:"LinotypeSyntaxW01-Regul"; text-transform: capitalize;}
#SubMenuUl a, .subMenuWork a {text-decoration: none ; margin-bottom: 1px;}
#SubMenuUl a:hover, #SubMenuUl li.selected a, .subMenuWork a:hover {background: rgba(40,40,40,0.9) !important; color: rgba(255,255,255,1);}
	#SubMenuUl *,  .subMenuWork * { -webkit-transition: all 0.1s ease; transition: all 0.1s ease}



/* WORK */
.GalleryItem {position: relative; padding: 80px 0px; background: rgba(200,200,200,1); border-top: 1px solid rgb(80,80,80)}
.GalleryItem:nth-child(even) {background: rgba(100,100,100,0.5); color: #fff;}
	.introContainer {padding: 25px 0px;}

.itemBg img  {position: absolute; top: 100px; left: 0px; z-index: -1;-ms-filter: blur(40px);  -webkit-filter: blur(40px);
    filter: blur(40px); width: 100%; filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='40');}

.clientlist .svg {margin-bottom: 30px;}
.clientlist figure {display: inline-block; -webkit-transition-duration: 1s; transition-duration: 1s; margin-right: 15px;}
.screenshot, .csBox { box-shadow: -5px 0px 20px rgba(0,0,0,0.4);}

.btn-group a:first-child, .btn-group a:last-child {border-radius: 0px;}

.galDesc {padding: 60px 0px;}
.csBox {background: rgb(255,255,255); color: rgb(40,40,40)}
.csBox header {background: rgba(40,40,40,1); color: rgb(255,255,255); padding: 15px;}
	.csBox figure {background: rgba(255,255,255,1)}
	.csBox figure .svg {margin: 0px; }
	.csBox .clientSummary {padding: 30px;}
	.csBox .clientSummary ul {padding: 0; list-style-type: none; margin: 0;}
		.csBox .clientSummary li {margin-bottom: 15px; line-height: 180%;}
		.csBox .btn-default {margin: 20px auto; display: block; border-radius: 0px; background: rgb(40,40,40); color: #fff; line-height: 60px;}
.sPageContainer h3 {line-height: 160%;}
#subMenu li {margin-left: 0px; padding-left: 0px; list-style-type: none; margin-bottom: 20px; font-size: 1.71428571429rem; }
#subMenu li a {border: 1px solid transparent; padding: 6px; transition: 0.3s all linear; display: block; text-decoration: none;}
#subMenu li a:hover {border: 1px solid rgb(180,180,180);}
#subMenu li.selected a {border: 1px solid transparent; font-weight: 600; background: rgb(251,251,251)}
	.month h3 {cursor: pointer;}

.tagContainer {margin-top: 140px;}

.toTop {fill: #fff; width: 60px; opacity: 0.5;}

#topBanner {background: rgba(40,40,40,0.9); position: fixed; top: 0px; left: 60px; width: calc(100% - 60px); height: 77px; }
.body1class #topBanner {background: none;}
#topBanner .nav {margin-right: 0px;}
#topBanner .nav a {background: none; color: #fff; font-family: "LinotypeSyntaxW01-Regul"; text-transform: uppercase; font-weight: 100; letter-spacing: 0.03em; font-size: 0.875em; margin-top: 27px;}
	#topBanner .navbar-toggle {position: absolute; top:10px; right: 0px;}

#homeEditable, #homeDevelopment, #homeVR, #homeMarketing, #blog {border-top:1px solid rgb(194,194,194); margin-bottom: 250px; padding-top: 50px;}
	#homeEditable .leftCol, #homeDevelopment .leftCol, #homeVR .leftCol, #homeMarketing .leftCol, #blog .leftCol {text-align: center;}
	#blog { margin-bottom: 0px;}
	/* SVG */
	.fpDesignIcons { width: 100%; height: auto; max-width: 400px; margin-top: 20px;}
	.leftCol .svg path, .leftCol .svg polygon {fill: rgb(230,230,230); stroke: none;}

.socialout {width: 24px; height: 24px; margin: 5px;}
.tagSearchList a {font-weight: bold; font-size: 1.6rem;}


.tweetBoxContent {background: rgba(255,255,255,0.8); width:500px; height: 200px; font-size: 0.75em; position: absolute; bottom: 49px; right: 50px; z-index: 999;}
	.twitter-text {position: relative; top: 20px;}
	.twitter-text p {font-size: 1.125em; margin-top: 10px; margin-left: 20px; line-height: 200%; font-style: oblique;}
		.twitter-text a {color: rgb(240,80,50);}
	.tweetBoxContent a {font-style: oblique; }

/* ==|== Everything Else =====================================================================
   Alphabetically ordered unles it's nested (.level2 will be nested with #submenu for example)
   =========================================================================================== */


/* SILVERINK LINK */
#silverinkWebDesign {
	font-size: 10px;
	font-family: helvetica, arial;
	margin-left: 2px;
	margin-top: 5px;
}
#silverinkWebDesign 	a {
	color: #888;
}


.workLink span {display: inline-block; width: 60px; height: 60px; line-height: 50px; background: #efefef; vertical-align: middle; text-align: center; font-family:"Syntax W01 Black"; font-size: 2em; }
.workLink span+em {display: inline-block; background: rgb(100,100,100); line-height: 50px; height: 60px;}

/* ==|== media queries ======================================================
   Media Queries for Responsive Design.
   These override the primary ('mobile/desktop first') styles
   Modify as content requires.
   ========================================================================== */




/*===============================*/
/* 480 - LANDSCAPE MOBILE LAYOUT */
/*===============================*/

@media only screen and (min-width: 360px) {
  	/* Style adjustments for viewports 480px and over go here */
	h1, body[data-itemid="1"] h2  {font-size: 2em;}
	h3 {font-size: 1.25em;}
}





















/*=====================*/
/* 768 - TABLET LAYOUT */
/*=====================*/
@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

  body[data-itemid="1"] section {text-align: left;}
  body[data-itemid="1"] section .rightCol *{font-size: 1.8rem; line-height: 200%;}
  		body[data-itemid="1"] #blog .rightCol h3 a {font-size: 2.4rem ;}
  /*body[data-itemid="1"] section .svg path,   body[data-itemid="1"] section .svg path {fill: rgb(255,255,255);}*/

  /* Override Container margin auto */
.carousel-caption h3 {top: 65px;}

/* NEWS ARTICLE */
body[data-template="News"]  h1 {font-size: 2.4em;}
	section.introduction {font-size: 1.5em !important;}
	body[data-template="News"]  section p {font-size: 1.25em;}
	.chosenStory h1 {margin: 90px 90px 30px 90px ;}
	.chosenStory .content {margin: 0px 90px 0px 90px; padding-bottom: 90px;}
	.date {margin: -10px 90px 30px 90px}
	section.introduction {border-left: 1px solid rgb(68,61,67); padding-left: 5%; margin: 0px 90px; line-height:180%; font-size: 1em;}
	section.introduction p {font-size: 1.75em;}

	.chosenStory figcaption {padding: 15px; font-style: italic;}

	#topBanner .nav a {font-size: 0.6em;}

p,ul {font-size: 1.5rem}


.container {width: 690px;}
h1 {font-size: 3em;}

footer { position: absolute; bottom: -20px; /* margin-top: 60px; */
  width: calc(100% - 60px);
  height: 100px;
  padding-top: 40px;
  margin-top: 10px;
}
#mobileMenu {display: none !important;}

}












/*=======================*/
/* 1024 - DESKTOP LAYOUT */
/*=======================*/
@media only screen and (min-width: 992px) {
  /* Style adjustments for viewports 992px and over go here */

   /* Override Container margin auto */

	#topBanner .nav a {font-size: 0.875em;}

.container {width: 910px;}
.openContainer {padding-left: 50px; padding-right: 50px;}



}










/* WIDE DESKTOP LAYOUT */
@media only screen and (min-width: 1200px) {
  /* Style adjustments for viewports 1200px and over go here */

   /* Override Container margin auto */

.container {width: 1110px;}
}















/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}