[class*="col-"] {
  float: left;
  padding-right: 20px; }
  @media (max-width: 760px) {
    [class*="col-"] {
      float: none;
      margin: 0 auto; } }

.grid {
  padding: 0; }

.col-100 {
  padding: 0;
  width: 100%; }

.col-1-2 {
  width: 50%; }
  @media (max-width: 1020px) {
    .col-1-2 {
      width: 66%; } }
  @media (max-width: 760px) {
    .col-1-2 {
      width: 92%;
      padding-right: 0; } }

.col-1-3 {
  width: 33.33%; }
  @media (max-width: 760px) {
    .col-1-3 {
      width: 92%;
      padding-right: 0; } }

.col-2-3 {
  width: 66.66%; }
  @media (max-width: 760px) {
    .col-2-3 {
      width: 92%;
      padding-right: 0; } }

.col-2-3 + .col-1-3 {
  padding-right: 0; }

.col-1-4 {
  width: 25%; }
  @media (max-width: 1020px) {
    .col-1-4 {
      width: 33%;
      padding-right: 0; } }
  @media (max-width: 760px) {
    .col-1-4 {
      width: 92%; } }

#respond > h3 {
  margin-top: 0; }
#respond label {
  display: block;
  margin-bottom: 4px; }
#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url {
  width: 33%;
  padding-right: 20px;
  float: left; }
  @media (max-width: 760px) {
    #respond .comment-form-author,
    #respond .comment-form-email,
    #respond .comment-form-url {
      width: 100%;
      padding-right: 0;
      float: none; } }
#respond .comment-form-url {
  padding-right: 0;
  width: 34%; }
  @media (max-width: 760px) {
    #respond .comment-form-url {
      width: 100%; } }
#respond .comment-form-comment {
  clear: both; }

input[type=text],
input[type=email],
input[type=password],
input[type=url],
input[type=search],
textarea {
  -webkit-appearance: none;
  border-radius: 0;
  display: block;
  width: 100%;
  padding: 8px;
  background: #f9f9f9;
  border: 1px solid #cccccc;
  color: #777;
  outline-color: transparent;
  outline-style: none;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease; }
  input[type=text]:hover,
  input[type=email]:hover,
  input[type=password]:hover,
  input[type=url]:hover,
  input[type=search]:hover,
  textarea:hover {
    background: #fcfcfc;
    border: 1px solid #999999;
    -webkit-transition: all 0.06s ease;
    -moz-transition: all 0.06s ease;
    -o-transition: all 0.06s ease;
    transition: all 0.06s ease; }

input[type=submit] {
  background: #f3a046;
  -webkit-appearance: none;
  border: none;
  padding: 10px 20px;
  color: white;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  text-shadow: 0 1px 0 #bd6615;
  border: 1px solid #f1942e;
  background: #F3A046;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9a94c), color-stop(100%, #e78f3a));
  background: -webkit-linear-gradient(#f9a94c, #e78f3a);
  background: -moz-linear-gradient(#f9a94c, #e78f3a);
  background: -o-linear-gradient(#f9a94c, #e78f3a);
  background: linear-gradient(#f9a94c, #e78f3a); }
  input[type=submit]:hover {
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e78f3a), color-stop(100%, #f9a94c));
    background: -webkit-linear-gradient(#e78f3a, #f9a94c);
    background: -moz-linear-gradient(#e78f3a, #f9a94c);
    background: -o-linear-gradient(#e78f3a, #f9a94c);
    background: linear-gradient(#e78f3a, #f9a94c); }
  input[type=submit]:active {
    box-shadow: none; }

textarea {
  font-weight: 300;
  font-family: "Lato", sans-serif; }

.commentlist {
  list-style: none;
  padding: 0;
  margin: 0; }
  .commentlist li {
    margin-bottom: 20px;
    padding: 0; }
    @media (max-width: 760px) {
      .commentlist li {
        width: 100%;
        padding: 0; } }

.comment-form {
  margin-top: 20px; }

.comment-meta {
  padding-bottom: 40px; }
  .comment-meta img {
    float: left;
    margin-right: 20px; }
  .comment-meta .fn {
    font-size: 18px;
    font-weight: bold;
    display: block; }

body {
  counter-reset: section; }

.comments-title {
  padding: 20px; }

.comment-box {
  position: relative;
  overflow: hidden; }
  .comment-box:before {
    counter-increment: section;
    content: counter(section);
    position: absolute;
    right: -20px;
    top: -90px;
    font-size: 202px;
    color: #F0F0F0; }
    @media (max-width: 760px) {
      .comment-box:before {
        content: ""; } }

.comment-awaiting-moderation {
  color: #bbbbbb; }

.wrap {
  max-width: 900px; }

.counter {
  display: none; }

.video-link-row {
  margin-bottom: 20px; }
  .video-link-row ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .video-link-row ul li {
      padding-right: 20px;
      float: left;
      width: 25%; }
      .video-link-row ul li:last-of-type {
        padding-right: 0; }
      @media (max-width: 490px) {
        .video-link-row ul li {
          width: 50%;
          padding-right: 3%;
          margin: 10px 0;
          font-size: 26px; }
          .video-link-row ul li:nth-of-type(even) {
            padding-right: 0;
            padding-left: 3%; } }
  .video-link-row a, .video-link-row span {
    font-size: 18px;
    line-height: 3.6;
    padding: 6px 6px 0 0;
    font-weight: 400;
    width: 100%;
    display: block;
    float: left;
    text-align: center;
    color: white;
    background: #F3A046;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f9a94c), color-stop(100%, #e78f3a));
    background: -webkit-linear-gradient(#f9a94c, #e78f3a);
    background: -moz-linear-gradient(#f9a94c, #e78f3a);
    background: -o-linear-gradient(#f9a94c, #e78f3a);
    background: linear-gradient(#f9a94c, #e78f3a);
    border-bottom: 6px solid #c2c2c2; }
    @media (max-width: 490px) {
      .video-link-row a, .video-link-row span {
        line-height: 3; } }
  .video-link-row span {
    color: #8b8b8b;
    background: #656565;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8a8a8a), color-stop(100%, #474747));
    background: -webkit-linear-gradient(#8a8a8a, #474747);
    background: -moz-linear-gradient(#8a8a8a, #474747);
    background: -o-linear-gradient(#8a8a8a, #474747);
    background: linear-gradient(#8a8a8a, #474747); }
  .video-link-row a:hover, .video-link-row a:focus {
    color: #e6e6e6; }
  @media (max-width: 490px) {
    .video-link-row {
      background: none;
      padding-bottom: 20px; } }

.comments-area {
  margin-top: 20px; }
  .comments-area textarea {
    background-image: url("../images/textarea-bg.png");
    background-position: 125% -160%;
    background-repeat: no-repeat;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease; }
    .comments-area textarea:focus {
      background-position: 150% -500%; }
    @media (max-width: 760px) {
      .comments-area textarea {
        background-image: none; } }

.countdown {
  text-align: center; }