/*-----------------------------------------------------------------------------------

	Theme Name: MADEO Child
	Theme URI: http://madeostudio.com
	Description: Innocence project
	Author: MADEO 
        Author URI: http://madeostudio.com
        Version: 1.0
        Template: madeo

-------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------*/
/*  0.  Import style.css 
/*-----------------------------------------------------------------------------------*/
@import url(include/css/bootstrap.min.css);
@import url("//fonts.googleapis.com/css?family=Roboto:300,400,700");
@import url("//fonts.googleapis.com/css?family=Roboto+Mono:400,700");
/*
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
*/
/*-----------------------------------------------------------------------------------*/
/*  1.  General
/*-----------------------------------------------------------------------------------*/
::-webkit-input-placeholder {
  color: black !important; }

:-moz-placeholder {
  /* Firefox 18- */
  color: black  !important; }

::-moz-placeholder {
  /* Firefox 19+ */
  color: black  !important; }

:-ms-input-placeholder {
  color: black  !important; }

h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0.2px; }

h1 {
  font-family: 'Roboto', sans-serif;
  font-size: 34px;
  line-height: 1.4;
  font-weight: 400; }

h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  line-height: 1.4;
  font-weight: 400; }

h3 {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  line-height: 1.45;
  font-weight: 400; }

h4 {
  font-family: 'Roboto', sans-serif;
  font-size: 13px;
  line-height: 1.7;
  font-weight: 700;
  letter-spacing: 2.5px;
  text-transform: uppercase; }

h5 {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 700; }

p {
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 400; }
  p a {
    color: #aca581;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    border-bottom: 1px solid transparent; }
    p a:hover {
      border-bottom: 1px solid #aca581;
      transition: all .3s ease;
      -moz-transition: all .3s ease;
      -webkit-transition: all .3s ease; }

ul.list, ol.list {
  list-style: none;
  margin-left: 0px; }
  ul.list li, ol.list li {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;
    border-top: 1px solid rgba(42, 44, 50, 0.1);
    padding-bottom: 13px;
    padding-top: 13px;
    padding-left: 50px;
    background: url(include/img/SVG/square.svg) no-repeat 0 28px; }
    ul.list li:first-child, ol.list li:first-child {
      border-top: none; }

.article-details .col-md-9 ul:not(.commentlist), .article-details .col-md-9 ol:not(.commentlist) {
  list-style: none !important;
  margin-left: 0px; }
  .article-details .col-md-9 ul:not(.commentlist) li, .article-details .col-md-9 ol:not(.commentlist) li {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.7;
    border-top: 1px solid rgba(42, 44, 50, 0.1);
    padding-bottom: 13px;
    padding-top: 13px;
    padding-left: 50px;
    background: url(include/img/SVG/square.svg) no-repeat 0 28px; }
    .article-details .col-md-9 ul:not(.commentlist) li:first-child, .article-details .col-md-9 ol:not(.commentlist) li:first-child {
      border-top: none; }
    .article-details .col-md-9 ul:not(.commentlist) li a, .article-details .col-md-9 ol:not(.commentlist) li a {
      color: #aca581;
      transition: all .3s ease;
      -moz-transition: all .3s ease;
      -webkit-transition: all .3s ease;
      border-bottom: 1px solid transparent; }
      .article-details .col-md-9 ul:not(.commentlist) li a:hover, .article-details .col-md-9 ol:not(.commentlist) li a:hover {
        border-bottom: 1px solid #aca581;
        transition: all .3s ease;
        -moz-transition: all .3s ease;
        -webkit-transition: all .3s ease; }

.article-details .col-md-9 ol.carousel-indicators {
  margin-left: -30%; }
  .article-details .col-md-9 ol.carousel-indicators li {
    padding: 0;
    background: rgba(255, 255, 255, 0.6);
    transition: all .2s ease;
    -moz-transition: all .2s ease;
    -webkit-transition: all .2s ease; }
    .article-details .col-md-9 ol.carousel-indicators li.active {
      background: white;
      transition: all .2s ease;
      -moz-transition: all .2s ease;
      -webkit-transition: all .2s ease; }

blockquote {
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  color: #2a2d32;
  font-weight: 400;
  line-height: 1.4;
  margin: 0px;
  font-style: normal;
  border-left: 1px solid #2a2d32;
  padding: 0px 0px 0px 50px; }

blockquote * {
  font-family: 'Roboto', sans-serif;
  margin: 0;
  font-size: 30px !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  /*color: #2D3C48 !important;*/
  font-style: normal !important;
  padding: 0px 0px 0px 0px !important; }

blockquote *:not(a) {
  color: #2D3C48 !important; }
blockquote.new-quote p {
  padding: 0px 0px 0px 50px !important;
  font-size: 30px !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  font-style: normal !important;
  font-family: 'Roboto', sans-serif;
  text-align: left !important; }

blockquote a {
  color: #ACA581 !important; }

.blank-divider {
  padding-bottom: 50px; }

body, input, button, select, textarea, .gallery-caption, header #logo a {
  font-family: 'Roboto', sans-serif; }

body {
  color: #2a2d32;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 400;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important; }

a:not([class*="btn"]) {
  color: #ACA581; }

header {
  height: 100px; }
  header.scroll-ready {
    position: fixed;
    top: -110px;
    left: 0;
    transition: top 0.5s;
    -webkit-transition: top 0.5s; }
  header.scroll {
    top: 0;
    transition: top 0.5s;
    -webkit-transition: top 0.5s; }

.scroll-ready-body .wrap_all {
  padding-top: 150px; }
.scroll-ready-body .widget_donate_bar_widget {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
.scroll-ready-body.donate-btn-opened .wrap_all {
  padding-top: 220px; }

.caption, .img-caption {
  font-family: 'Roboto', sans-serif;
  color: #333333;
  opacity: 0.4;
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 0.2px;
  margin-left: 50%; }

.article-title p.img-caption {
  margin-bottom: 0px; }

a.yellow-link {
  color: #aca581 !important;
  transition: all .3s ease;
  -moz-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  border-bottom: 1px solid transparent; }
  a.yellow-link:hover {
    border-bottom: 1px solid #aca581;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease; }

.page-header-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: .3;
  background-color: #2a2d32;
  left: 0;
  top: 0; }

.div-center {
  margin: auto !important;
  float: none;
  display: table; }

.up-index {
  position: relative;
  z-index: 2; }

.right-btn {
  margin-top: -50px;
  padding: 11px 27px !important;
  margin-right: 15px; }

.default-btn, .colored-btn, .blue-btn, .colored-btn-revert, .def-white-btn, .black-btn, .white-btn {
  padding: 18px 60px;
  font-size: 17px;
  font-weight: 400;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  line-height: 1.7; }
  .default-btn.full-width, .full-width.colored-btn, .full-width.blue-btn, .full-width.colored-btn-revert, .full-width.def-white-btn, .full-width.black-btn, .full-width.white-btn {
    width: 100%;
    text-align: center; }

.colored-btn {
  background-color: #ACA581;
  border: 1px solid #aca581;
  color: #fff;
  transition: background-color .25s ease, color .25s ease, border .25s ease;
  -moz-transition: background-color .25s ease, color .25s ease, border .25s ease;
  -webkit-transition: background-color .25s ease, color .25s ease, border .25s ease; }

.colored-btn:hover, .def-white-btn:hover {
  background-color: #898467;
  color: #fff;
  border: 1px solid #898467;
  transition: all .25s ease;
  -moz-transition: all .25s ease;
  -webkit-transition: all .25s ease; }

.blue-btn {
  background-color: #344388;
  border: 1px solid #344388;
  color: #fff;
  transition: all .25s ease;
  -moz-transition: all .25s ease;
  -webkit-transition: all .25s ease; }

.blue-btn:hover {
  background-color: #1e2653;
  color: #fff;
  border: 1px solid #1e2653; }

.colored-btn-revert {
  background-color: #ACA581;
  border: 1px solid #aca581;
  color: #fff;
  transition: all .25s ease;
  -moz-transition: all .25s ease;
  -webkit-transition: all .25s ease; }

.colored-btn-revert:hover {
  background-color: #fff;
  color: #2A2D32;
  border: 1px solid white; }

.def-white-btn {
  background-color: #fff;
  border: 1px solid white;
  color: #000; }

.black-btn {
  border: 1px solid rgba(42, 45, 50, 0.2);
  color: #2a2d32;
  background-color: transparent;
  transition: all .25s ease;
  -moz-transition: all .25s ease;
  -webkit-transition: all .25s ease; }

.black-btn:hover {
  border: 1px solid #2a2d32;
  color: #2a2d32;
  transition: all .25s ease;
  -moz-transition: all .25s ease;
  -webkit-transition: all .25s ease; }

.white-btn {
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: #fff;
  transition: all .25s ease;
  -moz-transition: all .25s ease;
  -webkit-transition: all .25s ease; }

.white-btn:hover {
  border: 1px solid white;
  color: #fff; }

.center-btn {
  display: table;
  margin: auto;
  text-align: center; }

.wide-btn {
  display: block;
  text-align: center; }

.form-control {
  padding: 15px 25px;
  height: auto;
  border-radius: 0px;
  border: 2px solid #ECECEC;
  font-size: 16px;
  text-shadow: none;
  box-shadow: none; }
  .form-control:focus {
    border: 2px solid #000;
    -webkit-box-shadow: none;
    box-shadow: none; }

.has-overlay {
  position: relative; }

#logo a img {
  width: auto;
  max-width: 72%;
  height: auto;
  opacity: 1;
  vertical-align: text-top;
  transition: all .2s ease;
  -moz-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease; }

#logo a:hover img, #logo a:focus img, #logo a:active img {
  opacity: 1; }

#logo a img.animate {
  transition: all .2s ease;
  -moz-transition: all .2s ease;
  -webkit-transition: all .2s ease;
  -o-transition: all .2s ease; }

#title-page .overlay-bg-fill {
  background-color: #ACA581 !important; }

#wnb-bar {
  border-bottom: none;
  box-shadow: none;
  -webkit-box-shadow: none; }

#error-page .error-btn {
  background: none !important;
  width: 100%;
  opacity: 1; }

#error-page .error-btn .error-title {
  color: #2a2d32; }

#error-page .error-btn .error-caption {
  color: #2a2d32; }

#error-page {
  background: #fff;
  padding: 110px 0 150px 0; }

#cases-loader {
  margin-bottom: 80px !important; }
  #cases-loader img {
    width: 65px;
    height: auto; }

#search-loader, #tag-loader {
  margin-bottom: 50px !important;
  margin-top: 50px !important; }
  #search-loader img, #tag-loader img {
    width: 65px;
    height: auto; }

#team-loader img {
  width: 65px;
  height: auto; }

#black_header_widget-3 .static-navbar .col-md-3.col-md-offset-1 {
  margin-left: 21% !important; }

/*-----------------------------------------------------------------------------------*/
/*  2.  Sections
/*-----------------------------------------------------------------------------------*/
.ivory-section {
  background-color: #F9F8F0; }

.black-russian-section {
  background-color: #16171B; }

.golden-section {
  background-color: #ACA581; }

.black-pearl-section {
  background-color: #15171A; }

.white-section {
  background-color: #fff; }

.alabaster-section {
  background-color: #EFEEE5; }

.light-grey-section {
  background-color: #f3f3f3; }

.dark-section {
  background-color: #2a2d32; }

.wrap_all {
  overflow-x: hidden; }

/*-----------------------------------------------------------------------------------*/
/*  3.  padding
/*-----------------------------------------------------------------------------------*/
.padding-top-90 {
  padding-top: 90px; }

.equal-top-bottom-padding-100 {
  padding-top: 100px;
  padding-bottom: 100px; }

.margin-top-70 {
  margin-top: 70px; }

.equal-top-bottom-padding-60 {
  padding-top: 60px;
  padding-bottom: 60px; }

.equal-top-bottom-padding-40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.padding-bottom-40 {
  padding-bottom: 40px; }

.padding-bottom-20 {
  padding-bottom: 20px; }

.padding-bottom-60 {
  padding-bottom: 60px; }

.padding-bottom-50 {
  padding-bottom: 50px; }

.padding-top-60 {
  padding-top: 60px; }

.padding-top-40 {
  padding-top: 40px; }

.quiz-page {
  background-image: url(include/img/daryl-ip-final-8.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding-top: 90px;
  padding-bottom: 45px;
  height: 100%;
  position: relative; }
  .quiz-page .text-center {
    max-width: 700px;
    margin: 0 auto;
    float: none; }
    .quiz-page .text-center h1 {
      color: #fff;
      margin-bottom: 14px; }
    .quiz-page .text-center p {
      color: #fff; }
      .quiz-page .text-center p.tiny {
        margin-top: 15px;
        font-size: 12px; }
      .quiz-page .text-center p.low-opacity {
        opacity: 0.6; }
    .quiz-page .text-center .sub-header {
      color: #fff;
      max-width: 475px;
      margin: 0 auto 50px; }
    .quiz-page .text-center .q-logo {
      width: 200px;
      height: 47px;
      margin: 0 auto 80px;
      background: url(include/img/ip25logo-retina.png) center center no-repeat;
      background-size: contain; }
    .quiz-page .text-center .quiz-form .col-md-6 {
      margin-bottom: 20px; }
      .quiz-page .text-center .quiz-form .col-md-6 .form-control {
        border: 1px solid #c7c6c0;
        background-color: rgba(0, 0, 0, 0.2);
        color: #fff; }
      .quiz-page .text-center .quiz-form .col-md-6 input::-webkit-input-placeholder, .quiz-page .text-center .quiz-form .col-md-6 textarea::-webkit-input-placeholder {
        color: #bbbab3 !important; }
      .quiz-page .text-center .quiz-form .col-md-6 input:-moz-placeholder, .quiz-page .text-center .quiz-form .col-md-6 textarea:-moz-placeholder {
        color: #bbbab3 !important; }
    .quiz-page .text-center .quiz-form .col-md-12 .colored-btn {
      margin-top: 45px;
      border-radius: 0px; }
    .quiz-page .text-center a:focus, .quiz-page .text-center a:hover {
      text-decoration: none; }
    .quiz-page .text-center .large-margin {
      margin-bottom: 210px; }
  .quiz-page .page-header-overlay {
    background-color: #16171b;
    opacity: 0.85; }
  .quiz-page .ziperror {
    position: absolute;
    display: none;
    left: 15px;
    margin-top: 5px;
    color: #fff;
    font-size: 12px; }

input::placeholder{
  color: #bbbab3 !important; ;
}