@import "variables.less";
@import "prefixer.less";
/*navbar icon transformation*/
.navbar-toggle .icon-bar:nth-of-type(2) {
	  top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
  	top: 2px;
}

.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
	  top: 6px;
	  transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	  background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	  top: -6px;
	  transform: rotate(-45deg);
}
/*end icon nav transformation*/
body
{
	font-family: 'Titillium Web', sans-serif;
	overflow-x: hidden;
}
.gray
{
	background-color: @second-gray;
	color: #fff;
}
.red
{
	background-color: @second-red;
	color: #fff;
}
.light-text
{
	font-weight: 200;
}
.white
{
	color: #fff;
}
.brand
{
	height: 30px;
	width: auto;
	line-height: 60px;
}
.geologin .navbar-brand
{
	padding-top: 10px;
	padding-bottom: 10px;
}
.geologin .navbar-default
{
	background-color: #fff;
	border-color: @second-red;
}
.geologin .flag-icon
{
	margin-right: 5px;
}
.geologin .navbar-default .navbar-nav>.active>a, .geologin .navbar-default .navbar-nav>.active>a:focus, .geologin .navbar-default .navbar-nav>.active>a:hover 
{
	background-color: @third-red;
}
.geologin .navbar-default .navbar-toggle:focus, .geologin .navbar-default .navbar-toggle:hover 
{
	background: none;
}
.geologin .navbar-default .navbar-toggle 
{
	border:0;
}
#linkedin
{
	background-color: @second-gray;
	color: #fff;
	font-size: 20px;
	.transition(all 0.5s ease-in);
	&:hover
	{
		background-color: @second-red;
	}
}
/*Intro*/
#logo-animation
{
	height: 320px;
	position: absolute;
	top: 50%;
	margin-top: -210px;
	/*background: url('../img/logo-final.svg') no-repeat center center;
	background-size: 110%;*/
}
#logo-animation object
{
	height: auto;
	width: auto;
	margin: 0 auto;
	display: block;
}

.map-intro
{
	height: ~"@{winheight}px";
	background: @second-gray url('../img/bg-intro.jpg') no-repeat center center;
	background-size: cover;
}

/*Animations*/
@-webkit-keyframes scroll-ani {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}

@-moz-keyframes scroll-ani {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}

@keyframes scroll-ani {
  0% {
    opacity: 1;
    top: 29%;
  }
  15% {
    opacity: 1;
    top: 50%;
  }
  50% {
    opacity: 0;
    top: 50%;
  }
  100% {
    opacity: 0;
    top: 29%;
  }
}

/*Mouse & Message Styles*/

/*The Scroll Link*/
.mouse-scroll {
  display: inline-block;
  line-height: 18px;
  font-size: 13px;
  font-weight: normal;
  color: #7F8C8D;
  color: #FFF;
  letter-spacing: 2px;
  margin-top: 10%;
  text-decoration: none;
  overflow: hidden;
  
  /*The Mouse*/
  .mouse {
    position: relative;
    display: block;
    width: 26px;
    height: 43px;
    margin: 0 auto 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 3px solid #FFF;
    border-radius: 23px;
    
    /*Scroll Indicator*/
    .mouse-movement { 
      position: absolute;
      display: block;
      top: 29%;
      left: 50%;
      width: 8px;
      height: 8px;
      margin: -4px 0 0 -4px;
      background: #FFF;
      border-radius: 50%;
      -webkit-animation: scroll-ani 4s linear infinite;
      -moz-animation: scroll-ani 4s linear infinite;
      animation: scroll-ani 4s linear infinite;
    }
    
  }
    
  /*The Scroll Message*/
  .mouse-message { 
      float: left;
      margin: -200px 0 0 7px;
      padding: 0;
      -webkit-animation: scroll-ani 4s linear infinite;
    -moz-animation: scroll-ani 4s linear infinite;
    animation: scroll-ani 4s linear infinite;
  }
  
  /*shown on Hover of The Mouse*/
  &:hover {
    .mouse-message {
      margin-top: 0;    
      color: #fff;
    } 
  }  
}
.mouse-div
{
	width: 100%;
	position: absolute;
	bottom: 50px;
}
.padding
{
	padding: 50px;
}
.no-padding
{
	padding: 0;
}
.separator
{
	padding: 15px;
}
.divider
{
	z-index: -1;
}
.divider-1
{
	background-color: @main-red;
	height: 3px;
}
.divider-2
{
	background-color: @third-gray;
	height: 3px;
}.divider-3
{
	background-color: @second-red;
	height: 3px;
}
.divider-bg
{
	background: #fff url('../img/low-poly.jpg') no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
	min-height: 100px;
}

/*Application*/
.app-icon
{
	background: url('../img/app-icon.png') no-repeat center right;
	background-size: contain;
	width: 100%;
	min-height: 200px;
}
.icon-app-container
{
	width: 180px;
	height: 180px;
	margin: 15px auto 5px;
	border: 1px dotted @second-red;
	.border-radius(50%);
}
#groundwater
{
	background: #fff url('../img/groundwater.png') no-repeat center center;
	background-size: contain;
	.transition(all 0.5s ease-in);
	&:hover
	{
		background: @second-red url('../img/groundwater.png') no-repeat center center;
		background-size: contain;
	}
}
#environmental
{
	background: #fff url('../img/environmental.png') no-repeat center center;
	background-size: contain;
	.transition(all 0.5s ease-in);
	&:hover
	{
		background: @second-red url('../img/environmental.png') no-repeat center center;
		background-size: contain;
	}
}
#energy
{
	background: #fff url('../img/energy.png') no-repeat center center;
	background-size: contain;
	.transition(all 0.5s ease-in);
	&:hover
	{
		background: @second-red url('../img/energy.png') no-repeat center center;
		background-size: contain;
	}
}
#gas
{
	background: #fff url('../img/gas.png') no-repeat center center;
	background-size: contain;
	.transition(all 0.5s ease-in);
	&:hover
	{
		background: @second-red url('../img/gas.png') no-repeat center center;
		background-size: contain;
	}
}
#research
{
	background: #fff url('../img/research.png') no-repeat center center;
	background-size: contain;
	.transition(all 0.5s ease-in);
	&:hover
	{
		background: @second-red url('../img/research.png') no-repeat center center;
		background-size: contain;
	}
}
#archeology
{
	background: #fff url('../img/archeology.png') no-repeat center center;
	background-size: contain;
	.transition(all 0.5s ease-in);
	&:hover
	{
		background: @second-red url('../img/archeology.png') no-repeat center center;
		background-size: contain;
	}
}
#mining
{
	background: #fff url('../img/mining.png') no-repeat center center;
	background-size: contain;
	.transition(all 0.5s ease-in);
	&:hover
	{
		background: @second-red url('../img/mining.png') no-repeat center center;
		background-size: contain;
	}
}
#geotechnical
{
	background: #fff url('../img/geotechnical.png') no-repeat center center;
	background-size: contain;
	.transition(all 0.5s ease-in);
	&:hover
	{
		background: @second-red url('../img/geotechnical.png') no-repeat center center;
		background-size: contain;
	}
}
/*Contact*/
#map{
	height:  100%;
	max-width: 100%;
}

#contactus, #showmap{
	height:  550px;
}

.geologin .nav .nav-tabs
{
	width: 100%;
}
.geologin .nav-tabs
{
	border-bottom: 1px solid @second-red;
}
.geologin .nav-tabs li
{
	width: 50%;
	margin: 0;
}
.geologin .nav-tabs>li.active>a, .geologin .nav-tabs>li.active>a:focus, .geologin .nav-tabs>li.active>a:hover
{
	border: 1px solid @third-red;
	background-color: @third-red;
	border-radius: 0;
	color: #fff;
}
.geologin .nav-tabs>li>a
{
	color: @second-gray;
	.transition(all 0.5s ease-in);
	margin: 0;
	border-radius: 0;
	&:hover
	{
		background-color: @third-gray;
		border: 1px solid @third-gray;
		border-radius: 0;
		color: #fff;
		margin: 0;
	}
}
#contact-container {
    padding: 20px;
    background: #F5F5F5;
}

.inner-addon {position: relative;}/*impaginazione icone*/
.inner-addon .glyphicon {position: absolute;padding: 10px;pointer-events: none;}/*impaginazione icone*/
.left-addon .glyphicon{left:  0px;}/*impaginazione icone*/
.right-addon .glyphicon {right: 0px;}
.left-addon input  {padding-left:  30px; }/*icona a sinistra*/
.left-addon textarea  {padding-left:  30px; } /*icona a sinistra nella textarea*/
.right-addon input {padding-right: 30px; } /*icona a destra*/
i.submit {
    color: #fff;
}
button[type="submit"] {
    width: 100%;
    text-transform: uppercase;
    background-color: @second-red;
    color: #fff;
}
textarea
{
	resize: vertical;
}
/*services*/
#services-title
{
	padding-bottom: 20px;
}
/*#owl-services .item{
    display: block;
    width: 100%;
    min-height: 50px;
    height: auto;
    overflow: hidden;
}*/
#owl-services .owl-controls{
	margin-top: 30px;
}
#datasheet-icon
{
	font-size: 150px;
}
.datasheet-container
{
	margin-top: 50px;
}
/*footer*/
footer
{
	padding-bottom: 10px;
}
.return-top
{
	width: 40px;
	height: 40px;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
	position: absolute;
	background-color: @second-red;
	border: 1px solid @third-gray;
	border-radius: 4px;
	z-index: 1000;
	i
	{
		width: 100%;
		height: 100%;
		line-height: 35px;
		font-size: 30px;
	}
}
.contacts-div
{
	padding-top: 25px;
}
.contacts li, .contacts li i
{
	font-size: 11px;	
}
.contacts li i
{
	vertical-align: baseline;
	line-height: 15px;
	margin-right: 5px;
	font-size: 12px;	
}


.has-feedback .form-control-feedback {
    top: 9px;
    right: 0;
}