/* http://fonts.googleapis.com/css?family=Kameron:400,700|Montserrat:700,400' */

body {font-family: 'Kameron', sans-serif; background:#fff;}

p { font-size:14px;font-family: 'Kameron', sans-serif; font-weight: 100; } 
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat',Helvetica, Arial, sans-serif !important; font-weight:700;}

.fa {width:13px;}

a:focus {outline:none;}
input {border:none;}
form {margin:0;}


.pull-left {float:left;}
.pull-right {float:right;}
.fa-right {margin-left:10px;}
.fa-left {margin-right:10px;}
.clearfix {clear:both;}



.yellow {color:#dac90f;}
.green {color:#8ac663;}
.orange {color:#ea9c4e;}
.blue {color:#6cbdc4;}



#navbar .row-full { position:fixed; z-index:1000; width:100%;margin:auto; height:70px;}
#navbar .bg {background:rgba(255,255,255,0.98);box-shadow:0px 3px 10px rgba(0,0,0,0.1); position: fixed; z-index: 500; width: 100%;max-width:1600px;min-width: 750px; height:70px;}
#navbar ul.main-nav { font-size:18px; }
#navbar ul.main-nav li.logo a img {margin: 17px 0px 0px 10px;
width: 135px;
height: auto;}
#navbar ul.main-nav li a {line-height:70px; margin:0px; color:#919191;}
#navbar ul.main-nav li.cta a {margin:0px 0px; font-size:12px; background:#ea9c4e; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px; color:#FFF !important; padding:5px 10px;}
#navbar ul.main-nav li a:focus {color:#676767;}
#navbar ul.main-nav li a.active {color:#676767;}
#navbar ul.main-nav li.cta a:focus {background:#f47f0a;}
#navbar ul.main-nav li.pull-right {margin-right:20px;}




.cta-box {  border-bottom-left-radius:5px; border-bottom-right-radius:5px;
 -moz-border-bottom-left-radius:5px; -moz-border-bottom-right-radius:5px;
 -o-border-bottom-right-radius:5px; -o-border-bottom-left-radius:5px;
 -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;
 margin:auto; background:url("../img/services-image.jpg") no-repeat center center; background-size:cover; text-align:center; min-width:220px;
}
a.cta {background:#ea9c4e; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px; color:#FFF !important; padding:10px 20px;
 font-size:18px; font-family: 'Montserrat',Helvetica, Arial, sans-serif; font-weight:700; display:block; width: 83%;
text-align: center; clear:both;
}
a.cta:focus {background:#f47f0a;}

a.cta-light {border:1px solid #FFF; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px; color:#FFF !important; padding:10px 20px;
 font-size:18px; font-family: 'Montserrat',Helvetica, Arial, sans-serif; font-weight:700;
}




#solid-white  {background:rgba(255,255,255,0.9);width:100%; height:70px; position:fixed; z-index:300; box-shadow:0px 0px 20px rgba(0,0,0,0.1);}


#hero.contact {  background:#eee; width:100%; height:100%;text-shadow:none;position: fixed;
background-size: cover;
overflow: scroll; }
#hero.offer { background:url("../img/hero-berlin-0.jpg") no-repeat top center; width:100%; height:100%;position: fixed;
background-size: cover;
overflow: scroll;v }

#hero.homepage {  background:url("../img/hero-berlin-0.jpg") no-repeat top center; height:600px; background-size:cover; text-align:center;}

#hero {text-shadow:0px 1px 1px rgba(0,0,0,0.9)}
#hero a {text-shadow:none}

#hero .cta-box {background:none; padding:180px 0px 10px; }
#hero .cta-box h1 {color:#FFF; padding-bottom:50px; font-size:34px;line-height:40px; }


#content {padding:0px 10px;}
#content .bar {width:20%; height:5px; background:#FFF; margin:30px auto; }



#content.how .bg { background:#6cbdc4;padding: 70px 0px 1px 0px; margin-top:10px;
 border-top-left-radius:5px; border-top-right-radius:5px;
 -moz-border-top-left-radius:5px; -moz-border-top-right-radius:5px;
 -o-border-top-right-radius:5px; -o-border-top-left-radius:5px;
 -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px;
 }
#content.how .copy {text-align:center; margin:auto; position:relative; z-index:200;}

#content.how .span13.arrow-left {background:url("../img/how-arrow-left.png") no-repeat; height:150px; margin-left:-20px;}
#content.how .span13.arrow-top {background: url("../img/how-arrow-up.png") no-repeat 82px 2px;padding-top: 60px;}

#content.how .info .span14.arrow {background:#FFF;}

#content.how .copy h1{color:#fff;}
#content.how .copy h2{font-family: 'Kameron', sans-serif;  color:#fff;  font-size:28px;}
#content.how .copy p{ color:#FFF; margin: 0px auto 20px; font-size:16px; line-height:21px;}
#content.how .copy h3{font-family: 'Kameron', sans-serif; color:#fff; margin: 20px 0px 0px; font-size:21px;}

#content.how .info {padding:10px 50px 50px 50px; background:#6cbdc4; }
#content.how .cta-box {background:#6cbdc4; margin-top: -100px;
padding-bottom: 100px;}



#content.how .info .item {margin:50px 10px;color:#FFF; text-align:center; }
#content.how .info .item h5 {margin: auto;font-size: 30px;line-height: 50px;border-bottom: 4px solid#FFF;width: 20%;margin-top: 30px;}
#content.how .info .item span {font-weight: 700; padding-top:10px;font-size:17px;font-family: 'Montserrat',Helvetica, Arial, sans-serif; }
#content.how .info .item p {font-size:16px;}
#content.how .info .item .image img {width:100%; margin-bottom:10px;}



#content.services .main-bg {margin:auto;text-align:center; }
#content.services .main-bg .copy { max-width:700px; margin:auto; width:100%; float:none; height:150px;}
#content.services .main-bg .copy h1{color:#b3b3b3; line-height:150px;}

#content.services {color:#FFF;}
#content.services p {font-size:18px; line-height:25px;}
#content.services h1 {color:#FFF; }
#content.services h2 {font-family: 'Kameron', sans-serif; color:#FFF; font-size:28px;}

#content.services .bg {width:100%; height:200px;
border-top-right-radius:5px; 
 -moz-border-top-right-radius:5px;
 -o-border-top-right-radius:5px; 
 -webkit-border-top-right-radius:5px;
 border-top-left-radius:5px; 
 -moz-top-top-left-radius:5px;
 -o-border-top-left-radius:5px; 
 -webkit-border-top-left-radius:5px;
 }
#content.services .copy {width:100%;}
#content.services .copy .text {padding:20px; text-align:center;}

#content.services .copy.a {background:#ea9c4e;
	border-top-right-radius:5px; 
 -moz-border-top-right-radius:5px;
 -o-border-top-right-radius:5px; 
 -webkit-border-top-right-radius:5px;
 border-top-left-radius:5px; 
 -moz-top-top-left-radius:5px;
 -o-border-top-left-radius:5px; 
 -webkit-border-top-left-radius:5px;
 }

#content.services .bg.a {background:url("../img/services-image-a.jpg") no-repeat center center;  background-size:cover;}

#content.services .copy.b {background:#8ac663;}
#content.services .bg.b {background:url("../img/services-image-b.jpg") no-repeat center center;  background-size:cover;}

#content.services .copy.c {background:#6cbdc4; }
#content.services .bg.c { background:url("../img/services-image-c.jpg") no-repeat center center;  background-size:cover;}

#content.services .copy.d {background:#3e3e3e; }
#content.services .bg.d {background:url("../img/services-image-d.jpg") no-repeat center center;  background-size:cover;}

#content.services .copy.e {background:#cebd3f; 
	border-bottom-right-radius:5px; 
 -moz-border-bottom-right-radius:5px;
 -o-border-bottom-right-radius:5px; 
 -webkit-border-bottom-right-radius:5px;
 border-bottom-left-radius:5px; 
 -moz-top-bottom-left-radius:5px;
 -o-border-bottom-left-radius:5px; 
 -webkit-border-bottom-left-radius:5px;
 }
#content.services .bg.e { background:url("../img/services-image-e.jpg") no-repeat center center;  background-size:cover;}


#contact {position:absolute; margin:90px 20px 0px 20px; color:#FFF;z-index:100;background:rgba(0,0,0,0.6); padding:10px;overflow: scroll;
margin-bottom: 100px;}
#contact i {text-align: center; width:20px;}
#contact h1,#offer h1 { margin-bottom:10px; color:#FFF;}
#contact p,#offer p {margin:0px; color:#FFF; font-size:18px; line-height:24px;}
#contact a {color:#fff; text-decoration:underline;}
#map {width:100%; height:100%; position:absolute; max-width:1600px; }

#offer {position:absolute; margin:90px 20px 0px 20px;background:rgba(0,0,0,0.6); padding:10px;overflow: scroll;
margin-bottom: 100px;}
#offer a {color:#fff; text-decoration:none; margin:20px 0px;}

#offer form { margin:10px 0px;}
#offer input {width: 46%;
float: left;
margin:0px 10px 15px 0px; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#FFF; border:1px solid #ddd; padding:3px; display:inline-block;  font-family:helvetica,arial,sans-serif; color:#888;}


#footer.fixed {
bottom: 0px;
z-index: 9000;
position: fixed;
width: 100%;}

#footer {background:#3e3e3e; padding:20px 0px; height:30px; margin-top:10px;}
#footer ul.footer-nav li img {width:100px; height:auto; margin:0px 10px 0px 10px;}
#footer ul.footer-nav li {color:#FFF; margin:0px 10px;}
#footer ul.footer-nav li a {color:#b4b4b4;}
#footer ul.footer-nav li.pull-right a {color:#f4e418; margin-right:10px;}