body {
  padding-top: 50px;
  font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Abel', sans-serif;
}

h1 {
  font-size: 200%;
}

h2 {
  font-size: 175%;
}

h3 {
  font-size: 150% !important;
}

h1, h2, h3 {
  font-weight: bold;
}

#datepicker {
  width: 90.6%;
  display: inline-block;
}

.ui-datepicker-trigger {
  border: none;
  background: none;
}

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

.navbar-brand img {
  display: inline-block;
}

.navbar-right {
  font-size: 110%;
}

.clients {
  padding: 1em;
}

.ad {
  width: 100%;
}

/* App */

/* Home */
/* Slick */
/* .slider {
    width: 50%;
    margin: 100px auto;
} */

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}

.regular {
  width: 90%;
  margin: 0 auto;
  margin-top: 30px;
  padding-bottom: 19px;
}

.main-actions,
div[class^="col-md-"] {
  margin-bottom: 30px;
}

.main-actions {
  padding-top: 30px;
}

.main-actions .col-md-3 h4 {
  font-weight: bold;
}

.main-actions .col-md-3 img {
  width: 120px;
  height: 120px;
}

.profile-pic {
  float: left;
  width: 20.9%;
}

.testimonials h3 {
  margin: 0;
  margin: 10px;
}

.testimonials .holder {
  padding: 10px;
  background: #f2f2f2;
}

.testimonials .slider {
  text-align: center;
  margin-top: 20px;
}

.testimonials .slider p,
.about p,
.service p {
  font-size: 95%;
}

/* Page Headers */
.page-header,
.page-header h1,
.page-header h2,
.page-header h3 {
  margin-top: 0;
}

/* Blog */
.article .post {
  background: #add8e6;
}

.article .post .image {
  width: 30%;
}

.article .post .text {
  width: 70%;
}

.article .post .text p {
  font-size: 95%;
}

.post {
  background: #fafafa;
  margin-bottom: 30px;
  padding: 1px 15px 15px 15px;
}

.post .image,
.post .text {
  float: left;
}

.post .image {
  width: 14%;
}

.post .text {
  width: 86%;
  padding-left: 10px;
}

.post .text h2,
.post .text h3 {
  margin-top: 0;
}

/* About */
.about-banner {
  margin-bottom: 0;
}

.about {
  background: #add8e6;
  padding-bottom: 15px;
  margin-bottom: 0;
}

.about h3 {
  font-size: 200% !important;
}

.about .col-md-12 {
  margin-bottom: 0;
}

.about-us .page-header h2 {
  margin-top: 20px;
}

.main div[class^="col-md-"] {
  margin-top: 30px;
}

.main .col-md-9 {
  border-right: solid 1px #eee;
}

.production {
  border-left: solid 1px #eee;
}

/* Article */
/* .article img {
  display: block;
  margin-bottom: 20px;
} */

/* Contact */

/* Profile */
.contact div[class^="col-md-"],
.my-profile div[class^="col-md-"],
.photo div[class^="col-md-"] {
  margin-top: 0;
  margin-bottom: 20px;
}

.my-profile .photo .col-md-9 p {
  text-align: right;
  font-size: 90%;
  margin-top: 100px;
}

.my-profile .col-md-6 .text {
  margin-bottom: 20px;
  min-height: 70px;
}

/* Voice Clips */
.home-clips .page-header,
.home-clips .page-header h3 {
  margin-bottom: 0;
}

.clip-list-wrap {
  background: #eee;
  padding: 1em 1em 0 1em;
}

.clip {
  float: left;
  width: 79.1%;
}

.clip-list {
  margin: 0;
  padding: 0 0 3px 0;
  list-style: none;
}

.clip-list li {
  margin-bottom: 15px;
}

.voiceclips {
  padding-top: 28px;
}

.voiceclips .col-md-4 {
  padding-top: 20px;
}

.voiceclips .col-md-8 {
  background: #eee;
}

.voiceclips .col-md-8 .col-md-12 {
  margin-bottom: 0;
}

.voiceclips .col-md-8 .col-md-12 .page-header {
  border-bottom: solid 1px #ddd;
}

.voiceclips .col-md-8 .col-md-12 .page-header h3 {
  margin-top: 10px;
}

.clip-search {
  background: #09c;
  color: #fff;
  margin-bottom: 20px;
  padding: 20px;
}

.voiceclips .col-md-4 h2 small {
  margin-top: 10px;
}

.voiceclips .col-md-8 h3 {
  padding-top: 13px;
}

.voiceclips .col-md-6 {
  margin-bottom: 15px;
}

.voiceclips .profile-pic {
  width: 19%;
}

.voiceclips .clip {
  width: 81%;
}

/* Main */
.main-wrap {
  padding: 50px;
  background: #faf0e6;
}

.main-wrap .page-header {
  border-bottom: solid 1px #777;
}

/* Forms */
form,
.my-profile {
  margin: 0 auto;
}

form .row .col-md-12,
form .row .col-md-12 .messages {
  margin: 0;
}

form .row .col-md-12 {
  margin-bottom: 10px;
}

.login,
.join {
  width: 80%;
}

.help-text {
  font-size: 85%;
}

.errorlist {
  color: #e62739;
  font-size: 80%;
  list-style: none;
  padding-right: 1.3em;
  text-align: right;
}

/* Services */

.services {
  background: #f5deb3;
  margin-bottom: 35px;
  padding-bottom: 20px;
}

.services .col-md-2 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .services .col-md-2 {
    float: left;
    width: 20.000000004%;
  }
}

.service p,
.my-profile .col-md-6 .text {
  background: #fafafa;
  padding: 5px 1em 5px 1em;
  margin-top: 15px;
  border-radius: 5px;
}

.service p {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.service img {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 10px;
  background: #fff;
  border-bottom: solid 1px #777;
}

.service p,
.about p {
  line-height: 1.8em;
}

.about .btn,
.service .btn {
  font-size: 90%;
}

.service .btn {
  margin-bottom: 10px;
}

.col-sm-7.five-three {
  width: 60% !important;
}

.col-sm-5.five-two {
  width: 40% !important;
}

/* Work */
/* .work {
  background: #f2f2f2;
}

.work .col-md-12 {
  margin-bottom: 0;
}

.work .col-md-6 {
  margin-bottom: 15px;
}

.work iframe {
  width: 100%;
}

.work .col-md-6 iframe + iframe {
  margin-top: 30px;
} */

/* Footer */
.footer {
  padding-top: 20px;
  margin-bottom: 0;
  color: #fff;
  background: #4d4d4d;
  padding-bottom: 30px;
}

.footer .content {
  width: 91%;
  margin: 0 auto;
}

.footer .links {
  border-bottom: solid 1px #999;
  padding-bottom: 30px;
}

.footer ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

.footer ul li a {
  color: #fff;
}

.footer ul li a:hover {
  text-decoration: underline;
}

.social {
  width: 20%;
  margin: 0 auto;
  padding-top: 20px;
}

.social img {
  width: 50px;
}

/* Messages */
.messages,
.messages li {
  margin: 15px;
  padding: 0;
  margin-top: 0;
}
.messages li.success {
  color: green;
}
.messages {
  list-style: none;
  background: #fff;
}
.messages li {
  padding: .5em 0 .5em .5em;
}

.bold-italic {
  font-weight: bold;
  font-style: italic;
  font-size: large;
}

.how-it-works {
  padding-top: 20px;
}