html {position: relative; min-height: 100%;}
body {font-family: "Oxygen", sans-serif; color: #444; font-size: 16px; font-weight: 400; 
      line-height: 1.5; background-color: #f2f2f2; margin-bottom: 150px;}
.no-padding {padding: 0 !important;}
a {color: #27bbef;}
a:hover {color: #aaa; text-decoration: none;}

/* Header */
#head {background-size: cover; color:#666; position: relative;}
#head.secondary {height: 100px; min-height: 100px; padding-top: 0px;}
#head .lead-parent {top: 25%; width: 100%; position: absolute; z-index: 3000;}
#head .lead-holder {text-align: center; width: auto; margin: 0 auto 0;}
#head .lead {font-weight: 700; line-height: 70px; text-transform: uppercase; font-size: 60px; color: #fff;
       background: rgba(0,0,0,0.5); padding: 5px 28px 10px; display: inline-block; margin-bottom: 25px;} 
#head .tagline {color: rgba(255,255,255,0.7); margin-bottom: 50px; text-align: center; width: auto;}
#head .tagline-text {padding: 5px 28px 15px; font-size: 50px; line-height: 50px; font-weight: 300; 
              display: inline-block; background: rgba(0,0,0,0.5);}
#head .tagline a {color:#fff;} 
.arrow-head {position: absolute; left: 0; right: 0; margin: auto;
    width: 0px; height: 0px; border-style: solid; border-width: 55px 54.5px 0 54.5px;
border-color: #c9c9c9 transparent transparent transparent; line-height: 0px;
_border-color: #c9c9c9 #000000 #000000 #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}

/* Autohide navbar */
.slideUp {top:-100px;}
.headroom {-webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}

/* Typography */
h1, h2, h3, h4, h5, h6 {margin: 0;}
h1, .h1, h2, .h2, h3, .h3 {}
blockquote {font-style: italic; color:#999; margin:30px 0 30px;}
label {color: #444; font-weight: normal;}
.thin {font-weight:300;}

/* Helpers */
.container-full {margin: 0 auto; width: 100%;}
.marTop0 {margin-top: 0! important;}
.marTop5 {margin-top:5px;}
.marTop10 {margin-top:10px;}
.marTop20 {margin-top:20px;}
.marTop30 {margin-top:30px;}
.marTop40 {margin-top:40px;}
.marTop60 {margin-top: 60px;}
.marBot10 {margin-bottom: 10px;}
.marBot20 {margin-bottom: 20px;}
.marBot30 {margin-bottom: 30px;}
.marBot40 {margin-bottom: 40px;}
.marBot60 {margin-bottom: 60px;}
.marBot80 {margin-bottom: 80px;}

img {max-width:100%;}
img.pull-right {margin-left: 10px;}
img.pull-left {margin-right: 10px;}
.img-block img {display: block; height: auto; max-width: 100%;}
.center {text-align: center;}
        
/*Jumbotron*/
.jumbo0 {background-color: #c9c9c9; margin-bottom: 0; padding: 30px 0;}
.jumbo1 {padding: 0 0 110px 0; margin-bottom: 0;}
.jumbo2 {background: url(../img/bg-violet.png) #353535 repeat-x center top; color: #fff; padding: 0; margin-bottom: 0;}
.jumbo3 {background: url(../img/bg-red.png) #c2c2c2 repeat-x center top; padding: 0; margin-bottom: 0;}
.jumbo4 {background: url(../img/bg-green.png) #323331 repeat-x center top; color: #fff; padding: 0; margin-bottom: 0;}
.jumbo5 {padding: 60px 0 0; margin: 0;}
.title-upper {margin-bottom: 40px;}
.title-upper h2 {color: #222; font-size: 36px; padding-top: 120px;}
h2.title-index {color: #333; font-size: 40px; margin-bottom: 50px;}
.title-banner {margin-bottom: 80px; text-align: center;}
.title-banner h2 {color: #222; font-size: 36px; border-bottom: 1px solid #222; 
              text-transform: uppercase; display: inline;}
.jumbo0 h2 {color: #222; font-size: 36px; text-transform: uppercase; display: inline;}
h3.subtitle-banner {font-size: 30px; padding: 32px 10px 0; min-height: 120px; text-align: center;}
h3.subtitle-banner a {color: #222;}
h3.subtitle-banner a:hover {color: #27bbef;}
.jumbo5 p {font-size: 15px; line-height: 24px; text-align: center;}

.center-black p {font-size: 26px; line-height: 36px; margin-bottom: 44px;}
.center-white p {color:#eee; font-size: 18px; line-height: 30px; margin-bottom: 44px;}
.btn-center {text-align: center; width: auto;}
.img-small {margin-bottom: 35px;}

/*Index content block*/
.index-img {padding: 0;}
.margin-left, .margin-right {padding: 65px 50px 0 30px;}
.block-index-margin {padding-left: 33px;}
h2.title-middle {font-size: 30px; font-weight: 300; margin-bottom: 30px;}
.text-middle {margin-bottom: 60px;}
.text-middle p {font-size: 15px; line-height: 24px;}
.title-up {font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 29px; margin-top: 36px; 
              padding: 0 30px; display: inline-block;}

.title-violet {background-color: #c689e7;}
a.link-violet, a.link-green {font-size: 15px; font-weight: 700; color: #eee; text-transform: uppercase;}
a.link-violet span {color: #c689e7;}
a:hover.link-violet, a:hover.link-green {color: #999;}
a:hover.link-violet span, a:hover.link-green span {color: #fff;}

.title-red {color: #fff; background-color: #be5a47;}
a.link-red {font-size: 15px; font-weight: 700; color: #222; text-transform: uppercase;}
a.link-red span {color: #be5a47;}
a:hover.link-red {color: #666;}
a:hover.link-red span {color: #000;}

.title-green {color: #fff; background-color: #62bdbd;}
a.link-green span {color: #62bdbd;}

/* Main content block */
.maincontent {}
.content-block-margin {margin-top: 30px;}
.content-block-padding {padding-bottom: 30px;}
.main-block {margin-bottom: 60px;}
.head-title {padding-bottom: 50px; margin-top: 80px; background: url(../img/bg-title.png) repeat-x center top;}
.main-title {padding-top: 40px;}
.main-title h1 {color: #222; font-size: 30px; line-height: 30px; padding: 2px 30px; font-weight: 300; 
               text-transform: uppercase; margin: 0; background-color: #f2f2f2; display: inline-block;}
.maincontent h2 {color: #222; font-size: 26px; font-weight: 300; margin: 0 0 40px;}
.references-block {margin-bottom: 60px;}
.date {color: #888; font-size: 14px; text-align: center; margin-bottom: 10px;}
.date-blog {color: #888; font-size: 14px; margin-bottom: 40px;}
h2.title-date {margin: 0 0 5px;}

.contact-text p {font-size: 14px; line-height: 1.6; margin-bottom: 0;}
a.link-default {font-size: 15px; font-weight: 700; color: #444; text-transform: uppercase;}
a.link-default span {color: #27bbef;}
a.link-default:hover {color: #999;}
a.link-default:hover span {color: #444;}

a.previous {font-size: 14px; display: block;}
a.previous:before {content: ""; margin-right: 10px; font-size: 13px; font-family: fontAwesome; display: block; float: left;}
a.next {font-size: 14px; text-align: right; display: block;}
a.next .blog-post:after {content: ""; margin-left: 10px; font-size: 13px; font-family: fontAwesome; display: block; float: right;}
.blog-post {text-transform: uppercase; font-weight: 700;}
.marLeft-blog {margin-left: 21px; font-size: 14px; color: #888;}
.marRight-blog {margin-right: 21px; font-size: 14px; color: #888;}
a.tabs {float: left; margin-right: 3px;}
.tab {background-color: #ddd; font-size: 16px; line-height: 32px; font-weight: 700; text-transform: uppercase; padding: 0 30px;}
a .all-tab, a .development-tab, a .research-tab, a .products-tab {color: #666;}
a:hover .all-tab {color: #000;}
a:hover .development-tab {color: #c689e7;}
a:hover .research-tab {color: #be5a47;}
a:hover .products-tab {color: #62bdbd;}
a .all-active, a:hover .all-active {color: #eee; background-color: #222;}
a .dev-active, a:hover .dev-active {color: #c689e7; background-color: #222;}
a .res-active, a:hover .res-active {color: #be5a47; background-color: #222;}
a .prod-active, a:hover .prod-active {color: #62bdbd; background-color: #222;}
a.img-small img {opacity:1; filter:alpha(opacity=100); filter: "alpha(opacity=100)"; 				   	-webkit-transition: all 0.2s linear; 
	-moz-transition: all 0.2s linear; 
	-o-transition-property: all 0.2s linear;
	-ms-transition-property: all 0.2s linear;
	transition: all 0.2s linear;}
a.img-small:hover img {opacity:.60; filter:alpha(opacity=60); filter: "alpha(opacity=60)";}
a .services {font-size: 16px; line-height: 34px; font-weight: 700; text-transform: uppercase; padding: 0 30px;}
a .all {color: #888;}
a .development {color: #c689e7; background-color: #222;}
a .research {color: #be5a47; background-color: #222;}
a .products {color: #62bdbd; background-color: #222;}
a:hover .development, a:hover .research, a:hover .products {color: #eee;}
a.img-small:hover .services {background-color: #222;}
a .sub-title-dev, a .sub-title-res, a .sub-title-prod {color: #eee; background-color: #222;}
a:hover .sub-title-dev {color: #c689e7;}
a:hover .sub-title-res {color: #be5a47;}
a:hover .sub-title-prod {color: #62bdbd;}

.maincontent ul {padding: 20px 0 20px 10px;}
.maincontent ul li {list-style: none;}
.maincontent h3 {font-size: 20px; padding-top: 30px;}

/* FOOTER */
#footer {position: absolute; bottom: 0; width: 100%; background-color: #222;}
.footer2 {padding: 30px 0; color: #ddd; font-size: 14px;}
	.footer2 a {color: #ddd;}
	.footer2 a:hover {color: #67ccf0; text-decoration: none;}
	.footer2 p {margin: 0; line-height: 24px;}
        .footer-item {float: left; display: block; line-height: 14px;}
        .famargin:after {content: ""; display: block; float: right; font-family: fontAwesome;
    font-size: 5px; line-height: 16px; margin-left: 10px; margin-right: 14px; width: 0;}

/*FORM*/
.form-control {height: 30px; margin-bottom: 10px; 
              -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.form-control:focus {border-color: #27bbef; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

/*BACK TO TOP*/
#toTop {display:none; text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden;
	width:51px; height:51px; border:none; text-indent:100%; background:url(../img/ui.png) no-repeat left top;}
#toTopHover {background:url(../img/ui.png) no-repeat left -51px; width:51px; height:51px;
	display:block; overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0);}
#toTop:active, #toTop:focus {outline:none;}