@font-face {
    font-family: 'montserratultra_light';
    src: url('/wp-content/themes/blankslate/fonts/montserrat-ultralight.eot');
    src: url('/wp-content/themes/blankslate/fonts/montserrat-ultralight.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/blankslate/fonts/montserrat-ultralight.woff2') format('woff2'), url('/wp-content/themes/blankslate/fonts/montserrat-ultralight.woff') format('woff'), url('/wp-content/themes/blankslate/fonts/montserrat-ultralight.ttf') format('truetype'), url('/wp-content/themes/blankslate/fonts/montserrat-ultralight.svg#montserratultra_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratultra_hairline';
    src: url('/wp-content/themes/blankslate/fonts/montserrat-hairline.eot');
    src: url('/wp-content/themes/blankslate/fonts/montserrat-hairline.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/blankslate/fonts/montserrat/montserrat-hairline.woff2') format('woff2'), url('/wp-content/themes/blankslate/fonts/montserrat-hairline.woff') format('woff'), url('/wp-content/themes/blankslate/fonts/montserrat-hairline.ttf') format('truetype'), url('/wp-content/themes/blankslate/fonts/montserrat-hairline.svg#montserratultra_hairline') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratregular';
    src: url('/wp-content/themes/blankslate/fonts/montserrat-regular1.eot');
    src: url('/wp-content/themes/blankslate/fonts/montserrat-regular1.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/blankslate/fonts/montserrat-regular1.woff2') format('woff2'), url('/wp-content/themes/blankslate/fonts/montserrat-regular1.woff') format('woff'), url('/wp-content/themes/blankslate/fonts/montserrat-regular1.ttf') format('truetype'), url('/wp-content/themes/blankslate/fonts/montserrat-regular1.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
    font-family: 'montserratultra_hairline', Arial;
    font-weight: normal;
}

.topHeaderWrapper {
    background: #222222;
    background: none;
    /*padding-top: 20px;
	padding-bottom: 20px;*/
}

.topHeader {
    height: 100px;
    /*background: url("../images/FinsertechLogo.png") no-repeat;
	background-size:207px 43px;
	background-position: left center;*/
}

.navbar-right {
    padding-top: 25px;
    /*padding-top: 10px;*/
}

.navbar-fixed-bottom,
.navbar-fixed-top {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.heroTextWrap {
    margin-top: 34vh;
}

.heroTextWrap h3 {
    font-family: 'montserratregular', Arial;
    font-weight: normal;
    color: #FF6B00;
    font-size: 30px;
    text-transform: uppercase;
    letter-spacing: 7px;
    padding-top: 0px;
    margin-top: 40px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    font-size: 50px;
    font-family: 'montserratultra_light', Arial;
    text-transform: none;
    letter-spacing: normal;
}

.bigEmuLogo {
    font-size: 150px;
    color: #FFFFFF;
}

.Title404 {
    font-family: 'montserratregular', Arial;
    font-size: 80px;
    font-weight: bold;
    color: #222222;
}

.Text404 {
    font-family: 'montserratultra_light', Arial;
    font-size: 35px;
}

.LinkText404 {
    font-family: 'montserratultra_light', Arial;
    font-size: 18px;
}

.ticker {
    display: inline-block;
    width: 1px;
    height: 60px;
    background: #FF6B00;
    background: #FFFFFF;
    opacity: 0;
    position: absolute;
}

.navbar-toggle {
    background-color: transparent;
    background-image: none;
    border: 0px;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 0px;
    margin: 0px;
    margin-top: 15px;
    margin-right: 15px;
    position: relative;
    color: #FFFFFF;
    font-size: 30px;
    /*	margin:0px;
	padding-right: 19px;
	font-size: 24px;
	padding-top: 19px;
	padding-bottom: 15px;
	padding-left: 19px;*/
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: transparent;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #B5460B;
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a {
    color: #FFFFFF;
    font-family: Roboto;
    font-weight: 300;
    font-size: 18px;
    font-family: 'montserratregular';
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background: #E34F00;
}

#subList {
    margin-left: -15px;
}

.portfolioHero2 {
    height: 55vh;
    margin-top: 100px;
    /*background: url("../images/RebelShot.jpg") no-repeat center center; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.orangeBold {
    color: #FF6B00;
    font-weight: bold;
}

#spacer {
    height: 360px;
}

.screenGrab {
    display: none;
}

.screen1 {
    position: absolute;
    width: 650px;
    left: -1300px;
    margin-top: 8%;
    z-index: 1;
}

.screen2 {
    position: absolute;
    width: 650px;
    left: -1300px;
    z-index: 2;
    margin-top: 6%;
}

.screen3 {
    position: absolute;
    width: 650px;
    left: -1300px;
    margin-top: 4%;
    z-index: 3;
}

.bubble {
    position: absolute;
    width: 220px;
    left: 340px;
    margin-top: 5px;
    z-index: 10;
    visibility: hidden;
}

#animText {
    color: #fff;
    font-size: 50px;
    font-family: 'montserratultra_light', Arial;
    /*font-weight:100;*/
}

.whiteLogo {
    position: absolute;
    margin-top: 10px;
    width: 490px;
    margin-left: 27%;
    z-index: 3;
}

.doubleArrow {
    position: absolute;
    margin-left: 46%;
    width: 35px;
    margin-top: 180px;
}


/*#bs-example-navbar-collapse-1 {
	background: #00A54F;	
}*/

a.companyLogo {
    display: block;
    text-decoration: none;
    width: 223px;
    height: 100px;
    float: left;
    background: url("../images/emuLogoSm.png") no-repeat;
    background-size: 223px 47px;
    background-position: left center;
}

.fadeInBlock,
.fadeInBlockRight {
    opacity: 0;
}

.fadeInBlockRight {
    margin-left: -100px;
}

.topLinks {
    float: right;
}

.mobileLinks {
    float: right;
    display: none;
}

.mobileLinks a {
    color: #FFFFFF;
    font-size: 29px;
}

.topLinks a {
    line-height: 100px;
    color: #FFFFFF;
    padding-left: 30px;
    font-family: Roboto;
    font-weight: 300;
    font-size: 18px;
}

.heroWrapper {
    height: 100vh;
    background: url("../images/workBlackBig.jpg") no-repeat center center;
    background: url("../images/planning.jpg") no-repeat center center;
    background: #FFFFFF;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    max-height: 960px;
}

.hideHeroWrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
}

#hero0 {
    background: url("../images/planning.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}

#hero1 {
    background: url("../images/planning.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}

#hero2 {
    background: url("../images/RebelShot.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}

#hero3 {
    background: url("../images/finHero.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}

#hero4 {
    background: url("../images/hero17.jpg") no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}

.firstMessage,
.secondMessage {
    display: inline-block;
}

.secondMessage {
    font-family: "montserratultra_light";
}

.hideInitial {
    opacity: 0;
}

.heroTextWrap span {
    opacity: 0;
    display: none;
}

.portfolioHero {
    height: 70vh;
    margin-top: 100px;
    /*background: url("../images/RebelShot.jpg") no-repeat center center; */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.portfolioTitle {
    height: 90px;
    margin-top: -90px;
    background: url("../images/blackCurtain.png");
    color: #FFFFFF;
}

.bigImageTitle {
    height: 90px;
    margin-top: -90px;
    background: url("../images/blackCurtain.png");
    color: #FFFFFF;
}

.portfolioTitle h1,
.bigImageTitle h1 {
    margin-bottom: 5px;
    padding-bottom: 0px;
    font-size: 23px;
    margin-top: 15px;
    padding-top: 0px;
    font-family: "Montserratregular";
}

.bigImageTitle h1 {
    margin-top: 0px;
    line-height: 90px;
    padding: 0px;
    font-size: 50px;
    /*font-weight: 100;*/
    letter-spacing: -2px;
    font-family: "Montserratultra_light";
}

.portfolioTitle p {
    font-style: italic;
}

.portfolioFeatureImage {
    margin-top: 40px;
    margin-top: 25px;
}

.portfolioSeeMore {
    margin-top: 20px;
}

.blueSkirt {
    background: url("../images/topCurtain5.png") repeat-x;
    background-position: top;
    height: 90vh;
    /*	background: url("../images/orangeBg.png");	
	height:100vh;	*/
    /*border-top: 6px solid #FF6B00;		*/
}

.orangeTab {
    background: url("../images/orangeTab.png") repeat-x;
    background-position: top;
    height: 90vh;
    /*	background: url("../images/orangeBg.png");	
	height:100vh;	*/
    /*border-top: 6px solid #FF6B00;		*/
}

.workedForWrapper {
    height: 0vh;
    /*max-height: 100px;*/
    /*border-bottom: 1px solid #DDDDDD;	*/
}

.heroWrapper h1 {
    font-family: Roboto;
    font-weight: 300;
    font-size: 62px;
    padding-top: 110px;
    padding-bottom: 50px;
    color: #FFFFFF;
    letter-spacing: -2px;
    line-height: 100%;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}

.heroWrapper a {
    color: #FFFFFF;
    text-decoration: underline;
}

.orangeWrapper {
    background: url("../images/orangeBg.png");
    padding: 30px;
    padding-bottom: 40px;
    border-radius: 2%;
    margin-top: 20vh;
    margin-left: -30px;
}

.orangeContainer {}

.orangeWrapper p {
    color: #FFFFFF;
}

.bottomOrangeWrapper {
    height: 42px;
    margin-right: 30px;
    background: url("../images/bottomOrangeBubbleR.png") no-repeat;
    background-size: 41px 42px;
    background-position: top right;
}

#introText {
    font-size: 50px;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 30px;
    margin-bottom: 0px;
}

a.learnMore {
    /*	background: #EF5C0E;	*/
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    margin-top: -110px;
    left: 50%;
    margin-left: -35px;
    border-radius: 50%;
    /*background: -webkit-linear-gradient(#FF6B00, #EF5C0E);*/
    /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(#FF6B00, #EF5C0E);*/
    /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(#FF6B00, #EF5C0E);*/
    /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(#FF6B00, #EF5C0E);*/
    /* Standard syntax */
    color: #FFFFFF;
    font-size: 40px;
    text-align: center;
    line-height: 82px;
    /*box-shadow: 0px 3px 0px 0px #B5460B;	*/
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}

a.learnMore:hover {
    text-decoration: none;
    /*background: #EF5C0E;		*/
}

a.learnMore:active {
    text-decoration: none;
}

a.learnMore:link {
    text-decoration: none;
}

.learnMoreBubble {
    width: 141px;
    height: 57px;
    background: url("../images/Bubble.png") no-repeat;
    background-size: 141px 57px;
    position: absolute;
    left: 50%;
    margin-left: -70px;
    margin-top: -130px;
    text-align: center;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    line-height: 45px;
    background: none;
    color: #FFFFFF;
    font-family: "Montserratregular";
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
}

.dropIn {
    opacity: 0;
}

.logoBar {
    text-align: center;
    padding-top: 1.5%;
}

.trustMarkers {
    margin-bottom: 30px;
}

.logoBar span {
    margin-left: 25px;
    line-height: 46px;
    display: inline-block;
    height: 46px;
}

.logoLabel {
    height: 46px;
    display: inline-block;
    font-family: Roboto;
    font-weight: 500;
    font-size: 15px;
    color: #545454;
}

.nabLogo {
    background: url("../images/nabLogo.png") left center no-repeat;
    background-size: 86px 35px;
    width: 86px;
}

.anzLogo {
    background: url("../images/anzLogo.png") left center no-repeat;
    background-size: 93px 29px;
    width: 93px;
}

.hsbcLogo {
    background: url("../images/HSBC.png") left center no-repeat;
    background-size: 113px 20px;
    width: 113px;
}

.scaLogo {
    background: url("../images/scaLogo.png") left center no-repeat;
    background-size: 115px 35px;
    width: 115px;
}

.rebelLogo {
    background: url("../images/rebelLogo.png") left center no-repeat;
    background-size: 76px 24px;
    width: 76px;
}

.amartLogo {
    background: url("../images/amartLogo.png") left center no-repeat;
    background-size: 89px 28px;
    width: 89px;
}

.UQLogo {
    background: url("../images/uqLogo.png") left center no-repeat;
    background-size: 140px 38px;
    width: 140px;
}

.griffithLogo {
    background: url("../images/griffithLogo.png") left center no-repeat;
    background-size: 113px 28px;
    width: 113px;
}

.octopusLogo {
    background: url("../images/OctopusLogo.png") left center no-repeat;
    background-size: 81px 40px;
    width: 81px;
}

.SSFSLogo {
    background: url("../images/SSFSLogo.png") left center no-repeat;
    background-size: 115px 46px;
    width: 115px;
}

.uBankLogo {
    background: url("../images/uBankLogo.png") left center no-repeat;
    background-size: 81px 33px;
    width: 81px;
}

.mdLogo {
    background: url("../images/mdLogo.png") left center no-repeat;
    background-size: 94px 48px;
    width: 94px;
}


/* Bootstrap overrides */

nav .navbar-default {
    border: 0px;
    background: none;
}

.navbar-fixed-top {
    border: 0px;
    background: none;
}

.navbar {
    border: 0px;
    background: none;
}

.heroWrapper .container {
    text-align: left;
}

.portfolioContent a,
.innerContent a,
.featureContent a {
    color: #EF5C0E;
}

.list-group a {
    color: #555555;
}

a.btn-primary {
    background: #EF5C0E;
    border: 0px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 18px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.4);
    transition: background 0.1s ease-in-out;
    -webkit-transition: background 0.1s ease-in-out;
    -moz-transition: background 0.1s ease-in-out;
    -ms-transition: background 0.1s ease-in-out;
    -o-transition: background 0.1s ease-in-out;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 0px 0px #B5460B;
    color: #FFFFFF;
    margin-bottom: 10px;
    /*font-family: "montserratregular";	
	font-weight: normal;
	font-size: 16px;*/
    font-size: 17px;
}

a.btn-primary:active {
    background: #EF5C0E;
}

a.btn-primary:focus {
    background: #EF5C0E;
}

a.btn-primary:selected {
    background: #EF5C0E;
}

a.btn-primary:link {
    background: #EF5C0E;
}

a.btn-primary:hover {
    background: #FF6B00;
    box-shadow: 0px 2px 0px 0px #B5460B;
}

a.btn-secondary {
    background: #E2E2E2;
    border: 0px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 18px;
    transition: background 0.1s ease-in-out;
    -webkit-transition: background 0.1s ease-in-out;
    -moz-transition: background 0.1s ease-in-out;
    -ms-transition: background 0.1s ease-in-out;
    -o-transition: background 0.1s ease-in-out;
    text-shadow: none;
    box-shadow: 0px 2px 0px 0px #CCCCCC;
    color: #222222;
    margin-bottom: 10px;
    /*font-family: "montserratregular";	
	font-weight: normal;
	font-size: 16px;		*/
    font-size: 17px;
}

a.btn-secondary:hover {
    background: #EEEEEE;
}

a.btn-secondary:selected {
    background: #EEEEEE;
}

a.btn-secondary:active {
    background: #EEEEEE;
}

a.btn-secondary:focus {
    background: #EEEEEE;
}

a.btn-secondary:link {
    background: #EEEEEE;
}

.btn-lg {
    padding: 12px 20px;
}

a.darkerGreenBtn {
    background: #EF5C0E;
    box-shadow: 0px 2px 0px 0px #B5460B;
}

a.darkerGreenBtn:hover {
    background: #FF6B00;
    box-shadow: 0px 2px 0px 0px #B5460B;
}

a.darkerGreenBtn:active {
    background: #EF5C0E;
}

a.darkerGreenBtn:selected {
    background: #EF5C0E;
}

a.darkerGreenBtn:link {
    background: #EF5C0E;
}

.homePromo {
    padding-top: 80px;
}

.innerContent {
    padding-top: 160px;
    padding-bottom: 120px;
}

.innerContent404 {
    padding-top: 160px;
}

.featureContent {
    padding-top: 80px;
    padding-bottom: 0px;
}

.innerContent p,
.featureContent p {
    padding-bottom: 0px;
    margin-bottom: 20px;
}

.innerContent h3,
.featureContent h3 {
    padding-bottom: 0px;
    margin-bottom: 20px;
}

strong {
    color: #222222;
}

.withCrumb {
    padding-top: 60px;
}

.portfolioContent {
    padding-top: 110px;
}

.bigImageTitleContent {
    padding-top: 100px;
}

.portfolioImage {
    /*padding-bottom: 30px;	*/
    padding-bottom: 1px;
}

.homePromo h1,
.innerContent h1,
.featureContent h1 {
    font-size: 56px;
    letter-spacing: -2px;
    color: #222222;
    padding-bottom: 0px;
    margin-bottom: 60px;
}

.homePromo h2,
.innerContent h2,
.featureContent h2 {
    font-size: 22px;
    color: #222222;
    font-weight: 500;
    line-height: 30px;
    padding-bottom: 0px;
    margin-bottom: 30px;
    font-family: "montserratregular";
    font-weight: normal;
    font-size: 20px;
}

.homePromo h3,
.innerContent h3,
.featureContent h3 {
    font-family: Roboto;
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    font-family: "montserratregular";
    font-weight: normal;
    font-size: 16px;
}

.homePromo p,
.innerContent p,
.featureContent p {
    font-family: Roboto;
    color: #555555;
    font-size: 15px;
    font-weight: 300;
    line-height: 23px;
}

.homePromo ul,
.innerContent ul,
.featureContent ul {
    font-family: Roboto;
    color: #555555;
    font-size: 15px;
    font-weight: 300;
    margin-top: 20px;
    margin-left: 0px;
    padding-left: 0px;
}

.homePromo ul li,
.innerContent ul li,
.featureContent ul li {
    margin-bottom: 12px;
    list-style-type: square;
    /*	background: url("../images/tick.png") no-repeat top left;
	background-size:20px 15px;		*/
    /*	padding-left: 35px;
	line-height: 18px;	*/
    margin-left: 15px;
    padding-left: 5px;
}

.phoneNumberList ul {
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 30px;
    padding-bottom: 0px;
}

.phoneNumberList ul li {
    list-style-type: none;
    margin-bottom: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: 0px;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active {
    background: #EF5C0E;
    border: 1px solid #EF5C0E;
}

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    background: #FF6B00;
    border: 1px solid #EF5C0E;
}

#calcConsolePromo {
    position: absolute;
    background: url("../images/calcConsole.png") no-repeat;
    width: 50%;
    height: 100%;
    height: 951px;
    left: 50%;
    background-position: 100px;
}

#calcPromo {
    position: absolute;
    background: url("../images/phoneCalc.png") no-repeat;
    width: 50%;
    height: 563px;
    left: 50%;
    background-position: 100px;
    margin-top: -40px;
}

#calcShowcasePromo {
    position: absolute;
    background: url("../images/customCalcs.png") no-repeat;
    width: 50%;
    height: 562px;
    left: 50%;
    background-position: 100px;
    margin-top: -60px;
}

#shopPhonePromo {
    position: absolute;
    background: url("../images/shopPhone.png") no-repeat;
    background-position: right top;
    /*	background-position: 200% 0%;*/
    width: 49%;
    height: 561px;
    margin-top: 10px;
}

#devicesPromo {
    position: absolute;
    background: url("../images/devices.png") no-repeat;
    width: 50%;
    height: 579px;
    left: 50%;
    background-position: 100px;
    margin-top: -40px;
}

#responsivePromo {
    position: absolute;
    background: url("../images/responsiveCalcs3.png") no-repeat;
    background-position: right top;
    /*	background-position: 200% 0%;*/
    width: 49%;
    height: 100%;
    margin-top: -60px;
}

#customCalcsPromo {
    position: absolute;
    background: url("../images/customCalcs.png") no-repeat;
    background-position: right top;
    /*	background-position: 200% 0%;*/
    width: 49%;
    height: 100%;
    margin-top: 10px;
}

.mobileImagery {
    display: none;
}

.homePromo .container {
    margin-bottom: 240px;
}

.footer {
    background: #222222;
    color: #FFFFFF;
    padding-top: 25px;
    padding-bottom: 30px;
    font-family: Roboto;
}

.footer h2 {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #444444;
    font-family: "montserratregular";
    font-weight: normal;
    font-size: 14px;
}

.footer ul {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 30px;
    padding-bottom: 0px;
}

.footer li {
    margin-bottom: 5px;
    padding-bottom: 0px;
}

.footer a {
    color: #BBBBBB;
}

.contactLabel {
    float: left;
    color: #888888;
}

.contactValue {
    float: right;
    color: #888888;
}

.phoneNumberList .contactLabel {
    color: #555555;
}

.phoneNumberList .contactValue {
    color: #555555;
}

.clearSpan {
    clear: both;
}

.bottomLogos {
    background: #000000;
    padding-top: 20px;
    padding-bottom: 15px;
}

.tagLine {
    font-size: 18px;
    color: #FFFFFF;
    font-weight: 500;
    font-family: Roboto;
    margin-top: 0px;
    line-height: 22px;
    display: none;
}

a.companyLogoBottom {
    display: block;
    text-decoration: none;
    width: 167px;
    height: 36px;
    float: left;
    background: url("../images/emuLogoSmOrange.png") no-repeat;
    background-size: 167px 36px;
    background-position: left center;
    margin-bottom: 12px;
}

a.gbstLogo {
    display: block;
    text-decoration: none;
    width: 86px;
    height: 19px;
    float: left;
    background: url("../images/gbstLogo.png") no-repeat;
    background-size: 86px 19px;
    background-position: left center;
    display: none;
}

.bottomLink {
    display: block;
    float: left;
    margin-right: 15px;
    display: none;
}

#bottomGBST {}

.GBSTBlurb {
    float: right;
    color: #888888;
}

.GBSTBlurb a {
    color: #FFFFFF;
}

.socialIcons {
    font-size: 30px;
    text-align: right;
    margin-bottom: 5px;
}

.socialIcons2 {
    font-size: 30px;
    margin-bottom: 5px;
}

.socialIcons2 a {
    color: #FFFFFF;
}

.socialIcons a:hover {
    color: #EA6400;
    text-decoration: none;
}

.socialIcons2 a:hover {
    color: #EA6400;
    text-decoration: none;
}

.tinyFont {
    font-size: 10px;
}

.emuCrumb {
    color: #999999;
    margin-bottom: 0px;
}

.emuCrumb a {
    color: #222222;
}

.mobileOnly {
    display: none;
}

.desktopOnly,
.wideDesktopOnly {
    display: block;
}

.topCrumb {
    margin-top: 100px;
    background: #f2f2f2;
    padding-top: 15px;
    padding-bottom: 15px;
}

.rightKeyline {
    border-right: 1px solid #DDDDDD;
    padding-right: 30px;
    padding-bottom: 30px;
}

.mobileNavWrap {
    background: #EEEEEE;
}

.google-maps {
    position: relative;
    padding-bottom: 25%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
    margin-top: 100px;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

#phoneNumberList ul {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
    margin-bottom: 30px;
    padding-bottom: 0px;
}

#phoneNumberList li {
    margin-bottom: 5px;
    padding-bottom: 0px;
}

.portfolioTiles .col-md-3 {
    padding-left: 0px;
    padding-right: 1px;
    /*	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 5px;*/
}

.portfolioTiles .col-md-6 {
    padding-left: 0px;
    padding-right: 1px;
    /*	padding-top: 5px;
	padding-bottom: 0px;	
	padding-left: 5px;
	padding-right: 5px;	*/
}

.portfolioTiles .row {
    padding-left: 5px;
    padding-right: 5px;
}

.sectionNav {
    background: #F2F2F2;
    float: none;
    margin-top: 100px;
}

.sectionNavItem {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 20px;
    color: #222222;
    display: inline-block;
    margin-left: 25px;
    margin-right: 25px;
}

.sectionNavItem span {
    font-size: 39px;
    background-size: contain;
}

.sectionNavItem a {
    color: #888888;
    text-decoration: none;
}

.sectionNavItem a:hover {
    color: #222222;
    text-decoration: none;
}

.sectionNavItem a.selected {
    color: #333333;
    text-decoration: none;
}

a .sectionTitle {
    font-weight: normal;
    font-size: 13px;
    margin-top: 5px;
    font-family: "Roboto";
}

.sectionWrap {
    margin: 0px auto;
    text-align: center;
    float: none;
}

.sectionHero {
    padding-top: 60px;
    padding-bottom: 80px;
}

.mobileBlackout {
    padding-top: 60px;
    padding-bottom: 80px;
}

.sectionTopBlurb {
    /*	padding-bottom: 40px;	*/
    padding-bottom: 80px;
}

.sectionHeroWhite p {
    color: #FFFFFF;
}

.sectionHeroWhite a {
    color: #FFFFFF;
    text-decoration: underline;
}

.sectionHeroWhite h2 {
    color: #FFFFFF;
}

.sectionHeroWhite li {
    color: #FFFFFF;
}

.greyWrap {
    background: #f8f8f8;
}

.gform_wrapper {
    font-weight: bold;
}

.gform_wrapper .top_label .gfield_label {
    width: 15% !important;
}

.gform_wrapper div.validation_error {
    padding: 15px !important;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442 !important;
    width: 100% !important;
    font-weight: normal !important;
    border-top: 1px solid #ebccd1 !important;
    border-bottom: 1px solid #ebccd1 !important;
    font-size: 1em !important;
}

.gform_wrapper li.gfield.gfield_error,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    border-top: none !important;
    border-bottom: none !important;
    background: transparent !important;
}

.gform_wrapper .gfield_error .gfield_label {
    color: inherit !important;
}

.gform_wrapper li.gfield_error input[type=email],
.gform_wrapper li.gfield_error input[type=number],
.gform_wrapper li.gfield_error input[type=password],
.gform_wrapper li.gfield_error input[type=tel],
.gform_wrapper li.gfield_error input[type=text],
.gform_wrapper li.gfield_error input[type=url],
.gform_wrapper li.gfield_error textarea {
    border: 1px solid #A65966 !important;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required fieldset legend.gfield_label,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-left: 0 !important;
}

.gfield_description.validation_message,
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
    max-width: 100% !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    color: #a94442 !important;
    font-size: inherit !important;
    padding-top: 0 !important;
    font-weight: normal !important;
}

.gform_wrapper .gform_footer input[type=submit] {
    background: #EF5C0E;
    border: 0px;
    font-family: Roboto;
    font-weight: 500;
    font-size: 18px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.4);
    transition: background 0.1s ease-in-out;
    -webkit-transition: background 0.1s ease-in-out;
    -moz-transition: background 0.1s ease-in-out;
    -ms-transition: background 0.1s ease-in-out;
    -o-transition: background 0.1s ease-in-out;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 0px 0px #B5460B;
    color: #FFFFFF;
    margin-bottom: 10px;
    border-radius: 4px;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    padding: 6px 12px;
}

.gform_wrapper .gform_footer input[type=submit]:hover {
    background: #FF6B00;
    box-shadow: 0px 2px 0px 0px #B5460B;
}

.gform_wrapper .gform_footer.left_label {
    margin-left: 17% !important;
}

.gform_body ul li {
    border: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: auto;
    margin-left: 0;
    list-style: none;
}

.gfield_label:empty {
    display: none;
}

.form-control input[type="text"],
.form-control input[type="email"],
.form-control textarea {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control textarea {
    height: auto;
}

.homePromo .container ul a {
    color: #EF5C0E;
}


/******* PORTFOLIO LAYOUT ************/

.item {
    /*	background: #DD5E00;
	background: #222222;*/
}

.item .portfolioTileImage {
    /*width: 560px;
	height: 510px;*/
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.item:hover .portfolioTileImage {
    /*	width: 1120px;
	height: 1020px;	*/
    transform: scale(1.05);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    opacity: 0.10;
}

.portfolioTileTitle {
    color: #FFFFFF;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
}

.portfolioTileLogo {
    position: absolute;
    margin-top: -70px;
    background-size: 200px 50px;
    height: 50px;
    width: 200px;
    margin-left: 20px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

.item:hover .portfolioTileLogo {
    opacity: 1;
    transform: translateY(-10px);
}

.item:hover .portfolioTileTitle {
    background: #222222;
}


/*.bigSquareFeature .portfolioTileTitle {
	margin-top: 200px;	
}

.wideRectangleFeature .portfolioTileTitle {
	margin-top: 80px;	
}

.squareFeature .portfolioTileTitle {
	margin-top: 80px;	
}*/

.portfolioTileImage {
    width: 100%;
    height: 100%;
}

.portfolioTitleWrap {
    position: absolute;
    height: 100%;
    width: 100%;
    display: table;
    background: none;
}

.portfolioTileTitle h2 {
    color: #FFFFFF;
    font-size: 18px;
    transition: transform 300ms ease-in-out 0s, opacity 150ms ease-in 0s;
    opacity: 0;
    margin-bottom: 10px;
    padding-bottom: 0px;
    text-transform: uppercase;
}

.portfolioTileTitle p {
    color: #FFFFFF;
    font-family: "Montserratultra_light";
    transition: transform 300ms ease-in-out 0s, opacity 150ms ease-in 0s;
    -webkit-transition-delay: 100ms;
    /* Safari */
    transition-delay: 100ms;
    opacity: 0;
    font-size: 16px;
}

.item:hover .portfolioTileTitle h2 {
    transform: translateY(-15px);
    opacity: 1;
}

.item:hover .portfolioTileTitle p {
    transform: translateY(-15px);
    opacity: 1;
}

.bigSquareFeature {
    /*	width: 49%;*/
    height: 502px;
    /*	margin: 0.5%;*/
    padding: 0px;
    float: left;
    width: 568px;
    margin: 1px;
}

.wideRectangleFeature {
    width: 49%;
    height: 250px;
    margin: 0.5%;
    padding: 0px;
    float: left;
    width: 568px;
    margin: 1px;
}

.longRectangleFeature {
    width: 24%;
    height: 502px;
    margin: 0.5%;
    padding: 0px;
    float: left;
    width: 283px;
    margin: 1px;
}

.squareFeature {
    width: 24%;
    height: 250px;
    margin: 0.5%;
    padding: 0px;
    float: left;
    width: 283px;
    margin: 1px;
}

.item {
    position: relative;
    overflow: hidden;
}

#masonry:after {
    content: '';
    display: block;
    clear: both;
}

.grid {
    background: #EEE;
    max-width: 1200px;
}


/* clearfix */

.grid:after {
    content: '';
    display: block;
    clear: both;
}


/* ---- grid-item ---- */

.grid-sizer,
.grid-item {
    width: 20%;
}

.grid-item {
    height: 120px;
    float: left;
    background: #D26;
    border: 2px solid #333;
    border-color: hsla(0, 0%, 0%, 0.5);
    border-radius: 5px;
}

.grid-item--width2 {
    width: 40%;
}

.grid-item--width3 {
    width: 60%;
}

.grid-item--height2 {
    height: 200px;
}

.grid-item--height3 {
    height: 260px;
}

.grid-item--height4 {
    height: 360px;
}


/*
#posts .post { height: 100px; background: cyan; margin-bottom: 20px; }
#posts .tall { height: 200px; }*/

.sectionNavItem span {
    font-size: 39px;
    background-size: contain;
}

.sectionNavItem a {
    color: #888888;
}

.sectionNavItem a:hover {
    color: #222222;
    text-decoration: none;
}

.sectionNavItem a.selected {
    color: #333333;
}

a .sectionTitle {
    font-weight: normal;
    font-size: 13px;
    margin-top: 5px;
    font-family: "Roboto";
}

.sectionWrap {
    margin: 0px auto;
    text-align: center;
    float: none;
}

.sectionHero {
    padding-top: 60px;
    padding-bottom: 80px;
}

.mobileBlackout {
    padding-top: 60px;
    padding-bottom: 80px;
}

.sectionTopBlurb {
    /*	padding-bottom: 40px;	*/
    padding-bottom: 80px;
}

.sectionHeroWhite p {
    color: #FFFFFF;
}

.sectionHeroWhite a {
    color: #FFFFFF;
    text-decoration: underline;
}

.sectionHeroWhite h2 {
    color: #FFFFFF;
}

.sectionHeroWhite li {
    color: #FFFFFF;
}

.greyWrap {
    background: #f8f8f8;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
    .screenGrab {
        display: none;
    }
    .whiteLogo {
        position: absolute;
        margin-top: 10px;
        width: 378px;
        margin-left: 130px;
        z-index: 3;
    }
    a.companyLogo {
        display: block;
        text-decoration: none;
        width: 223px;
        height: 100px;
        float: left;
        background: url("../images/emuLogoSm@2x.png") no-repeat;
        background-size: 223px 47px;
        background-position: left center;
    }
    a.companyLogoBottom {
        display: block;
        text-decoration: none;
        width: 167px;
        height: 36px;
        float: left;
        background: url("../images/emuLogoSmOrange@2x.png") no-repeat;
        background-size: 167px 36px;
        background-position: left center;
    }
    .learnMoreBubble {
        /*background: url("../images/Bubble@2x.png") no-repeat;
		background-size:141px 57px;	*/
    }
    a.gbstLogo {
        display: block;
        text-decoration: none;
        width: 86px;
        height: 19px;
        float: left;
        background: url("../images/gbstLogo@2x.png") no-repeat;
        background-size: 86px 19px;
        background-position: left center;
        display: none;
    }
    .bottomOrangeWrapper {
        height: 42px;
        margin-left: 30px;
        background: url("../images/bottomOrangeBubble@2x.png") no-repeat;
        background-size: 41px 42px;
        background-position: top left;
    }
    .nabLogo {
        background: url("../images/nabLogo@2x.png") left center no-repeat;
        background-size: 86px 35px;
        width: 86px;
    }
    .anzLogo {
        background: url("../images/anzLogo@2x.png") left center no-repeat;
        background-size: 93px 29px;
        width: 93px;
    }
    .hsbcLogo {
        background: url("../images/HSBC@2x.png") left center no-repeat;
        background-size: 113px 20px;
        width: 113px;
    }
    .scaLogo {
        background: url("../images/scaLogo@2x.png") left center no-repeat;
        background-size: 115px 35px;
        width: 115px;
    }
    .rebelLogo {
        background: url("../images/rebelLogo@2x.png") left center no-repeat;
        background-size: 76px 24px;
        width: 76px;
    }
    .amartLogo {
        background: url("../images/amartLogo@2x.png") left center no-repeat;
        background-size: 89px 28px;
        width: 89px;
    }
    .UQLogo {
        background: url("../images/uqLogo@2x.png") left center no-repeat;
        background-size: 140px 38px;
        width: 140px;
    }
    .griffithLogo {
        background: url("../images/griffithLogo@2x.png") left center no-repeat;
        background-size: 113px 28px;
        width: 113px;
    }
    .octopusLogo {
        background: url("../images/OctopusLogo@2x.png") left center no-repeat;
        background-size: 81px 40px;
        width: 81px;
    }
    .SSFSLogo {
        background: url("../images/SSFSLogo@2x.png") left center no-repeat;
        background-size: 115px 46px;
        width: 115px;
    }
    .uBankLogo {
        background: url("../images/uBankLogo@2x.png") left center no-repeat;
        background-size: 81px 33px;
        width: 81px;
    }
    .mdLogo {
        background: url("../images/mdLogo@2x.png") left center no-repeat;
        background-size: 94px 48px;
        width: 94px;
    }
}


/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {
    .screenGrab {
        display: none;
    }
    #spacer {
        height: 360px;
    }
    #animText {
        color: #fff;
        font-family: 'montserratultra_light', Arial;
        font-size: 38px;
    }
    .doubleArrow {
        position: absolute;
        margin-left: 46%;
        width: 35px;
        margin-top: 160px;
    }
    .whiteLogo {
        position: absolute;
        margin-top: 25px;
        width: 420px;
        margin-left: 240px;
        z-index: 3;
    }
    .screen1 {
        position: absolute;
        width: 560px;
        left: -1320px;
        margin-top: 8%;
        z-index: 1;
    }
    .screen2 {
        position: absolute;
        width: 560px;
        left: -1350px;
        z-index: 2;
        margin-top: 6%;
    }
    .screen3 {
        position: absolute;
        width: 560px;
        left: -1360px;
        margin-top: 4%;
        z-index: 3;
    }
    .bubble {
        position: absolute;
        width: 180px;
        left: 250px;
        margin-top: 5%;
        z-index: 10;
        visibility: hidden;
    }
    .doubleArrow {
        position: absolute;
        margin-left: 46%;
        width: 35px;
        margin-top: 220px;
    }
    .heroWrapper h1 {
        font-family: Roboto;
        font-weight: 300;
        font-size: 50px;
        padding-top: 100px;
        padding-bottom: 40px;
        color: #FFFFFF;
        letter-spacing: -2px;
    }
    .homePromo {
        padding-top: 60px;
    }
    .homePromo h1,
    .innerContent h1,
    .featureContent h1 {
        margin-bottom: 40px;
        font-size: 40px;
    }
    .homePromo h2,
    .innerContent h2,
    .featureContent h2 {
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 26px;
    }
    .homePromo h3 {
        margin-bottom: 30px;
    }
    .homePromo p {}
    .homePromo ul {
        margin-top: 30px;
    }
    .homePromo ul li {}
    #calcConsolePromo {
        background-size: 1166px 713px;
        height: 713px;
    }
    #calcPromo {
        background-size: 678px 423px;
        height: 423px;
    }
    #calcShowcasePromo {
        background-size: 662px 422px;
        height: 562px;
    }
    #devicesPromo {
        background-size: 953px 434px;
        height: 434px;
    }
    #responsivePromo,
    #customCalcsPromo {
        background-size: 662px 422px;
        margin-top: 0px;
    }
    #shopPhonePromo {
        background-size: 506px 316px;
        height: 316px;
    }
    .homePromo .container {
        margin-bottom: 80px;
    }
    .mdLogo {
        width: 0px;
        height: 0px;
        overflow: hidden;
        display: none !important;
    }
    .amartLogo {
        width: 0px;
        height: 0px;
        overflow: hidden;
    }
    .logoBar {
        padding-top: 0px;
    }
    .bigSquareFeature {
        height: 422px;
        width: 468px;
    }
    .wideRectangleFeature {
        height: 210px;
        width: 468px;
    }
    .longRectangleFeature {
        height: 422px;
        width: 233px;
    }
    .squareFeature {
        height: 210px;
        width: 233px;
    }
    .bigImageTitle h1 {
        font-size: 40px;
        letter-spacing: 0;
    }
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {
    #spacer {
        height: 360px;
    }
    .screenGrab {
        display: none;
    }
    .portfolioHero2 {
        height: 45vh;
        margin-top: 60px;
        /*background: url("../images/RebelShot.jpg") no-repeat center center; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    #animText {
        color: #fff;
        font-family: 'montserratultra_light', Arial;
        font-size: 38px;
    }
    .whiteLogo {
        position: absolute;
        margin-top: 8px;
        width: 420px;
        margin-left: 20%;
        z-index: 3;
    }
    .screen1 {
        position: absolute;
        width: 540px;
        left: -1380px;
        margin-top: 8%;
        z-index: 1;
    }
    .screen2 {
        position: absolute;
        width: 540px;
        left: -1440px;
        z-index: 2;
        margin-top: 6%;
    }
    .screen3 {
        position: absolute;
        width: 540px;
        left: -1510px;
        margin-top: 4%;
        z-index: 3;
    }
    .bubble {
        position: absolute;
        width: 210px;
        left: 220px;
        margin-top: 5%;
        z-index: 10;
        visibility: hidden;
    }
    .doubleArrow {
        position: absolute;
        margin-left: 46%;
        width: 35px;
        margin-top: 130px;
    }
    .bigEmuLogo {
        font-size: 130px;
        color: #FFFFFF;
    }
    .heroWrapper {
        /*height: 85vh;	*/
    }
    .heroWrapper h1 {
        font-size: 45px;
    }
    .logoBar span {
        margin-left: 5px;
    }
    .workedForWrapper {
        /*height:15vh; */
    }
    .logoBar {
        text-align: center;
        padding-top: 2%;
    }
    .logoBar span {
        margin-left: 15px;
    }
    .homePromo ul {
        margin-top: 0px;
    }
    .footer {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .footer h2 {
        margin-bottom: 20px;
    }
    #introText {
        /*font-size: 40px;	*/
    }
    .orangeWrapper {
        margin-left: 0px;
    }
    .griffithLogo {
        width: 0px;
        height: 0px;
        overflow: hidden;
        display: none !important;
    }
    .portfolioHero {
        height: 45vh;
        margin-top: 70px;
    }
    .portfolioContent {
        padding-top: 40px;
    }
    .bigImageTitleContent {
        padding-top: 40px;
    }
    .google-maps {
        padding-bottom: 45%;
    }
    .heroTextWrap h3 {
        font-size: 48px;
        margin-top: 40px;
    }
    .ticker {
        height: 52px;
    }
    .navbar-inverse .navbar-nav>li>a:focus,
    .navbar-inverse .navbar-nav>li>a {
        font-size: 13px;
    }
    a.companyLogo {
        display: block;
        text-decoration: none;
        width: 197px;
        height: 100px;
        float: left;
        background: url("../images/emuLogoTiny.png") no-repeat;
        background-size: 180px 38px;
        background-position: left center;
    }
    a.learnMore {
        margin-top: -150px;
    }
    .learnMoreBubble {
        margin-top: -170px;
    }
    .bigSquareFeature {
        height: 432px;
        width: 478px;
    }
    .wideRectangleFeature {
        height: 215px;
        width: 478px;
    }
    .longRectangleFeature {
        height: 432px;
        width: 238px;
    }
    .squareFeature {
        height: 215px;
        width: 238px;
    }
    .wideDesktopOnly {
        display: none;
    }
}


/* Small Devices, Tablets */

@media only screen and (max-width: 767px) {
    .screenGrab {
        display: block;
    }
    .portfolioHero2 {
        height: 35vh;
        margin-top: 60px;
        /*background: url("../images/RebelShot.jpg") no-repeat center center; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    #spacer {
        height: 50px;
    }
    #animText {
        color: #fff;
        font-family: 'montserratultra_light', Arial;
        font-size: 25px;
    }
    .screen1 {
        position: absolute;
        width: 450px;
        left: -1340px;
        margin-top: 8%;
        z-index: 1;
        display: none;
    }
    .screen2 {
        position: absolute;
        width: 450px;
        left: -1400px;
        z-index: 2;
        margin-top: 6%;
        display: none;
    }
    .screen3 {
        position: absolute;
        width: 450px;
        left: -1470px;
        margin-top: 4%;
        z-index: 3;
        display: none;
    }
    .bubble {
        position: absolute;
        width: 180px;
        left: 260px;
        margin-top: 5%;
        z-index: 10;
        visibility: hidden;
        display: none;
    }
    .doubleArrow {
        position: absolute;
        margin-left: 46%;
        width: 35px;
        margin-top: 120px;
    }
    .whiteLogo {
        position: absolute;
        margin-top: 20px;
        width: 280px;
        margin-left: 28%;
        z-index: 3;
    }
    .bigEmuLogo {
        font-size: 80px;
        color: #FFFFFF;
    }
    .mobileBlackout {
        background: url("/wp-content/themes/blankslate/images/blackCurtain.png");
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .sectionHero {
        padding-top: 20px;
        padding-bottom: 40px;
    }
    .sectionTopBlurb {
        /*padding-bottom: 0px;	*/
        padding-bottom: 40px;
    }
    .google-maps {
        position: relative;
        padding-bottom: 65%;
        margin-top: 70px;
    }
    .innerContent {
        padding-top: 100px;
        padding-bottom: 60px;
    }
    .featureContent {
        padding-top: 20px;
        padding-bottom: 0px;
    }
    .withCrumb {
        padding-top: 30px;
    }
    .portfolioContent {
        padding-top: 45px;
    }
    .bigImageTitleContent {
        padding-top: 20px;
    }
    .heroWrapper h1 {
        font-size: 36px;
        padding-top: 0px;
        margin-top: 100px;
        padding-bottom: 0px;
        margin-bottom: 40px;
    }
    .homePromo {
        padding-top: 20px;
    }
    .homePromo h1,
    .innerContent h1,
    .featureContent h1 {
        padding-top: 0px;
        margin-top: 10px;
        padding-bottom: 0px;
        margin-bottom: 30px;
    }
    .orangeWrapper {
        margin-left: 0px;
        border-radius: 2%;
        margin-top: 90px;
        padding: 20px;
        padding-bottom: 30px;
    }
    #introText {
        margin-bottom: 20px;
        padding-bottom: 0px;
    }
    .bottomOrangeWrapper {
        height: 42px;
        margin-left: 30px;
        background: url("../images/bottomOrangeBubble@2x.png") no-repeat;
        background: url("../images/bottomOrangeBubbleR@2x.png") no-repeat;
        background-size: 41px 42px;
        background-position: top left;
        background-position: top right;
    }
    .topLinks {
        /*display: none;	*/
    }
    .mobileLinks {
        /*display: block;	*/
    }
    .mobileLinks a {
        font-size: 32px;
        color: #FFFFFF;
        line-height: 72px;
    }
    .topHeader {
        height: 70px;
        overflow-y: hidden;
    }
    a.companyLogo {
        height: 70px;
        margin-left: 15px;
    }
    a.btn-primary,
    a.btn-secondary {
        margin-bottom: 10px;
    }
    .workedForWrapper {
        height: 0px;
    }
    .heroWrapper {
        height: 100vh;
    }
    .blueSkirt {
        height: 100vh;
    }
    .logoBar {
        display: none;
    }
    .greyWrap {
        display: none;
    }
    a.learnMore {
        margin-top: -150px;
    }
    .learnMoreBubble {
        margin-top: -170px;
        display: none;
    }
    #calcConsolePromo {
        /*position: relative;
		background: url("../images/calcConsole.png") no-repeat;
		background-size: 100%;
		width: 100%;
		height: 500px;
		left: 0;
		background-position: 0;*/
        display: none;
    }
    #calcPromo {
        display: none;
    }
    #responsivePromo,
    #customCalcsPromo,
    #devicesPromo,
    #calcShowcasePromo,
    #shopPhonePromo {
        display: none;
    }
    .mobileImagery {
        display: block;
    }
    .homePromo .container {
        margin-bottom: 40px;
    }
    .GBSTBlurb {
        float: left;
        margin-top: 20px;
    }
    .tagLine {
        font-size: 16px;
    }
    .navbar-right {
        padding-top: 0px;
    }
    .navbar-nav {
        margin: 0px -15px;
    }
    .socialIcons {
        text-align: left;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #ffffff;
    }
    .homePromo ul,
    .innerContent ul,
    .featureContent ul {
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .portfolioHero {
        height: 40vh;
        margin-top: 70px;
    }
    .portfolioTitle,
    .bigImageTitle {
        height: 75px;
        margin-top: -75px;
    }
    .portfolioTitle h1 {
        font-size: 18px;
        margin-top: 15px;
        padding-top: 0px;
    }
    .bigImageTitle h1 {
        font-size: 24px;
        letter-spacing: 0;
        line-height: 75px;
    }
    .portfolioTitle p {
        font-size: 12px;
    }
    .mobileOnly {
        display: block;
    }
    .desktopOnly {
        display: none;
    }
    .topCrumb {
        margin-top: 70px;
    }
    .mobileNavWrap {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .heroTextWrap h3 {
        font-size: 30px;
        margin-top: 50px;
        /*font-family: "montserratregular";*/
        font-size: 40px;
        /*text-transform: uppercase;*/
        /*letter-spacing:3px;*/
        padding-top: 0px;
        margin-top: 30px;
        text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    }
    .secondMessage {
        display: block;
    }
    .ticker {
        height: 21px;
        background: none;
    }
    .sectionWrap {
        text-align: left;
        width: 568px;
        margin-top: 10px;
    }
    .sectionNav {
        margin-top: 70px;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .sectionNavItem {
        margin-left: 15px;
        margin-right: 15px;
    }
    .bigSquareFeature {
        width: 46%;
        height: 215px;
    }
    .wideRectangleFeature {
        height: 215px;
        width: 46%;
    }
    .longRectangleFeature {
        height: 215px;
        width: 46%;
    }
    .squareFeature {
        height: 215px;
        width: 46%;
    }
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    .screenGrab {
        display: block;
    }
    .portfolioHero2 {
        height: 35vh;
        margin-top: 60px;
        /*background: url("../images/RebelShot.jpg") no-repeat center center; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    #spacer {
        height: 50px;
    }
    #animText {
        color: #fff;
        font-size: 25px;
        font-family: 'montserratultra_light', Arial;
    }
    .screen1 {
        position: absolute;
        width: 450px;
        left: -1340px;
        margin-top: 8%;
        z-index: 1;
        display: none;
    }
    .screen2 {
        position: absolute;
        width: 450px;
        left: -1400px;
        z-index: 2;
        margin-top: 6%;
        display: none;
    }
    .screen3 {
        position: absolute;
        width: 450px;
        left: -1470px;
        margin-top: 4%;
        z-index: 3;
        display: none;
    }
    .bubble {
        position: absolute;
        width: 180px;
        left: 260px;
        margin-top: 5%;
        z-index: 10;
        visibility: hidden;
        display: none;
    }
    .doubleArrow {
        position: absolute;
        margin-left: 46%;
        width: 35px;
        margin-top: 120px;
    }
    .whiteLogo {
        position: absolute;
        margin-top: 20px;
        width: 300px;
        margin-left: 12%;
        z-index: 3;
    }
    .bigEmuLogo {
        font-size: 65px;
        color: #FFFFFF;
    }
    .heroWrapper h1 {
        font-size: 36px;
        padding-top: 0px;
        margin-top: 90px;
        padding-bottom: 0px;
        margin-bottom: 40px;
    }
    .bigImageTitle h1 {
        font-size: 20px;
    }
    .learnMoreBubble {
        margin-top: -160px;
    }
    a.learnMore {
        width: 50px;
        height: 50px;
        margin-top: -130px;
        left: 50%;
        margin-left: -25px;
        font-size: 30px;
        line-height: 57px;
    }
    a.btn-primary,
    a.btn-secondary {
        font-size: 16px;
    }
    .heroTextWrap h3 {
        font-size: 38px;
        margin-top: 20px;
        /*letter-spacing: 2px;*/
    }
    .ticker {
        height: 23px;
    }
    .bigSquareFeature,
    .wideRectangleFeature,
    .longRectangleFeature,
    .squareFeature {
        height: 150px;
    }
    .navbar-right {
        padding-top: 0px;
    }
    .navbar-nav {
        margin: 0px -15px;
    }
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {
    .screenGrab {
        display: block;
    }
    .portfolioHero2 {
        height: 30vh;
        margin-top: 10px;
        /*background: url("../images/RebelShot.jpg") no-repeat center center; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    #spacer {
        height: 50px;
    }
    #animText {
        color: #fff;
        font-family: 'montserratultra_light', Arial;
        font-size: 25px;
    }
    .screen1 {
        display: none;
    }
    .screen2 {
        display: none;
    }
    .screen3 {
        display: none;
    }
    .bubble {
        display: none;
    }
    .doubleArrow {
        position: absolute;
        margin-left: 42%;
        width: 25px;
        margin-top: 60px;
    }
    .whiteLogo {
        position: absolute;
        margin-top: 10px;
        width: 150px;
        margin-left: 18%;
        z-index: 3;
    }
    #animText {
        color: #fff;
        margin-top: 40px;
        font-family: 'montserratultra_light', Arial;
        font-size: 18px;
    }
    .bigEmuLogo {
        font-size: 50px;
        color: #FFFFFF;
    }
    .heroWrapper h1 {
        font-size: 25px;
        padding-top: 0px;
        margin-top: 80px;
        letter-spacing: 0;
        font-weight: 300;
        padding-bottom: 0px;
        margin-bottom: 20px;
    }
    .orangeWrapper {
        margin-top: 80px;
        padding: 20px;
    }
    #introText {
        font-size: 28px;
        padding-bottom: 10px;
        margin-bottom: 0px;
    }
    .heroWrapper {
        height: 480px;
    }
    .blueSkirt {
        height: 480px;
    }
    a.learnMore {
        margin-top: -100px;
    }
    .learnMoreBubble {
        margin-top: -140px;
        display: none;
    }
    a.learnMore {
        width: 50px;
        height: 50px;
        margin-top: -90px;
        left: 50%;
        margin-left: -25px;
        font-size: 30px;
        line-height: 57px;
    }
    a.btn-primary,
    a.btn-secondary {
        font-size: 15px;
    }
    .portfolioHero {
        height: 170px;
    }
    .portfolioContent {
        padding-top: 20px;
    }
    .bigImageTitleContent {
        padding-top: 20px;
    }
    .homePromo h1,
    .innerContent h1,
    .featureContent h1 {
        font-size: 32px;
    }
    .heroTextWrap h3 {
        font-size: 32px;
        margin-top: 15px;
        /*letter-spacing: 1px;*/
    }
    .ticker {
        height: 16px;
    }
    .bigSquareFeature,
    .wideRectangleFeature,
    .longRectangleFeature,
    .squareFeature {
        height: 100px;
    }
    .bigImageTitle h1 {
        font-size: 18px;
    }
    .navbar-right {
        padding-top: 0px;
    }
    .navbar-nav {
        margin: 0px -15px;
    }
}

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) and (max-width: 992px) {
    .portfolioHero2 {
        height: 45vh;
        margin-top: 60px;
        /*background: url("../images/RebelShot.jpg") no-repeat center center; */
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .screen1 {
        position: absolute;
        width: 450px;
        left: -1340px;
        margin-top: 8%;
        z-index: 1;
    }
    .screen2 {
        position: absolute;
        width: 450px;
        left: -1400px;
        z-index: 2;
        margin-top: 6%;
    }
    .screen3 {
        position: absolute;
        width: 450px;
        left: -1470px;
        margin-top: 4%;
        z-index: 3;
    }
    .bubble {
        position: absolute;
        width: 180px;
        left: 260px;
        margin-top: 5%;
        z-index: 10;
        visibility: hidden;
    }
    .whiteLogo {
        position: absolute;
        margin-top: 8px;
        width: 200px;
        margin-left: 18%;
        z-index: 3;
    }
    .doubleArrow {
        position: absolute;
        margin-left: 46%;
        width: 25px;
        margin-top: 70px;
    }
    a.companyLogo {
        background: url("../images/emuLogoTiny@2x.png") no-repeat;
        background-size: 180px 38px;
        background-position: left center;
    }
}