@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,300italic,500&subset=latin-ext);
/*
    background-image: -webkit-linear-gradient($dir, $c1 $s1, $c2 $s2,  $c3 $s3,  $c4 $s4);
    background-image:    -moz-linear-gradient($dir, $c1 $s1, $c2 $s2,  $c3 $s3,  $c4 $s4);
    background-image:     -ms-linear-gradient($dir, $c1 $s1, $c2 $s2,  $c3 $s3,  $c4 $s4);
    background-image:      -o-linear-gradient($dir, $c1 $s1, $c2 $s2,  $c3 $s3,  $c4 $s4);
    background-image:         linear-gradient($dir, $c1 $s1, $c2 $s2,  $c3 $s3,  $c4 $s4);
*/
body {
  margin: 100px 0 0 0;
  padding: 0;
  color: #404040;
  font-family: Ubuntu, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
  background: #ffffff; }

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  color: #ff9000;
  margin: 0;
  padding: 0; }

h1, h2 {
  font-size: 46px;
  line-height: 52px;
  margin-bottom: 30px; }

h4 {
  font-size: 32px;
  line-height: 40px; }

p {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300; }

.small {
  font-size: 10px;
  line-height: 15px; }

a {
  text-decoration: none;
  color: inherit; }

a:hover {
  color: #ff9000 !important; }

ul {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0; }

li {
  margin: 0;
  padding: 0; }

strong, b {
  font-weight: 500; }

div {
  position: relative; }

img {
  display: block; }

.ico span {
  display: none; }

.out {
  box-sizing: border-box;
  width: 100%;
  min-width: 1000px;
  padding: 0 20px; }
  .out:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden; }

.main {
  width: 960px;
  margin: 0 auto;
  padding: 0; }
  .main:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden; }

#Header {
  position: fixed;
  top: 0;
  left: 0;
  height: 100px;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 999;
  transition: all 0.8s; }

#Header.sticky, #Header.other {
  border-bottom: 1px solid #969696;
  background-color: rgba(255, 255, 255, 0.9);
  box-shadow: 0 0 30px rgba(150, 150, 150, 0.8);
  transition: all 0.8s; }

#Logo {
  position: absolute;
  overflow: hidden;
  top: 20px;
  left: 0;
  width: 100px;
  height: 60px; }

.mainmenu {
  position: absolute;
  top: 0;
  right: 0; }

.mainmenu li {
  float: left;
  font-size: 24px;
  line-height: 100px;
  color: #404040; }

.mainmenu li:before {
  content: "/";
  margin: auto 15px;
  font-weight: 300;
  color: #969696; }

.mainmenu li:first-child:before {
  content: "";
  margin: auto 0; }

.mainmenu li a {
  color: inherit; }

.mainmenu .ico a {
  display: inline-block;
  width: 19px;
  height: 18px;
  background-image: url(../gfx/ico-home.png);
  background-position: 0 0; }

.mainmenu .ico a:hover {
  background-position: 0 -18px; }

#Content .main {
  padding-top: 30px;
  margin-bottom: 30px; }

#Content p {
  margin-bottom: 20px; }

#Sidebar {
  float: left;
  width: 300px;
  margin-right: 30px; }

.sidebarmenu h4 {
  padding-bottom: 10px;
  border-bottom: 1px solid #969696; }

.sidebarmenu ul {
  margin-bottom: 30px;
  border-bottom: 2px solid #969696; }

.sidebarmenu li {
  display: block;
  border-top: 1px dotted #969696; }

.sidebarmenu li:first-child {
  border: none; }

.sidebarmenu a {
  display: block;
  margin: auto 3px;
  line-height: 40px; }

#Tresc {
  overflow: hidden; }

#Banner {
  margin-top: -100px;
  min-height: 454px;
  max-height: 800px;
  border-bottom: 10px solid #ff9000;
  background-image: url(../gfx/bg-banner.jpg);
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat; }

#Banner.vertical {
  background-size: auto 100%; }

#Banner h2 {
  position: absolute;
  top: 200px;
  left: -20px;
  margin: 0;
  padding: 20px;
  color: white;
  background-color: rgba(255, 144, 0, 0.7); }

#Services .main {
  padding: 30px 0; }

#Services .item {
  float: left;
  width: 50%; }

#Services h2 {
  display: block;
  padding: 10px 0;
  margin-bottom: 30px;
  font-size: 32px;
  line-height: 40px;
  clear: both; }

#Services h2:before {
  content: "";
  display: block;
  float: left;
  width: 100px;
  height: 100px;
  margin: -10px 30px 0 0;
  background-color: #ff9000;
  border-radius: 50%;
  background-size: 100% 100%; }

#SD h2:before {
  background-image: url(../gfx/ico-sd.png); }

#WT h2:before {
  background-image: url(../gfx/ico-wt.png); }

#Services p {
  margin-right: 50px; }

#Portfolio {
  border-bottom: 1px solid #969696;
  background-color: #e5e5e5;
  background: linear-gradient(#f7f7f7 0%, #d5d5d5 100%); }

#Portfolio h2 {
  position: absolute;
  top: 30px;
  left: 0; }

#Portfolio h4 {
  color: #969696; }

#Team {
  border-bottom: 1px solid #404040; }

#Team .main {
  padding: 30px 0 0 0; }

#Managers {
  float: left;
  width: 594;
  height: 400px;
  background-image: url(../gfx/team.png);
  background-position: center bottom;
  background-repeat: no-repeat; }

#Managers .item {
  width: 198px;
  height: 400px;
  float: left; }

#Description {
  overflow: hidden;
  width: 366px;
  height: 400px;
  margin-top: 30px; }

#Description div {
  position: absolute;
  top: 20px;
  left: 30px;
  width: 336px;
  height: 380px; }

#Description p {
  margin-bottom: 10px; }

#Description p strong {
  font-size: 22px; }

#WhyUs {
  color: white;
  background-color: #ff9000;
  background: linear-gradient(#ffb050 0%, #ff9000 100%); }

#WhyUs .main {
  padding: 30px 0 0 0; }

#WhyUs .items {
  overflow: hidden; }

#WhyUs .item {
  overflow: hidden;
  margin-bottom: 30px; }

#WhyUs h2, #WhyUs h4 {
  color: white; }

#WhyUs h4 {
  margin-top: -2px; }

#WhyUs .item:before {
  content: "";
  display: block;
  float: left;
  width: 100px;
  height: 100px;
  margin-right: 30px;
  border: 4px solid white;
  border-radius: 50%;
  background-position: 50% 50%;
  background-repeat: no-repeat; }

#WA1:before {
  background-image: url(../gfx/ico-agile.png); }

#WA2:before {
  background-image: url(../gfx/ico-knowhow.png); }

#WA3:before {
  background-image: url(../gfx/ico-quality.png); }

#Testimonials .main {
  padding: 30px 0 0 0; }

#Testimonials .items {
  border-bottom: 1px solid #969696; }
  #Testimonials .items:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden; }

#Testimonials .item {
  min-height: 190px; }
  #Testimonials .item:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    overflow: hidden; }

#Testimonials p {
  width: 560px;
  padding-bottom: 30px;
  font-size: 24px;
  line-height: 32px;
  font-style: italic; }

#Testimonials p span {
  font-style: normal;
  font-size: 16px; }

#Testimonials .item img {
  position: absolute;
  bottom: 0;
  right: 40px; }

#Logos {
  overflow: hidden;
  margin: 30px 0;
  height: 70px; }

#Logos .frame {
  width: 1200px;
  height: 70px; }

#Logos img {
  float: left;
  width: 192px;
  height: 70px; }

#Contact {
  overflow: hidden; }

#Contact .main {
  height: 355px; }

#Address {
  position: absolute;
  top: 0;
  right: 560px;
  width: 900px;
  height: 355px;
  color: white;
  background-color: rgba(64, 64, 64, 0.8); }

#Address .items {
  position: absolute;
  top: 30px;
  right: 0;
  width: 400px; }

#Address p {
  line-height: 27px;
  margin-bottom: 20px; }

#Address .items p:before {
  content: "";
  display: block;
  float: left;
  width: 50px;
  height: 50px;
  margin-right: 20px;
  border: 2px solid white;
  border-radius: 50%; }

#Address p.big {
  font-size: 32px;
  line-height: 54px; }

#Office:before {
  background-image: url(../gfx/ico-address.png); }

#Phone:before {
  background-image: url(../gfx/ico-phone.png); }

#Email:before {
  background-image: url(../gfx/ico-email.png); }

#Map {
  position: absolute;
  left: -500px;
  width: 1960px;
  height: 355px; }

#Footer {
  border-top: 10px solid #ff9000;
  border-bottom: 10px solid #222;
  background-color: #404040; }

#Footer .main {
  padding: 30px 0;
  font-size: 14px;
  line-height: 27px;
  color: white; }

#Copyright {
  overflow: hidden;
  margin-top: 15px; }

#Copyright p {
  color: #969696;
  text-align: center; }

#Copyright .small {
  color: #606060; }

.social-media {
  float: left;
  overflow: hidden; }

.social-media li {
  display: block;
  float: left;
  margin-right: 10px; }

.social-media a {
  display: block;
  width: 50px;
  height: 50px;
  border: 2px solid white;
  border-radius: 50%; }

.social-media a:hover {
  border-color: #ff9000;
  background-position: 0 -50px; }

.social-media .facebook a {
  background-image: url(../gfx/ico-facebook.png); }

.social-media .twitter a {
  background-image: url(../gfx/ico-twitter.png); }

.social-media .linkedin a {
  background-image: url(../gfx/ico-linkedin.png); }

#ITCorner {
  display: block;
  float: right;
  width: 184px;
  height: 54px;
  background-image: url(../gfx/itcorner.png); }

/*
.footermenu {
  float: right;
}

.footermenu li {
  display: inline-block;
}

.footermenu li:before {
  content: "/";
  padding: 0 10px;
  color: $companyGreyLight;
}

.footermenu li:first-child:before {
  content: "";
}
*/