/*------------------------- Simple reset --------------------------*/ *{margin: 0; padding: 0;font-family: "Roboto Condensed";} html{ z-index:99; Xpadding:80px 0px; background-image: url(../img/bg-apparatus.jpg) ; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover;} body{min-height:600px;padding:50px 0 50px;font:14px/1.3 'Roboto Condensed',Arial,sans-serif;box-shadow:0 0 25px rgba(0,0,0,0.3) inset;height:100%;color: #ffffff;} a{color:#84c1bd;text-decoration:none;cursor:pointer;-webkit-transition:color .1s linear 0;-moz-transition:color .1s linear 0;-o-transition:color .1s linear 0;transition:color .1s linear 0} a:hover,a:active,a:focus{outline:0;color:#FFF;text-decoration:none} section,{display:block} /*---------------------------- Styling the presentation -----------------------------*/ #impress:not(.impress-not-supported) .step{opacity:.4} #impress .step{ width: 600px; min-height: 600px; position: relative;margin: 0 auto; -moz-transition: 1s opacity; -webkit-transition: 1s opacity; transition: 1s opacity} #impress .step.active{opacity:1} #impress h1{ position: absolute;text-align: center; padding-bottom: 5px; width: 100%; left: 0px;top: 0px;} #impress h2{ font: normal 26px/1.5 'PT Sans Narrow',sans-serif;color: #fff; position: absolute; z-index: 10;width: 600px;left: 240px;height: 64px; top: 34px; font-weight: 300;} #impress h3{ font: normal 26px/1.5 'PT Sans Narrow',sans-serif;color: #fff; position: absolute; z-index: 10;width: 600px;left: 240px;height: 64px; top: 44px; font-weight: 300;} #impress p{ font: normal 16px/1.3 'Open Sans',sans-serif; color: #fff; position: absolute; z-index: 10;height: 155px; width: 362px;} #impress img{position: fixed; z-index: 1} .arrow{width:32px;height:54px;background:url(../img/arrows.png) no-repeat;position:fixed;top:50%;margin-top:-27px;cursor:pointer;text-indent:-9999px;overflow:hidden;opacity:.8;border:none!important;text-decoration:none!important;-moz-transition:.2s opacity;-webkit-transition:.2s opacity;transition:.2s opacity} .arrow:hover{opacity:1} #arrowLeft{left:45px} #arrowRight{right:45px;background-position:top right} #impress.impress-not-supported + .arrow,#impress.impress-not-supported + .arrow + .arrow{display:none} /*---------------------------- Slide 1 - Command-unit 620 -----------------------------*/ #impress #VFC1{width: 600px;} #VFC1 h2{left: 0px;top: 45px;width: 600px;text-align: center;font: normal 34px/1.5 'PT Sans Narrow',sans-serif;} #VFC1 h3{font: normal 22px/1.5 'PT Sans Narrow',sans-serif;color: #fff; position: absolute; z-index: 10;width: 600px; height: 53px; font-weight: 300;left: 0px;top: 95px;text-align: center;} #VFC1 p{ font-size: 16px; font-family: "Roboto Condensed"; font-weight: 300; left: 56px; text-align: center;top: 450px;width: 490px} #VFC1 img{right: 0;top: 100px; display:block;max-width:100%;height:auto} /*---------------------------- Slide 2 - Ladder-unit626 -----------------------------*/ #impress #VFC2{ width: 600px} #VFC2 h2{left: 0px;top: 45px;width: 600px;text-align: center;font: normal 34px/1.5 'PT Sans Narrow',sans-serif;} #VFC2 h3{font: normal 22px/1.5 'PT Sans Narrow',sans-serif;color: #fff; position: absolute; z-index: 10;width: 600px; height: 53px; font-weight: 300;left: 0px;top: 95px;text-align: center;} #VFC2 p{ font-size: 16px; font-family: "Roboto Condensed"; font-weight: 300; left: 56px; text-align: center;top: 450px;width: 490px} #VFC2 img{right: 0;top: 120px; display:block;max-width:100%;height:auto} /*---------------------------- Slide 3 - Marine-unit62 -----------------------------*/ #impress #VFC3{width: 600px} #VFC3 h2{left: 0px;top: 45px;width: 600px;text-align: center;font: normal 34px/1.5 'PT Sans Narrow',sans-serif;} #VFC3 h3{font: normal 22px/1.5 'PT Sans Narrow',sans-serif;color: #fff; position: absolute; z-index: 10;width: 600px; height: 53px; font-weight: 300;left: 0px;top: 95px;text-align: center;} #VFC3 p{ font-size: 16px; font-family: "Roboto Condensed"; font-weight: 300; left: 56px; text-align: center;top: 400px;width: 490px} #VFC3 img{right: 0;top: 80px; display:block;max-width:100%;height:auto} /*---------------------------- Slide 4 - HeavyRescue-unit628 -----------------------------*/ #impress #VFC4{width: 600px} #VFC4 h2{left: 0px;top: 45px;width: 600px;text-align: center;font: normal 34px/1.5 'PT Sans Narrow',sans-serif;} #VFC4 h3{font: normal 22px/1.5 'PT Sans Narrow',sans-serif;color: #fff; position: absolute; z-index: 10;width: 600px; height: 53px; font-weight: 300;left: 0px;top: 95px;text-align: center;} #VFC4 p{ font-size: 16px; font-family: "Roboto Condensed"; font-weight: 300; left: 56px; text-align: center;top: 450px;width: 490px} #VFC4 img{right: 0;top: 120px; display:block;max-width:100%;height:auto}} /*---------------------------- Slide 5 - QuickAttack-unit62 -----------------------------*/ #impress #VFC5{width: 600px} #VFC5 h2{left: 0px;top: 45px;width: 600px;text-align: center;font: normal 34px/1.5 'PT Sans Narrow',sans-serif;} #VFC5 h3{font: normal 22px/1.5 'PT Sans Narrow',sans-serif;color: #fff; position: absolute; z-index: 10;width: 600px; height: 53px; font-weight: 300;left: 0px;top: 95px;text-align: center;} #VFC5 p{ font-size: 16px; font-family: "Roboto Condensed"; font-weight: 300; left: 56px; text-align: center;top: 450px;width: 490px} #VFC5 img{right: 0;top: 120px; display:block;max-width:100%;height:auto} /*---------------------------- Slide 6 - PowerWagon-unit625 -----------------------------*/ #impress #VFC6{width: 600px;} #VFC6 h2{left: 0px;top: 45px;width: 600px;text-align: center;font: normal 34px/1.5 'PT Sans Narrow',sans-serif;} #VFC6 h3{font: normal 22px/1.5 'PT Sans Narrow',sans-serif;color: #fff; position: absolute; z-index: 10;width: 600px; height: 53px; font-weight: 300;left: 0px;top: 95px;text-align: center;} #VFC6 p{ font-size: 16px; font-family: "Roboto Condensed"; font-weight: 300; left: 56px; text-align: center;top: 450px;width: 490px} #VFC6 img{ right: 0; top: 120px;display: block; max-width: 100%; height: auto} /*---------------------------- Slide 7 - VFC7 ---------------------------- #impress #VFC2{ width: 600px} #VFC2 h2{left: 0px;top: 2px;width: 600px;text-align: center;font: normal 34px/1.5 'PT Sans Narrow',sans-serif;} #VFC2 h3{font: normal 22px/1.5 'PT Sans Narrow',sans-serif;color: #fff; position: absolute; z-index: 10;width: 600px; height: 53px; font-weight: 300;left: 0px;top: 45px;text-align: center;} #VFC2 p{ font-size: 20px; font-family: "Roboto Condensed"; font-weight: 300; left: 56px; text-align: center;top: 450px;width: 490px} #VFC2 img{right: 0;top: 60px; display:block;max-width:100%;height:auto} Slide 8 - VFC8 ----------------------------- #impress #VFC3{width: 600px} #VFC3 h2{left: 0px;top: 2px;width: 600px;text-align: center;font: normal 34px/1.5 'PT Sans Narrow',sans-serif;} #VFC3 h3{font: normal 22px/1.5 'PT Sans Narrow',sans-serif;color: #fff; position: absolute; z-index: 10;width: 600px; height: 53px; font-weight: 300;left: 0px;top: 45px;text-align: center;} #VFC3 p{ font-size: 20px; font-family: "Roboto Condensed"; font-weight: 300; left: 56px; text-align: center;top: 450px;width: 490px} #VFC3 img{right: 0;top: 60px; display:block;max-width:100%;height:auto} */ /* Tablet Landscape */ @media screen and (max-width: 1060px) { #primary { width:67%; } #secondary { width:30%; margin-left:3%;} } /* Tabled Portrait */ @media screen and (max-width: 768px) { #primary { width:100%; } #secondary { width:100%; margin:0; border:none; } } @media (min-width: 280px) and (max-width: 767px) { #impress .step{ width: 400px; min-height: 600px; position: relative;margin: 0 auto; -moz-transition: 1s opacity; -webkit-transition: 1s opacity; transition: 1s opacity} #impress h1{ font: normal 26px/.0 'PT Sans Narrow',sans-serif; color: #fff; position: absolute; z-index: 10;padding-bottom: 0px; text-shadow: 0px 1px #999;width: 400px; left: 0px;top: 20px;} #impress p{ font: normal 16px/1.4 'Open Sans',sans-serif; color: #fff; position: absolute; z-index: 10;height: 155px; width: 395px;} #impress img{position: fixed; z-index: 1} .arrow{width:12px;height:54px;background:url(../img/arrowsmall.png) no-repeat;position:fixed;top:50%;margin-top:-47px;cursor:pointer;text-indent:-9999px;overflow:hidden;opacity:.8;border:none!important;text-decoration:none!important;-moz-transition:.2s opacity;-webkit-transition:.2s opacity;transition:.2s opacity} .arrow:hover{opacity:1} #arrowLeft{left:25px} #arrowRight{right:25px;background-position:top right} #impress.impress-not-supported + .arrow,#impress.impress-not-supported + .arrow + .arrow{display:none} /*---------------------------- Slide 1 - Command-unit 620 mobile -----------------------------*/ #impress #VFC1{width: 400px;} #VFC1 h2{left: 0px;top: 110px;width: 100%;text-align: center;font: normal 26px/1.5 'PT Sans Narrow',sans-serif;} #VFC1 h3{font: normal 20px/1.5 'PT Sans Narrow',sans-serif;color: #fff; position: absolute; z-index: 10;width: 600px; height: 53px; font-weight: 300;left: -105px;top: 145px;text-align: center;} #VFC1 img{right:0;top:175px; display:block;max-width:80%;height:auto; position: relative;} #VFC1 p{left: 50px; top: 365px; text-align: center;min-width: 200px; width:300px; font-size: 16px; font-family: "Roboto Condensed"; font-weight: 300;} /*---------------------------- Slide 2 - Ladder-unit626 mobile -----------------------------*/ #impress #VFC2{ width: 400px} #VFC2 h2{left: 0px;top: 110px;width: 100%;text-align: center;font: normal 26px/1.5 'PT Sans Narrow',sans-serif;} #VFC2 h3{font: normal 20px/1.5 'PT Sans Narrow',sans-serif;color: #fff; position: absolute; z-index: 10;width: 600px; height: 53px; font-weight: 300;left: -105px;top: 145px;text-align: center;} #VFC2 img{right:0;top:175px; display:block;max-width:80%;height:auto; position: relative;} #VFC2 p{left:50px; top: 365px; text-align: center;min-width: 200px; width:300px; font-size: 16px; font-family: "Roboto Condensed"; font-weight: 300;} /*---------------------------- Slide 3 - Marine-unit62 mobile -----------------------------*/ #impress #VFC3{width: 400px} #VFC3 h2{left: 0px;top: 110px;width: 100%;text-align: center;font: normal 26px/1.5 'PT Sans Narrow',sans-serif;} #VFC3 h3{font: normal 20px/1.5 'PT Sans Narrow',sans-serif;color: #fff; position: absolute; z-index: 10;width: 600px; height: 53px; font-weight: 300;left: -105px;top: 145px;text-align: center;} #VFC3 img{right:0;top:140px; display:block;max-width:90%;height:auto; position: relative;} #VFC3 p{left: 50px; top: 365px; text-align: center;min-width: 200px; width:300px; font-size: 16px; font-family: "Roboto Condensed"; font-weight: 300;} /*---------------------------- Slide 4 - HeavyRescue-unit92 mobile -----------------------------*/ #impress #VFC4{width: 400px} #VFC4 h2{left: 0px;top: 110px;width: 100%;text-align: center;font: normal 26px/1.5 'PT Sans Narrow',sans-serif;} #VFC4 h3{font: normal 20px/1.5 'PT Sans Narrow',sans-serif;color: #fff; position: absolute; z-index: 10;width: 600px; height: 53px; font-weight: 300;left: -105px;top: 145px;text-align: center;} #VFC4 img{right:0;top:175px; display:block;max-width:90%;height:auto; position: relative;} #VFC4 p{left: 50px; top: 365px; text-align: center;min-width: 200px; width:300px; font-size: 16px; font-family: "Roboto Condensed"; font-weight: 300;} /*---------------------------- Slide 5 - QuickAttack-unit62 mobile -----------------------------*/ #impress #VFC5{width: 400px} #VFC5 h2{left: 0px;top: 110px;width: 100%;text-align: center;font: normal 26px/1.5 'PT Sans Narrow',sans-serif;} #VFC5 h3{font: normal 20px/1.5 'PT Sans Narrow',sans-serif;color: #fff; position: absolute; z-index: 10;width: 600px; height: 53px; font-weight: 300;left: -105px;top: 145px;text-align: center;} #VFC5 img{right:0;top:145px; display:block;max-width:90%;height:auto; position: relative;} #VFC5 p{left: 50px; top: 365px; text-align: center;min-width: 200px; width:300px; font-size: 16px; font-family: "Roboto Condensed"; font-weight: 300;} /*---------------------------- Slide 5 - PowerWagon-unit625 mobile -----------------------------*/ #impress #VFC6{width: 400px} #VFC6 h2{left: 0px;top: 110px;width: 100%;text-align: center;font: normal 26px/1.5 'PT Sans Narrow',sans-serif;} #VFC6 h3{font: normal 20px/1.5 'PT Sans Narrow',sans-serif;color: #fff; position: absolute; z-index: 10;width: 600px; height: 53px; font-weight: 300;left: -105px;top: 145px;text-align: center;} #VFC6 img{right:0;top:165px; display:block;max-width:90%;height:auto; position: relative;} #VFC6 p{left: 50px; top: 365px; text-align: center;min-width: 200px; width:300px; font-size: 16px; font-family: "Roboto Condensed"; font-weight: 300;} } .img{vertical-align:middle} .img-responsive,.thumbnail > img,.thumbnail a > img,.carousel-inner > .item > img,.carousel-inner > .item > a > img{display:block;max-width:100%;height:auto} .img-thumbnail{display: inline-block; max-width: 100%;height: auto;padding: 4px; line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out;} .img-circle{border-radius:50%} .img-rounded{border-radius:5px} /*---------------------------- Misc -----------------------------*/ .fadeit>a{ color: #D7D7D7; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out;} .fadeit>a:hover{color: #ffff48} .special-font { font-family: 'Shadows Into Light', sans-serif; color: #84c1bd; font-style: normal; font-weight: 400; line-height: 18px; padding-top: 30px; padding-bottom: 30px; text-align: center; letter-spacing: 2px;} .special-fontx {font-family: 'Shadows Into Light', sans-serif; color: #478D88; font-weight: 500; text-align: left; letter-spacing: 2px; padding-bottom: 5px;} .parasubhead{font-family: 'Roboto Thin',sans-serif; font-size: 22px; font-weight: 600; margin: 0; color: #478D88; -vendor-animation-duration: 3s; -vendor-animation-delay: 2s; } .color-textdark{color: #478D88;font-weight: 600} .color-textlight{color: #B3D9D6; text-shadow: 1px 1px #000;} .color-textcolor{ color: #ffff48; text-shadow: 1px 1px #000;} .button{display:inline-block; margin-top:5px; margin-bottom:0;padding:2px 15px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0; background:transparent; border:1px solid #fff;color:#ffffff; vertical-align:middle ;text-align:center;text-transform:uppercase; font-weight:500; font-size:16px;cursor:pointer;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear;*border:0;*zoom:1} /*--- Hover/Active/Focus State ---*/ .button:hover,.button:active,.button:focus {background-color: #fff; color:#000;} /*---------------------------- The Footer -----------------------------*/ footer{bottom: 0; font-size:11px;color: #D7D7D7;background-color: #26292E;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.06);font-family: 'Roboto',sans-serif;font-weight: 300; padding:0px 0 5px 0;font-variant: small-caps; text-align:center; width: 100%; position: fixed; z-index: 100000} footerx{background-color:#111;bottom:0;height:30px;left:0;position:fixed;width:100%;z-index:100000} footer a.tzine,a.tzine:visited{color:#999;font-size:12px;left:50%;margin:16px 0 0 110px;position:absolute;text-decoration:none;top:0} footer a i{color:#ccc;font-style:normal} footer a i b{color:#c92020;font-weight:400}