/*
  Custom Styles by Morningstar Digital (MD)
  Your custom style will be added here.
  */

/*--- GLOBAL ---*/
* {
  /* transition: all .2s ease-in !important; */
}

.mfp-img {
  width: 550px !important;
}

/*--- MD Codes ---*/
.et_pb_module.et_pb_gallery:hover .et_overlay {
  border: 5px solid #fc5109;
}

.service_blurb .et_pb_blurb_content {
  display: flex;
  align-items: center;
}

.service_blurb .et_pb_main_blurb_image {
  margin-bottom: 0;
  width: auto !important;
}

.md_row_logo .et_pb_column {
  display: flex;
  align-items: center;
  justify-content: center;
}

.md_row_logo .et_pb_module {
  margin: 0 !important;
}

#bottom-bar .et_pb_text a {
  color: #fff;
}

body #page-container .et_pb_section .et_pb_button {
  padding-left: 0.85em important;
}

body #page-container .et_pb_section .et_pb_button:after {
  margin-left: 0 !important;
}

body.md .et_pb_contact_form_container .et-pb-contact-message {
  background-color: rgba(255, 255, 255, 0.85);
  border-radius: 5px;
  color: #303030;
  max-width: 80%;
  margin: 0 auto 25px;
  width: 800px;
}

body.md .et_pb_contact_form_container .et-pb-contact-message p {
  padding: 25px 5% 20px 5%;
}

body.md .et_pb_contact_form_container .et-pb-contact-message ul {
  padding: 0 5% 25px 8%;
}

/*--- HEADER ---*/
/* .admin-bar #main-header {
  padding-top: 72px;
} */

#top-header,
#et-info-phone::before {
  display: none;
}

#et-info .left-col,
#et-info .right-col {
  display: inline-block;
}

#logo {
  max-width: 240px;
  max-height: 240px;
}

#et-info {
  background: #fa5400;
  padding: 5px 10px;
}

#et-info-phone a,
#et-info p {
  color: #fff;
}

#et-info-phone a {
  font-size: 20px;
}

#et-info p {
  font-size: 12px;
  font-weight: 500;
}

#main-header {
  padding-top: 40px;
  padding-bottom: 40px;
  /*   position: absolute; */
  top: 0;
  /*   background: rgba(255, 255, 255, 0.8); */
}

#top-menu-nav {
  padding-right: 0;
  padding-top: 10px;
}

#et-top-navigation {
  padding-top: 0 !important;
}

#top-menu a {
  font-weight: 400;
  padding: 0 !important;
  transition: none !important;
}

#top-menu li {
  padding: 10px !important;
}

#top-menu li.current-menu-item {
  background: #fa5400;
}

#top-menu li:hover {
  background: #fa5400 !important;
}

#top-menu li:hover a,
#top-menu a:hover {
  color: #ffffff !important;
  opacity: 1 !important;
}

.header-social-icons {
  float: left;
  padding: 10px 20px 0 0;
}

#main-header .icon {
  background: #fa5400;
  padding: 8px;
  border-radius: 50%;
  color: #d8d9d5 !important;
  width: 33px;
  height: 33px;
  font-size: 18px;
  line-height: 20px;
}

#top-menu li:nth-child(3).current-menu-item,
#top-menu li:nth-child(4).current-menu-item,
#top-menu li:nth-child(5).current-menu-item {
  background: transparent;
}

.current-menu-item:nth-child(3) a,
.current-menu-item:nth-child(4) a,
.current-menu-item:nth-child(5) a {
  color: #202022 !important;
}

iframe {
  display: block;
}

/*--- SLIDER BANNER ---*/
#slider-banner .et_pb_container.clearfix {
  height: auto !important;
}

#slider-banner .et_pb_slide {
  padding-top: 200px;
  padding-bottom: 100px;
}

#slider-banner .et_pb_slide_image {
  width: 100%;
  position: unset;
  margin-top: 0 !important;
  text-align: left;
}

#slider-banner .et_pb_slide_description {
  float: none !important;
  margin: 0 !important;
  width: 100% !important;
}

#slider-banner .et_pb_slide_content {
  position: absolute;
  bottom: -20px;
  right: 0px;
}

#slider-banner .et-pb-controllers a {
  width: 15px;
  height: 15px;
}

/*--- CONTACT FORM ---*/
#contact-us-sect .et_contact_bottom_container {
  float: left;
  margin-left: 5px;
}

#contact-us-sect .et_pb_module a {
  color: #fff;
}

/*--- RECENT PROJECTS ---*/
#recent-projects-section .brand-col .et_pb_module.et_pb_image {
  display: inline-block;
}

#recent-projects-section .et_pb_gallery_item.et_pb_grid_item {
  width: 24%;
  margin-right: 1%;
  margin-bottom: 1%;
}

#recent-projects-section .et_overlay::before {
  color: #f55500;
}

#recent-projects-section .et_pb_gallery_items img {
  /*   height: 198px; */
  object-fit: cover;
}

/*--- FOOTER ---*/
#main-footer {
  display: none;
}

#footer a:hover {
  color: #fc5109;
}

.md .md_row_logos {
  display: flex;
  align-items: center;
  flex-flow: wrap;
}

.md .nf_code .nf-before-form-content {
  display: none;
}

.md .nf_code input[type=submit]{
  cursor: pointer;
  color: #fff!important;
  background-color: #fc5109;
  border-radius: 4px;
  font-weight: 700;
  padding: .6em 1.2em;
  text-transform: uppercase;
	transition-duration: 0.3s
}
.md .nf_code input[type=submit]:hover{
	background-color: #202022
}

.md .nf_code .nf-field-container {
  margin-bottom: 16px;
}

.md .nf_code nf-field:last-child .nf-field-container {
  margin-bottom: 5px;
}

.md .nf_code .textarea-wrap .nf-field-element {
  display: flex;
  flex-direction: column;
}

.md .nf_code .nf-response-msg {
  background-color: #fffcfb;
  padding: 20px;
  text-align: center;
}

.md .nf_code .nf-response-msg p {
  padding-bottom: 10px;
}

/* SLIDE IN POPUP for FB and Insta */
@-webkit-keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
    transform: translate3d(0, 10px, 0) scaleY(.95)
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
    transform: translate3d(0, -5px, 0) scaleY(.985)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

@keyframes bounceInUp {

  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
    animation-timing-function: cubic-bezier(.215, .61, .355, 1)
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
    transform: translate3d(0, 3000px, 0) scaleY(5)
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
    transform: translate3d(0, -20px, 0) scaleY(.9)
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
    transform: translate3d(0, 10px, 0) scaleY(.95)
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
    transform: translate3d(0, -5px, 0) scaleY(.985)
  }

  to {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
  }
}

.animate__bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.md .s_popup {
  background-color: #fbfb12;
  border-top: 2px solid #f7f727;
  border-bottom: 2px solid #f7f727;
  bottom: 0;
  position: fixed;
  z-index: 99;
  width: 100%;
}

.md .popup_txt {
  color: white;
  padding: 5px 0;
  text-align: center;
}

.md .popup_txt p {
  font-size: 1rem;
  font-style: italic;
  font-weight: 600;
  display: flex;
  flex-flow: wrap;
  line-height: 1.4;
  justify-content: center;
  align-items: center;
  color: #101010;
}

.md .popup_txt a img {
  width: 40px;
  display: inline-block;
  margin: 0 10px;
}

.md .popup_txt a {
  display: flex;
  /*     display: inline-block;
    border-radius: 3px;
    color: white;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    min-width: 75px;
    text-align: center;
    padding: .4em .8em; */
}

.md #close_btn {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1;
  transform: translate(-50%, -30%);
  background-color: #fc732f;
  border: 2px solid #fc732f;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #fff;
  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 10%);
  transition: all .3s ease-in-out;
}

.md #close_btn {
  box-shadow: 0 5px 5px 0 rgb(0 0 0 / 25%);
}

.md #close_btn::before {
  content: '\4d';
  font-family: ETModules;
}

@media screen and (max-width:479px) {
  .md .popup_txt p {
    font-size: .85rem;
  }
}

/* END SLIDE IN POPUP for FB and Insta */


/*--- RESPONSIVENESS ---*/
@media screen and (max-width:1404px) {
  #et-top-navigation {
    padding-left: 0 !important;
    text-align: center;
    width: 100%;
  }

  #top-menu li a {
    font-size: 15px;
  }

  .et-social-icons li {
    margin-left: 5px;
  }

  #top-menu-nav,
  .header-social-icons,
  #et-info {
    float: none !important;
    display: inline-block;
  }

  #main-header .logo-link {
    display: block;
    text-align: center;
    margin-top: -120px;
  }

  #main-header {
    padding-top: 80px;
  }

  #main-header #et-top-navigation {
    padding-top: 33px !important;
  }

  #main-header {
    padding-bottom: 25px;
  }

  #slider-banner .hero_slide .et_pb_slide_description .et_pb_slide_title,
  #why-choose-us-banner .et_pb_text_0 h1 {
    font-size: 60px !important;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.4);
  }

  #slider-banner .hero_slide .et_pb_slide_description .et_pb_slide_content p,
  #why-choose-us-banner .et_pb_text_1 p {
    font-size: 48px !important;
    line-height: 1.1;
  }

  #slider-banner .hero_slide .et_pb_slide_description .et_pb_button_wrapper>a {
    font-size: 24px !important;
  }

  #main-header .container.et_menu_container {
    width: 90%;
  }
}

@media screen and (max-width:1100px) {
  .my-btn {
    font-size: 18px;
  }
}

@media screen and (max-width:980px) {

  .header-social-icons,
  #et-info {
    display: none;
  }

  #main-header #et-top-navigation {
    padding-top: 0 !important;
  }

  #main-header .logo-link {
    margin-top: 0;
    float: left;
    text-align: left;
  }

  #logo {
    max-width: 100% !important;
  }

  #main-header {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  #main-header .mobile_menu_bar.mobile_menu_bar_toggle {
    padding-top: 0;
    padding-bottom: 0;
  }

  #slider-banner .et_pb_slide_image {
    text-align: center;
  }

  #slider-banner .et_pb_slide_content {
    left: 0;
  }

  #slider-banner .et_pb_slide {
    padding-top: 135px;
    padding-bottom: 140px;
  }

  #slider-banner .et_pb_slide_content {
    bottom: -40px;
  }

  #slider-banner .et_pb_slide_content {
    font-size: 40px !important;
  }

  .mobile_menu_bar::before {
    color: #fa5400;
    font-size: 40px;
  }

  #mobile_menu {
    border-color: #fa5400;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  #recent-projects-section .et_pb_column {
    margin-bottom: 0 !important;
  }

  #recent-projects-section .et_pb_gallery_item {
    width: 46% !important;
    margin: 1.5% !important;
    text-align: center;
  }

  #recent-projects-section .et_pb_module.et_pb_image {
    width: 100%;
  }

  .et_pb_column {
    margin-bottom: 0 !important;
  }

  #basic-steps-sect .et_pb_column {
    width: 100%;
    margin-bottom: 30px !important;
  }

  #testimonial-sect .et_pb_column {
    margin-bottom: 5% !important;
  }

  #footer .et_pb_blurb_content {
    max-width: 290px;
  }
}

@media screen and (max-width:767px) {
  #slider-banner .et_pb_slide_image {
    display: block !important;
  }

  #slider-banner .et_pb_slide_content {
    font-size: 30px !important;
  }

  #recent-projects-section .et_pb_gallery_item {
    width: 100%;
    text-align: center;
  }

  #contact-us-sect .et_contact_bottom_container {
    float: unset;
    text-align: center;
  }

  iframe {
    height: 320px;
  }

  #testimonial-sect .et_pb_column {
    width: 100%;
    margin-right: 0;
  }

  #slider-banner .hero_slide .et_pb_slide_description .et_pb_slide_title,
  #why-choose-us-banner .et_pb_text_0 h1 {
    font-size: 48px !important;
  }

  #slider-banner .hero_slide .et_pb_slide_description .et_pb_slide_content p,
  #why-choose-us-banner .et_pb_text_1 p {
    font-size: 36px !important;
  }
}

@media screen and (max-width:479px) {
  #recent-projects-section .et_pb_gallery_item {
    width: 100% !important;
  }

  #slider-banner .hero_slide .et_pb_slide_description .et_pb_slide_title,
  #why-choose-us-banner .et_pb_text_0 h1 {
    font-size: 40px !important;
  }

  #slider-banner .hero_slide .et_pb_slide_description .et_pb_slide_content p,
  #why-choose-us-banner .et_pb_text_1 p {
    font-size: 33px !important;
  }
}

@media screen and (max-width:440px) {
  #logo {
    max-width: 70% !important;
  }

  #main-header .mobile_menu_bar.mobile_menu_bar_toggle {
    padding-top: 0;
  }
}

.md .wp-pagenavi {
  border-top: 0;
}

.md .wp-pagenavi a {
  font-size: 18px !important;
}

.md .wp-pagenavi a.previouspostslink,
.md .wp-pagenavi a.nextpostslink,
.md .wp-pagenavi span.current {
  font-size: 18px !important;
  color: #FFF !important;
  background: #fa5400;
  font-weight: bold !important;
  padding: 10px 20px;
}

.md .row-category-filter .category-filter ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.md .row-category-filter .category-filter ul li .sf-input-radio {
  display: none;
}

.md .row-category-filter .category-filter ul ul li label {
  border: 1px solid #fa5400;
  padding: 20px;
  cursor: pointer;
  width: 100%;
  text-align: center;
}

.md .row-category-filter .category-filter ul ul li label:hover,
.md .row-category-filter .category-filter ul ul li.sf-option-active label {
  background: #fa5400;
  color: #FFF;
}

.md .md-filter-results .search-filter-results {
  display: flex;
  flex-wrap: wrap;
}

.md .md-filter-results .search-filter-results .md-post-box {
  box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.24);
}

.md .md-filter-results .search-filter-results .md-post-box img {
  height: 246px;
  object-fit: cover;
  width: 100%;
}



.md .md-filter-results .search-filter-results .md-post-box-content {
  padding: 30px 30px 15px;
}

.md .md-filter-results .search-filter-results .md-post-box-content>ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
  align-items: center;

}

.md .md-filter-results .search-filter-results .md-post-box-content>ul li {
  font-size: 12px;
}


.md .md-filter-results .search-filter-results .md-post-box-content ul li:not(:last-child):after {
  content: " \00b7";
  font-size: 25px;
  color: #fa5400;
  padding: 0 16px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.md .md-filter-results .search-filter-results .md-post-box-content h2 {
  font-size: 20px;
  color: #000;
  font-family: 'ProximaNova Bold', Helvetica, Arial, Lucida, sans-serif;
  line-height: 24px;
}

.md .md-filter-results .search-filter-results .md-post-box-content p {
  font-family: 'Fira Sans', Helvetica, Arial, Lucida, sans-serif;
  font-size: 15px !important;
  font-weight: 400;
  opacity: 0.6;

}

.md .md-filter-results .post-box-featured {
  max-height: 246px;
}

.md .md-filter-results .search-filter-results .md-post-box-content a.readmore-link {
  font-size: 15px;
  color: #fa5400;
  margin-top: 25px;
  display: block;
}

.md .md-filter-results .pagination {
  width: 100%;
}

.md .category-filter ul {
  display: flex;
  justify-content: center;
}

.md .category-filter ul li.sf-field-category {
  width: 100%;
}



.md-fallback-img {
  /* min-height: 246px; */
  height: 246px;
  object-fit: contain !important;
  padding: 0 20px;
}


/*Single Post */

.md .single-featured .et_pb_image_wrap,
.md .single-featured .et_pb_image_wrap img {
  width: 100%;
}

.md .single-featured .et_pb_image_wrap img {
  max-height: 454px;
  height: 100%;
  object-fit: cover;
}

.md .md-single-post-title h1 {
  font-size: 38px;
  color: #000;
}

.md .md-single-author {
  display: inline-flex;
}

.md .md-single-postdate {
  display: inline-flex;
}

.md .md-single-author:after {
  content: " \00b7";
  font-size: 25px;
  color: #fa5400;
  padding: 0 16px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.md .col-sidebar article {
  border-bottom: 2px solid #fa5400;
}

.md .col-sidebar article a.more-link {
  color: #fa5400;
}

.back-to-blog a:before {
  content: '\38';
  font-family: 'ETmodules';
  vertical-align: middle;
  color: #fa5400;
  padding-right: 5px;
  font-size: 20px;
}

.md .md-home-blog-grid article a.more-link:after,
.md .col-sidebar article a.more-link:after {
  content: '\39';
  font-family: 'ETmodules';
  vertical-align: middle;
  color: #fa5400;
  padding-left: 5px;
  font-size: 20px;
}


.md .col-sidebar .readmore-btn {
  width: 100%;
}

.md .col-sidebar article h2 {
  color: #000;
  line-height: 1.3em;
}

.md .col-sidebar .et_pb_posts>div article img {
  height: 246px;
  object-fit: cover;
}


/* Homepage Blog Grid */


/* .md .md-home-blog-grid article img{
  height: 300px;
  object-fit: cover;
}
.md .md-home-blog-grid article .entry-title,
.md .md-home-blog-grid article .post-content{
  margin-left: -19px;
}


.md .md-home-blog-grid article .entry-title {
  margin-left: 0;
} */

.md .md-home-blog-grid article {
  border-bottom: 2px solid #fa5400 !important;
  padding-bottom: 19px;
}

.md .md-home-blog-grid .entry-title {
  font-size: 1.35rem;
  margin-bottom: .85rem;
}

.md .md-home-blog-grid .post-content {
  line-height: 1.6;
}

.md .md-home-blog-grid article a.more-link {
  text-transform: capitalize;
}

.md .md-home-blog-grid article .post-content-inner {
  margin-bottom: 20px;
}


@media all and (min-width: 981px) {

  /* .md-home-blog-grid .et_pb_salvattore_content > div:not(:last-child){
  margin-right: 2% !important;
  }
  .md-home-blog-grid .et_pb_salvattore_content > div{
    width: calc(94% / 3) !important;
  } */

  .md .md-filter-results .search-filter-results .md-post-box {
    width: calc(96% / 3);
  }

  .md .category-filter ul ul li:not(:last-child),
  .md .md-filter-results .search-filter-results>div:not(:nth-of-type(3n + 3)) {
    margin-right: 2%;
  }

  .md .md-filter-results .search-filter-results>div:nth-of-type(-n + 3) {
    margin-bottom: 30px !important;
  }

  .md .md-home-blog-grid .et_pb_ajax_pagination_container {
    display: flex;
  }

  .md .md-home-blog-grid .entry-featured-image-url img {
    max-height: 300px;
    height: 18rem;
    object-fit: cover;
  }

  .md .md-home-blog-grid article {
    flex: 0 0 31%;
    max-width: 31%;
    margin-bottom: 0;
  }

  .md .md-home-blog-grid article:not(:last-of-type) {
    margin-right: 3.5%
  }
}

@media all and (max-width: 980px) {
  .md .md-single-post-content {
    margin-bottom: 50px !important;
  }
}


@media all and (min-width: 601px) and (max-width: 980px) {

  .md .col-sidebar .et_pb_posts>div article,
  .md .md-filter-results .search-filter-results .md-post-box {
    width: 48%;
  }

  .md .category-filter ul ul li:not(:last-child),
  .md .md-filter-results .search-filter-results>div:not(:nth-of-type(even)) {
    margin-right: 2%;
  }

  .md .md-filter-results .search-filter-results>div:nth-of-type(-n + 4) {
    margin-bottom: 30px;
  }

  /* Sidebar */

  .md .col-sidebar .et_pb_posts>div article:not(:nth-of-type(even)) {
    margin-right: 2%;
  }

  .md .col-sidebar .et_pb_posts>div {
    display: flex;
    flex-wrap: wrap;
  }

}



@media all and (max-width: 600px) {

  .md .category-filter ul ul li {
    width: 100%;
  }

  .md .col-sidebar .et_pb_posts>div article,
  .md .md-filter-results .search-filter-results .md-post-box {
    width: 100%;
  }

  .md .md-filter-results .search-filter-results>div:not(:last-child) {
    margin-bottom: 30px !important;
  }
}