html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  font-family: 'Arial', sans-serif !important;
}

.page-header-title {
  display: none !important
}

a {
  text-decoration: none !important;
}

.fadeSocialScroll {
  position: fixed;
  top: 90px;
  right: 0;
  width: 50px;
  height: auto;
  margin-top: 200px;
  z-index: 1000;
  -webkit-animation: fade 1s 1 0s;
  -moz-animation: fade 1s 1 0s;
  -ms-animation: fade 1s 1 0s;
  -o-animation: fade 1s 1 0s;
  animation: fade 1s 1 0s;
}


.fadeSocialScroll .f {
  background: #3B5998;
  color: white;
}

.fadeSocialScroll .t {
  background: #55ACEE;
  color: white;
}

.fadeSocialScroll .g {
  background: #dd4b39;
  color: white;
}

.fadeSocialScroll .p {
  background: #cb2027;
  color: white;
}

.fadeSocialScroll .b {
  background: #158484;
  color: white;
}

.fadeSocialScroll .y {
  background: red;
  color: white;
}

.fadeSocialScroll .fa-yahoo {
  padding-left: 7px;
  padding-top: 7px;
}

.fadeSocialScroll .fa-yelpp {
  background: #969696;
  color: white;
}

.fadeSocialScroll .fab {
  padding: 10px 0 0;
  font-size: 18px;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  color: white;
  display: table;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);

}

.fadeSocialScroll .fab:hover {
  opacity: 0.7;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
}

.fadeSocialScroll .fa-icon:hover {
  opacity: 0.7;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
}

.fa-icon {
  width: 40px;
  height: 40px;
  border-radius: 40px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  color: white;
  display: table;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.valign {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.fadeSocialScroll img {
  float: left;
  margin-bottom: 8px;
}

@media only screen and (max-width: 959px) {
  .fadeSocialScroll {
    display: none;
  }
}

.social-button--yahoo:hover {
  color: #ffffff
}

.social-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}

.social-buttons__button {
  margin: 10px 10px 0 0;
}

.social-button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
  width: 30px;
  height: 30px;
  text-decoration: none;
}

.social-button__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 100%;
  background: #fff;
  text-align: center;
}

.social-button i,
.social-button svg {
  position: relative;
  z-index: 1;
  transition: 0.3s;
}

.social-button i {
  font-size: 14px;
  color: #162f42;
}

.social-button svg {
  height: 40%;
  width: 40%;
}

.social-button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  border-radius: 100%;
  transition: 0.3s;
}

.social-button:focus,
.social-button:hover {
  color: #fff;
}

.social-button:focus::after,
.social-button:hover::after {
  width: 100%;
  height: 100%;
  margin-left: -50%;
}

.social-button--mail {
  color: #0072c6;
}

.social-button--mail::after {
  background: #0072c6;
}

.social-button--facebook {
  color: #3b5999;
}

.social-button--facebook::after {
  background: #3b5999;
}

.social-button--linkedin {
  color: #1c9cea
}

.social-button--linkedin::after {
  background: #1c9cea
}

.social-button--google {
  color: #e34133
}

.social-button--google::after {
  background: #e34133
}

.social-button--yahoo {
  color: #6e0e99
}

.social-button--yahoo::after {
  background: #6e0e99
}

.social-button--bing {
  color: #008577;
}

.social-button--bing::after {
  background: #008577;
}

.social-button--yelpp {
  color: #969696;
}

.social-button--yelpp::after {
  background: #6e5494;
}

.social-button--codepen {
  color: #212121;
}

.social-button--codepen::after {
  background: #212121;
}

.social-button--steam {
  color: #7da10e;
}

.social-button--steam::after {
  background: #7da10e;
}

.social-button--snapchat {
  color: #b7081b;
}

.social-button--snapchat::after {
  background: #b7081b;
}

.social-button--twitter {
  color: #55acee;
}

.social-button--twitter::after {
  background: #55acee;
}

.social-button--instagram {
  color: #e4405f;
}

.social-button--instagram::after {
  background: #e4405f;
}

.social-button--npmjs {
  color: #c12127;
}

.social-button--npmjs::after {
  background: #c12127;
}

.mobile-footer span .fa,
.mobile-footer span .fas {
  border: 1px solid #353535;
  padding: 5px;
  background: #191919;
}

.detroit-topbar a {
  padding: 0px 50px;
  display: inline-block;
  color: white;
  font-weight: 700;
  font-size: 16px;
}

.detroit-topbar a:hover {
  color: #ffffffbf;
}

.detroit-topbar .top-right-menu {
  color: white;
  float: right;
  font-weight: 500;
  font-size: 13px;
  padding: 0px 10px;
}

#mobilQUOTE {
  display: none;
}

.mobile-footer {
  display: none
}

.tg-one-third {
  float: left;
  margin: 0 1.6364% 0 0;
  width: 30.909%;
  color: white;
}

.tg-one-third a,
.tg-one-third h3 {
  color: white;
}

.tg-one-third a:hover {
  color: #c0cbfb !important;
}

#site-header-inner {

  display: flow-root;
}

.banner-car {
  position: relative;
  top: -158px;
  margin-bottom: -100px;
  z-index: 9;
}

.hide-d {
  display: none;
}

#site-header-inner {
  display: flow-root;
  background: #4879bad4;
  margin-top: 20px;
  padding: 0 15px;
  border-radius: 5px;
}

.section-title:before {
  background: #ED6E1E;
}

.section-title:before {
  position: relative;
  display: block;
  content: "";
  width: 50px !important;
  height: 3px;
  bottom: -68px;
  border-radius: 10px;
}

@media screen and (min-width: 0px) and (max-width: 768px) {

  .wp-block-image .alignleft,
  .wp-block-image .alignright {
    width: 100%;
  }

  .get_quote_title_container a {
    color: #ed6e1e;
  }

  #top-bar-wrap {
    display: block
  }

  .section-title:before {
    bottom: -68px;
  }

  #site-header-inner {
    background: transparent;
    margin-top: 0px;
  }

  #site-header.transparent-header {
    position: relative;
    top: 0;
  }

  .top-right-menu {
    display: none
  }

  .banner-qote {
    display: none;
  }

  .banner-car {
    position: relative;
    top: 76px;
    margin-bottom: 0
  }

  .mobile-footer {
    display: block;
    background-color: #222;
    padding: 30px;
    margin: 0;
    color: white;
    text-align: center
  }

  #mobilQUOTE {
    display: block;
  }

  .quote-cont {
    display: none;
  }

  .has-transparent-header .page-header {
    padding: 78px 0 36px 0;
  }

  .detroit-topbar a {
    padding: 5px 23px;
  }

  .hide-m,
  #right-sidebar {
    display: none !important;
  }

  .hide-d {
    display: block !important;
  }

  #site-header.transparent-header {
    background: #4879ba !important;
  }

  #site-header-inner {
    display: block;
  }

  .tg-one-third {
    float: left;
    margin: 10px;
    width: 100%;
    color: white;
  }
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-600%);
  }

  100% {
    transform: translateX(0);
  }
}

.fourth {
  border-color: #db1c16;
  color: #1d1000;
  background-image: -webkit-linear-gradient(45deg, #da1b16 50%, transparent 50%);
  background-image: linear-gradient(45deg, #da1b16 50%, transparent 50%);
  background-position: 100%;
  background-size: 400%;
  -webkit-transition: background 300ms ease-in-out;
  transition: background 300ms ease-in-out;
  margin: 20px auto;
}

.serviceBox:hover btn,
.serviceBox:focus .btn {
  color: #fff;
  outline: 0;
}

.serviceBox:hover .fourth {
  background-position: 0;
  color: #fff;
}

.serviceBox {
  color: #fff;
  text-align: center;
  padding: 25px 25px 55px;
  position: relative;
  z-index: 1;
}

.serviceBox:before,
.serviceBox:after {
  content: '';
  background: linear-gradient(#222230, #ED6E1E);
  border-radius: 20px;
  position: absolute;
  left: 10px;
  right: 0;
  top: 15px;
  bottom: 0;
  z-index: -1;
}

.serviceBox:after {
  background: #fff;
  left: 0;
  right: 10px;
  top: 0;
  bottom: 15px;
  clip-path: polygon(30% 0, 100% 0, 100% 85%, 75% 100%, 0 100%, 0 20%);
  -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}

.serviceBox .service-icon {
  color: #ED6E1E;
  font-size: 35px;
  text-shadow: 4px 4px rgba(0, 0, 0, 0.1);
  margin: 0 0 10px;
}

.serviceBox .title {
  color: #222230;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 10px;
}

.serviceBox .title span {
  font-weight: 700;
}

.serviceBox .description {
  color: #222230;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.5px;
  margin: 0;
  min-height: 126px;
}

.serviceBox .read-more {
  color: #fff;
  font-size: 22px;
  line-height: 22px;
  position: absolute;
  right: 15px;
  bottom: 9px;
  transition: all 0.3s ease 0s;
}

.serviceBox .read-more:hover {
  color: rgba(255, 255, 255, 0.7);
  text-shadow: 3px 3px rgba(255, 255, 255, 0.1);
}

.serviceBox.darkgreen:before {
  background: linear-gradient(#00A28D, #007385);
}

.serviceBox.darkgreen .service-icon,
.serviceBox.darkgreen .title {
  color: #007385;
}

.serviceBox.blue:before {
  background: linear-gradient(#00BFE9, #0170DC);
}

.serviceBox.blue .service-icon,
.serviceBox.blue .title {
  color: #0170DC;
}

.serviceBox.green:before {
  background: linear-gradient(#93c916, #3AB447);
}

.serviceBox.green .service-icon,
.serviceBox.green .title {
  color: #3AB447;
}

@media only screen and (max-width:990px) {
  .serviceBox {
    margin: 0 0 30px;
  }
}

.footer-widgets-inner {
  max-width: 90%;
  margin: 0 auto;
}

.footer-widget .second ul {
  margin-top: 30px !important;
}

.service-block {
  position: relative;
}

.service-block .inner-box {
  position: relative;
  margin-bottom: 30px;
}

.service-block .image-box {
  position: relative;
}

.service-block .image-box img {
  width: 100%;
}

.service-block .image-box .content {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  top: 20px;
  background-color: #222231;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.service-block .content .icon {
  position: relative;
  font-size: 60px;
  line-height: 60px;
  margin-bottom: 15px;
}

.service-block h4 {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}

.service-block .lower-content {
  position: relative;
  padding: 25px 30px 0;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.service-block .lower-content .link a {
  position: relative;
  display: block;
  padding: 17px 0;
  border-top: 1px solid #f2f2f2;
  width: 100%;
}

.service-block .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  transition: .8s;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
  text-align: center;
  transform: scale(.9);
}

.service-block .overlay:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(34, 34, 49, 0.92);
}

.service-block .inner-box:hover .overlay {
  opacity: 1;
  transform: scale(1);
}

.service-block .inner-box .overlay>div {
  width: 100%;
}

.service-block .overlay .link a {
  position: relative;
  display: block;
  padding: 17px 0;
  color: #fff;
  width: 100%;
  background-color: #df1e08;
}

.service-block .overlay .text {
  color: #acacb8;
  position: relative;
  margin: 20px 0 30px;
}

.readmore-link i {
  color: #df1e08;
}

.readmore-link i {
  margin-right: 7px;
  display: inline-block;
  transform: rotate(-35deg);
  transition: .5s;
}

.oceanwp-recent-posts .recent-posts-title,
.blog-entry.post .blog-entry-header .entry-title a,
.related-post-title a,
.bdp-post-title a,
.cmt-sbox-btn {
  color: black;
}

.box {
  overflow: hidden;
  position: relative;
}

.box:after {
  content: "";
  width: 100%;
  height: 100%;
  background: #4879bac4;
  position: absolute;
  top: 0;
  left: -100%;
  transition: all 0.3s ease-in 0s;
}

.box:hover:after {
  left: 0;
}

.box img {
  width: 100%;
  height: 200px;
}

.box .box-content {
  width: 100%;
  padding: 20px 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: all 0.5s ease-in 0s;
}

.box:hover .box-content {
  opacity: 1;
}

.box .title {
  display: block;
  font-size: 20px;
  font-weight: 800;
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 8px 0;
}

.box .post {
  display: block;
  font-size: 15px;
  color: #fff;
}

.box .social {
  list-style-type: none;
  list-style: none;
  padding: 30px 20px 0;
  margin: 0;
  position: absolute;
  top: -271%;
  right: 38%;
  z-index: 1;
  opacity: 0;
  transition: all 0.5s ease-in 0s;
}

.box:hover .social {
  opacity: 1;
}

.box .social li {
  display: inline-block;
}

.box .social li a {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #fff;
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin-right: 10px;
  transition: all 0.5s ease-in 0s;
}

.box .social li a:hover {
  background: #fff;
  color: #8b5134;
}

@media only screen and (max-width:990px) {
  .box {
    margin-bottom: 30px;
  }
}

/* Facts section Two */


.facts-section-two {
  position: relative;
}

.facts-section-two:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(34, 34, 49, 0.95);
}

.facts-section-two .content {
  position: relative;
  text-align: center;
  background-color: rgb(14, 14, 14);
  background-image: url(/wp-content/uploads/2021/06/bg-11.jpg);
  background-size: cover;
  margin-bottom: 40px;
  margin-top: 100px;
}

.facts-section-two .content:before {
  position: absolute;
  content: '';
  left: 15px;
  right: 15px;
  height: 10px;
  bottom: -10px;
  background-color: #39394d;
  transition: .5s;
}

.facts-section-two .content:hover:before {
  bottom: 0;
  opacity: 0;
}

.facts-section-two .content:after {
  position: absolute;
  content: '';
  left: 0;
  right: 0;
  height: 10px;
  bottom: -10px;
  transition: .5s;
  transform: scaleX(0);
}

.facts-section-two .content:hover:after {
  transform: scaleX(1);
}

.facts-section-two .icon {
  margin-bottom: -75px;
}

.facts-section-two .text {
  font-size: 20px;
  font-weight: 700;
  color: #ffffff;
  padding: 30px 0 20px;
}

.facts-section-two .count-box {
  position: relative;
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;

}

.facts-section-two .content:after {
  background-color: #df1e08;
}

.facts-section-two .facts-icon {
  display: inline-block;
  width: 80px;
  height: 80px;
  line-height: 70px;
  border-radius: 50% 0 50% 50%;
  border: 5px solid #ED6E1E;
  background: white;
  font-size: 30px;
  color: #ED6E1E;
  position: relative;
  top: -30px;
  transform: rotate(-45deg);
  transition: all 0.3s ease 0s;
}

.facts-section-two:hover .facts-icon {
  border-radius: 50% 50% 50% 0;
}

.facts-section-two .facts-icon i {
  transform: rotate(45deg);
}

.col-md-6 {
  width: 50%;
  width: calc(50% - (0.75 * 30px));
}

.about-section .sec-title {
  margin-bottom: 46px;
}

.about-section .readmore-link {
  margin-top: 25px;
}


.about-section .icon-box {
  position: relative;
  padding: 20px 20px;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 30px;
  transition: .5s;
  align-items: center;
  background: linear-gradient(to right, #ED6E1E 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all .5s ease-out;
  transition: .3s;

}

.about-section .icon-box:hover {
  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.1);
  background-position: left bottom;
}

.about-section .icon-box:before {
  position: absolute;
  content: '';
  width: 10px;
  height: 10px;
  transition: .5s;
  opacity: 0;
  right: 10px;
  top: 10px;
}

.about-section .icon-box:before {
  background-color: #ED6E1E;

}

.about-section .icon-box .icon {
  font-size: 45px;
  color: #ED6E1E;
  margin-right: 20px;
  transition: .5s;
  line-height: 48px;
}

.about-section .icon-box h4 {
  font-size: 18px;
  font-weight: 700;
  position: relative;
  margin-bottom: 0;
  color: #ED6E1E;
  transition: .5s;
}

.about-section .icon-box:hover h4 {
  color: #ffffff;
}

.about-section .icon-box:hover .icon {
  color: #ffffff;
}

.icon-row {
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: nowrap;
  -ms-justify-content: space-between;
  justify-content: space-between;
}

.col-md-6 {
  width: 50%;
  width: calc(50% - (0.75 * 30px));
}

.whychooseus-block-two .inner-box {
  position: relative;
  background: #fff;
  text-align: center;
  padding: 55px 20px 20px;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);
  margin-bottom: 30px;
  border: 2px dashed transparent;
  transition: .5s;
}

.five {
  padding: 15px 20px;
  background-color: transparent;
  color: #ED6E1E !important;
  font-weight: bold;
  border: none;
  display: block
}

.car-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, 17rem);
  gap: 2rem;
}

.car-item {
  position: relative;
  height: 23rem;
  background-color: lightGrey;
  text-align: center;
  overflow-y: hidden;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}

.car-item h3 {
  margin: 0;
  display: block;
  background-color: #ee7002bd;
  color: white;
  padding: 1rem;
  font-size: 16px;
}

.car-item a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.car-item a:hover~.car-item__overlay,
.car-item a:focus~.car-item__overlay {
  transform: translate3d(0, 0, 0);
}

.car-grid img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.car-item__overlay {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0px;
  transition: transform 300ms;
  background-color: #ee7002bd;
  transform: translate3d(0, calc(100% - 3.5rem), 0);
}

.readmore-link {
  color: white
}

.car-item__body {
  flex-grow: 1;
  padding: 1rem;
}

.car-item__body p {
  margin: 0;
  color: white;
}

.services-style-1 .dilevars-service-content-inner {
  padding: 50px 34px;
  transition: all 0.49s ease 0s;
  -moz-transition: all 0.49s ease 0s;
  -ms-transition: all 0.49s ease 0s;
  -o-transition: all 0.49s ease 0s;
  transition: all 0.49s ease 0s;
  background: #ed6e1e;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5);
}

.services-style-1 .dilevars-service-content-inner:hover {
  background: #ffffff;
}

.services-style-1 .dilevars-service-icon {
  font-size: 42px;
  width: 80px;
  height: 80px;
  color: #fff;
  text-align: center;
  background-color: #ffffff4d;
  line-height: 80px;
}

.services-style-1:hover .dilevars-service-icon {
  background-color: #ED6E1E;
}

.dilevars-service-title h3 {
  color: white;
  margin: 12px 0;
}

.dilevars-service-content p {
  color: white;
}

.services-style-1 .dilevars-service-content-inner:hover,
.services-style-1 .dilevars-service-content-inner:hover .dilevars-service-content p {
  color: black;
}

.services-style-1 .dilevars-service-content-inner:hover .dilevars-service-icon i {
  color: #ffffff;
}

.services-style-1 .dilevars-service-content-inner:hover .dilevars-service-title h3 {
  color: #ed6e1e;
}

.services-style-1 .dilevars-link {
  padding: 3px 16px;
  text-align: center;

  display: inline-block;
  background: #ffffff;
  color: black;
  background: linear-gradient(to left, #ed6e1e 50%, white 50%);
  background-size: 200% 100%;
  background-position: left bottom;
  transition: all 2s ease;
}

.services-style-1 .dilevars-service-content-inner:hover .dilevars-link {
  background-position: right bottom;
  color: white;
}

.aboutserviceBox {
  padding: 15px 10px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  transition: all 0.49s ease 0s;
}

.aboutserviceBox:hover {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.3);
}

.aboutserviceBox .aboutservice-icon {
  background: #e8e8e8;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  text-align: center;
  float: left;
  transition: all 0.49s ease 0s;
  padding: 10px;
}

.theme-heading .text::before {
  content: '>' !important;
  font-family: 'Arial';
}

.aboutserviceBox .aboutservice-icon svg {
  font-size: 26px;
  fill: #bdbcbc;
  line-height: 50px;
  transition: all 0.49s ease 0s;
}

.aboutserviceBox:hover .aboutservice-icon {
  background: #ED6E1E
}

.aboutserviceBox:hover .aboutservice-icon svg {
  fill: #ffffff;
}

.aboutserviceBox .aboutservice-content {
  margin-left: 65px;
}

.aboutserviceBox .aboutservice-content h3 {
  color: hsl(0, 0%, 20%);
  font-size: 18px;
  font-weight: 600;
  margin: 10px 0;
}

.aboutserviceBox .aboutservice-content p {
  color: hsl(0, 0%, 47%);
  line-height: 1.6em;
}

.aboutserviceBox .read {
  color: #ee7002;
  text-decoration: none;
}

.aboutserviceBox .read i {
  font-size: 16px;
  margin-left: 10px;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;

}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666667%;
}

.col-xs-pull-10 {
  right: 83.33333333%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666667%;
}

.col-xs-pull-7 {
  right: 58.33333333%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666667%;
}

.col-xs-pull-4 {
  right: 33.33333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.66666667%;
}

.col-xs-pull-1 {
  right: 8.33333333%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666667%;
}

.col-xs-push-10 {
  left: 83.33333333%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666667%;
}

.col-xs-push-7 {
  left: 58.33333333%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666667%;
}

.col-xs-push-4 {
  left: 33.33333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.66666667%;
}

.col-xs-push-1 {
  left: 8.33333333%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666667%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666667%;
}

.col-xs-offset-7 {
  margin-left: 58.33333333%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.66666667%;
}

.col-xs-offset-1 {
  margin-left: 8.33333333%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 768px) {

  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-11 {
    width: 91.66666667%;
  }

  .col-sm-10 {
    width: 83.33333333%;
  }

  .col-sm-9 {
    width: 75%;
  }

  .col-sm-8 {
    width: 66.66666667%;
  }

  .col-sm-7 {
    width: 58.33333333%;
  }

  .col-sm-6 {
    width: 49%;
  }

  .col-sm-5 {
    width: 41.66666667%;
  }

  .col-sm-4 {
    width: 32.33333333%;
  }

  .col-sm-3 {
    width: 24%;
  }

  .col-sm-2 {
    width: 16.66666667%;
  }

  .col-sm-1 {
    width: 8.33333333%;
  }

  .col-sm-pull-12 {
    right: 100%;
  }

  .col-sm-pull-11 {
    right: 91.66666667%;
  }

  .col-sm-pull-10 {
    right: 83.33333333%;
  }

  .col-sm-pull-9 {
    right: 75%;
  }

  .col-sm-pull-8 {
    right: 66.66666667%;
  }

  .col-sm-pull-7 {
    right: 58.33333333%;
  }

  .col-sm-pull-6 {
    right: 50%;
  }

  .col-sm-pull-5 {
    right: 41.66666667%;
  }

  .col-sm-pull-4 {
    right: 33.33333333%;
  }

  .col-sm-pull-3 {
    right: 25%;
  }

  .col-sm-pull-2 {
    right: 16.66666667%;
  }

  .col-sm-pull-1 {
    right: 8.33333333%;
  }

  .col-sm-pull-0 {
    right: auto;
  }

  .col-sm-push-12 {
    left: 100%;
  }

  .col-sm-push-11 {
    left: 91.66666667%;
  }

  .col-sm-push-10 {
    left: 83.33333333%;
  }

  .col-sm-push-9 {
    left: 75%;
  }

  .col-sm-push-8 {
    left: 66.66666667%;
  }

  .col-sm-push-7 {
    left: 58.33333333%;
  }

  .col-sm-push-6 {
    left: 50%;
  }

  .col-sm-push-5 {
    left: 41.66666667%;
  }

  .col-sm-push-4 {
    left: 33.33333333%;
  }

  .col-sm-push-3 {
    left: 25%;
  }

  .col-sm-push-2 {
    left: 16.66666667%;
  }

  .col-sm-push-1 {
    left: 8.33333333%;
  }

  .col-sm-push-0 {
    left: auto;
  }

  .col-sm-offset-12 {
    margin-left: 100%;
  }

  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-sm-offset-1 {
    margin-left: 1.33333333%;
  }

  .col-sm-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 1024px) {

  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-pull-12 {
    right: 100%;
  }

  .col-md-pull-11 {
    right: 91.66666667%;
  }

  .col-md-pull-10 {
    right: 83.33333333%;
  }

  .col-md-pull-9 {
    right: 75%;
  }

  .col-md-pull-8 {
    right: 66.66666667%;
  }

  .col-md-pull-7 {
    right: 58.33333333%;
  }

  .col-md-pull-6 {
    right: 50%;
  }

  .col-md-pull-5 {
    right: 41.66666667%;
  }

  .col-md-pull-4 {
    right: 33.33333333%;
  }

  .col-md-pull-3 {
    right: 25%;
  }

  .col-md-pull-2 {
    right: 16.66666667%;
  }

  .col-md-pull-1 {
    right: 8.33333333%;
  }

  .col-md-pull-0 {
    right: auto;
  }

  .col-md-push-12 {
    left: 100%;
  }

  .col-md-push-11 {
    left: 91.66666667%;
  }

  .col-md-push-10 {
    left: 83.33333333%;
  }

  .col-md-push-9 {
    left: 75%;
  }

  .col-md-push-8 {
    left: 66.66666667%;
  }

  .col-md-push-7 {
    left: 58.33333333%;
  }

  .col-md-push-6 {
    left: 50%;
  }

  .col-md-push-5 {
    left: 41.66666667%;
  }

  .col-md-push-4 {
    left: 33.33333333%;
  }

  .col-md-push-3 {
    left: 25%;
  }

  .col-md-push-2 {
    left: 16.66666667%;
  }

  .col-md-push-1 {
    left: 8.33333333%;
  }

  .col-md-push-0 {
    left: auto;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 1200px) {

  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-11 {
    width: 91.66666667%;
  }

  .col-lg-10 {
    width: 83.33333333%;
  }

  .col-lg-9 {
    width: 75%;
  }

  .col-lg-8 {
    width: 66.66666667%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }

  .col-lg-3 {
    width: 25%;
  }

  .col-lg-2 {
    width: 16.66666667%;
  }

  .col-lg-1 {
    width: 8.33333333%;
  }

  .col-lg-pull-12 {
    right: 100%;
  }

  .col-lg-pull-11 {
    right: 91.66666667%;
  }

  .col-lg-pull-10 {
    right: 83.33333333%;
  }

  .col-lg-pull-9 {
    right: 75%;
  }

  .col-lg-pull-8 {
    right: 66.66666667%;
  }

  .col-lg-pull-7 {
    right: 58.33333333%;
  }

  .col-lg-pull-6 {
    right: 50%;
  }

  .col-lg-pull-5 {
    right: 41.66666667%;
  }

  .col-lg-pull-4 {
    right: 33.33333333%;
  }

  .col-lg-pull-3 {
    right: 25%;
  }

  .col-lg-pull-2 {
    right: 16.66666667%;
  }

  .col-lg-pull-1 {
    right: 8.33333333%;
  }

  .col-lg-pull-0 {
    right: auto;
  }

  .col-lg-push-12 {
    left: 100%;
  }

  .col-lg-push-11 {
    left: 91.66666667%;
  }

  .col-lg-push-10 {
    left: 83.33333333%;
  }

  .col-lg-push-9 {
    left: 75%;
  }

  .col-lg-push-8 {
    left: 66.66666667%;
  }

  .col-lg-push-7 {
    left: 58.33333333%;
  }

  .col-lg-push-6 {
    left: 50%;
  }

  .col-lg-push-5 {
    left: 41.66666667%;
  }

  .col-lg-push-4 {
    left: 33.33333333%;
  }

  .col-lg-push-3 {
    left: 25%;
  }

  .col-lg-push-2 {
    left: 16.66666667%;
  }

  .col-lg-push-1 {
    left: 8.33333333%;
  }

  .col-lg-push-0 {
    left: auto;
  }

  .col-lg-offset-12 {
    margin-left: 100%;
  }

  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

.related-thumb img {
  height: 180px !important;
  object-fit: cover;
  overflow: hidden;
}

.sidr-class-dropdown-menu ul a:before {
  font-family: "Arial" !important;
  content: "-" !important;
}

@media only screen and (max-width:414px) {
  #featuredSERV {
    display: none;
  }

}

@media screen and (min-width: 415px) and (max-width: 768px) {

  .section-title:before {
    bottom: -34px;
  }

  .dilevars-service-content p {
    color: white;
    font-size: 13px;
  }

  .dilevars-service-title h3 {
    font-size: 15px;
  }

  .services-style-1 .dilevars-service-content-inner {
    padding: 15px;
  }

  body .oceanwp-row .span_1_of_5 {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .has-transparent-header .page-header {
    background-image: none !important;
  }

  .hide-tablet-mobile {
    display: none !important;
  }

  .mt-sm-5{
    margin-top: 50px;
  }
}