.section-title {
  font-weight: 300;
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: 1px solid #CCCCCC;
  color: #999;
}

.title-todo {
  font-weight: 300; 
  display: inline-block;
  padding-bottom: 10px;
  /* font-weight: bold; */
  /* border-bottom: 1px solid #CCCCCC; */
  color: #999;
}

h3:hover {
	color: #E54E0A;
}

.section-sub-title {
  font-style: italic;
}

.section-gray {
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}

.section-faq {
  padding: 50px 0;
}
.section-faq .section-title {
  margin-bottom: 30px;
}
.section-faq .row {
  margin-bottom: 30px;
}

.space-50 {
  height: 50px;
  display: block;
}

.space {
  height: 100px;
  display: block;
}

.parallax {
  width: 100%;
  /* height: 570px; */
  overflow: hidden;
  display: block;
}

.parallax .small-info {
  color: #FFFFFF;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.27);
  top: 37%;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 2;
}

.parallax .small-info h3 {
  max-width: 790px;
  margin: 0 auto;
  line-height: 1.4;
}

.parallax .parallax-image img {
  width: 100%;
  position: relative;
}

.big-map {
  height: 100%;
  width: 100%;
  display: block;
  position: relative;
}

.big-info {
  margin-bottom: 60px;
}

.filter-black {
  position: relative;
}

.filter-black:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.66);
  content: "";
}

.section-blog .card-background .image {
  height: 440px;
}

.about-us .container, .contact-us .container, .pricing .container, .blog-page .container, .ecommerce .container, .home .container, .product-page .container, .blog-post .container {
  max-width: 970px;
}

@media (max-width: 768px) {
  .parallax .parallax-image {
    width: 100%;
    height: 640px;
    overflow: hidden;
  }

  .parallax .parallax-image img {
    height: 100%;
    width: auto;
  }

  .parallax .small-info {
    text-shadow: 0 0 10px black;
    padding: 5px;
    font-size: 20px !important;
  }
}
.about-us .team-presentation {
  margin: 30px 0;
}
.about-us .clients-presentation {
  margin: 30px 0;
}
.about-us .card-user {
  margin: 70px 0px 0;
}
.about-us .hr-small {
  margin: 15px 0;
}
.about-us .copyright a {
  color: #FFFFFF;
}
.about-us .info .icon {
  background: transparent;
}
.about-us .icon [class*="pe-"] {
  color: #CCCCCC;
  font-size: 74px;
}

.contact-us .navbar-transparent {
  background-color: rgba(0, 0, 0, 0.55);
  padding: 0;
}
.contact-us .parallax {
  height: 500px;
}
.contact-us .contact-info p {
  font-size: 15px;
}
.contact-us .company-description {
  position: absolute;
  right: 0;
  top: 220px;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 3;
  padding: 20px 60px 20px 20px;
  border-radius: 6px 0 0 6px;
  color: #FFFFFF;
}
.contact-us .company-description h4 {
  margin: 0;
}

.blog-page .card {
  margin-bottom: 60px;
}
.blog-page .section-title {
  margin-bottom: 40px;
}

.ecommerce .section {
  padding: 20px 0;
}
.ecommerce .section-title {
  margin-bottom: 30px;
}
.ecommerce .footer-default {
  border-top: 1px solid #e5e5e5;
}

.home .section-features-1 .info .icon {
  background: transparent;
}
.home .section-features-1 .icon i {
  color: #2ca8ff;
  font-size: 80px;
}
.home .section-features-1 .icon [class*="pe-7s-"] {
  width: auto;
  height: auto;
}
.home .section-features-2 .info .icon {
  margin-bottom: 10px;
}
.home .section-description h5 {
  margin-top: 40px;
}
.home .img-container {
  border-radius: 10px;
  overflow: hidden;
}
.home .img-container img {
  width: 100%;
}
.home .section-testimonials .carousel-control {
  left: -70px;
}
.home .section-testimonials .carousel-control .fa {
  top: 40%;
}
.home .section-testimonials .carousel-control.right {
  right: -40px;
  left: auto;
}
.home .section-clients {
  padding: 50px 0;
}
.home .section-clients .info .icon {
  background: transparent;
}
.home .section-clients .icon i {
  color: #AAAAAA;
}
.home .section-clients h3 {
  margin-top: 10px;
}
.home .social-line {
  border-bottom: 1px solid #dddddd;
}
.home .carousel-indicators {
  bottom: 0;
}
.home .carousel-indicators li {
  margin: 1px 10px;
  border-color: #00bbff;
}
.home .carousel-indicators .active {
  background-color: #00bbff;
}
.home .carousel-inner > .item > img,
.home .carousel-inner > .item > a > img {
  display: block;
  margin: 0 auto;
  height: auto;
  border-radius: 10px;
}
.home .carousel.fade {
  opacity: 1;
}
.home .carousel.fade .item {
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  left: 0 !important;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  z-index: 1;
}
.home .carousel.fade .item:first-child {
  top: auto;
  position: relative;
}
.home .carousel.fade .item.active {
  opacity: 1;
  -moz-transition: opacity ease-in-out .7s;
  -o-transition: opacity ease-in-out .7s;
  -webkit-transition: opacity ease-in-out .7s;
  transition: opacity ease-in-out .7s;
  z-index: 2;
}

.product-page .tab-content {
  overflow: hidden;
  width: 100%;
  height: auto;
  border-radius: 6px;
}
.product-page .tab-content img {
  width: 100%;
  height: auto;
}
.product-page .nav-text {
  margin: 10px 0 10px 0;
  text-align: center;
}
.product-page .nav-text > li > a {
  width: 50%;
  height: auto;
  margin: 0 auto;
}
.product-page .nav-text > li > a img {
  width: 100%;
  height: auto;
  text-align: center;
  border-radius: 4px;
}
.product-page .product-details {
  margin: 0 15px 15px;
}
.product-page .product-details .title {
  margin-top: 0;
  color: #333;
  text-transform: uppercase;
}
.product-page .product-details .title, .product-page .product-details .price {
  font-weight: 500;
}
.product-page .actions {
  margin: 15px;
}
.product-page .container-border {
  border-top: 1px solid #DDDDDD;
}
.product-page .container-border .title {
  color: #333;
  text-align: center;
}
.product-page .container-border .title h4 {
  font-weight: 500;
  margin-bottom: 0;
}

.product-page .container-border .title h3 {
  font-weight: 500;
  margin-bottom: 0;
}

.product-page .container-border .title p {
  margin-bottom: 50px;
}
.product-page .viewed {
  margin-top: 30px;
}

.blog-post .parallax {
  height: 475px;
}
.blog-post .title-blog {
  text-align: left;
  margin: 30px 0 15px;
}
.blog-post .media-author .media-heading {
  margin: 5px 0;
}
.blog-post .media-author p {
  margin-bottom: 20px;
}
.blog-post .bottom-border {
  border-bottom: 1px solid #DDDDDD;
}
.blog-post .top-border {
  border-top: 1px solid #DDDDDD;
}
.blog-post footer h3, .blog-post .container-comments h3 {
  margin: 10px 0 30px;
}


/* drsdl  special -------------------------------------------------------- */

 /* The Modal (background) */
.modal {
    /*display: none;  Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

 /* Modal Header */
.modal-header {
    padding: 2px 16px;
    background-color: #fefefe;
    color: maroon;
}

/* Modal Body */
.modal-body {padding: 2px 16px;}


/* Modal Content/Box */
.modal-content-simple {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: 15% auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}

/* The Close Button */
.DisclaimerClose {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.DisclaimerClose:hover,
.DisclaimerClose:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
} 

/* Add Animation */
@-webkit-keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
}

@keyframes animatetop {
    from {top: -300px; opacity: 0}
    to {top: 0; opacity: 1}
} 



#myTopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: maroon;
  color: white;
  cursor: pointer;
  padding: 3px;
  border-radius: 10px;
}

#myTopBtn:hover {
  background-color: #555;
}