/* mid section white black css*/
/* section#blog-1 {
  background: #292929;
  color: #fff;
}
section#blog-1 p, h5 {
    color: #fff;
}
post.wow.fadeInUp, .blog-post-txt.mt-2, .blog-post, .blog-post-video {
  background: #292929;
}
.blog-post, .blog-post-video {
  background-color: #fff;
  border: 1px solid #363535;
} */

/* mid section white black css end*/

.dropdown-menu {
  padding: 0.25rem 0;
  margin: 0 0 0 2px;
  border: 1px solid #fff !important;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.navbar.scroll.bg-tra {
  padding: 16px 0;
  margin-top: 0px;
  background-color: #fcfcfc;
  box-shadow: 0 0 2px rgb(50 50 50 / 40%);
}

/*.navbar {  */
/*    margin-top: 31px;*/
/*}*/
a.banner_top {
  text-align: center;
  color: #fff;
  background: #FF5879;
  display: none;
  padding: 4px;
  font-size: 16px;
  font-family: 'Gotham', sans-serif;
}
section#service .container {
    max-width: 90%;
}
h1.banner_title {
  color: #fff;
}

nav.navbar.fixed-top.navbar-expand-lg.navbar-dark.bg-tra.hover-menu {
  background-color: black;
  opacity: 0.4;
}

#main-nav-section .nav_img, #main-section-2 .nav_img, .navbar .nav_img {
  margin-left: 0px;
  width: 45%;
  float: left;
  text-align: center;
}

footer#footer-2 h2 {
  text-align: center;
  /* font-size: 28px!important; */
  margin-bottom: 50px;
}

/* section#service h2,
h3,
h5,
p {
    color: #fff;
} */

/* .box1 {
    background-image: url("https://dinocodela.com/photography/images/img1.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 95px;
}

.box2 {
    background-image: url("../images/img2.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 30px;

} */

.box1 marquee {
    padding: 100px 0px;
    font-size: 90px;
    font-weight: 600;
    visibility: hidden;
}

.box2 marquee {
    padding: 175px 0px;
    font-size: 90px;
    font-weight: 600;
    visibility: hidden;
}

/* .service_box:hover marquee {
    display: inline-block;
} */
.box1:hover marquee {
    visibility: visible;
    color: #fff;
    background-color: #3e4344;
    opacity: .9;
    opacity: 0.8;
    margin-bottom: 0px;
}

.box2:hover marquee {
    visibility: visible;
    color: #fff;
    background-color: #f29c4c;
    opacity: .9;
    opacity: 0.8;
    margin-bottom: 0px;
}

h2.service_main_title {
    width: 50%;
    font-size: 40px;
}

footer#footer-2 {
    /* background: #63879f; */
    background: #000;
    margin: 0px 0px;
}
.footer {
    background-color: #f6f6f6;
    border-top: 0px solid #f6f6f6;
    font-family: "Gotham SSm A","Gotham SSm B",sans-serif;
    text-transform: uppercase;
    padding-top: 4.6875rem;
}
.bottom-footer {
    border-top: 1px solid #1f1d1d;
    padding-top: 25px;
    padding-bottom: 25px;
}
.footer-nav a{
    border-left: none;
    padding-left: 0;
    color: #fff;
}

.animate-reveal {
    font: bold 2em sans-serif;
    text-transform: uppercase;
    color: #fff;
    opacity: 0;
    -webkit-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
       -moz-animation: reveal 1s ease-in 1 normal forwards;
         -o-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
            animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
  }
  
  .animate-first {
    -webkit-animation-delay: 0;
       -moz-animation-delay: 0;
         -o-animation-delay: 0;
            animation-delay: 0;
  }
  
  .animate-second {
    -webkit-animation-delay: 500ms;
       -moz-animation-delay: 500ms;
         -o-animation-delay: 500ms;
            animation-delay: 500ms;
  }
  
  .animate-third {
    -webkit-animation-delay: 1s;
       -moz-animation-delay: 1s;
         -o-animation-delay: 1s;
            animation-delay: 1s;
  }
  
  @-webkit-keyframes reveal {
    0% {
      opacity: 0;
      -webkit-transform: translateY(100%);
         -moz-transform: translateY(100%);
           -o-transform: translateY(100%);
              transform: translateY(100%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
           -o-transform: translateY(0);
              transform: translateY(0);
    }
  }
  
  @-moz-keyframes reveal {
    0% {
      opacity: 0;
      -webkit-transform: translateY(100%);
         -moz-transform: translateY(100%);
           -o-transform: translateY(100%);
              transform: translateY(100%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
           -o-transform: translateY(0);
              transform: translateY(0);
    }
  }
  
  @-o-keyframes reveal {
    0% {
      opacity: 0;
      -webkit-transform: translateY(100%);
         -moz-transform: translateY(100%);
           -o-transform: translateY(100%);
              transform: translateY(100%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
           -o-transform: translateY(0);
              transform: translateY(0);
    }
  }
  
  @keyframes reveal {
    0% {
      opacity: 0;
      -webkit-transform: translateY(100%);
         -moz-transform: translateY(100%);
           -o-transform: translateY(100%);
              transform: translateY(100%);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
         -moz-transform: translateY(0);
           -o-transform: translateY(0);
              transform: translateY(0);
    }
  }  
.pr25 {
  padding-right: 15px!important;
} 
.pl25 {
  padding-left: 15px!important;
}
.blog-post-link {
  padding: 18px 0px;
  position: relative;
}

h1.animate-reveal.animate-first {
  margin: 30px 0px 45px 0px;
}
.blog-post-txt.mt-2 .h5-sm {
  color: #fff;
}

@media screen and (min-width: 1200px) {
    .photography {
        padding-top: 75px;
    }
} 
@media screen and (max-width: 768px) {
  footer#footer-2 {
    padding-top: 25px!important;
}

  h1.animate-reveal.animate-first {
    margin: 30px 0px!important;
}
 
.s_padding {
    margin-left: 0px!important;
}
.divider_home {
    height: 230px!important;
}
h1.animate-reveal {
  font-size: 19px!important;;
}
  h3.first_div{
    margin-top: 170px!important;
  }
    h2.service_main_title {
        width: 100%;
        font-size: 28px;
    }

    .box2 {
        margin-left: 0px;
    }

    .box2 h5,
    p {
        margin-left: 0px;
    }

    section#cta-2 {
        margin-top: 0px !important;
    }

    section#service {
        margin-top: -75px !important;
    }
}