/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

.extra_error{
  display: none;
}
.was-validated .form-control:invalid + .extra_error{
  display: inline;
  color: #dc3545;
}

.close {
  float:right;
  font-size:1.5rem;
  font-weight:700;
  line-height:1;
  color:#000;
  text-shadow:0 1px 0 #fff;
  opacity:.5
}
.close:hover {
  color:#000;
  text-decoration:none
}
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
  opacity:.75
}
button.close {
  padding:0;
  background-color:transparent;
  border:0;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
a.close.disabled {
  pointer-events:none
}


img.max_width_100 {
  max-width: 100%;
}

div.me_list {
    display: flex;
}

div.me_list.me_list_center {
    justify-content: center;
    align-items: center;
}

div.me_list li {
    display: flex; 
    align-items: top; 
}

div.me_list ul li::before {
    content: "";
    display: inline-block; 
    width: 15px; 
    height: 15px; 
    background-color: #333; 
    margin-top: 5px;
    margin-right: 30px; 
    margin-bottom: 40px; 
}

div.me_list ul li span {
    font-size: 16px;
    color: #333; 
}

div.me_list ul.white li::before {
    background-color: #fff; 
}

div.me_list ul.white li span {
    color: #fff; 
}

.heading-text.heading-section.ext1 h2:before { 
    content: ""; position: absolute; height: 2px; width: 100px; background-color: white; bottom: -30px; left: 0; right: 0; 
}

.me-hide-dots-flickity .flickity-page-dots {
  display: none;
}

.container_rubber {
  max-width: 1200px;
  width: auto;
  margin-right:auto;
  margin-left:auto;
  padding-left:15px;
  padding-right:15px
}
@media (min-width:768px) {
  .container_rubber {
    width:750px
  }
}
@media (min-width:992px) {
  .container_rubber {
    width:970px
  }
}
@media (min-width:1200px) {
  .container_rubber {
    width:1170px
  }
}

.sppb-row-container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .sppb-row-container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .sppb-row-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .sppb-row-container {
    width: 1170px;
  }
}