*{
  margin: 0;
  padding: 0;
}

body{
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  line-height: 27px;
}

img{
  border: 0;
  max-width:100%;
}

a{
  text-decoration: none;
  color: #569abd;
  font-weight:600;

}
a:focus{
  outline: none;
}

h3{
  font-weight: 600;
  font-size: 20px;
  margin-top: 20px;
  margin-bottom:10px;
}
h4{
  font-size: 14px;
  color: #569abd;
  margin-top: 20px;
  text-transform:uppercase;
}
h4:first-child{
  margin-top:0;
}

b,strong{
  font-weight:600;
}

p{
  margin-bottom: 15px;
}

ul, ol{
  margin: 0 0 15px 30px;
}

.clear{ clear:both; }

.container{
  width: 98%;
  max-width:1000px;
  margin: 0 auto;
  position:relative;
}
#clients .container{
  max-width:1200px;
}

.header{
  padding: 5px 0;
  box-sizing:border-box;
  height:100px;
  position:Fixed;
  top:0;
  left:0;
  width:100%;
  z-index: 99;
  background-color:#FFF;
  box-shadow: 0 0 10px #666;
}
.header h1{
  float:left;
}
.header h1 img{
  height: 80px;
}
.header ul{
  list-style-type:none;
  margin: 0;
  padding-top:55px;
  text-align:right;
}
.header ul li{
  display:inline;
}
.header ul li a{
  color: #569abd;
  text-transform:uppercase;
  margin-left: 30px;
  font-size: 19px;
  line-height: 20px;
  font-weight:400;
}

.headerspace{
  height: 100px;
}

.about{
  padding: 120px 0;
}




#owl{
  position: relative;
}
#owl img{
  width: 100%;
}

#workowl .owl-prev{
  position: absolute;
  left: -50px;
  top: 50%;
  width: 33px;
  height: 38px;
  background: none;
  background-image: url(images/slider-left.jpg);
  padding: 0;
  margin: -20px 0 0 0;
  opacity: .8;
  text-indent: -100px;
  border: 0;
  border-radius: 0;
  overflow:hidden;
}

#workowl .owl-next{
  position: absolute;
  right: -50px;
  top: 50%;
  width: 33px;
  height: 38px;
  background: none;
  background-image: url(images/slider-right.jpg);
  padding: 0;
  margin: -20px 0 0 0;
  opacity: .8;
  text-indent: -100px;
  border: 0;
  border-radius: 0;
  overflow:hidden;
}

.half{
  float:left;
  width:48%;
}
.half+.half{
  margin-left:4%;
}
.half ul{
  list-style-type:none;
  margin-left: 0;
}
.half li{
  background-image: url(images/bullet.jpg);
  background-repeat: no-repeat;
  background-position: 0 9px;
  padding-left: 15px;
  margin-bottom:5px;
}

#clients{
  background-color: #D9D9D9;
  background-image: url(images/clientbg.png);
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 120px 0;
}

#clients img{
  display:block;
  float:left;
  width: 15%;
  margin-right:2%;
  margin-bottom:15px;
}
#clients a:nth-child(6n+6) img{
  margin-right:0;
}

#work{
  background-color:#000;
  padding: 100px 0;
}
#work img{
  display:block;
}


#contact{
  padding: 100px 0;
}
.centered{
  text-align:center;
}
#contact a{
  color:#000;
  font-weight:400;
  text-decoration:underline;
}

.input, .textarea{
  display:block;
  box-sizing:border-box;
  width:100%;
  margin-bottom:15px;
  padding: 10px;
  border: 2px solid #CCC;
  font-size:14px;
  font-family: 'Montserrat', sans-serif;
  color: #569abd;
  font-size: 17px;
}
.textarea{
  height:160px;
}

.button{
  border:0;
  background-color:#666;
  color:#fff;
  font-family: 'Montserrat', sans-serif;
  text-transform:uppercase;
  font-size: 16px;
  padding: 10px 40px;
  cursor:pointer;
  transition:.7s background-color;
}
.button:hover{
  background-color: #569abd;
  transition:.3s background-color;
}

.footer{
  background-color:#000;
  padding: 15px 0;
  margin-top: 80px;
}

.footer .right{
  float:right;
  color:#CCC;
  font-size: 11px;
}
