body {
color:#333;
font:300 15px/15px Roboto,Arial,Helvetica;
background:url(../images/old2.jpg) center no-repeat fixed;
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-ms-background-size:cover;
-o-background-size:cover;
}

a {
color:#00a9c6;
text-decoration:none;
}

a:hover {
color:#666;
}

.btn,a,.btn:hover,a:hover {
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
-ms-transition:all .3s ease-in-out;
-o-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
outline:none!important;
}

h1,h2,h3,h4 {
line-height:1em;
margin:0;
}

h1 {
font:700 5em Roboto,Arial,Helvetica;
text-transform:uppercase;
margin:.25em 0;
}

h2 {
font:300 2.5em Roboto,Arial,Helvetica;
margin-bottom:1.5em;
}

h3 {
font:300 2em Roboto,Arial,Helvetica;
margin:2em 0 1em;
}

h4 {
font:300 1.5em Roboto,Arial,Helvetica;
margin-bottom:1em;
}

h4 i {
margin-right:.5em;
}

p {
font-size:1em;
line-height:1.7em;
margin-bottom:1.7em;
}

.spacer {
padding:6em 0;
}

.btn {
border:none;
border-radius:0;
background:rgba(0,0,0,0.5);
text-transform:uppercase;
padding:1em 4em;
}

.btn:hover,.btn:active {
color:#fff;
}

.btn-default {
color:#ccc;
border:1px solid #aaa;
}

.btn-default:hover,.btn-default:active {
background:rgba(0,0,0,0.8);
}

.btn-primary {
color:#fff;
background:#e89f10;
width:100%;
outline:none;
}

.btn-primary:hover,.btn-primary:active,.btn-primary:focus {
background:#f3c024;
box-shadow:none;
}

.topbar {
background:url(../images/lines.png);
height:5px;
position:fixed;
top:0;
width:100%;
z-index:1000;
}

.navbar-nav > li > a {
font-size:1em;
line-height:3.6em;
}

.navbar-fixed-top {
top:5px;
}

.navbar-inverse {
background:#111;
}

.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus {
background:none;
color:#E89F10;
}

#head,.carousel {
margin-top:0;
}

.about.spacer {
padding-left:4em;
padding-right:4em;
padding-bottom:0;
}

.services ul li {
width:10em;
height:10em;
border:1px solid #ccc;
border-radius:50%;
line-height:13.5em;
color:#999;
margin:0 1.25em;
padding:0;
}

.services ul li span {
line-height:2em;
display:inline-block;
font-weight:300;
}

.services ul li span i {
font-size:3em;
}

.services ul li span b {
display:block;
font-size:1em;
font-weight:300;
}

.partners img {
float:left;
margin:0 75px 30px 0;
}

.testimonails {
min-height:195px;
}

.testimonails img {
margin-top:5px;
}

.testimonails span {
color:#000;
}

.testimonails span b {
font-weight:400;
}

.carousel-indicators li {
border:1px solid #000;
}

.carousel-indicators {
bottom:0;
}

#works figcaption a {
border:1px solid #fff;
margin-top:1em;
display:inline-block;
color:#fff;
padding:0 2em;
}

#works figcaption a:hover {
text-decoration:none;
padding:0 3em;
}

.team b {
font-size:1.2em;
display:block;
}

.team a i.fa {
color:#fff;
font-size:2em;
}

.team a i.fa:hover {
color:#E89F10;
}

.contactform textarea,.contactform input {
width:100%;
border:1px solid #ccc;
margin-bottom:1em;
border-radius:0;
outline:none;
padding:1em;
}

.footer {
background-color:#111;
font-size:1em;
color:#aaa;
}

.footer a {
color:#aaa;
margin:0 1em;
}

.gototop {
position:fixed;
bottom:20px;
right:20px;
background:rgba(17,255,0,0.8);
color:#fff;
padding:10px;
}

.gototop i {
line-height:.5em;
}

.map-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}

.map-responsive iframe {
left:60px;
top:0;
height:75%;
width:92%;
position:absolute;
}

#home,#works {
padding-top:6em;
}

.team figure,.team img {
width:100%;
}

@media max-width 1200px{
body {
font:300 13px/13px Roboto,Arial,Helvetica;
}

.navbar-brand {
padding-top:11px;
}

.services ul li {
margin:0 .5em;
}

.grid figure h2 {
font:700 1.5em Roboto,Arial,Helvetica;
}

figure.effect-oscar figcaption {
padding:12%;
}

figure.effect-oscar figcaption::before,figure.effect-chico figcaption::before {
top:20px;
right:20px;
bottom:20px;
left:20px;
}

.partners img {
margin:0 25px 25px 0;
}
}

@media max-width 900px{
h1 {
font:700 3.5em Roboto,Arial,Helvetica;
}

h4 {
font:300 1.3em Roboto,Arial,Helvetica;
}

.btn {
padding:1em 2em;
}

.partners img {
width:157px;
margin:0 15px 25px 0;
}

.services ul li {
width:9em;
height:9em;
}

figure.effect-chico figcaption {
padding:2em;
}

figure.effect-oscar figcaption {
padding:20%;
}

figure.effect-chico figcaption::before {
top:10px;
right:10px;
bottom:10px;
left:10px;
}

.grid figure.effect-chico p {
font-size:.6em;
line-height:1.5em;
}
}

@media max-width 767px{
body {
font:300 12px/12px Roboto,Arial,Helvetica;
}

.navbar-nav > li > a {
line-height:1em;
}

.navbar-brand {
padding:7px;
}

.navbar-brand img {
height:37px;
}

.navbar-toggle {
margin-top:12px;
}

.carousel-caption,.carousel-control,.carousel-indicators {
display:none;
}

h2.text-center {
text-align:left;
font-size:1.7em;
}

h4 {
font:300 1.2em Roboto,Arial,Helvetica;
}

#partners h2 {
padding:0 1em;
}

#home {
padding-top:5em;
}

.partners {
display:block;
float:left;
}

.partners img {
width:120px;
}

.about.spacer {
padding-left:2em;
padding-right:2em;
}

.spacer {
padding:2em 0 0;
}

.services ul li {
margin-bottom:1em;
}

.highlight-info .overlay {
padding-bottom:2em;
}

.grid.team div {
margin:0;
padding:0;
}

figure.effect-chico figcaption {
padding:1.5em;
}

.footer {
margin-top:2em;
padding-bottom:2em;
}
}