@font-face
{
    font-family: 'Roboto';
src: url('Roboto-Light-webfont.eot');
    src: url('Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Light-webfont.woff') format('woff'),
         url('Roboto-Light-webfont.ttf') format('truetype'),
         url('Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;


}

@font-face {
    font-family: 'robotomedium';
    src: url('Roboto-Medium-webfont.eot');
    src: url('Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Medium-webfont.woff') format('woff'),
         url('Roboto-Medium-webfont.ttf') format('truetype'),
         url('Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body {
 font-family: Roboto, sans-serif;
  height: 100%;
  width: 100%;
  color: #777;
  font-size: 1.8vh;
}

li:active {
 background: #35A49C;
}

h1 {
 color:#5F637F;
 line-height: 45px;
 font-size: 4vh;
}

#contact h1 {
 color:#FFFFFF;
 line-height: 45px;
 font-size: 4vh;
}

#clients h1 {
  color: #EBD728;
  font-weight: bold;
  font-size: 4vh;
  text-shadow: 1px 1px #000000;
  line-height: 25px;
  padding-bottom: 20px;
}

#technologies h1 {
  color: #5F637F;
  padding-bottom: 20px;
}

#services h1 {
  color: #FFFFFF;
  padding-bottom: 20px;
}

h3 {
 color:#5F637F;
 font-size: 2.5vh;
 padding-top: 50px;
}

#contact h3 {
 color:#FFFFFF;
 font-size: 1.8vh;
 padding-top: 50px;
 padding-bottom: 25px;
}

#services h3 {
 color:#FFFFFF;
 font-size: 2.5vh;
 padding-top: 25px;
 padding-bottom: 25px;
 line-height: 30px;
}

p.content {
 color: #777;
 line-height: 30px;
 font-size: 1.8vh;
 text-align: justify;
}

p.white {
 color: #FFFFFF;
}

#clients p {
 color: #EBD728;
 text-shadow: 1px 1px #000000;
 line-height: 30px;
 font-size: 1.8vh;
 padding-top: 25px;
 padding-bottom: 25px;
}

#technologies p {
 color: #777;
 line-height: 25px;
 font-size: 1.8vh;
 padding-top: 30px;
 padding-bottom: 25px;
}

.logo {
        margin-top: -14px;
	 z-index:999;
}

#home {
  background: url(../images/b1.jpg) no-repeat center center fixed; 
  display: table;
  height: 600px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#about {
  background-color: #FFFFFF; 
  display: table;
  height: 1000px;
  position: relative;
  width: 100%;
}

#clients {
  background: url(../images/b2.jpg) no-repeat center center fixed; 
  display: table;
  height: 600px;
  position: relative;
  width: 100%;
   -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  color: #FFFFFF;
 }
 
#clients a:hover {
 border: 1px rgba(192, 192, 192, 1) solid;
}

#technologies {
  background-color: #FFFFFF; 
  display: table;
  height: 600px;
  position: relative;
  width: 100%;
  color: #FFFFFF;
 }
 
 #technologies a:hover {
 border: 1px rgba(192, 192, 192, 1) solid;
}

 
.pad-section {
  padding: 50px 0;
}

.pad-section img {
  width: 100%;
}

#contact {
  background-color: #266B88;
  display: table;
  height: 1000px;
  position: relative;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
  color: #ffffff;
}

.contact-hr { 
 border: 0; height: 0; border-top: 1px solid rgba(192, 192, 192, 0.5); 
}

.services-hr { 
 border: 0; height: 0; border-top: 1px solid rgba(192, 192, 192, 0.5); 
}

#services {
  background-color: #266B88;
  display: table;
  height: 600px;
  position: relative;
  width: 100%;
  color: #ffffff;
}

#solutions {
  background-color: #FFFFFF;
  display: table;
  height: 600px;
  position: relative;
  width: 100%;
  color: #ffffff;
}


.item-img {
 margin: 0px; 
 padding-top: 80px;
}

.item-img-sm {
 margin: 0px; 
 padding-top: 10px;
}

#footer p {
 padding-top: 10px;
 font-size: 1.2vh;
}

.footer-hr { 
 border: 0; height: 0; border-top: 1px solid rgba(192, 192, 192, 1); border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

a.scrollup{
	height:32px;
	width:32px;
	color:#fff;
	font-size:18px;
	line-height:32px;
	text-align:center;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:9999;
	background: #35A49C;
	opacity:0.5;
}

a.scrollup:hover{
	opacity:1;
	color: #FFFFFF;
}

@media (max-width: 480px) {.g-recaptcha>div>div{width:inherit !important;position:relative;display:block;padding:0;overflow:hidden;max-width:302px;border-right:1px solid #d3d3d3;border-radius:4px;box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);-webkit-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08);-moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08)} .g-recaptcha iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0} .g-recaptcha>div{position:relative} .g-recaptcha>div:before{content:'Loading captcha...';position:absolute;top:38%;left:0} .g-recaptcha:empty:before{content:'Something wrong occured'}}