/*-------------------------
1. General/Layout styles
--------------------------*/
/* --------WEBFONTS-------*/
@import url("https://hello.myfonts.net/count/2e2cdb");
@font-face {font-family: 'AvantGardeGothicITCW01Bd';src: url('css/webfonts/2E2CDB_0_0.eot');src: url('css/webfonts/2E2CDB_0_0.eot?#iefix') format('embedded-opentype'),url('css/webfonts/2E2CDB_0_0.woff2') format('woff2'),url('css/webfonts/2E2CDB_0_0.woff') format('woff'),url('css/webfonts/2E2CDB_0_0.ttf') format('truetype');}
@font-face { font-family: 'HelveticaNeueLt_Bold'; src: url("css/webfonts/2C6376_0_0.eot"); src: url("css/webfonts/2C6376_0_0.ttf?#iefix") format("embedded-opentype"), url("css/webfonts/2C6376_0_0.woff2") format("woff2"), url("css/webfonts/2C6376_0_0.woff") format("woff"), url("css/webfonts/2C6376_0_0.ttf") format("truetype"); font-weight: 600; font-style: normal; }
/*@font-face { font-family: 'HelveticaNeueLT'; src: url("css/webfonts/HelveticaNeueLT-Light.eot"); src: url("css/webfonts/HelveticaNeueLT-Light.eot?#iefix") format("embedded-opentype"), url("css/webfonts/HelveticaNeueLT-Light.woff2") format("woff2"), url("css/webfonts/HelveticaNeueLT-Light.woff") format("woff"), url("css/webfonts/HelveticaNeueLT-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; }
@font-face { font-family: 'HelveticaNeueLT'; src: url("css/webfonts/2CD018_0_0.eot"); src: url("css/webfonts/2CD018_0_0.eot?#iefix") format("embedded-opentype"), url("css/webfonts/2CD018_0_0.woff2") format("woff2"), url("css/webfonts/2CD018_0_0.woff") format("woff"), url("css/webfonts/2CD018_0_0.ttf") format("truetype"); font-weight: normal; font-style: normal; }*/
@font-face { font-family: 'HelveticaNeueLT_Thin'; src: url("css/webfonts/2C6371_0_0.eot"); src: url("css/webfonts/2C6371_0_0.eot?#iefix") format("embedded-opentype"), url("css/webfonts/2C6371_0_0.woff2") format("woff2"), url("css/webfonts/2C6371_0_0.woff") format("woff"), url("css/webfonts/2C6371_0_0.ttf") format("truetype"); font-weight: 100; font-style: normal; }
@font-face {font-family: 'IndustryInc-InlineStroke';src: url('css/webfonts/2E2068_0_0.eot');src: url('css/webfonts/2E2068_0_0.eot?#iefix') format('embedded-opentype'),url('css/webfonts/2E2068_0_0.woff2') format('woff2'),url('wcss/ebfonts/2E2068_0_0.woff') format('woff'),url('css/webfonts/2E2068_0_0.ttf') format('truetype');}
@font-face {font-family: 'IndustryInc-Base';src: url('css/webfonts/2E2065_0_0.eot');src: url('css/webfonts/2E2065_0_0.eot?#iefix') format('embedded-opentype'),url('css/webfonts/2E2065_0_0.woff2') format('woff2'),url('css/webfonts/2E2065_0_0.woff') format('woff'),url('css/webfonts/2E2065_0_0.ttf') format('truetype');}
@font-face {font-family: 'Industry-Book'; src: url('css/webfonts/2E4F76_0_0.eot');src: url('css/webfonts/2E4F76_0_0.eot?#iefix') format('embedded-opentype'),url('css/webfonts/2E4F76_0_0.woff2') format('woff2'),url('css/webfonts/2E4F76_0_0.woff') format('woff'),url('css/webfonts/2E4F76_0_0.ttf') format('truetype');}
/* --------WEBFONTS-------*/
html,
body {
width:100%;
height:100%;
padding:0;
margin-left:0;
margin-right:0;
background: #222222;
}
body {
font-family: 'Industry-Book', sans-serif;
}
a{
color: #000;
text-decoration: none;
}
a:hover, a:focus{
color: #626262;
text-decoration: none;
outline: 0;
}
.noscroll{
overflow:hidden !important;
}
img {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
user-drag: none;
}
.vbottom{
vertical-align:text-bottom;
padding-bottom:20px;
}
.r {
float:right;
padding-right:25px;
}
.valign{
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
section{
position: relative;
}
.container {
position: relative;
z-index:2;
overflow:hidden;
}
section .container{
padding-top:40px;
padding-bottom:40px;
}
section .container-mix{
padding-top:20px;
padding-bottom:20px;
}
.noPaddingSection .container{
padding-top:30px;
padding-bottom:10px;
}
.row{
z-index:3;
position:relative;
}
hr {
margin-top: 30px;
margin-bottom: 30px;
}
.box-50{
width:50%;
float:left;
position: relative;
min-height: 1px;
}
.box-52{
width:50%;
float:left;
position: relative;
min-height: 1px;
margin-left:-2px;
}
.box-33{
width:33.33%;
float:left;
position: relative;
min-height: 1px;
}
.box-66{
width:66.66%;
float:left;
position: relative;
min-height: 1px;
}
section.backgroundWhite{
background-color: white;
}
section.backgroundGray{
background-color: #C3C3C3;
}
section.backgroundDark{
background-color: #262626;
}
.backgroundTransparent{
background-color: transparent !important;
-webkit-transition: background .6s ease;
-moz-transition: background .6s ease;
-ms-transition: background .6s ease;
-o-transition: background .6s ease;
transition: background .6s ease;
}
.sectionHeader{
padding-bottom:50px;
padding-left: 15px;
padding-right:15px;
text-wrap:none;
}
.black-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.white-overlay{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.8))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(255,255,255,0) 0%,rgba(255,255,255,0.8) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.pattern-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAGklEQVQIW2NkYGD4D8SMQAwGcAY2AbBKDBUAVuYCBQPd34sAAAAASUVORK5CYII=) repeat;
opacity:0.5;
}
.line-separator-small{
background:#f1f1f1;
width:18px;
height:2px;
margin:36px auto;
}
.line-separator-medium{
background:#E1E1E1;
width:30px;
height:3px;
margin:15px 0;
}
.backgroundGray .line-separator-small{
margin:20px 0;
background:#222222;
}
.backgroundDark .sectionHeader h5{
color:#d5d5d5;
}
.backgroundDark .sectionHeader p{
color:#d5d5d5;
}
.bgblue {
background-color:#0096ff;
}
/*buttons*/
.btn{
font-family:'Industry-Book', sans-serif;
text-transform:uppercase;
letter-spacing:1px;
font-size:18px;
padding: 10px 20px;
-webkit-transition: all .3s ease .15s;
transition: all .3s ease .15s;
}
.btn-default{
background: rgba(255, 255, 255, 0.95); color:#000;
transition: width .8s ease, background-color .8s ease ;
-webkit-transition: width .8s ease, background-color .8s ease;
-moz-transition: width .8s ease, background-color .8s ease;
border:2px solid #e4e4e4;
cursor:pointer;
}
.btn-default:hover{
cursor:pointer;
background:transparent;
color:#0096ff;
border:2px solid #0096ff;
border-radius:2px;
position:relative;
}
.btn-default:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all .3s ease .15s;
transition: all .3s ease .15s;
}
.btn-default:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: transparent;
}
.btn-default:hover:after, .btn-default:active:after {
height: 100%;
}
.btn-black{
color:black;
border-color:black;
}
.btn-black:hover{
color:white;
border-color:#222222;
background: transparent !important;
}
.btn-black:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all .3s ease .15s;
transition: all .3s ease .15s;
}
.btn-black:after {
width: 100%;
height: 0;
top: 0;
left: 0;
background: #000;
}
.btn-black:hover:after, .btn-black:active:after {
height: 100%;
}
#featured-works > div:nth-child(1) > div.featuredItemName > a{
z-index:0;
}
.btn.btn-lg{
padding: 20px 40px;
}
.btn.btn-sm{
padding: 10px 20px;
}
.btn.btn-xs{
padding: 7px 16px;
letter-spacing:5px;
}
.btn-rounded{
border-radius:6px;
}
.alert{
border-radius:0;
}
/* MENU OVERLAY */
.navbar-default{
/*
background:transparent;
*/
background-image:url('img/header-bg.png');
border:none;
padding:10px 5px;
max-height:80px;
}
.navbar-tsi{
background-image:url('img/header-bg.png');
border:none;
padding:15px 10px;
padding-right:30px;
}
.navbar-fixed-top{
z-index:10001;
}
.navbar-default .navbar-brand h5{
color:white;
padding-bottom:5px;
}
.affix {
background: rgba(0,0,0,1);
padding-top:0px;
padding-bottom:0px;
-webkit-transition: background .3s ease;
-moz-transition: background .3s ease;
-ms-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
-webkit-box-shadow: 0px 4px 13px -4px rgba(0,0,0,0.35);
-moz-box-shadow: 0px 4px 13px -4px rgba(0,0,0,0.35);
box-shadow: 0px 4px 13px -4px rgba(0,0,0,0.35);
}
.navbar{
-webkit-transition: background .3s ease;
-moz-transition: background .3s ease;
-ms-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
-webkit-transition: padding .3s linear;
-moz-transition: padding .3s linear;
-ms-transition: padding .3s linear;
-o-transition: padding .3s linear;
transition: padding .3s linear;
}
/*overlay menu*/
.overlay-menu {
height: 0;
width: 100%;
z-index: 999;
position: fixed;
background-color: rgba(0,150,255,0.95);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
opacity: 1;
visibility: hidden;
}
.first_span_margin {
margin-top: 12%;
}
.overlay-menu a {
opacity: 0;
display: block;
width: 100%;
text-align: center;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
padding-bottom: 0px;
}
.burger_deluxe {
margin-top: 25px;
margin-right: 10px;
float: right;
cursor: pointer;
padding-left: 1.25em;
position: relative;
width: 30px;
height: 30px;
}
.burger_global {
backface-visibility: hidden;
position: absolute;
left: 0;
border-top: 2px solid white;
width: 100%;
transition: 0.55s;
}
.top_bun {
top: 0;
}
.patty {
top: 8px;
}
.bottom_bun {
top: 16px;
}
/*EXPERIMENT */
.slide-center-out
{
text-decoration: none;
display: inline-block;
color: black;
font: 4.6em 'IndustryInc-Base',sans-serif;
text-transform: uppercase;
text-align: center;
}
/* add a empty string after the elment with class .slide-center-out */
.slide-center-out:after
{
content: '';
display: block;
height: 3px;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease;
-webkit-transition: width .5s ease, background-color .5s ease;
-moz-transition: width .5s ease, background-color .5s ease;
margin: auto;
border-bottom: 15px solid black;
}
/* Change the width and background on hover, aka sliding from the middle to the left and right */
.slide-center-out:hover:after
{
width: 100%;
background: black;
}
.pattyfade {
-webkit-animation: pattyfade 0.3s normal forwards; /* Safari 4+ */
-moz-animation: pattyfade 0.3s normal ; /* Fx 5+ */
-o-animation: pattyfade 0.3s normal ; /* Opera 12+ */
animation: pattyfade 0.3s normal ; /* IE 10+ */
}
.rotate_top {
-webkit-animation: spinning_top_bun 0.3s normal forwards; /* Safari 4+ */
-moz-animation: spinning_top_bun 0.3s normal ; /* Fx 5+ */
-o-animation: spinning_top_bun 0.3s normal ; /* Opera 12+ */
animation: spinning_top_bun 0.3s normal ; /* IE 10+ */
}
.rotate_bottom {
-webkit-animation: spinning_bottom_bun 0.3s normal forwards ; /* Safari 4+ */
-moz-animation: spinning_bottom_bun 0.3s normal ; /* Fx 5+ */
-o-animation: spinning_bottom_bun 0.3s normal ; /* Opera 12+ */
animation: spinning_bottom_bun 0.3s normal ; /* IE 10+ */
}
@-webkit-keyframes spinning_top_bun {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
}
100% {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 12px;
border-color: white;
}
}
@-webkit-keyframes spinning_bottom_bun {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
}
100% {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 12px;
border-color: white;
}
}
@-webkit-keyframes pattyfade {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@media only screen and (min-width: 980px) and (max-width: 1279px) {
.slide-center-out {
font-size: 1.6em;
}
}
@media only screen and (min-width: 760px) and (max-width: 979px) {
.slide-center-out {
font-size: 1.6em;
}
.overlay a {
padding-bottom: 40px;
}
}
@media only screen and (min-width: 320px) and (max-width: 759px) {
.slide-center-out {
font-size: 1.6em;
}
.overlay a {
padding-bottom: 20px;
}
}
.menuWrapper{
position:absolute;
width: 100%;
}
.menu-collapse{
width:80%;
margin:0 auto;
padding-bottom:20px;
}
.menu-collapse li a {
color: #303030;
text-transform: none;
font-size: 2em;
letter-spacing:1px;
font-weight: 400;
font-family: 'IndustryInc-InlineStroke', sans-serif;
line-height: 32px;
}
.menu-collapse li a:hover {
color:white;
}
.menu-collapse h4.minimal{
font-size: 14px;
color: white;
}
.menu-collapse.panel-body{
max-height:250px;
overflow-y: auto;
}
#accordion .panel-body {
padding-bottom: 0px;
}
#accordion .panel {
margin-bottom: 0px;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}
#accordion .panel-heading {
padding: 0;
border-bottom: 0;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
#accordion .overlay-menu a {
padding-bottom: 0px;
}
#accordion .menu-collapse li a{
padding-bottom:15px;
}
#accordion .panel-menu{
padding-bottom:8px;
}
.menuWrapper{
position: absolute;
left: 0%;
top: 0;
width: 100%;
display: table;
}
.menuWrapper #accordion {
display: table-cell;
vertical-align: middle;
}
/*-------------------------
2. Text Styles
--------------------------*/
h1, h2, h3, h4, h5, h6 {
font-family: 'Industry-Book', sans-serif;
color:#fff;
margin-bottom:10px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
h1{
font-size:48px;
line-height: 52px;
}
h2{
font-size: 50px;
line-height: 45px;
}
@media only screen and (min-width: 320px) and (max-width: 759px) {
h2 {
font-size: 47px;
line-height: 40px; }
}
h3{
font-size:30px;
line-height: 36px;
}
h4{
font-size:24px;
line-height: 28px;
}
h5{
font-size:18px;
line-height: 22px;
}
h6{
font-size:14px;
line-height: 18px;
}
p {
font-family: 'Industry-Book', sans-serif;
font-size: 1em;
line-height: 1.8;
-webkit-font-smoothing: antialiased;
}
span.lowlight {
background-color: rgba(0,0,0,0.35);
height:30px;
padding:15px;
margin-bottom:-10px;
}
ul li, ol li{
line-height: 1.8;
}
.infolist{
line-height: 1.8;
padding-left:10px;
margin-left:20px;
}
p.serif{
font-family:'Industry-Book';
font-style:italic;
}
p.serif .serifNormal{
font-style:normal;
}
h1.minimal{
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'IndustryInc-Base', sans-serif;
font-weight:700;
}
h2.minimal{
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'IndustryInc-Base', sans-serif;
font-weight:700;
}
h3.minimal{
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'IndustryInc-Base', sans-serif;
font-weight:700;
}
h4.minimal{
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'IndustryInc-Base', sans-serif;
font-weight:700;
font-size:32px;
}
h5.minimal {
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'IndustryInc-Base', sans-serif;
font-weight:700;
font-size:16px;
}
h6.minimal {
text-transform: uppercase;
letter-spacing: 2px;
font-family: 'IndustryInc-Base', sans-serif;
font-weight:700;
font-size:22px;
}
/*-------------------------
3. Intro Section
--------------------------*/
#intro .container{
width: 100%;
height: 700px;
}
#intro-half{
width:100%;
}
#intro-half{
position: relative;
overflow: hidden;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background:url('img/background1.jpg');
}
.aboutPage1intro{
background: url('img/background1.jpg');
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
}
.indexIntro1{
background: url('img/background1.jpg');
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
}
.indexIntro2{
background: url('img/portfolio/portfolioBackground1.jpg');
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
}
.indexIntro3{
background: url('img/portfolio/portfolioBackground4.jpg');
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
}
.indexIntro4{
background: url('img/portfolio/portfolioBackground3.jpg');
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
}
#intro-half .black-overlay{
background: black;
opacity:0.5
}
#intro-half .container{
padding-top:60px;
padding-bottom:60px;
}
#intro-half .container .sectionHeader{
padding-top:50px;
}
#intro-half-fullbackground{
background: #222222;
background-image: url('img/bg_grid.png');
}
#intro-half-fullbackground .container{
padding:60px 0;
}
#intro-half-fullbackground .container .sectionHeader{
padding-top:50px;
}
.whiteText h2{
color:white;
}
#intro-half h2{
text-transform:uppercase;
letter-spacing: 1px;
font-family: 'HelveticaNeueLt_Bold', sans-serif;
font-weight:700;
}
#intro-half-fullbackground h2{
text-transform:uppercase;
letter-spacing: 1px;
font-family: 'HelveticaNeueLt_Bold', sans-serif;
font-weight:700;
}
.whiteText p{
color: #e5e5e5;
}
#intro-half .sectionHeader .separator{
padding:20px 0;
}
#intro-half-fullbackground .sectionHeader .separator{
padding:20px 0;
}
#intro-3quarters .container{
width: 100%;
height: 444px;
}
.introLogo{
max-width:80px;
height:auto;
left:50%;
margin-left:-40px;
position:absolute;
top:100px;
}
.introLogo2{
max-width:80px;
height:auto;
left:50%;
}
.introBorderSection{
position: absolute;
width: 500px;
height: 160px;
left: 50%;
margin-left: -250px;
}
h1.introHeading {
position: absolute;
left: 50%;
top: -30%;
font-size: 64px;
line-height:30px;
display: inline-block;
text-align:center;
color:white;
font-weight:700;
text-transform:uppercase;
}
.introHeadingSmall{
text-transform:uppercase;
font-size: 24px;
letter-spacing:5px;
font-weight:400;
}
.indexIntro2 .introBorderSection{
}
.introBorderSection h2{
color:white;
text-transform: uppercase;
position: absolute;
width: 100%;
left: 0;
text-align: center;
bottom: 30px;
font-size:16px;
font-family: 'Raleway', sans-serif;
font-weight:600;
letter-spacing: 4px;
}
.introBorderSection h2:before{
position:absolute;
width:50px;
height:2px;
background:white;
content: "";
left:50%;
margin-left:-25px;
bottom:50px;
}
.introBorderSection .line {
display: block;
position: absolute;
background: #d5d5d5;
}
.introBorderSection .line.line-top-left {
right: 80%;
width: 0;
}
.introBorderSection .line.line-side-left, .introBorderSection .line.line-bottom {
left: 0;
}
.introBorderSection .line.line-side-left, .introBorderSection .line.line-side-right {
width: 8px;
height: 0;
}
.introBorderSection .line.line-bottom {
bottom: 0;
width: 0;
}
.introBorderSection .line.line-side-left, .introBorderSection .line.line-bottom {
left: 0;
}
.introBorderSection .line.line-top-left, .introBorderSection .line.line-top-right, .introBorderSection .line.line-bottom {
height: 8px;
}
.introBorderSection .line.line-side-right {
right: 0;
bottom: 0;
}
.introBorderSection .line.line-side-left, .introBorderSection .line.line-side-right {
width: 8px;
height: 0;
}
.introBorderSection .line.line-top-right {
right: 0;
width: 0;
}
.introBorderSection .line.line-top-left, .introBorderSection .line.line-top-right {
top: 0;
}
.mouse-icon {
background: rgba(0, 0, 0, 0);
border: 2px solid white;
border-radius: 20px;
height: 50px;
margin: 0 auto;
right: 0;
width: 35px;
cursor: pointer;
left:50%;
margin-left:-17.5px;
position:absolute;
bottom:60px;
-webkit-transition: all .6s linear;
-moz-transition: all .6s linear;
-ms-transition: all .6s linear;
-o-transition: all .6s linear;
transition: all .6s linear;
}
.introButton{
position:absolute;
bottom:60px;
margin: 0 auto;
}
.mouse-icon .wheel {
-webkit-animation: 3s ease 0s normal infinite moving-icon;
-moz-animation: 3s ease 0s normal infinite moving-icon;
-o-animation: 3s ease 0s normal infinite moving-icon;
animation: 3s ease 0s normal infinite moving-icon;
border-radius: 50%;
height: 16px;
left: 0;
margin-left: auto;
margin-right: auto;
margin-top: 2px;
right: 0;
width: 8px;
background-color: transparent;
border:1px solid white
}
@-moz-keyframes moving-icon {
0% {
margin-top: 6px;
opacity: 0;
}
30% {
opacity: 1;
}
100% {
margin-top: 18px;
opacity: 0;
}
}
@-webkit-keyframes moving-icon {
0% {
margin-top: 6px;
opacity: 0;
}
30% {
opacity: 1;
}
100% {
margin-top: 18px;
opacity: 0;
}
}
@-o-keyframes moving-icon {
0% {
margin-top: 6px;
opacity: 0;
}
30% {
opacity: 1;
}
100% {
margin-top: 18px;
opacity: 0;
}
}
@keyframes moving-icon {
0% {
margin-top: 6px;
opacity: 0;
}
30% {
opacity: 1;
}
100% {
margin-top: 18px;
opacity: 0;
}
}
.introTextHeading2{
position:absolute; left: 50%;
}
.introTextHeading2 h6.minimal{
color:white;
padding-top:50px;
position: relative; left: -50%;
}
.introTextHeading2 h1{
font-size: 64px;
line-height:60px;
display: block;
text-align:center;
color:white;
font-weight:700;
text-transform:uppercase;
padding-top:10px;
margin-bottom:60px;
position: relative; left: -50%;
}
.introTextHeading2 .introLogo2,
.introTextHeading2 .heroButtons {
position: relative; left: -50%;
}
.introTextHeading2 .heroButtons > a{
margin-top:10px;
margin-bottom:10px;
}
.introTextHeadingCountdown{
position:absolute; left: 50%;
}
.introTextHeadingCountdown h1{
position: relative; left: -50%;
font-size: 64px;
line-height:60px;
display: block;
text-align:center;
color:white;
font-weight:700;
text-transform:uppercase;
padding-top:10px;
margin-bottom:10px;
}
.introTextHeadingCountdown .introLogo2{
position: relative; left: -50%;
}
.introTextHeadingCountdown #countdown{
position: relative; left: -50%;
}
.whiteBackgroundIntro .introBorderSection h1, .whiteBackgroundIntro .introBorderSection h2{
color:black;
}
.whiteBackgroundIntro .introBorderSection .line {
display: block;
position: absolute;
background: black;
}
.whiteBackgroundIntro .mouse-icon {
background: rgba(255, 255, 255, 0);
border: 2px solid black;
}
.whiteBackgroundIntro .mouse-icon .wheel {
border:1px solid black
}
.whiteBackgroundIntro .introBorderSection h2:before{
background: black;
}
.introTextHeading3 h1{
font-size: 64px;
line-height:60px;
display: block;
text-align:center;
color:white;
font-weight:700;
text-transform:uppercase;
padding-top:10px;
margin-bottom:20px;
position: relative;
}
.introTextHeading3 h6{
color:white;
padding-top:70px;
font-weight:300;
}
.introTextHeading3 .heroButtons > a{
margin-top:10px;
margin-bottom:10px;
}
.introTextHeading3 .owl-pagination{
margin-bottom:30px;
}
.introTextHeading3 h1 span{
font-family: 'Raleway', sans-serif;
font-weight:300;
text-transform: none;
letter-spacing:-1px;
font-size:80%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
h3.layer1style{
font-family: 'Raleway', sans-serif;
font-weight:300;
text-transform: none;
letter-spacing:-1px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
color:white
}
.errorpage .introTextHeading2 > h1{
margin-bottom:10px;
}
.errorpage .introTextHeading2 > h6.minimal{
padding-top:10px;
}
.errorpage .introTextHeading2 > .heroButtons{
margin-top:30px;
}
.tp-caption .btn {
color:white;
}
.tp-caption .btn:hover {
color: #222222;
}
.introTextHeading2 .is-countdown{
left: -50%;position: relative;
}
#countdown {
width: 100%;
position: relative;
height: auto;
text-align: center;
margin-top: 40px;
margin-bottom: 0px;
background-color:transparent;
border:0;
}
#countdown .countdown-section{
display: inline-block;
position: relative;
width: 25%;
height: auto;
min-height: 150px;
vertical-align: top;
border-left: 1px solid rgba(255,255,255,0.4);
}
#countdown .countdown-section:first-child{
border-left: none;
}
#countdown .countdown-amount{
margin: 0;
font-size: 48px;
font-weight: 700;
line-height: 90px;
color:white;
display:block;
}
#countdown .countdown-period{
font-size:14px;
color:white;
font-family: 'Raleway', sans-serif;
font-weight: 300;
}
/*-------------------------
3. Small Intro Section
--------------------------*/
#smallIntro .container{
padding-top:0;
padding-bottom:0;
}
#smallIntro{
background:#262626;
}
.smallIntroSlider{
background:#2D2D2D;
padding-top:50px;
padding-bottom:50px;
}
.smallIntroSlider h1{
font-weight: 700;
font-family: 'Montserrat', sans-serif;
text-transform:uppercase;
font-size:70px;
line-height:70px;
letter-spacing:-4px;
color: #222222;
}
#smallIntroCarousel .item{
padding-bottom:20px;
}
#smallIntroCarousel .item h5{
color:#d5d5d5;
}
#smallIntroCarousel .item p{
color:#A4A4A4;
font-size:16px;
line-height:27px;
padding-left:30px;
padding-right:30px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
}
.item i{
color: black;
font-size:60px;
margin-bottom:30px;
}
.smallIntroAboutUs{
padding:50px;
padding-top:80px
}
.smallIntroAboutUs h5{
color:white;
}
.smallIntroAboutUs p.serif{
color: white;
font-size:20px;
line-height:30px;
font-weight: lighter;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
margin-top:30px;
margin-bottom: 60px;
}
/*-------------------------
4. Services
--------------------------*/
#services{
background:white;
}
.servicesWrapper1 i{
font-size:50px;
}
.servicesWrapper1 .line-separator-small{
background:#e1e1e1;
width:30px;
height:3px;
margin:15px 0;
}
.servicesWrapper1 p{
padding-right:20px;
}
.serviceswrapper2{
padding:30px;
}
/*-------------------------
5. Featured Items
--------------------------*/
#featured-works{
z-index:1;
}
.featureBox{
height:600px;
width:25%;
background: #EFEFEF;
float:left;
display:inline-block;
padding:30px;
padding-top:60px;
}
.featureBox:first-child{
text-align: right;
}
.featureBox h5.minimal{
text-align: left;
}
.featuredNumbersWrapper{
width: 150px;
float:right;
padding-bottom:80px;
}
.featureImages img{
max-height: 100% !important;
width:100%;
}
.featureImages{
overflow:hidden;
}
.featureImages{
padding-top:0;
padding-left:0;
padding-right:0;
}
.featureBox .line-separator-medium{
background:black;
}
.featureImages{
padding-top:0;
width:50%;
}
.featuredTitle{
padding-top:70px;
padding-bottom:100px;
}
.featuredTitle h5{
font-weight:700;
text-transform:uppercase;
font-family:'IndustryInc-Base', sans-serif;
}
.featuredNumber h4{
text-align:center;
color:#0096ff;
font-family:'IndustryInc-InlineStroke';
}
#sync2 h4{
color:#A6A6A6;
}
.synced{
background:rgba(0,150,255,0.90)
}
#sync2 .synced h4{
color:black;
text-decoration: underline;
}
.backgroundBigNumber{
position:absolute;
font-size:16em;
top:90px;
letter-spacing:-9px;
color:#4A4A4A;
z-index:-2;
font-family:'Industry-Book', sans-serif;
}
.featuredItemName{
position:relative;
}
/*-------------------------
6. Secondary section - testimonials charts etc.
--------------------------*/
#testimonials1{
background: url('img/background2.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
}
#testimonials1 .container .row{
background-color:rgba(40,40,40,0.9);
}
#testimonials2{
background: url('img/background4.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
}
#testimonials2 .container .row{
background-color:rgba(40,40,40,0.9);
}
#charts{
background: url('img/background1.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
}
#charts .container .row{
background-color:rgba(40,40,40,0.9);
}
#charts.chartsImageBackground{
background: url('img/background1.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
}
.timerWrapper{
padding-top:50px;
padding-bottom:50px;
}
.timerWrapper .line-separator-small{
margin:20px auto;
}
.timerWrapper h1{
color:white;
}
.timerWrapper .serif{
color:white;
font-size:18px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
}
.timerWrapper:before{
position:absolute;
width:50px;
height:50px;
color:white;
background: transparent;
content: '\f404';
font-family: Ionicons;
font-size:90px;
right:-25px;
top:30%;
}
.timerWrapper:last-child:before{
display:none;
}
#testimonials1 .container .row{
padding-top:80px;
padding-bottom:80px;
}
#testimonials2 .container .row{
padding-top:80px;
padding-bottom:80px;
}
#testimonials1 h5, #testimonials2 h5{
color:white;
}
#testimonials1 .line-separator-medium, #testimonials2 .line-separator-medium{
margin:30px auto;
}
#testimonials1 .review p, #testimonials2 .review p{
color: #999;
}
#testimonials1 .review .icon, #testimonials2 .review .icon{
color:white;
font-size:30px;
}
#testimonials1 .review i, #testimonials2 .review i{
color: #363636;
}
#testimonials1 .review h6, #testimonials2 .review h6{
font-size:90%;
color:#D7D7D7;
margin-bottom:0;
}
#testimonials1 .review .titulation,#testimonials2 .review .titulation{
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
}
#featuresList p.introHeading {
font-size:20px;
}
#featuresList p.introHeading span{
font-style:normal;
}
#featuresList h5.minimal{
letter-spacing: 2px;
}
#featuresList .featureListWrapper{
padding:30px 80px;
}
#featuresList .featuresListItem{
border-left:1px solid #ddd;
padding-left: 20px;
position: relative;
margin-bottom:40px;
}
#featuresList .featuresListItem::before{
position:absolute;
left:-60px;
top:10px;
font-family:'ionicons';
font-size:46px;
}
#featuresList .item1:before{
content:"\f415";
}
#featuresList .item3:before{
content:"\f430";
}
#featuresList .item2:before{
content:"\f465"
}
/*-------------------------
7. Featured Items
--------------------------*/
#news .container{
padding-top:0;
padding-bottom:0;
}
#news{
background:#262626;
}
.newsIntro{
position:relative;
background:#2D2D2D;
padding-top:140px;
padding-bottom:110px;
}
.newsSlider{
padding-top:70px;
padding-bottom:110px;
}
.newsIntro h1 {
color: #222222;
line-height: 70px;
font-size: 110px;
font-weight: 800;
}
.newsSlider h5{
color:white;
letter-spacing:6px;
}
.newsSlider p.serif{
color:#A4A4A4;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
padding:0px 120px;
}
.newsSlider .btn{
margin-top:30px;
margin-bottom:30px;
}
/*-------------------------
8. Features Main Page
--------------------------*/
#smallFeaturesIntro{
background:white;
}
#mainPageDonut{
background: #fbfbfb;
}
#smallFeaturesIntro h5.minimal{
margin-bottom:40px;
}
/*-------------------------
9. Footer
--------------------------*/
#footerTop{
background:#606060;
}
#footerTop .serif, #footerTop .btn{
display:inline-block;
font-family:'industry-book';
}
#footerTop .serif{
color:white;
font-size:20px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
padding-top:12px;
padding-right:30px;
}
#footerBottom{
background:#262626;
}
#footerBottom h6.minimal{
color:white;
font-weight:400;
letter-spacing:0;
font-size:12px;
}
#footerBottom p.serif{
color:white;
}
.footerSmallLogo{
width:154px;
height:104px;
}
#footerTop .container{
padding-top:10px;
padding-bottom:10px;
}
#footerBottom .container{
padding-top:70px;
padding-bottom:10px;
}
.socialLinks > a{
color:white;
padding-left:10px;
}
.socialLinks > a:hover{
text-decoration:line-through;
}
/*-------------------------
10. Preloader
--------------------------*/
#preloader {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#222222; /* change if the mask should have another color then white */
z-index:2005; /* makes sure it stays on top */
}
#status {
height: 130px;
width: 154px;
position:absolute;
left:50%;
top:50%;
margin:-70px 0 0 -77px;
}
.rectangle-bounce {
text-align: center;
height: 60px;
width: 65px;
right: 0;
left: 0;
z-index: 2015;
opacity: 1;
margin:20px auto;
visibility: visible;
position: relative;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.rectangle-bounce div {
height: 100%;
width: 4px;
margin: 0 3px 0 0;
background-color: #0096ff;
display: inline-block;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out;
}
.rectangle-bounce .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.rectangle-bounce .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.rectangle-bounce .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.rectangle-bounce .rect5 {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
20% { -webkit-transform: scaleY(0.6) }
}
@keyframes stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.4);
-webkit-transform: scaleY(0.4);
} 20% {
transform: scaleY(0.6);
-webkit-transform: scaleY(0.6)
}
}
/*-------------------------
11. Shortcodes
--------------------------*/
blockquote {
border:0;
}
blockquote p{
margin-bottom: 1em;
font-size: 22px;
font-weight: 300;
font-style: normal;
line-height: 1.6;
color: #fff;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
}
blockquote footer{
text-transform:uppercase;
font-size:12px;
letter-spacing:2px;
}
.biggerSize{
-webkit-font-smoothing: antialiased;
font-size: 16px;
font-weight: 300;
color: #fff;
line-height: 1.6;
}
/*-------------------------
12. Individual Pages
--------------------------*/
/*about*/
#aboutPageIntro .sectionHeader {
padding-bottom: 0px;
}
#aboutPageContent1 .box-50{
height:500px;
}
#aboutPageContent1 .box-50:first-child{
background: url('img/feature1.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#aboutIntroCarousel {
padding-top:80px;
padding-bottom:80px;
}
.backgroundWhite .owl-theme .owl-controls .owl-page span {
background: #222222;
}
#aboutIntroCarousel h1{
font-weight: 700;
font-family: 'Montserrat', sans-serif;
text-transform:uppercase;
font-size:70px;
line-height:70px;
letter-spacing:-4px;
color: #222222;
}
#aboutIntroCarousel .item{
padding-bottom:20px;
}
#aboutIntroCarousel .item h5{
color:#2D2D2D;
}
#aboutIntroCarousel .item p{
color:#A4A4A4;
font-size:16px;
line-height:27px;
padding-left:30px;
padding-right:30px;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
}
.backgroundWhite .boldIntroText h1{
font-weight: 700;
font-family: 'Montserrat', sans-serif;
text-transform:uppercase;
font-size:70px;
line-height:70px;
letter-spacing:-4px;
color: #222222;
}
.backgroundWhite .boldIntroText{
background: transparent;
padding-top: 30px;
}
.backgroundWhite .boldIntroText h1{
color:#d5d5d5;
line-height: 70px;
}
.progress{
margin-top: 30px;
margin-bottom: 60px;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 1px;
overflow: visible;
height: 3px;
background: #f1f1f1;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.progress-bar {
width: 0%;
height: 100%;
padding-top: 3px;
position: relative;
overflow: visible;
background-color: #222222;
font-size: 10px;
color: #777;
text-align: left;
line-height: 20px;
}
.progress-bar > span {
display: inline-block;
min-width: 30px;
height: 24px;
letter-spacing: 0;
padding: 0px;
position: absolute;
top: 0px;
right: -2px;
text-align: center;
line-height: 26px;
}
.progress-2 {
height:20px;
}
.progress-2 .progress-bar {
padding-left:10px;
padding-top: 0px;
position: relative;
overflow: visible;
font-size: 10px;
color: white;
text-align: left;
line-height: 20px;
}
.progress-2 .progress-bar > span {
display: inline-block;
min-width: 40px;
height: 20px;
letter-spacing: 0;
padding: 0px;
position: absolute;
top: 0px;
right: -2px;
text-align: center;
line-height: 20px;
}
#team1 .teamMember1{
padding:30px;
}
#team1 .teamMember1 img{
margin-bottom:20px;
}
#team1 .teamMember1 p.serif{
margin:0;
}
#team1 .teamMember1 h4{
margin:0;
letter-spacing:0
}
#team1 .teamMember1 .line-separator-small{
margin:20px auto;
background:#222222;
}
.hoverWrapper1{
position:relative;
}
.hoverTeam1{
background:rgba(255,255,255,0.8);
text-align:center;
-webkit-box-shadow: inset 0px 0px 0px 12px rgba(230,230,230,0.75);
-moz-box-shadow: inset 0px 0px 0px 12px rgba(230,230,230,0.75);
box-shadow: inset 0px 0px 0px 12px rgba(230,230,230,0.75);
height:100%;
width:100%;
opacity:0;
position:absolute;
top:0;
-webkit-transition: opacity .6s ease;
-moz-transition: opacity .6s ease;
}
.teamMember1:hover .hoverTeam1 {
opacity:1;
}
.hoverTeam1 ul{
padding:0;
}
.hoverTeam1 ul li{
display:inline-block;
padding:10px;
font-size:24px;
}
.hoverTeam1 ul li{
display:inline-block;
padding:10px;
font-size:24px;
}
.hoverTeam1 ul {
position: absolute;
width: 200px;
height: 100px;
bottom:35px;
left: calc(50% - 100px);
}
.teamMember2 h4.minimal{
letter-spacing:0;
margin-bottom:0;
}
.teamMember2 ul{
padding:0;
}
.teamMember2 ul li{
font-size:20px;
display:inline;
margin:0 6px;
}
/*services*/
.box-33{
height:600px;
}
#servicesPageContent1 .servicesintroBackground{
background-image: url('img/feature1.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
height:700px;
}
#intro-3quarters.services1Intro{
background: url('img/background3.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
}
#intro-half.services2Intro{
background: url('img/background5.jpg');
background-position:left bottom;
height:400px;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#servicesPageContent1 .box-66{
padding:70px;
}
#servicesTabs{
background-image: url('img/background1.jpg');
background-repeat: no-repeat;
background-position: left center;
background-size: cover;
position:relative;
padding:110px 0;
}
#servicesTabs .container{
background:#222222;
-webkit-transition: all 500ms ease-out 1s;
-moz-transition: all 500ms ease-out 1s;
-o-transition: all 500ms ease-out 1s;
transition: all 500ms ease-out 1s;
}
#servicesTabs p{
color:#777;
}
#tab1.nav-tabs {
border-bottom: none
}
#tab1.nav-tabs li{
width:25%;
text-align:center;
padding:30px;
}
#tab1.nav-tabs i{
color:white;
font-size:60px;
line-height:10px;
}
#tab1 > li:focus{
outline:none;
background: transparent;
}
#tab1 > li > a{
outline:none;
background: #222222;
}
#tab1.nav-tabs h6{
color: #777;
line-height:10px;
}
#tab1.nav-tabs>li.active>a>h6, #tab1.nav-tabs>li.active>a>h6:hover,#tab1.nav-tabs>li.active>a>h6:focus{
color: white;
cursor: default;
background: transparent;
border: 0;
border-bottom-color: transparent;
}
#tab1.nav-tabs li{
width:25%;
text-align:center;
padding:30px;
}
#tab1.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.42857143;
border: 0;
border-radius: 0;
}
#tab1.nav-tabs>li>a:hover {
border-color: transparent;
}
#tab1.nav>li>a:hover, #tab1.nav>li>a:focus {
text-decoration: none;
background-color: transparent;
}
iframe{
border:0;
}
#whychooseus .whychooseusItem{
padding:50px;
padding-top:10px;
}
#whychooseus .line-separator-medium{
margin:20px auto;
}
#process .container{
padding:0;
}
#process .servicesWrapper1{
padding:30px;
padding-top:70px;
padding-bottom:70px;
}
.processIntro{
position:relative;
background:#2D2D2D;
padding-top:80px;
padding-bottom:80px;
text-align:center;
height:100%;
}
.processIntro h1 {
color: #222222;
line-height: 100px;
font-size: 90px;
font-weight: 800;
}
.processIntro h1:first-child{
padding-top:60px;
line-height: 40px;
font-size: 110px;
}
.processIntro h1:last-child{
padding-bottom:30px;
}
#process.backgroundDark .servicesWrapper1{
color:#777;
text-align:center;
}
#process.backgroundDark .servicesWrapper1 i{
color:white;
font-size:90px;
}
#process.backgroundDark .line-separator-small{
margin:20px auto;
}
#process.backgroundDark .servicesWrapper1 h6,
#process.backgroundDark .servicesWrapper1 p{
color: #777;
}
#separatorSection{
background-image: url('img/background6.jpg');
background-repeat: no-repeat;
background-position: left bottom;
background-size: cover;
position:relative;
}
#separatorSection .black-overlay{
background: black;
opacity:0.6;
}
#separatorSection p, #separatorSection h5{
color: #eee;
}
#separatorSection .line-separator-medium{
margin:20px 0;
}
#separatorSection .btn{
margin:30px 0;
}
.clientWrapper img{
max-width:170px;
margin:0 auto;
}
.clientWrapper .line-separator-medium{
margin:20px auto;
}
/*contact*/
.contactblue {
background-color:#fff;
margin:20px;
padding:45px 75px;
}
#intro-half.contact1Intro{
background-image: url('img/background8.jpg');
background-repeat: no-repeat;
background-position: left center;
background-size: cover;
position:relative;
}
#intro-3quarters.contact2Intro{
background-image: url('img/background8.jpg');
background-repeat: no-repeat;
background-position: left center;
background-size: cover;
position:relative;
}
#contactPageContent .box-50{
position:relative;
height:350px;
padding:50px;
padding-top:75px;
}
#contactPageContent .contactImageBox{
background-image: url('img/careers.jpg');
background-repeat: no-repeat;
background-position: left center;
background-size: cover;
}
.borderform {padding:25px; border: 2px solid #303030;}
.form-marie-1 label{
width:100%;
}
.form-marie-1 input:focus, .form-marie-1 textarea:focus{
outline:0;
}
.form-marie-1 label input,.form-marie-1 textarea{
width:100%;
margin-top:10px;
margin-bottom:10px;
}
.form-marie-1 #contact_form #name,
.form-marie-1 #contact_form #email,
.form-marie-1 #contact_form #phone{
height: 30px;
padding: 10px;
padding-bottom: 0px;
background: rgba(68,68,68,0.05);
font-size:1em;
font-family: 'Industry-Book', sans-serif;
letter-spacing:1px;
text-transform:none;
color: #0096ff;
margin-top:0px;
padding-top:0px;
border-bottom: 2px solid #A4A4A4;
border-left:0px;
border-right:0px;
border-top:0px;
}
.form-marie-1 #contact_form #comments {
height: 40px;
padding: 10px;
margin-top:10px;
padding-bottom: 0px;
border: 0;
background: rgba(68,68,68,0.05);
border-bottom: 2px solid #A4A4A4;
border-left: 0px solid #eee;
font-family: 'Industry-Book', sans-serif;
letter-spacing:1px;
text-transform:none;
color: #0096ff;
font-size:1em;
}
#googleMap {
width: 110%;
height: 100%;
overflow: hidden;
margin-left:-100px;
}
#googleMap.box-50{
width:50%;
height: 350px;
overflow: hidden;
}
.socialIconsEffect{
cursor: pointer;
margin: 15px 10px;
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
position: relative;
z-index: 1;
color: #222222;
font-size: 28px;
line-height: 60px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
display: inline-block;
}
.socialIconsEffect:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.socialIcons1 .socialIconsEffect{
background: rgba(26,27,36,0.04);
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;}
.socialIcons1 .socialIconsEffect:after{
top: -4px;
left: -4px;
padding: 4px;
box-shadow: 0 0 0 2px #262626;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.2s, opacity 0.2s;
transform: scale(.8);
opacity: 0;}
.socialIcons1 .socialIconsEffect:hover {
background: rgba(24,25,35,1);
color: white;
}
.socialIcons1 .socialIconsEffect:hover:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.socialIcons1 .socialIconsEffect:hover a{
color: white;
}
/*portfolio*/
/*portfolio*/
/*portfolio*/
/*portfolio*/
#intro-half-fullbackground.portfolioIntro1 .container{
padding-top:10px;
padding-bottom:80px;
}
#intro-half.portfolioIntro2{
background-image: url('img/portfolio/portfolioBackground1.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
}
#intro-half.portfolioIntro3{
background-image: url('img/portfolio/portfolioBackground2.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
}
#intro-half.portfolioIntro4{
background-image: url('img/portfolio/portfolioBackground4.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
}
#intro-half.portfolioIntro5{
background-image: url('img/portfolio/portfolioBackground9.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
height:300px;
}
/*shortcodes pages*/
#intro-half.shortcodes2Intro{
background-image: url('img/background7.jpg');
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
}
/*SHORTCODES */
/*SHORTCODES */
/*SHORTCODES */
/*SHORTCODES */
.panel-group-marie .panel{
border-radius:0;box-shadow:none;
}
.panel-default>.panel-heading {
color: #333;
background-color: transparent;;
border-color: #ddd;
}
.panel-group-marie .panel-body p{
padding:15px;
padding-top:0;
}
.panel-group-marie h6{
letter-spacing:1px;
padding:10px 15px;
position:relative;
}
.panel-group-marie h6 a::after {
content: "\f107";
width: 15px;
height: 15px;
margin-top: -8px;
position: absolute;
top: 50%;
right: 10px;
font-family: 'FontAwesome';
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.panel-group-marie h6 a[aria-expanded^="true"]:after {
content: "\f106";
}
/* single portoflio page */
/* single portoflio page */
/* single portoflio page */
/* single portoflio page */
#portfolioContent1 .box-50:first-child{
background: url('img/portfolio/portfolioBackground1.jpg');
background-size: cover;
}
#portfolioParallaxIntro{
height:600px;
background: url('img/portfolio/portfolioBackground3.jpg');
background-size: cover;
position:relative;
background-repeat: no-repeat;
background-position: left center;
}
#intro-half-fullbackground.noPaddingSection .sectionHeader {
padding-top: 0px;
}
#portfolioContent1 .box-50{
height:400px;
}
#portfolioContent1 .box-50{
position:relative;
padding:50px;
padding-top:75px;
}
#videoOverlayText {
position: absolute;
color: #ffffff;
width: 500px;
height: 200px;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -250px;
}
#customElement {
width: 100%;
height: 500px;
background: #333;
}
#videoOverlayText h1{
font-size:120px;
color:white;
}
#videoOverlayText h2{
font-weight:300;
font-family: 'AvantGardeGothicITCW01Bd', sans-serif;
color:white;
}
#customElement .black-overlay{
background:rgba(0,0,0,0.75);
}
#customElement .unmute{
font-size:26px;
color:#d5d5d5;
cursor:pointer;
}
.introTextHeading2 .unmute{
font-size:26px;
color:#d5d5d5;
cursor:pointer;
display:inline-block;
position:relative;
float:left;
margin-top:30px;
}
.portfolioIntroDetails {
margin-top:10px;
border:1px solid #ddd;
padding:20px;
}
.portfolioIntroDetails li {
line-height:30px;
}
.portfolioIntroDetails li span {
display: inline-block;
width: 150px;
font-weight: 700;
color: #777;
}
.line-separator-medium.center-separator{
margin:30px auto;
}
.contentSinglePage img{
padding:20px;
}
/* portoflio page */
/* portoflio page */
/* portoflio page */
/* portoflio page */
.gallery:after {
content: '';
display: block;
clear: both;
}
/* 2 columns, percentage width */
.gallery .item-2col,
.gallery .grid-sizer-2col {
width: 50%;/* change here the column width */
}
/* 3 columns, percentage width */
.gallery .item-3col,
.gallery .grid-sizer-3col {
width: 33.33333%;/* change here the column width */
}
/* 4 columns, percentage width */
.gallery .item-4col,
.gallery .grid-sizer-4col {
width: 25%;/* change here the column width */
}
/* 5 columns, percentage width */
.gallery .item-5col,
.gallery .grid-sizer-5col {
width: 20%;/* change here the column width */
}
/* 6 columns, percentage width */
.gallery .item-6col,
.gallery .grid-sizer-6col {
width: 16.66667%;/* change here the column width */
}
.gallery .gallery-inner {
float: left;
height: auto;
position: absolute;
left: 0;
top: 0;
margin:0;
}
.gallery .blog-inner{
float: left;
height: auto;
position: absolute;
left: 0;
top: 0;
margin:0;
}
.galleryImage{
/*min-width:100%;*/
width: 100%;
height: auto;
}
.caption {
background: none repeat scroll 0 0 transparent;
top: 0px;
opacity: 0;
position: absolute;
text-align: left;
-webkit-transition: all 1.0s ease;
-moz-transition: all 1.0s ease;
-o-transition: all 1.0s ease;
transition: all 1.0s ease;
padding: 0px;
left: 0;
width: 100%;
height: 100%;
}
.caption{
padding: 0px;
}
.gallery-inner:hover .caption {
opacity: 1;
height: 100%;
width: 100%;
}
.captionWrapper {
height: 100%;
display: table;
width: 100%;
}
.text {
background: rgba(0,0,0,0.7);
text-align: center;
height: 100%;
width: 100%;
display: table-cell;
vertical-align: middle;
}
.text {
font-size: 11px;
letter-spacing: 1px;
margin-top: 40px;
padding: 15px 30px;
}
.text {
display: table-cell;
vertical-align: middle;
}
#portfolioFiltersWrapper .container{
padding-top:30px;
padding-bottom:30px;
}
.portfolioFilters .btn{
background:transparent;
color:#777;;
}
.portfolioFilters .btn:active,
.portfolioFilters .btn:focus{
box-shadow:none;
outline:none;
color:black;
}
.caption .text h5{
font-size:1em;
color:#0096ff;
}
.caption .text h4{
color:white;
font-weight:700;
}
.caption .text p.serif{
color:#d5d5d5;
letter-spacing:0;
}
.caption .line-separator-small{
margin:20px auto;
}
.btn-portfolio {
margin-top:30px;
color: #0096ff;
letter-spacing:4px;
padding: 12px 26px;
border-color:#0096ff;
}
.captionWhite .text{
background: rgba(255,255,255,0.7);
}
.captionWhite .text h5.minimal{
color:#222222;
}
.captionWhite .text h4{
color:black;
}
.captionWhite .text p.serif{
color:black;
}
.captionWhite .text .line-separator-small{
background-color:#959595;
}
.captionWhite .text .btn-portfolio{
border-color:#222222;
color:#222222;
}
.captionWhite .text .btn-portfolio:hover{
border-color:#222222;
color:white;
background:#222222
}
.gallery-inner.item-4col .line-separator-small{
margin:10px auto;
}
.gallery-inner.item-4col .btn{
margin:15px;
}
.gallery-inner.item-4col h4{
font-size:1.6em;
}
.gallery-inner.item-4col h5{
letter-spacing:3px;
}
.gallery-inner.item-5col .line-separator-small{
margin:15px auto;
}
.gallery-inner.item-5col h4{
font-size:1.3em;
}
.gallery-inner.item-5col h5{
letter-spacing:3px;
}
.gallery-inner.item-5col .text {
font-size: 11px;
letter-spacing: 1px;
margin-top: 40px;
padding: 0px;
}
.gallery .item-2col-gutter,
.gallery .grid-sizer-2col-gutter{
width: 40%;/* change here the column width */
}
.gallery .item-2col-gutter{
margin-bottom:5%;
margin-left:5%;
}
.gutter-sizer-2col{
width:5%;
}
.gallery .item-3col-gutter,
.gallery .grid-sizer-3col-gutter{
width: 30%;/* change here the column width */
}
.gallery .item-3col-gutter{
margin-bottom:3.33333%;
margin-left:3.33333%;
}
.gutter-sizer-3col{
width:3.33333%;
}
.gallery .item-4col-gutter,
.gallery .grid-sizer-4col-gutter{
width: 20%;/* change here the column width */
}
.gallery .item-4col-gutter{
margin-top:1.25%;
margin-bottom:1.25%;
margin-left:2.5%
}
.gutter-sizer-4col{
width:2.5%;
}
.gallery-inner.item-4col-gutter h4{
font-size:1.3em;
}
.gallery-inner.item-4col-gutter h5{
letter-spacing:3px;
}
.gallery-inner.item-4col-gutter .text {
font-size: 11px;
letter-spacing: 1px;
margin-top: 40px;
padding: 0px;
}
.input-group-addon {
padding: 12px 18px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: white;
text-align: center;
background-color: #222222;
border: 0;
border-radius: 0;
height: 40px;
}
.input-group-addon a{
color: #fff;
}
.form-control {
height: 40px;
padding: 8px 12px;
font-size: 12px;
border-radius: 0px;
font-family: 'AvantGardeGothicITCW01Bd', sans-serif;
text-transform:uppercase;
letter-spacing:1px;
}
.form-control:focus {
border-color: #282828;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.widget{
margin-top:50px;
}
.label{
font-size:12px;
line-height:3em;
background:transparent;
border:1px dashed #d5d5d5;
border-radius:0;
color:#777;
margin-right:10px;
padding:4px 15px;
-webkit-transition: all .6s ease;
-moz-transition: all .6s ease;
-ms-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
}
.label:hover{
background-color:#0096ff;
border:1px dashed #f2f2f2;
color: #282828;
}
ul.commentsList li{
border-bottom:1px dashed #e9e9e9;
padding-bottom:4px;
margin-bottom:10px;
}
ul.commentsList li a{
font-weight:700;
}
.badge {
color: #7E7E7E;
background-color: #f1f1f1;
border-radius: 3px;
margin-left:6px;
}
.blogPost.blog-inner .post-thumbnail{
padding:10px 0;
}
.blogPost.blog-inner{
padding-bottom:60px;
}
.media {
margin-top: 15px;
padding:20px;
padding-left:0;
}
.media:first-child {
margin-top: 0;
}
.media-right,
.media > .pull-right {
padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.media p.biggerSize{
display:inline-block;
padding-left:10px;
margin-bottom:0;
}
.media .media-heading{
display:inline-block;
}
.media-left{
width:15%;
}
.blackout {background-color:#303030;}
.container-900 {width:96%; margin-left:2%; margin-right:2%; }
.container-800 {width:80%; margin-left:10%; margin-right:10%; }
.pad25 {padding:25px;}
.borderblue {border: 2px solid #0096ff; padding:25px;}
.textblue {color:#0779cb;}
.industryfont {font-family: 'IndustryInc-InlineStroke';}
.industrybold {font-family:'IndustryInc-Base';}
.greydient {background: rgb(99,99,99); /* Old browsers */
background: -moz-linear-gradient(top, rgba(99,99,99,1) 0%, rgba(48,48,48,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(99,99,99,1)), color-stop(100%,rgba(48,48,48,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(99,99,99,1) 0%,rgba(48,48,48,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(99,99,99,1) 0%,rgba(48,48,48,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(99,99,99,1) 0%,rgba(48,48,48,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(99,99,99,1) 0%,rgba(48,48,48,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#303030',GradientType=0 ); /* IE6-9 */ }
.lightwhite {background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.31) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.31))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.31) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.31) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.31) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.31) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4f000000',GradientType=0 ); /* IE6-9 */}
.textbgblack {background: -moz-linear-gradient(left, rgba(68,68,68,0.7) 0%, rgba(155,155,155,0.64) 25%, rgba(155,155,155,0.51) 49%, rgba(155,155,155,0.64) 73%, rgba(68,68,68,0.69) 99%, rgba(68,68,68,0.69) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(68,68,68,0.7)), color-stop(25%,rgba(155,155,155,0.64)), color-stop(49%,rgba(155,155,155,0.51)), color-stop(73%,rgba(155,155,155,0.64)), color-stop(99%,rgba(68,68,68,0.69)), color-stop(100%,rgba(68,68,68,0.69))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(68,68,68,0.7) 0%,rgba(155,155,155,0.64) 25%,rgba(155,155,155,0.51) 49%,rgba(155,155,155,0.64) 73%,rgba(68,68,68,0.69) 99%,rgba(68,68,68,0.69) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(68,68,68,0.7) 0%,rgba(155,155,155,0.64) 25%,rgba(155,155,155,0.51) 49%,rgba(155,155,155,0.64) 73%,rgba(68,68,68,0.69) 99%,rgba(68,68,68,0.69) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(68,68,68,0.7) 0%,rgba(155,155,155,0.64) 25%,rgba(155,155,155,0.51) 49%,rgba(155,155,155,0.64) 73%,rgba(68,68,68,0.69) 99%,rgba(68,68,68,0.69) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(68,68,68,0.7) 0%,rgba(155,155,155,0.64) 25%,rgba(155,155,155,0.51) 49%,rgba(155,155,155,0.64) 73%,rgba(68,68,68,0.69) 99%,rgba(68,68,68,0.69) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3444444', endColorstr='#b0444444',GradientType=1 ); /* IE6-9 */
}
.blackgradient {
background: rgb(48,48,48); /* Old browsers */
background: -moz-linear-gradient(top, rgba(48,48,48,1) 0%, rgba(34,34,34,1) 51%, rgba(48,48,48,1) 95%, rgba(34,34,34,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(48,48,48,1)), color-stop(51%,rgba(34,34,34,1)), color-stop(95%,rgba(48,48,48,1)), color-stop(100%,rgba(34,34,34,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(48,48,48,1) 0%,rgba(34,34,34,1) 51%,rgba(48,48,48,1) 95%,rgba(34,34,34,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(48,48,48,1) 0%,rgba(34,34,34,1) 51%,rgba(48,48,48,1) 95%,rgba(34,34,34,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(48,48,48,1) 0%,rgba(34,34,34,1) 51%,rgba(48,48,48,1) 95%,rgba(34,34,34,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(48,48,48,1) 0%,rgba(34,34,34,1) 51%,rgba(48,48,48,1) 95%,rgba(34,34,34,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#222222',GradientType=0 ); /* IE6-9 */}
.greytext {color:#CFCFCF;}
.graytext {color:#A8A8A8;}
.888text {color:#888;}
.blue_bg {background-color:#0096ff;}
.black {color:#000;}
.limit150 {max-height:150px;}
.minus5 {margin-top:-5px;}
.minus25 {margin-top:-25px}
.minus50 {margin-top:-50px}
.minus100 {margin-top:-100px;}
.minus300contact {margin-top:-300px; background-color:rgba(0,0,0,0.70); z-index:3;}
.plus5 {margin-bottom:5px;}
.plus25 {margin-bottom:25px;}
.whiteout {padding:15px; background-color:rgba(255,255,255,0.00); color:#fff; border: 2px solid #F1F1F1;}
.indbook {font-family: 'Industry-Book'; font-size:1em; letter-spacing:1px;}
.white {color:#fff;}
#z10 {z-index:10;}
#contact-tsi {z-index:9;}
#aboutg5 {z-index:9; color:#000; font-family: 'Industry-Book',sans-serif; background: #fff;}
.blackbox {padding:15px; background-color:rgba(0,0,0,0.10); border: 1px solid #222;}
.whitelinebold {border-bottom:15px solid #fff;}
.blacklinebold_btm {border-bottom:2px solid #303030;}
.blacklinebold_l {border-left:2px solid #303030;}
.blacklinebold_top {border-top:2px solid #303030;}
.blacklinebold_r {border-right:2px solid #303030;}
.natural {background-image:url('img/flask.jpg'); color:#fff;}
.intro {background-image:url('img/flask.jpg'); background-repeat: no-repeat; background-position:center center;}
#stregnths {z-index:9; background-image:url('img/flask.jpg'); background-repeat: no-repeat; background-position:top center; background-color:#046ab3; color:#fff;}
#design {background:#222; color:#fff;}
.nextgen {color:#fff; font-family: 'Industry-Book',sans-serif; background-image:url('img/nextgen.jpg'); background-repeat: no-repeat; background-position:bottom center; background-color:#0071c3;}
.polymerbg {min-height:444px; background-image:url('img/chain.png'); background-repeat: no-repeat; background-position:center center; padding:55px;}
.whitelineright {border-right:1px solid #fff;}
.whitelineleft {border-left:1px solid #fff;}
.whitelinebottom {border-bottom:1px solid #fff;}
.whitelinetop {border-top:1px solid #fff;}
.greylinetop {border-top:1px solid #AAAAAA;}
.greylinebottom {border-bottom:1px solid #AAAAAA;}
.bluelinebottom {border-bottom:1px solid #0096ff;}
.bluelinetop {border-top:1px solid #0096ff;}
.flag {padding:1px, 1px, 1px, 1px;}
.blue_bg {background-color:#126EC5;}
.lighterblue_bg {background-color:#148BCA;}
.lightestblue_bg {background-color:#56A1E8;}
section.ribbon {height:5px; width:100%; margin:0;}
.e4 {color:#DCDCDC;}
/*.middle {padding-top:50px; padding-bottom:50px;}*/
.letterwide {letter-spacing:7px;}
.mmm {color:#303030; font-family: 'Industry-Book',sans-serif; background-image:url('img/mmm-bg.jpg'); background-repeat: no-repeat; background-position:top left;}
.tb5500 {color:#303030; font-family: 'Industry-Book',sans-serif; background-image:url('img/tb5500-bg.jpg'); background-repeat: no-repeat; background-position:bottom left;}
.rttrain {color:#303030; font-family: 'Industry-Book',sans-serif; background-image:url('img/train-bg.jpg'); background-repeat: no-repeat; background-position:top left;}
.cenbatch {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+36,28343b+100;Grey+Black+3D */
background: rgb(181,189,200); /* Old browsers */
background: -moz-linear-gradient(-45deg, rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
background: linear-gradient(135deg, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.greyout {padding:15px; background-color:rgba(255,255,255,0.00); color:#fff; border: 0px solid #555555;}
.emblem {position:relative; top:50%; left:40%; z-index:99999999999999999999; background-image:url('img/emblem.png'); background-repeat:no-repeat; min-height:500px;}
/* NEW NVAIGATION */
ul#menuItems
{
background:none;
height:50px;
max-width:1500px;
margin-top:12px;
padding:0;
}
ul#menuItems li
{
display:inline;
list-style:none;
margin-left:auto;
margin-right:auto;
top:0;
height:50px;
}
ul#menuItems li a
{
font-family:'Industry-Book';
font-size:1em;
text-decoration:underline;
text-transform:uppercase;
letter-spacing:1px;
color:#BBBBBB;
height:50px;
width:auto;
text-align:center;
line-height:50px;
margin-left:15px;
padding-right:10px;
}
ul#menuItems li a:hover{
color: #D8D8D8;
-webkit-transition: all .3s ease .15s;
transition: all .3s ease .15s;
}
#menu-icon {
display: hidden;
width: 44px;
height: 44px;
background: transparent url('img/menu-icon.png') center;
}
a:hover#menu-icon {
background-color: #222;
border-radius: 0px 0px 0 0;
}
@media only screen and (min-width: 980px) and (max-width: 1279px) {
.letterwide {
letter-spacing:5px;
}
.whitelineright {border-right:0px }
.whitelineleft {border-left:0px }
.box-50{
width:100%;
float:left;
position: relative;
min-height: 1px;
}
.box-52{
width:100%;
float:left;
position: relative;
min-height: 1px;
margin-left:0px;
}
}
@media only screen and (min-width: 760px) and (max-width: 979px) {
.letterwide {
letter-spacing:3px;
}
.mmm {background:#3F3F3F;}
.box-50{
width:100%;
float:left;
position: relative;
min-height: 1px;
}
.box-52{
width:100%;
float:left;
position: relative;
min-height: 1px;
margin-left:0px;
}
.whitelineright {border-right:0px }
.whitelineleft {border-left:0px }
#stregnths {z-index:2; background:#146bb4; color:#fff;}
#menu-icon {
display:inline-block;
}
nav ul, nav:active ul {
display: none;
position: absolute;
padding: 20px;
background: #fff;
border: 5px solid #444;
right: 20px;
top: 60px;
width: 50%;
border-radius: 4px 0 4px 4px;
}
nav li {
text-align: center;
width: 100%;
padding: 10px 0;
margin: 0;
}
nav:hover ul {
display: block;
}
}
@media only screen and (min-width: 320px) and (max-width: 759px) {
.letterwide {
letter-spacing:0px;
}
.whitelineright {border-right:0px solid #fff;}
.whitelineleft {border-left:0px solid #fff;}
.mmm {background:#3F3F3F;}
/* 3 columns, percentage width */
.gallery .item-3col,
.gallery .grid-sizer-3col {
width: 100%;/* change here the column width */
}
.box-50{
width:100%;
float:left;
position: relative;
min-height: 1px;
}
.box-52{
width:100%;
float:left;
position: relative;
min-height: 1px;
margin-left:0px;
}
#stregnths {z-index:2; background:#146bb4; color:#fff;}
}
.btn-blue {
background-color:#0779cb;
border-radius: 5px;
border: 2px solid #ffffff;
color : #ffffff;
}
.btn-blue:hover {
background-color:#ffffff;
border: 2px solid #0779cb;
color : #000000;
}
.btn-blue:active {
background-color:#ffffff;
border: 2px solid #0779cb;
color : #000000;
}
.btn-blue:focus {
background-color:#0779cb;
border-radius: 5px;
border: 2px solid #ffffff;
color : #ffffff;
}
/* =Nav
-------------------------------------------------------------- */
#nav-trigger {
display: none;
text-align: center; }
#nav-trigger span {
display: inline-block;
padding: 10px 30px;
background-color: #0096FF;
color: white;
cursor: pointer;
text-transform: uppercase; }
#nav-trigger span:after {
display: inline-block;
margin-left: 10px;
width: 20px;
height: 10px;
content: "";
border-left: solid 10px transparent;
border-top: solid 10px #fff;
border-right: solid 10px transparent; }
#nav-trigger span:hover {
background-color: #0096ff; }
#nav-trigger span.open:after {
border-left: solid 10px transparent;
border-top: none;
border-bottom: solid 1px #fff;
border-right: solid 10px transparent; }
nav {
margin-bottom: 0px; }
nav#nav-main {
background-color: transparent;
padding: 10px 0; }
nav#nav-main ul {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center; }
nav#nav-main li {
display: inline-block;
border-right: solid 1px #545454;
padding: 0 5px; }
nav#nav-main li:last-child {
border-right: none; }
nav#nav-main a {
display: block;
color: #707070;
padding: 10px 20px;
font-family:'IndustryInc-Base', sans-serif;
text-transform:uppercase; }
nav#nav-main a:hover {
background-color:rgba(255,255,255,0.95);
color: #000;
transition: width 1.2s ease, background-color 1.2s ease;
-webkit-transition: width 1.2s ease, background-color 1.2s ease;
-moz-transition: width 1.2s ease, background-color 1.2s ease; }
nav#nav-mobile {
position: relative;
display: none;
z-index:983245983245;}
nav#nav-mobile ul {
display: none;
list-style-type: none;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #0096ff; }
nav#nav-mobile li {
display: block;
padding: 5px 0;
margin: 0 5px;
border-bottom: solid 1px #333; }
nav#nav-mobile li:last-child {
border-bottom: none; }
nav#nav-mobile a {
display: block;
color: white;
padding: 10px 30px; }
nav#nav-mobile a:hover {
background-color: #0096ff;
color: #fff; }
/* =Media Queries
-------------------------------------------------------------- */
@media all and (max-width: 900px) {
#nav-trigger {
display: block; }
nav#nav-main {
display: none; }
nav#nav-mobile {
display: block; }
}
@media screen and (max-width: 600px) {
#nav {
position: relative;
min-height: 40px;
}
#nav ul {
width: 180px;
padding: 5px 0;
position: absolute;
top: 0;
left: 0;
border: solid 1px #aaa;
background: #fff url(images/icon-menu.png) no-repeat 10px 11px;
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
#nav li {
display: none; /* hide all items */
margin: 0;
}
#nav .current {
display: block; /* show only current item */
}
#nav a {
display: block;
padding: 5px 5px 5px 32px;
text-align: left;
}
#nav .current a {
background: none;
color: #666;
}
/* on nav hover */
#nav ul:hover {
background-image: none;
}
#nav ul:hover li {
display: block;
margin: 0 0 5px;
}
#nav ul:hover .current {
background: url(images/icon-check.png) no-repeat 10px 7px;
}
/* right nav */
#nav.right ul {
left: auto;
right: 0;
}
/* center nav */
#nav.center ul {
left: 50%;
margin-left: -90px;
}