/* GENERAL */
html {
  overflow-y: scroll;
}
body {
    padding-bottom: 10px;
    color: #4a4a4a;
    padding-top: 50px;
    background-color: #FEFBF6;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #444;
}

@media (min-width: 1175px) {
  .container {
    width: 1175px;
  }
}

.qa-header {
  padding-top: 50px;
  padding-bottom: 10px;
}
.page-title {
  margin-bottom: 0;
  font-size: 60px;
  font-weight: normal;
}
.blog-description {
  font-size: 20px;
  color: #999;
}

/* Q A */
.qa-list > ol {
  list-style:none;
  counter-reset: ol-counter;
  padding:0;
  margin-right:15px;
  margin-left:15px;
}
.qa-list li {
  position: relative;
}
.qa-list > ol > li:before {
  position: absolute;
  top: 8px;
  left: 45px;
  width: 20px;
  font-size: 16px;
  content: counter(ol-counter)'.';
  counter-increment: ol-counter;
}

.qa-item {
  padding:0;
  border-bottom:1px solid #f6f6f6;
}
.qa-item .collapsable-header {
  padding:12px 10px 12px 80px;
  -webkit-transition: all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition: all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition: all 450ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.qa-item.opened .collapsable-header {
  background:#77D6C4;
}
.qa-item .collapsable-header h1 {
  line-height:100%;
  font-size:16px;
  margin:auto;
  cursor:pointer;
}
.qa-item .collapsable-header h1:before {
  display:block;
  position: absolute;
  top: 13px;
  left: 0;
  content:'';
  width:15px;
  height:15px;
  background:url(../webimages/icon-list-arrow-x2.png) center center no-repeat;
  background-size:15px;
  -webkit-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition: all 400ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.no-backgroundsize .qa-item .collapsable-header h1:before {
  background:url(../webimages/icon-list-arrow.png) center center no-repeat;
}
.qa-item.opened .collapsable-header h1:before {
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.qa-item .collapsable-content {
  overflow: hidden;
  margin:1px 0 0;
  padding:0 10px 12px 80px;
  -webkit-transition: background 650ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition: background 650ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition: background 650ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
.javascript .qa-item .collapsable-content {
  overflow: hidden;
  display: none;
  margin:1px 0 0;
  padding:0 10px 12px 80px;
  -webkit-transition: background 650ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  -ms-transition: background 650ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition: background 650ms cubic-bezier(0.215, 0.610, 0.355, 1.000);
}

.qa-item.opened .collapsable-content {
  background:#C4EFE7;
}

/* Animations */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}*/