/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}


audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}
audio:not([controls]) {
    display: none;
    height: 0
}
[hidden],
template {
    display: none
}
a {
    background-color: transparent
}
a:active,
a:hover {
    outline: 0
}
abbr[title] {
    border-bottom: 1px dotted
}
b,
strong {
    font-weight: bold
}
dfn {
    font-style: italic
}
h1 {
    font-size: 2em;
    margin: 0.67em 0
}
mark {
    background: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sup {
    top: -0.5em
}
sub {
    bottom: -0.25em
}
img {
    border: 0
}
svg:not(:root) {
    overflow: hidden
}
figure {
    margin: 1em 40px
}
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}
pre {
    overflow: auto
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}
button {
    overflow: visible
}
button,
select {
    text-transform: none
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}
button[disabled],
html input[disabled] {
    cursor: default
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
input {
    line-height: normal
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}
legend {
    border: 0;
    padding: 0
}
textarea {
    overflow: auto
}
optgroup {
    font-weight: bold
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
td,
th {
    padding: 0
}


.caret-up {
    width: 0; 
    height: 0; 
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}

.tinyfooter{
    
}


/* ------------------------------------------------------------------
NEW SERVICE CSS
------------------------------------------------------------------- */

#titulares {
    font-family: 'Muli', sans-serif;
    
}

#titulares h3 {
    padding: 0px 0px 0px 0px;
    font-size: 22px;
}

#titulares p {
    font-size: 12px;
}

#titulares li {
    font-size: 12px;
}

#titu2 h3 { font-family: 'Muli', sans-serif;}


/* ------------------------------------------------------------------
NEW OTEC CSS
------------------------------------------------------------------- */

.clickable{
    cursor: pointer;   
}

#titpanel h3{
	font-size: 18px;
}

#titulares .panel-body{
	font-size: 12px;
	padding-bottom: 7px;
	padding-top: 7px;
}

#cartonia {
	background-color: #8a8a8a;
}

/* ------------------------------------------------------------------
Transition elsements
------------------------------------------------------------------- */
@media screen and (max-width: 768px) {

#containerone {
    display:none;

}
#carousel  {
       display:none; 
           }
.intromobile {

    display:visible;
}

.carousel-indicators {

    display:none;
}

    .intro-button {
        display:none;
    }
    section.intro {
        padding-top: 55px;
    }

    #leftflecha {display:none;}
    
    #rightflecha {display:none;}
	
	.page-header h1 {
    
    font-size: 22px;
		text-align: -webkit-center;
}

	#titulares h1{
		font-size: 35px;
		text-align: -webkit-center;
		margin-top: 20px;
	}
	
	#fotocell {
		padding-bottom: 20px;
	}
	
	#titu2 h3 { padding-left: 0px;}
	
	#toppage {padding-top: 35px;}
    
  }



/*PANTALLAS LAPTOP*/

@media screen and (min-width: 768px) {

#navbarmenu {
    display: none;
}
#intromobile {

    display:none;
}

    #modalcaja {
        width:800px;
        height:500px;
    }
    #modalcontent {
        width:800px;
        height:500px;

    }
    
    #modalbody {
        width:800px;
        height:380px;
        
        
    } 
    
    
   section {
        padding-top: 50px;
    } 
    
    
    #columnas {
        border-right: 1px solid #ccc;
        height:350px;
    }
    
    #contenedorbody {
        
        height:350px;
    }
    
    #modalfooter {
        padding-top: 20px;
        
    }
    
      #contenedordrop {
        
        height:auto;
    }      
    
}






.example3 .navbar-brand {
  height: 80px;
}

.example3 .nav >li >a {
  padding-top: 30px;
  padding-bottom: 30px;
}
.example3 .navbar-toggle {
  padding: 10px;
  margin: 25px 15px 25px 0;
}




/* ------------------------------------------------------------------
END
------------------------------------------------------------------- */

#calling {

    display:inline-block;
}


/* ------------------------------------------------------------------
PANTALLAS CELL
------------------------------------------------------------------- */


@media screen and (max-width: 768px) {
    html,
    body,
    .wrapper {
        height: 100%;
    }
 
  #griscroll  {
    position: fixed;
      
}  
   .navbar-header   {
    position: fixed;
       margin-left: -20% !important;
      
}   
   
    .overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(91,188,201);
    background-color: rgba(91,188,201, 0.8);
    overflow-x: hidden;
    transition: 0.5s;
}
	.littlemenu{
		
		font-size: 30px;
		
	}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #404040;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

    
    
 }
.wrapper {
    background color: #bbb;

}

/*menu*/


}
.wrapper::after {
    clear: both;
    content: "";
    display: table
}
.container {
    max-width: 85%;
    width: 960px;
    margin: 0 auto
}
.container::after {
    clear: both;
    content: "";
    display: table
}
.row {
    margin: 0 -30px
}
.row::after {
    clear: both;
    content: "";
    display: table
}
@media screen and (max-width: 850px) {
    .row {
        margin: 0;
    }
}
.col {
    float: left;
    padding: 0 30px
}
.col::after {
    clear: both;
    content: "";
    display: table
}
.thirds .col {
    width: 33.33333%
}
.fourths .col {
    width: 25%
}



@media screen and (max-width: 850px) {
    .col {
        float: none;
        margin: 0 auto 60px auto;
        padding: 0;
    }
    .col:last-child {
        margin-bottom: 0
    }
    .thirds .col,
    .fourths .col {
        width: 100%
    }
}
.button {
    display: inline-block;
    padding-right: 25px;
    color: #5BBCC9
}
.button.mod-up-arrow {
    background: url("../images/icons/small-arrow-up.svg") right center no-repeat
}
.button.mod-down-arrow {
    background: url("../images/icons/small-arrow-down.svg") right center no-repeat
}
.button.mod-right-arrow {
    background: url("../images/icons/small-arrow-right.svg") right center no-repeat
}
.nav {
    position: fixed;
    top: 0;
    left: 0;
    /*height: 70px;*/
    width: 100%;
    background-color: white;
    text-align: center
}

.nav .container {
    height: 100%
}
.nav-logo {
    float: left;
    display: block;
    height: 40px;
    width: 110px;
    margin-top: 3px;
    /*background: url("../images/logonew.svg") center center no-repeat;*/
	 background: url("../images/logo2.png") center center no-repeat;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}
.nav-link {
    text-shadow: 4px 4px 4px #ccc;
    position: relative;
    display: inline-block;
    height: 100%;
    margin-right: 45px;
    padding: 15px 5px 15px 5px;
    color: #5BBCC9
}
.nav-link:last-child {
    margin-right: 0
}
.nav-link::before {
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    content: "";
    opacity: 0;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    width: 100%;
    background-color: #1B3E4C
}
.nav-link.is-active::before {
    opacity: 1
}
section {
    padding: 50px 0
}
@media screen and (max-width: 768px) {
    section {
        padding: 40px 0;
    }
}
.statement.mod-no-heading,
.cta {
    padding: 150px 0
}
@media screen and (max-width: 600px) {
    .statement.mod-no-heading,
    .cta {
        padding: 60px 0;
    }
    
 
}
.section-heading {
    margin: 0 0 50px 0;
    font-weight: bold;
    font-size: 2rem;
    letter-spacing: 5px;
    text-align: center;
    text-transform: uppercase
}
.statement .section-heading,
.services .section-heading {
    color: #FBF9F3
}
.clients .section-heading,
.team .section-heading {
    color: #092930
}

/*!INTRO NEW*/

.intro
{
    height: 100vh;
    text-align: center;
    }

h3 {
  display: inline-block;
  padding: 0px 100px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}



/*! normalize.css v3.0.2 | MIT License | git.io/normalize .intro {
    height: 100vh;
    background: url("../images/intro-left.svg") left bottom no-repeat, url("../images/intro-right.svg") right 70px no-repeat, #FBF9F3;
    text-align: center

@media screen and (max-width: 1100px) {
    .intro {
        background: url("../images/intro-left.svg") left bottom/30% auto no-repeat, url("../images/intro-right.svg") right top/30% auto no-repeat, #FBF9F3;
    }
}
*/




@media screen and (max-height: 361px) {
    #serviciostres {
        display:none;
    }
}



.logo {
    height: 60px;
    width: 196px;
    margin: 0 auto 30px auto;
    background: url("../images/logo.svg") center center/100% no-repeat;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}
@media screen and (max-width: 600px) {
    .logo {
        height: 43px;
        width: 140px;
    }
}
.tagline {
    margin: 0 0 35px 0;
    font-weight: normal;
    font-size: 2.4rem;
    text-align: center
}
@media screen and (max-width: 600px) {
    .tagline {
        font-size: 2rem;
    }
}
.intro-button {
    font-weight: bold;
    font-size: 2rem;
    letter-spacing: 1px;
    color: #5BBCC9
}
@media screen and (max-width: 600px) {
    .intro-button {
        font-size: 1.5rem;
    }
}
.intro-button-icon {
    -webkit-animation: arrow 1.5s linear infinite;
    -moz-animation: arrow 1.5s linear infinite;
    animation: arrow 1.5s linear infinite;
    margin-left: 15px
}
@-webkit-keyframes arrow {
    0%, 50%, 100% {
        -webkit-transform: translate3d(0, 0, 0)
    }
    25% {
        -webkit-transform: translate3d(0, -2px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 2px, 0)
    }
}
@-moz-keyframes arrow {
    0%, 50%, 100% {
        -moz-transform: translate3d(0, 0, 0)
    }
    25% {
        -moz-transform: translate3d(0, -2px, 0)
    }
    75% {
        -moz-transform: translate3d(0, 2px, 0)
    }
}
@keyframes arrow {
    0%, 50%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    25% {
        -webkit-transform: translate3d(0, -2px, 0);
        -moz-transform: translate3d(0, -2px, 0);
        -ms-transform: translate3d(0, -2px, 0);
        -o-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 2px, 0);
        -moz-transform: translate3d(0, 2px, 0);
        -ms-transform: translate3d(0, 2px, 0);
        -o-transform: translate3d(0, 2px, 0);
        transform: translate3d(0, 2px, 0)
    }
}
.underline {
    overflow: hidden;
    position: relative;
    white-space: nowrap
}
.underline::before {
    content: "";
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    display: block;
    position: absolute;
    bottom: -7px;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: #5BBCC9
}
@media screen and (max-width: 600px) {
    .underline::before {
        bottom: -5px;
        height: 3px;
    }
}
.underline.is-animated::before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1)
}
.statement {
    background-color: #092930;
    color: #FBF9F3
}
.statement-text {
    margin: 0;
    font-size: 3rem;
    line-height: 1.5;
    text-align: center
}
@media screen and (max-width: 600px) {
    .statement-text {
        font-size: 2rem;
    }
}
.services {
    background-color: #5BBCC9
}
.services-list {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}
.services-list-item {
    display: inline-block;
    margin: 0 25px 20px 0;
    font-weight: bold;
    color: #092930
}
@media screen and (max-width: 850px) {
    .services-list-item {
        display: block;
        margin: 0 0 15px 0;
        font-size: 2.8rem;
    }
    .services-list-item:last-child {
        margin-bottom: 0
    }
}
@media screen and (max-width: 600px) {
    .services-list-item {
        font-size: 1.6rem;
    }
}
.services-list-item:last-child {
    margin-right: 0
}
.services-icon {
    overflow: hidden;
    position: relative;
    margin: 0 auto 40px auto
}
@media screen and (max-width: 850px) {
    .services-icon {
        display: none;
    }
}
.services-icon-spacer,
.services-icon-part {
    display: block;
    height: auto;
    width: 100%
}
.services-icon-part {
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform: translate3d(0, 80px, 0);
    -moz-transform: translate3d(0, 80px, 0);
    -ms-transform: translate3d(0, 80px, 0);
    -o-transform: translate3d(0, 80px, 0);
    transform: translate3d(0, 80px, 0);
    position: absolute;
    top: 0;
    left: 0
}
.is-animated .services-icon-part {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.services-icon-building-2 {
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    transition-delay: .25s
}
.services-icon-building-3 {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s
}
.services-icon-building-4 {
    -webkit-transition-delay: .75s;
    -moz-transition-delay: .75s;
    transition-delay: .75s
}


.services-icon-radio-tower {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s
}
.services-icon-clouds {
    -webkit-transition-delay: 1.5s;
    -moz-transition-delay: 1.5s;
    transition-delay: 1.5s
}
.services-icon-clouds.is-moving {
    -webkit-animation: clouds 7.5s linear infinite;
    -moz-animation: clouds 7.5s linear infinite;
    animation: clouds 7.5s linear infinite
}
@-webkit-keyframes clouds {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(50px, 0, 0)
    }
}
@-moz-keyframes clouds {
    0%, 100% {
        -moz-transform: translate3d(0, 0, 0)
    }
    50% {
        -moz-transform: translate3d(50px, 0, 0)
    }
}
@keyframes clouds {
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    50% {
        -webkit-transform: translate3d(50px, 0, 0);
        -moz-transform: translate3d(50px, 0, 0);
        -ms-transform: translate3d(50px, 0, 0);
        -o-transform: translate3d(50px, 0, 0);
        transform: translate3d(50px, 0, 0)
    }
}
.services-icon-responsive {
    display: none;
    margin: 0 auto 60px auto
}
@media screen and (max-width: 850px) {
    .services-icon-responsive {
        display: block;
        max-width: 60%;
    }
}
@media screen and (max-width: 600px) {
    .services-icon-responsive {
        max-width: 80%;
        margin-bottom: 40px;
    }
}
.projects .container {
    border-left: 6px solid #EEE
}
@media screen and (max-width: 600px) {
    .projects .container {
        border-left: none;
    }
}
.projects-more {
    display: none
}
.projects-more.is-showing {
    display: block
}
.project {
    position: relative;
    margin-bottom: 80px;
    padding: 0 0 20px 225px
}
.project::after {
    clear: both;
    content: "";
    display: table
}
@media screen and (max-width: 600px) {
    .project {
        padding-left: 0;
    }
}
.project:last-child {
    margin-bottom: 0
}
.project::before {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    left: -15px;
    height: 24px;
    width: 24px;
    background: url("../images/icons/project-dot.svg") center center/100% no-repeat
}
@media screen and (max-width: 600px) {
    .project::before {
        display: none;
    }
}
.project-icon {
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    left: 40px
}
@media screen and (max-width: 600px) {
    .project-icon {
        -webkit-transform: rotate(-30deg);
        -moz-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        -o-transform: rotate(-30deg);
        transform: rotate(-30deg);
        position: static;
        margin-bottom: 30px;
    }
}
.project-icon.is-animated {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}
.project-name {
    margin: 0 0 20px 0;
    font-weight: bold;
    font-size: 2.7rem;
    color: #092930
}
.project-client {
    margin: 0 0 20px 0;
    font-weight: bold;
    font-size: 2.2rem;
    color: #90A4AE
}
.project-services {
    float: right;
    width: 30%;
    margin: 0 0 0 10%;
    padding: 0;
    list-style: none
}
@media screen and (max-width: 1100px) {
    .project-services {
        display: none;
    }
}
.project-services-heading {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.2rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #5BBCC9
}
.project-services-item {
    margin-bottom: 10px
}
.project-services-item:last-child {
    margin-bottom: 0
}
.project-description,
.project-more {
    width: 60%;
    margin: 0 0 25px 0;
    line-height: 1.85
}
@media screen and (max-width: 1100px) {
    .project-description,
    .project-more {
        width: auto;
    }
}
.project-more {
    display: none;
    opacity: 0
}
.project-actions {
    position: absolute;
    bottom: 0;
    left: 225px
}
@media screen and (max-width: 600px) {
    .project-actions {
        left: auto;
    }
}
.project-more-cta,
.project-external-cta {
    padding-right: 25px;
    color: #5BBCC9
}
.project-more-cta {
    margin-right: 50px;
    background: url("../images/icons/small-arrow-down.svg") right center no-repeat
}
.is-expanded .project-more-cta {
    background: url("../images/icons/small-arrow-up.svg") right center no-repeat
}
.project-external-cta {
    background: url("../images/icons/small-arrow-right.svg") right center no-repeat
}
.projects-cta {
    display: block;
    height: 50px;
    width: 165px;
    margin: 80px auto 0 auto;
    padding-top: 13px;
    border: 2px solid #5BBCC9;
    border-radius: 3px;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
    color: #5BBCC9
}
.projects-cta img {
    display: inline-block;
    margin-left: 5px
}
.projects-cta.is-hidden {
    display: none
}

/*BOTON MENU*/
.projects-cta1 {
    display: block;
    height: 50px;
    width: 165px;
    margin: 80px auto 0 auto;
    padding-top: 13px;
    border: 2px solid #5BBCC9;
    border-radius: 3px;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center;
    color: #5BBCC9
}
.projects-cta1 img {
    display: inline-block;
    margin-left: 5px
}
.projects-cta1.is-hidden {
    display: none
}


/*FIN BOTON MENU*/

.clients {
    background-color: #FBF9F3
}
.clients-row {
    margin-bottom: 35px;
    text-align: center
}
@media screen and (max-width: 1100px) {
    .clients-row {
        margin-bottom: 0;
    }
}
.clients-row:last-child {
    margin-bottom: 0
}
.clients-logo {
    margin-right: 50px;
    vertical-align: middle
}
@media screen and (max-width: 1100px) {
    .clients-logo {
        display: block;
        margin: 0 auto 30px auto;
    }
}
.clients-logo:last-child {
    margin-right: 0
}
@media screen and (max-width: 1100px) {
    .clients-logo:last-child {
        margin: 0 auto 30px auto;
    }
}
.values {
    background-color: #5BBCC9;
    text-align: center;
    color: #FBF9F3
}
.value-name {
    margin: 0 0 25px 0;
    font-size: 2.4rem
}
.value-desc {
    margin: 0;
    line-height: 1.55
}
@media screen and (max-width: 850px) {
    .value-desc {
        max-width: 400px;
        margin: 0 auto;
    }
    .value-desc br {
        display: none
    }
    .value-desc .punctuation {
        display: none
    }
}
.value-icon {
    position: relative;
    display: block
}
.value-icon-spacer {
    display: block;
    height: auto;
    width: 100%
}
.value-icon-part {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    width: 100%
}
.value-icon-impact {
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    width: 105px;
    margin: 4px auto 30px auto
}
.value-icon-impact.is-animated {
    opacity: 1
}
.value-icon-impact-globe {
    -webkit-transform: rotate(-45deg) rotateY(-180deg);
    -moz-transform: rotate(-45deg) rotateY(-180deg);
    -ms-transform: rotate(-45deg) rotateY(-180deg);
    -o-transform: rotate(-45deg) rotateY(-180deg);
    transform: rotate(-45deg) rotateY(-180deg);
    -webkit-transform-origin: center center;
    -moz-transform-origin: center center;
    -ms-transform-origin: center center;
    -o-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform 0.5s ease;
    -moz-transition: -moz-transform 0.5s ease;
    transition: transform 0.5s ease;
    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
    transition-delay: 0.25s;
    top: 0;
    right: 0;
    left: auto;
    width: auto
}
.is-animated .value-icon-impact-globe {
    -webkit-transform: rotate(-45deg) rotateY(0);
    -moz-transform: rotate(-45deg) rotateY(0);
    -ms-transform: rotate(-45deg) rotateY(0);
    -o-transform: rotate(-45deg) rotateY(0);
    transform: rotate(-45deg) rotateY(0)
}
.value-icon-empathy {
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective: 800px;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    transition-delay: .25s;
    width: 84px;
    margin: 0 auto 25px auto
}
.value-icon-empathy.is-animated {
    opacity: 1
}
.value-icon-empathy-part {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s;
    opacity: 0;
    width: auto
}
.is-animated .value-icon-empathy-part {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    -ms-transform: rotateY(0);
    -o-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1
}
.value-icon-empathy-bubble-left {
    -webkit-transform: rotateY(-90deg);
    -moz-transform: rotateY(-90deg);
    -ms-transform: rotateY(-90deg);
    -o-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center
}
.value-icon-empathy-bubble-right {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -ms-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    right: 0;
    left: auto
}
.value-icon-clarity {
    width: 128px;
    margin: 14px auto 38px auto
}
.value-icon-clarity-part {
    -webkit-transform: translate3d(0, 20px, 0);
    -moz-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    -o-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0
}
.is-animated .value-icon-clarity-part {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1
}
.value-icon-clarity-a {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s
}
.value-icon-clarity-b {
    -webkit-transition-delay: .75s;
    -moz-transition-delay: .75s;
    transition-delay: .75s
}
.value-icon-clarity-c {
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    transition-delay: 1s
}
.team .row:nth-of-type(1) {
    margin-bottom: 60px
}
.team .button:nth-of-type(1) {
    margin-right: 20px
}
@media screen and (max-width: 850px) {
    .team-content {
        float: right;
        width: 60%;
        overflow: hidden;
    }
}
@media screen and (max-width: 600px) {
    .team-content {
        float: none;
        width: auto;
    }
}
@media screen and (max-width: 850px) {
    .team-actions {
        float: left;
        clear: left;
        width: 30%;
        overflow: hidden;
    }
    .team-actions .button {
        display: block
    }
    .team-actions .button:first-child {
        margin-bottom: 15px
    }
    .team-actions .button.mod-down-arrow {
        max-width: 130px
    }
    .team-actions .button.mod-right-arrow {
        max-width: 80px
    }
}
@media screen and (max-width: 600px) {
    .team-actions {
        float: none;
        width: auto;
    }
}
.team-photo {
    display: block;
    max-width: 200px;
    margin: 0 0 45px 0
}
@media screen and (max-width: 850px) {
    .team-photo {
        float: left;
        height: auto;
        width: 30%;
    }
}
@media screen and (max-width: 600px) {
    .team-photo {
        float: none;
        max-width: 120px;
        width: auto;
    }
}
.team-name {
    margin: 0 0 10px 0;
    font-size: 2.4rem;
    color: #092930
}
.team-position {
    margin: 0 0 20px 0;
    font-weight: bold;
    color: #5BBCC9
}
.team-position-link {
    color: #5BBCC9;
}
.team-bio {
    max-width: 275px;
    margin: 0 0 25px 0;
    padding-left: 0;
    line-height: 1.85;
}
@media screen and (max-width: 850px) {
    .team-bio {
        max-width: none;
    }
}
.team-previous {
    margin: 0 0 40px 0;
    padding: 0;
    list-style: none
}
.team-previous-heading {
    margin-bottom: 10px;
    font-weight: bold;
    color: #092930
}
.team-previous-item {
    margin-bottom: 10px
}
.cta {
    background-color: #FBF9F3
}
.cta-text {
    margin: 0;
    font-weight: bold;
    font-size: 2.8rem;
    text-align: center;
    color: #5BBCC9;
    line-height: 1.5
}
@media screen and (max-width: 600px) {
    .cta-text {
        font-size: 2rem;
    }
}
.cta-link {
    color: #092930
}
.footer {
    padding: 80px 0;
    background-color: #8a8a8a;
    color: #FBF9F3
}
@media screen and (max-width: 850px) {
    .footer {
        text-align: center;
    }
}
@media screen and (max-width: 850px) {
    .footer .container {
        display: inline-block;
        max-width: 80%;
        width: auto;
        text-align: left;
    }
}
@media screen and (max-width: 850px) {
    .footer-content {
        float: left;
    }
}
@media screen and (max-width: 600px) {
    .footer-content {
        float: none;
    }
}
.footer-logo,
.footer-meta {
    float: left;
    margin-right: 75px
}
@media screen and (max-width: 850px) {
    .footer-logo,
    .footer-meta {
        float: none;
    }
}
@media screen and (max-width: 850px) {
    .footer-logo {
        float: left;
    }
}
@media screen and (max-width: 600px) {
    .footer-logo {
        float: none;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 850px) {
    .footer-meta {
        margin-right: 0;
    }
}
.footer-address,
.footer-copyright {
    margin: 0
}
.footer-address {
    margin-bottom: 20px
}
@media screen and (max-width: 850px) {
    .footer-copyright {
        margin-bottom: 20px;
    }
}
.footer-social {
    float: right
}
@media screen and (max-width: 850px) {
    .footer-social {
        float: none;
    }
}
.footer-social-link {
    display: inline-block;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}
.footer-social-link:last-child {
    margin-right: 0
}
.footer-social-link.mod-twitter {
		float: right;
    height: 17px;
    width: 21px;
    margin-right: 15px;
    background: url("../images/icons/twitter.svg") center center no-repeat
}
.footer-social-link.mod-facebook {
    height: 20px;
    width: 11px;
    background: url("../images/icons/facebook.svg") center center no-repeat
}
.footer-social-link.mod-linkedin {
    height: 18px;
    width: 19px;
    background: url("../images/icons/linkedin.svg") center center no-repeat
}

.footer-social-link.mod-cartonia {
    height: 18px;
    width: 19px;
    background: url("../images/icons/cartonia.svg") center center no-repeat
}

.scroll-top {
    height: 80px;
    padding-top: 30px;
    background-color: #04242B;
    text-align: center
}
@media screen and (min-width: 600px) {
    .scroll-top {
        display: none;
    }
}
.nav {
    z-index: 10
}
.nav-hiring {
    color: #D50000;
}


#menublack > a:hover{
    background-color: aqua;
}



/* ------------------------------------------------------------------
Reset bootstrap navigation styles for small screens
------------------------------------------------------------------- */

.navbar-brand {max-width: 125px;margin-top: -10px;}

.navbar-custom .navbar-header {
    float: left;
}

.navbar-custom .navbar-right {
    float: right !important;
    margin-right: -15px;
}

.navbar-custom .navbar-nav {
    margin: 0;
}

.navbar-right + .extra-navbar {
    margin: 10px 15px;
}

.navbar-custom .navbar-nav > li {
    float: left;
}

.navbar-custom .navbar-nav > li > a {
    font-family: "Voltaire" !important;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin: 0 2px;
    font-weight: 100;
    color: #FFF;
    border-radius: 35px;
}

.nav>li {
    position: initial;
    display: block;
}

.dropdown-menu li { float:center;}
#icons-navbar {display:none}

footer .copyright {padding: 12px 0px 0px 22px;font-size: 12px;color: #666;font-weight: 100;float: left;letter-spacing: 0.5px;}
footer {background-color: #FFF;padding: 39px 0px 30px 0; position:relative;}
.leica_footer {position: absolute;right: 50px;top: 28px; display:block;}
footer img{float:left}

.lm_lg_light {font-size: 21px;color: #FFF;background-color:rgba(23,183,63,0.25); border:1px solid #FFF; padding: 12px 30px 12px 30px;border-radius: 35px;display: inline-block;}
.lm_lg_light img {margin-left:15px;}
.lm_lg_light:hover, .lm_lg_light:focus {background-color:rgba(255,255,255,0.4); color:#FFF; text-decoration:none;}

.lm_lg_light_m {font-size: 18px;color: #fbfbfb;background-color: rgba(189, 10, 186, 0.57);border: 1px solid #FFF;padding: 6px 16px 6px 24px;border-radius: 35px;display: inline-block;/* margin-top: 20px; */margin-left: 35%;margin-top: 40%;}
.lm_lg_light_m img {margin-left:15px;}
.lm_lg_light_m:hover, .lm_lg_light_m:focus {background-color: rgba(20, 134, 22, 0.44);color:#FFF;text-decoration:none;}
.lm_lg_light_m1 {margin-top: 1px !important;}




.lm_lg_light_b {font-size: 21px;color: #FFF; background-color: rgba(255,255,255,0);border: 1px solid #FFF;padding: 11px 16px 11px 24px;border-radius: 35px;display: inline-block;margin-top: 20px;}
.lm_lg_light_b img {margin-left:15px;}
.lm_lg_light_b:hover, .lm_lg_light_b:focus {background-color:rgba(255,255,255,0.4); color:#FFF; text-decoration:none;}

.rtk_gra {position:absolute; width:100%; height:400px; top:0; background-image:url(../images/grandient_rtk.png); background-repeat:repeat-x;}

.gnss_box_home_a {background-color: #fff738;max-height: 555px; min-height: 555px; background-repeat:no-repeat;background-position: 50% 20%;}
.gnss_box_home_b {background-color: rgba(22, 127, 24, 0.16);max-height: 555px; min-height: 555px; background-repeat:no-repeat;background-position: 50% 20%;}
.gnss_box_home_c {background-color: #feff00;max-height: 555px; min-height: 555px; background-repeat:no-repeat;background-position: 50% 20%;}
.gnss_box_home_a div{padding: 190px 85px 90px 85px;text-align: left;}
.gnss_box_home_b div{padding: 190px 85px 90px 85px;text-align: left;}
.gnss_box_home_c div{padding: 183px 85px 90px 85px;text-align: left;}
.gnss_box_home_d {background-color: #dff0d8;max-height: 555px; min-height: 555px; background-repeat:no-repeat;background-position: 50% 20%;}
.gnss_box_home_d div{padding: 190px 85px 90px 85px;text-align: left;}

.gnss_box_home_a div h2, .gnss_box_home_b div h2, .gnss_box_home_c div h2 {
    font-family:FirepowerBB !important;
    font-size: 68px;
    line-height: 68px;
    font-weight: normal;
    color: #fff;
    margin: 0 0 8px 0;
    padding: 0 0 0 0;
    }
.gnss_box_home_a div h4, .gnss_box_home_b div h4, .gnss_box_home_c div h4 {
    font-size: 30px;
    line-height: 30px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 0 33px 0;
    padding: 0 0 0 0;
    }
.gnss_box_home_a div p, .gnss_box_home_b div p, .gnss_box_home_c div p{
    font-size: 23px;
    color: #FFF;
    margin: 0 0 22px 0;
    padding: 0 0 0 0;
    line-height: 29px;
    max-width: 394px;
    }
.gnss_box_home_a div p {max-width: 280px;}  
    

.gnss_box_img {background-repeat:no-repeat; background-position: center center; background-size:cover; max-height: 555px; min-height: 555px;}

.captive_home {background-image: url(../images/bg_cs20_home.jpg); background-repeat:no-repeat; background-position:10% 50%;}
.captive_home > div{margin: 145px 0;}
.captive_home div h1 {
    font-size: 88px;
    color: #FFF;
    font-weight: bold;
    margin: 0 0 16px 0;
    padding: 0 0 0 0;
    line-height: 88px;
    }
.captive_home div p {
    font-size: 32px;
    color: #FFF;
    max-width: 85%;
    line-height: 38px;
    padding: 0 0 38px 0;
    margin: 0 auto 0;   
    }
.gnss_box_50_a {background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 85px 15px;
    position: relative;
    height: 555px;}
    
.gnss_box_50_b_img {background-repeat:no-repeat; background-size:cover; background-position:center center; height: 555px; position:relative;}
.gnss_box_50_b {background-repeat:no-repeat; background-size:cover; background-position:center center; height: 555px; position:relative;}
.gnss_box_50_b > div {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin: 0;padding: 0 50px;margin: 0 auto 0;left: 0;right: 0;}

.gnss_box_50_c {background-repeat:no-repeat; background-size:cover; background-position:center center; height: 725px; position:relative;}
.gnss_box_50_c  > div {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin: 0;padding: 0;margin: 0 auto 0;left: 0;right: 0;}

.gnss_box_50_d {background-repeat:no-repeat; background-size:cover; background-position:center center; height: 821px; position:relative;}
.gnss_box_50_d  > div {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin: 0;padding: 0;margin: 0 auto 0;left: 0;right: 0;}

.gnss_box_50_e {background-repeat:no-repeat; background-size:cover; background-position:center center; padding:85px 15px; max-height: 555px; min-height: 555px; position:relative;}

.gnss_box_50_f {background-repeat:no-repeat; background-size:cover; background-position:center center; height: 645px; position:relative;}
.gnss_box_50_f  > div {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin: 0;padding: 0;margin: 0 auto 0;left: 0;right: 0;}

.gnss_box_50_g {background-repeat:no-repeat; background-size:cover; background-position:center center; height: 606px; position:relative;}
.gnss_box_50_g  > div {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin: 0;padding: 0;margin: 0 auto 0;left: 0;right: 0;}

.gnss_box_50_h {background-repeat:no-repeat; background-size:cover; background-position:center center; height: 700px; position:relative;}
.gnss_box_50_h  > div {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin: 0;padding: 0;margin: 0 auto 0;left: 0;right: 0;}

.gnss_box_50_i {background-repeat:no-repeat; background-size:cover; background-position:center center; height: 587px; position:relative;}
.gnss_box_50_i  > div {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);margin: 0;padding: 0;margin: 0 auto 0;left: 0;right: 0;}

.gnss_slide_a {padding:120px 15px 290px 15px; position:relative;background-position: center;}
.gnss_slide_b {padding:130px 15px; position:relative;background-position: center;}
.gnss_slide_c {padding:260px 15px; position:relative;background-position: center;}
.img_gnss_pro {position: absolute;top: 17%;left: 10%;}
.img_gnss_smarttracks {position: absolute;top: 24%;right: 18%;}
.img_footer {position:absolute; margin: 0 auto 0; left:0; right:0; bottom:0;}
.gnss_bo {font-size: 28px;line-height: 28px;margin: 0 0 28px 0;padding: 10px 20px;display: inline-block;border: 1px solid #E4E4E4;}
.gnss_ba {font-size: 28px;line-height: 28px;margin: 0 0 28px 0;padding: 10px 20px;display: inline-block;border: 1px solid #C3C3C3; color:#333;}
.bg_gnss_a {background-repeat:no-repeat; background-position:center right; background-size:contain;}
.bg_gnss_b {background-repeat:no-repeat; background-position:center left; background-size:contain;}
.bg_gnss_c {background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;}
.bg_gnss_d {background-repeat:no-repeat; background-position:15% 50%;}
.bg_gnss_e {background-repeat:no-repeat; background-position: 75% 100%;}
.bg_gnss_f {background-repeat: no-repeat;background-position: center right;}
.cs20_captivate {height: 550px;background: #000;}
.cs20_captivate img {margin: 0 auto 0;position: absolute;left: 0;right: 0;margin-top: -35%;}
.captivate_container {position:relative;}
.captivate_box_a, .captivate_box_b {padding:30px 30px 25px 30px; background-color: #71956F;position: absolute;left: 0;right: 0;margin: 0 auto 0;}
.captivate_box_a h1, .captivate_box_b h1 {font-size:20px; line-height:20px; padding:0 0 0 0;margin: 0 0 9px 0; text-transform: uppercase;}
.captivate_box_a p, .captivate_box_b p {font-size:16px; line-height:20px; padding:0 0 0 0; margin: 0 0 0 0;}
.captivate_box_a {width:350px; top: 20%;}
.captivate_box_b {width:270px; top: 60%;}
.captivate_box_a img {position: absolute;left: 0;right: 0;margin: 0 auto 0; bottom:-15px;}
.captivate_box_b img {position: absolute;left: 0;right: 0;margin: 0 auto 0; top:-15px;}
.gnss_box_50_a h1 {
    font-size: 65px;
    line-height: 65px;
    padding: 0 0 0 0;
    margin: 0 0 30px 0;
    font-weight: bold;
    color: #FFF;}
.gnss_box_50_a p {
        font-size: 23px;
    line-height: 29px;
    padding: 0 0 134px 0;
    font-weight: 300;
    color: #FFF;
    max-width: 383px;
    margin: 0 auto 0;}  
    
.gnss_pro_icon p{
    font-size: 20px;
    color: #FFF;
    margin: 20px 0 70px;
    line-height: 24px;}
    
.margin_a {padding:100px 0 193px 0;}
.margin_b {padding:540px 0 160px 0;}
.margin_c {padding:59px 0;}
.margin_d {margin-top: -68px;}
.btn_video_b {margin: 125px 0 150px 0px; display:inline-block;}
.btn_video_s {
    width: 70px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    margin: 0 auto 0;
    left: 0;
    right: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
       -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
         -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
            transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.btn_video_s:hover {width:80px;}
.btn_video_b:hover {opacity:0.8}

.icon_play {padding: 47px 0 47px 0; cursor:pointer; -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
       -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
         -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
            transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);}
.icon_play:hover {opacity:0.5;}
.hd_gnss_pos_a {position: absolute;left: 0;right: 0;bottom: 0;}
.center_ask {
    width:200px;
    max-width: 117.5px;
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
    margin: 0 auto 0;}
.img_captative_a {margin: 0 auto 0;padding: 70px 0 0 0;}
.container_fn_a {width: 750px;margin: 0 auto 0; padding-bottom: 15px;}
.container_fn_b {width: 600px;margin: 0 auto 0;}
.fn_gnss {font-size: 20px;margin: 23px 0 0 0;float: left; width:150px;}
.fn_gnss img {margin-bottom:10px;}
.cs20_sidebox {position:relative; max-height:315px; min-height:315px; background-size:cover; background-repeat:no-repeat}
.cs20_sidebox h5 {position: absolute;left: 0;right: 0;bottom: 31px;text-transform: uppercase;color: #FFF;font-weight: 300;}
.img_gnss_cs35 {margin: 0 auto 0;padding-bottom: 20px;}
.gradient_rtk_a {
    position:absolute;
    height: 35%;
    width: 100%;
    bottom: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#262c44+0,262c44+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(38,44,68,0) 0%, rgba(38,44,68,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(38,44,68,0) 0%,rgba(38,44,68,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(38,44,68,0) 0%,rgba(38,44,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262c44', endColorstr='#00262c44',GradientType=0 ); /* IE6-9 */  
}
.gradient_rtk_b {
    position:absolute;
    height: 35%;
    width: 100%;
    top: 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#262c44+0,262c44+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(38,44,68,1) 0%, rgba(38,44,68,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(38,44,68,1) 0%,rgba(38,44,68,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(38,44,68,1) 0%,rgba(38,44,68,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262c44', endColorstr='#00262c44',GradientType=0 ); /* IE6-9 */  
}

/* -------------------------------------------------------------------
Responsive Media Querries
------------------------------------------------------------------- */
@media (max-width: 1151px) {
    
    .navbar-right + .extra-navbar {margin: 10px 0px 10px 15px;}
    .cs20_height {min-height:600px;}
    .ph-line-size-1 {font-size: 24px;max-width: 600px;padding-bottom: 50px;}
    .mh-line-size-1 {font-size: 100px;line-height: 90px;}
    .mh-line-size-2 {font-size: 20px;letter-spacing: 28px;}
    .mh-line-size-3 {font-size: 22px;letter-spacing: 20px;}
    
    .captive_home {background-position: 0% 50%; background-size:38%;}
    
    h1, .h1 {font-size: 144px;line-height: 94px;margin: 0 15px 26px 15px;}  
    h2, .h2 {font-size: 35px;line-height: 30px;margin: 0 15px 15px 15px;}
    h4, .h4 {font-size: 28px;line-height: 28px;margin: 0 0 15px 0;}
    
    .h1_a {font-size: 155px;line-height: 117px;margin: 0 0 10px 0;}
    
    .p1_gnss {font-size: 24px;line-height: 26px;}
    .p2_gnss {font-size: 18px;line-height: 20px;}
    
    .p4_mwi_gnss {max-width: 400px;}
    .p7_mwi_gnss {max-width: 600px;}    
    
    .gnss_box_50_a p {font-size: 20px;max-width: 95%;}
    .gnss_box_50_a h1 {font-size: 55px;line-height: 55px;}  

    .gnss_box_50_b_img {height: 400px;}
    .gnss_box_50_b {height: 400px;}
    .gnss_box_50_c {height: 400px;}
    .gnss_box_50_d {height: 400px;}
    .gnss_box_50_e {padding: 75px 15px;max-height: 475px;min-height: 475px;}
    
    .cs20_sidebox {max-height: 200px;min-height: 200px;}
    .cs20_img_mobile {width: 349px;}
    
    .bg_gnss_f {background-size: 50%;}
    .bg_gnss_e {background-position: 85% 100%;background-size: 35%;}
    
    .gnss_slide_b {padding: 100px 15px;}
    .gnss_slide_c {padding: 155px 15px;}
    
    .btn_video_b {margin: 85px 0 100px 0px;}
    
    .fn_gnss {font-size: 18px;margin: 20px 0 0 0;float: left;width: 141.6px;}
    .container_fn_a {width: 708px;padding-bottom: 15px; margin:0 auto 0;}
    .container_fn_b {width: 566.4px; margin:0 auto 0;}
    
    .captive_home div p {font-size: 25px;max-width: 90%;line-height: 32px;padding: 0 0 20px 0;}
    .captive_home div {margin: 80px 0 80px 0;}
    
    .img_gnss_smarttracks {top: 15%;right: 7%;width: 40%;padding-top: 9%;}
    
    .navbar-custom .navbar-brand {padding: 10px 30px 0 15px;}
    
    .icon_play {padding: 27px 0 27px 0;}
    
    .gnss_slide_a {padding: 80px 15px 200px 15px;}
    
    .img_gnss_pro {position: absolute;top: 25%;left: 4%;width: 130px;}
    
    .center_ask {bottom: 40px;}
    
    .gnss_bo {font-size: 22px;margin: 0 0 28px 0;padding: 5px 10px;}
    .gnss_ba {font-size: 22px;margin: 0 0 28px 0;padding: 5px 10px;}
    
    .bg_mobile_a {background-size: 45%;background-position: 6% 50%;}
    
    .gnss_box_50_h {height: 380px;}
    .gnss_box_50_h > div {max-width: 85%;}
    .gnss_box_50_g {height: 380px;}
    .gnss_box_50_g > div {max-width: 85%;}
    .gnss_box_50_g > div p { padding-bottom:0;}
    .gnss_box_50_f {height: 380px;}
    .gnss_box_50_f > div {max-width: 85%;}
    .gnss_box_50_f > div p { padding-bottom:0;}
    .gnss_box_50_c {height: 380px;}
    .gnss_box_50_c > div {max-width: 85%;}
    .gnss_box_50_c > div p { padding-bottom:0;}
    .gnss_box_50_b > div p { padding-bottom:0;}
    .gs08_padding_tablet > div {padding:0 15px;}
    #x_udf_ext_purchase_question405_label {margin-top: 10px;}
    
    .gnss_box_home_a {background-position: 50% 12%;background-size: 90%;}
    .gnss_box_home_a div {padding: 160px 30px 30px 30px;}
    .gnss_box_home_b {background-position: 50% 12%;background-size: 90%;}
    .gnss_box_home_b div {padding: 160px 30px 30px 30px;}
    .gnss_box_home_c {background-position: 50% 12%;background-size: 90%;}
    .gnss_box_home_c div {padding: 160px 30px 30px 30px;}
    .gnss_box_home_d {background-position: 50% 12%;background-size: 90%;}
    .gnss_box_home_d div {padding: 160px 30px 30px 30px;}
    
}


@media (max-width: 1023px) {
    /* Navbar */
    .gnss_box_50_b > div {padding: 0 15px;}

    .extra-navbar {display: none;}
    
    
    .cs20_captivate img {margin-top: -85%;width: 75%;}
    
    .cs20_captivate {height: 0;}
    
    #x_udf_privacy_policy_version143_fieldpair {width: 55%;}
    #x_udf_privacy_policy_version143_label {margin: 1.2% 0% 0% 5%;}
    #x_udf_extcustomer_fieldpair, #x_udf_ext_purchase_question405_fieldpair{margin-top: -20px;}
    form button {margin-top:35px;}
    .hero-text {height: 80%;padding: 20% 0 0 0;}
    .captive_home div h1 {font-size: 84px;}
    
    .hero-text-home, .gnss_box_50_a, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12,.gnss_box_50_b > div, .hero-text, .gnss_slide_b, .gnss_box_50_i  > div{padding-right: 30px;padding-left: 30px;}
.row {margin-left: -30px;margin-right: -30px;}
.btn_video_link {padding:0 10px !important}
.no-padding {
    padding: 0;
}
.link_bottom_home {
    position: absolute;
    bottom: 85px;
    max-width: 154px;
    left: 0;
    right: 0;
    margin: 0 auto 0;}
}


@media (min-width: 768px) {

    /* Comments */

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

}


@media (max-width: 992px) {

    /* Hero captions */
    #icons-navbar {display:block}

    /* Portfolio grid */

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

    .work-item.wide,
    .work-item.wide-tall {
        width: 66.6666%;
    }

}

@media only screen and (max-width: 960px) {

    /* Side and overlay nav */
    .overlay-menu.active {
        position: absolute;
    }
    .aux-navigation-active .wrapper{
        position: fixed;
    }
    .aux-navigation-active .side-navigation-wrapper,
    .aux-navigation-active .overlay-menu {
        position: absolute;
    }

    /*----------------------------*/
    .navbar-custom {
        position: absolute;
        top: 0;
        width: 100%;
    }

}

@media (max-width: 767px) {
    
.hero-text-home, .gnss_box_50_a, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12,.gnss_box_50_b > div, .hero-text, .gnss_slide_b, .gnss_box_50_i  > div{padding-right: 15px;padding-left: 15px;}
.row {margin-left: -15px;margin-right: -15px;}  
    
.survey_bg_mobile_a {background-position: 100% 0%;} 
.mobile {display:inherit;}
.no-mobile {display:none;}
.cs20_height {min-height:auto;}
    /* Hero captions */
.mlink_left {margin-left: 0px;}
.mlink_right {margin-right: 0px;}   
    
.fieldset ul li {width: 100%;margin: 5px 0 10px 0;float: none;} 
#x_udf_extcustomer_fieldpair, #x_udf_ext_purchase_question405_fieldpair, #x_udf_ext_surv_ground_question442_fieldpair {margin-top: 5px;}
#x_udf_ext_purchase_question405_label {margin-top: 0;}
#x_udf_privacy_policy_version143_fieldpair {width: 100%;}
#x_udf_privacy_policy_version143_label {margin: 4px 0% 0% 20px;}
form button {float: left;}
.margin_contact {margin-top: 75px;}
.margin_header_contact_a {margin-bottom: 80px;}
    
.leica_footer {right: 30px;top: 99px;}
footer {padding: 130px 0px 30px 0;}
.leica_footer {top: 35px;position: absolute;margin: 0 auto 0;left: 0;right: 0;}
.header_line_1 {font-size: 70px;line-height: 70px;}
.header_line_1 sup {top: 18px;font-size: 20px;padding-left: 5px;}
.mh-line-size-1 sup {top: 16px;font-size: 30px; padding-left: 5px;}
.header_line_2 {font-size: 18px;line-height: 18px;}
.mh-line-size-1 {letter-spacing: normal;font-size: 50px;line-height: 40px;margin-bottom: 10px;}
.mh-line-size-2 {letter-spacing: 16px;font-size: 15px;}
.mh-line-size-3 {letter-spacing: 14px;font-size: 14px;}
.mh-line-size-4 {letter-spacing: normal;font-size: 18px;line-height: 18px; padding: 0 15px;}
.mh-line-size-5 {letter-spacing: 2px;font-size: 13px;}
.mh-line-size-6 {font-size: 13px;}
.hero-text {height: 70%;padding: 30% 15px 0 15px;}

.ph-line-size-2 {font-size: 26px;line-height: 28px;padding: 0 15px 75px 15px;}

.gnss_box_home_a div h2, .gnss_box_home_b div h2, .gnss_box_home_c div h2 {font-size: 42px;line-height: 42px;margin: 0 0 4px 0;}
.gnss_box_home_a div h4, .gnss_box_home_b div h4, .gnss_box_home_c div h4 {font-size: 24px;line-height: 24px;margin: 0 0 24px 0;}

.gnss_box_img {max-height: 400px;min-height: 400px;}
.gnss_box_home_a div {padding: 110px 30px 40px 30px;text-align: left;}
.gnss_box_home_a {max-height: 100%;min-height: 100%;background-position: 80% 30px;background-size: 90%;}
.gnss_box_home_b div {padding: 110px 30px 40px 30px;text-align: left;}
.gnss_box_home_b {max-height: 100%;min-height: 100%;background-position: 80% 30px;background-size: 90%;}
.gnss_box_home_d div {padding: 110px 30px 40px 30px;text-align: left;}
.gnss_box_home_d {max-height: 100%;min-height: 100%;background-position: 80% 30px;background-size: 90%;}
.gnss_box_home_c div {padding: 110px 30px 40px 30px;text-align: left;}
.gnss_box_home_c {max-height: 100%;min-height: 100%;background-position: 80% 30px;background-size: 90%;}
.captive_home div { margin: 75px 0 75px 0;}
.captive_home div h1 {font-size: 44px;margin: 0 0 16px 0;line-height: 44px;}
.captive_home div p {font-size: 20px;max-width: 100%;line-height: 26px;margin: 0;}
.captive_home {background-position: center 93%;background-size: 190px;padding-bottom: 200px;}

.gnss_box_50_a p {font-size: 20px;max-width: 100%;}
.gnss_box_50_a {padding: 75px 15px;position: relative;height:auto;}
.gnss_box_50_a h1 {font-size: 42px;line-height: 42px;}
.gnss_box_50_b_img {height: 300px;}
.gnss_box_50_b {height: 100%;}
.gnss_box_50_b > div {position: relative;-webkit-transform: inherit;-ms-transform: inherit;transform: inherit;padding: 75px 0;}
.gnss_box_50_c {height: 100%;}
.gnss_box_50_c > div {position: relative;-webkit-transform: inherit;-ms-transform: inherit;transform: inherit;padding: 75px 0;}
.gnss_box_50_d {height: 100%;}
.gnss_box_50_d > div {position: relative;-webkit-transform: inherit;-ms-transform: inherit;transform: inherit;padding: 75px 0;}
.gnss_box_50_f {height: 320px;}
.gnss_box_50_g {height: 100%;}
.gnss_box_50_g > div {position: relative;-webkit-transform: inherit;-ms-transform: inherit;transform: inherit;padding: 75px 0;}
.gnss_box_50_h {height: 100%;}
.gnss_box_50_h > div {position: relative;-webkit-transform: inherit;-ms-transform: inherit;transform: inherit;padding: 75px 0;}
.gnss_box_50_i {height: 100%;}
.gnss_box_50_i > div {position: relative;-webkit-transform: inherit;-ms-transform: inherit;transform: inherit;padding: 75px 0;}

h2, .h2 {font-size: 35px;line-height: 30px;margin: 0 0 15px 0;}
.p2_gnss {font-size: 18px;line-height: 20px;padding: 0;}
h4, .h4 {font-size: 30px;line-height: 26px;margin: 0 0 15px 0;}

.btn_video_b {display: none;}
.btn_video_link {margin:40px 0 0 0;}
.bg_gnss_e {background-position: center 100%;background-size: 60%;padding-bottom: 385px;}
.btn_video_link iframe {max-height:197px; max-width:346px; margin:0 auto 0;}

#gnss_bg_mb_a {background-repeat: no-repeat;background-position: bottom center;background-size: contain;padding-bottom: 550px;}
#gnss_bg_mb_b {background-repeat: no-repeat;background-position: 100% 90%;padding-bottom: 250px;background-size: 80%;}

.no-padding {padding: 0 !important;}

.gnss_box_50_e {padding: 75px 15px;max-height: 100%;min-height: 100%;}
.center_ask {max-width: 100%;position: relative;bottom: 0;margin: 35px auto 0;}

footer .copyright {padding: 14px 0px 0px 10px;font-size: 10px;}

.hero-text-home {height: calc(100% - 85px);padding: 85px 0 0 0;}

.margin_header_home {margin-bottom: 225px;}
.margin_a {padding: 75px 0 75px 0;}
.ph-line-size-1 {font-size: 18px;line-height: 22px;padding: 0;margin-bottom: 30px;}
.gnss_pro_icon {width:50%; float:left;}

/* Portfolio filters */
.filters li {display: block;margin: 0 10px 10px;}
.filters li:last-child {margin: 0 10px 140px;}

/* Portfolio grid */
.work-item, .grid-sizer {width: 50%;}
.work-item.wide, .work-item.wide-tall {width: 100%;}

.pull-right {float: none !important;}

.gnss_box_50_f {height: 100%;position: relative;padding: 75px 15px;}
.gnss_box_50_f img {margin-top:-75px;}
.gnss_box_50_f > div {position: relative;-webkit-transform: inherit;-ms-transform: inherit;transform: inherit;}

.img_gnss_pro {position: relative;top: 0;left: 0; width: 130px;margin-top: 75px;}
.gnss_slide_b {padding: 75px 15px;}

.gnss_pro_icon p {font-size: 16px;line-height: 20px;max-width: 115px;margin: 0 auto 0;padding: 20px 0 70px;}

h1, .h1 {font-size: 140px;line-height: 92px;}
.h1_a {font-size: 120px;line-height: 80px;}

.captivate_container {position: relative;margin: 0 -30px;}
.captivate_box_a {width: 180px;top: 21%;padding: 10px;}
.captivate_box_b {width: 160px;top: 71%;padding: 10px;}
.captivate_box_a h1, .captivate_box_b h1 {font-size: 16px;line-height: 16px;}
.captivate_box_a p, .captivate_box_b p {font-size: 14px;line-height: 16px;}
.margin_c {padding: 75px 15px;max-height: 100%;min-height: 100%;}
#shiva {font-size: 16px;line-height: 10px;padding: 20px 0 10px 0;margin: 35px 0 75px 0;}
.count {line-height: 30px;font-size: 40px;}
.margin_header_rtk_b {margin-bottom: 0px;}
.gnss_slide_rtk {padding: 75px 0px 260px 0px;}
.container_fn_a {width: 100%; padding-bottom: 0;}
.container_fn_b {width: 100%;}
.fn_gnss {font-size: 16px;margin: 30px 0 0 0;float: left;width: 50%;padding: 0;}
.img_captative_a {
    margin: 0 auto 0;
    padding: 70px 0 0 0;
    max-width: 90%;
}

}

@media (max-width: 500px) {

    /* Portfolio grid */

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

    .work-item.wide,
    .work-item.wide-tall {
        width: 100%;
    }
    
    #gnss_bg_mb_a {padding-bottom: 300px;}
    .bg_gnss_e {background-position: center 100%;background-size: 75%;padding-bottom: 300px;}
    
    

}