html, body, input, h1, h3, p, div, textarea { margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; color: #000; }

body { padding-top: 100px; }
h3 { position: relative; left: 50%; transform: skewY(-3deg) translateX(-50%); -webkit-transform: skewY(-3deg) translateX(-50%); font-size: 19px; line-height: 26px; padding: 10px 20px; color: #fff; display: inline-block; margin: 10px 0; background: #f17a23; background: -moz-linear-gradient(45deg, #f17a23 0%, #d83227 100%); background: -webkit-linear-gradient(45deg, #f17a23 0%,#d83227 100%); background: linear-gradient(45deg, #f17a23 0%,#d83227 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f17a23', endColorstr='#d83227',GradientType=1 ); text-shadow: 0px 1px 2px rgba(0,0,0,.5); }
p { font-size: 16px; line-height: 22px; margin: 20px 0; text-align: center; }
p+p { margin-top: -14px; }

.wrap { position: relative; width: 1100px; margin: 0 auto; overflow: hidden; }

#header { box-shadow: 0 2px 4px #ddd; position: fixed; top: 0; left: 0; right: 0; background: rgba(255,255,255,.9); z-index: 1; }
#header .wrap { height: 100px; }
#header .logo { position: absolute; top: 22px; left: 0; width: 159px; height: 56px; background: url('/images/logo-header.png') no-repeat; }
#header .logo a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; outline: 0; }
#header .navigation { position: absolute; top: 0; right: 0; }
#header .navigation a { float: left; padding: 0 16px; font-size: 12px; line-height: 102px; height: 100px; text-transform: uppercase; color: #303030; text-decoration: none; font-weight: 600; transition: all .6s; }
#header .navigation a:hover { box-shadow: inset 0 3px 0 #e45525; color: #de4326; background: rgba(242,180,170,.2); transition: all .2s; }

#home { padding: 22px 0 20px 0; background: #f0f0f0; }

#references { padding: 20px 0 20px 0; background: #fff; }
#references .logos { text-align: center; height: 80px; font-size: 0; margin: 25px 0 10px 0; overflow: hidden; }
#references .logos img { width: 160px; height: 80px; display: inline-block; margin: 0 20px; user-select: none;  }

#testimonials { padding: 20px 0 20px 0; background: #f0f0f0; }
#testimonials .quotes { margin: 0 0 0 130px; }
#testimonials .quote { position: relative; background: #fff; border-radius: 20px; min-height: 60px; max-width: 800px; padding: 20px 20px 40px 20px; margin: 35px auto 15px auto; box-shadow: 1px 2px 2px 0 rgba(127,127,127,.1); }
#testimonials .quote:after { content: ''; position: absolute; left: 0; top: 40px; width: 0; height: 0; border: 17px solid transparent; border-right-color: #fff; border-left: 0; border-bottom: 0; margin-top: -8.5px; margin-left: -17px; }
#testimonials .quote img { position: absolute; top: 0; left: -130px; width: 120px; height: 120px; border-radius: 60px; user-select: none; }
#testimonials .quote div.review { position: relative; font-size: 17px; line-height: 24px; padding-bottom: 10px; }
#testimonials .quote div.author { position: absolute; bottom: 20px; font-size: 12px; line-height: 18px; color: #666; }
#testimonials .quote div.author strong { font-weight: 600; font-size: 13px; color: #303030; }

#contact { padding: 20px 0 20px 0; background: #fff; }
#contact form { margin: 25px auto 15px auto; width: 532px; }
#contact input { border: 1px solid #ccc; padding: 5px; font-size: 14px; margin-top: 5px; width: 400px; }
#contact textarea { border: 1px solid #ccc; padding: 5px; font-size: 14px; margin-top: 5px; resize: none; width: 400px; height: 100px; }
#contact label { float: left; width: 120px; padding: 5px 0; font-size: 14px; color: #303030; }
#contact input[type=submit] { margin-left: 410px; width: 122px; }

#footer { position: relative; background: #f17a23; background: -moz-linear-gradient(left, #f17a23 20%, #d83227 80%); background: -webkit-linear-gradient(left, #f17a23 20%,#d83227 80%); background: linear-gradient(to right, #f17a23 20%,#d83227 80%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f17a23', endColorstr='#d83227',GradientType=1 ); overflow: hidden; }
#footer .wrap { height: 160px; }
#footer .bg { position: absolute; top: -15px; left: 0; right: 0; bottom: -15px; background: #f17a23; background: -moz-linear-gradient(45deg, #f17a23 0%, #d83227 100%); background: -webkit-linear-gradient(45deg, #f17a23 0%,#d83227 100%); background: linear-gradient(45deg, #f17a23 0%,#d83227 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f17a23', endColorstr='#d83227',GradientType=1 ); transform: rotate(-3deg); -webkit-transform: rotate(-3deg); }
#footer .copyright { position: absolute; left: 0; top: 40px; line-height: 20px; color: #fff; font-size: 14px; }
#footer .vat { position: absolute; right: 0; top: 60px; line-height: 20px; color: #fff; font-size: 14px; }

@media screen and (max-width: 1120px) {
  .wrap { position: relative; width: calc(100% - 40px); margin: 0 auto; overflow: hidden; }
}

@media screen and (max-width: 640px) {
  p { font-size: 15px; line-height: 21px; }

  #header .logo { left: 50%; margin-left: -80px; }
  #header .navigation { display: none; }

  #references .logos { text-align: center; height: 160px; font-size: 0; margin: 15px 0 0px 0; overflow: hidden; }
  #references .logos img { width: 120px; height: 60px; display: inline-block; margin: 10px 20px; user-select: none;  }

  #testimonials .quotes { margin: 0 0 0 100px; }
  #testimonials .quote div.review { font-size: 15px; line-height: 21px; }
  #testimonials .quote img { left: -100px; width: 90px; height: 90px; border-radius: 45px; }

  #contact form { width: 100%; }
  #contact label { float: none; display: block; padding: 0; }
  #contact input { margin-bottom: 10px; width: calc(100% - 12px); }
  #contact textarea { margin-bottom: 5px; width: calc(100% - 12px); }
  #contact input[type=submit] { display: block; margin: 0 auto; width: 250px; padding: 10px; }

  #footer .copyright { position: relative; left: auto; top: auto; line-height: 20px; color: #fff; font-size: 14px; margin-top: 40px; text-align: center; }
  #footer .vat { position: relative; right: auto; top: auto; line-height: 20px; color: #fff; font-size: 14px; margin-top: 20px; text-align: center; }
}