@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Thin.ttf");
  font-weight: 200; }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Light.ttf");
  font-weight: 300; }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Regular.ttf");
  font-weight: 400; }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Medium.ttf");
  font-weight: 500; }

@font-face {
  font-family: "Roboto";
  src: url("../fonts/roboto/Roboto-Bold.ttf");
  font-weight: 700; }

  
html,body {
    font-family: sans-serif;
    font-weight: 500;
    font-size: 16px;
    height:100%;
    /*background:center no-repeat fixed url('../img/background2.jpg');*/
    color:#4c4d4f;
    background-size: cover;
}

::selection {
  background: #fdb813;
  color: #ffffff;
}

::-moz-selection {
  background: #fdb813;
  color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

img.team {
  filter: grayscale(100%);
  filter: gray alpha(opacity=100); /* IE6-9 */
  filter: gray;  /* For IE 6 - 9 */
  
  -webkit-filter: grayscale(100%);
  -webkit-backface-visibility: hidden; /* Fix for transition flickering */
  -webkit-transition: all .4s ease;  /* Transition for Webkit browsers */
  
  -moz-filter: grayscale(100%);
  -moz-backface-visibility: hidden; /* Fix for transition flickering */
  -moz-transition: all .4s ease;  /* Transition for Webkit browsers */
  
  -o-filter: grayscale(100%);
  -o-backface-visibility: hidden; /* Fix for transition flickering */
  -o-transition: all .4s ease;  /* Transition for Webkit browsers */
  
  -ms-filter:grayscale(100%);
  -ms-backface-visibility: hidden; /* Fix for transition flickering */
  -ms-transition: all .4s ease;  /* Transition for Webkit browsers */
  
}

img.team:hover {
  filter: grayscale(0%);
  filter: gray alpha(opacity=0);
  filter: none;
  
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter:grayscale(0%);
}

.img-center {
  margin:0 auto;
  padding: 50px;
}

.icon-bar {
	background-color:#4c4d4f;
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 0px !important;
}

.navbar-trans {
	background-color:#ffffff;
  color:#4c4d4f;
}
.navbar-brand {
  padding-top: 5px;
  padding-bottom: 5px;
}

.navbar-icon {
  height: 100%;
}

.navbar-trans li>a:hover,.navbar-trans li>a:focus,.navbar-trans li.active {
	background-color:#f4f4f4;
}

.navbar-trans a{
    color:#4c4d4f;
}

.navbar-trans .form-control:focus {
	border-color: #eee;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(100,100,100,0.6);
}

.firstsection {
  min-height:calc(100% - 1px);
}

.headerUSP {

}

.textUSP{

}

section {
	padding-top:70px;  
  padding-bottom:50px; 
  min-height:calc(55% - 1px);
}

.v-center {
    padding-top:10%;
    font-size:70px;
}
  
.well {
	border-color:transparent;
}

a.list-group-item.active,[class*='-info'] {
	background-color: #168ccc;
  color:#fff;
}
  
#home {
  background:center no-repeat fixed url('../img/background1.jpg');
  background-size: cover;
  position: relative; 
  z-index: 1;
}
  
#software {
	background-color: #f9f9f9;
  position: relative; 
  z-index: 1;
}

#between1 {
  background:center no-repeat fixed url('../img/background2.jpg');
  background-size: cover;
}

#mobile {
	background-color: #f9f9f9;
  z-index: 1;
}

#between2 {
  background:center no-repeat fixed url('../img/background3.jpg');
  background-size: cover;
}

#how {
	background-color: #f9f9f9;
  position: relative; 
  z-index: 1;
}

#between3 {
  background:center no-repeat fixed url('../img/background4.jpg');
  background-size: cover;
}

#team {
	background-color: #f9f9f9;
  position: relative; 
  z-index: 1;
}

#between4 {
  background:center no-repeat fixed url('../img/background5.jpg');
  background-size: cover;
}

#contact {
	background-color: #f9f9f9;
  position: relative; 
  z-index: 1;
}

#between5 {
  background:center no-repeat fixed url('../img/background3.jpg');
  background-size: cover;
}

#support {
	background-color: #f9f9f9;
  position: relative; 
  z-index: 1;
}

i.sectionicon, img.sectionicon 
{
  color: #fdb813;
  font-size:50px;
  height: 50px;
}

footer {
	background-color:#494949;
    color:#ddd;
    height:50px;
    padding-top:10px;
    padding-bottom:40px;
}

footer .nav>li>a {
    padding:3px;
    color:#ccc;
}

footer .nav>li>a:hover {
  background-color:transparent;
	color:#fff;
}

.background {
}

#between1,
#between2,
#between3,
#between4 {
  position: relative;
  z-index: -1;
  min-height:calc(85% - 1px);
}

.fixed-quote  {
  position: fixed; 
  opacity: 0;
  visibility: hidden;
  bottom: 40%;
  left: 0px;
  z-index: 0;
}

.quote-text {
  padding: 10px;
  font-size: 14pt;
  color: white;
  font-weight: bold;
  font-style: italic;

  background-color: rgb(150,150,150);
  background-color: rgba(0, 0, 0, 0.5); 
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  
  z-index: 0;
}

a {
  color: #fdb813;
}