/* header */
.topbar-area-5 .footer-icons {
   margin-top: 10px;
}

.topbar-area-5 .footer-icons ul {
   display: flex;
   justify-content: end;
}

.footer-icons ul li a {
   font-size: 15px;
   line-height: 30px;
   width: 30px;
   height: 30px;
   border-radius: 25%;
}

.main-menu ul.nav li ul.sub-menu li {
   display: flex;
   align-items: baseline;
   padding: 0px 10px;
}

.main-menu ul.nav li:hover ul.sub-menu li:hover {
   background: #fd5f16;
}

.main-menu ul.nav li:hover ul.sub-menu li:hover a,
.main-menu ul.nav li:hover ul.sub-menu li:hover i {
   color: #fff;
}

.main-menu ul.nav li ul.sub-menu li a,
.header-area.stick .main-menu ul.nav li ul.sub-menu li a {
   padding: 10px 7px;
}

.main-menu ul.nav li ul.sub-menu.products {
   width: 310px !important;
}

.main-menu ul.nav li .fa-caret-down {
   font-size: 18px;
   margin-left: 2px;
}

.mean-container .mean-nav ul li li a {
   padding: 1em 2%;
}

.header-area-2.stick {
   background: rgba(4, 38, 70, 0.95);
}

.topbar-area .footer-icons {
   margin-top: 10px;
}

/* Start Overview */
.single-client {
   float: none;
   width: 100%;
}

/* footer */
.copyright a:hover {
   text-decoration: underline;
   text-decoration-color: #fff;

}

footer {
   background: url(../img/background/bg1.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   z-index: 100;
   position: relative;
   overflow: hidden;
}

.footer-area {
   background: rgba(7, 19, 51, 0.9);
}

.footer-head p {
   text-align: justify;
}

.footer-area-bottom {
   border-top: 1px solid #fff;
}

.footer-contacts p {
   display: flex;
   align-items: baseline;
}

.footer-contacts p:hover i,
.footer-contacts p:hover {
   color: #fff;
}

.footer-contacts p i {
   font-size: 20px;
   margin-right: 15px;
   color: #fd5f16;
}

/* Start project Area  */
.awesome-img>a::after {
   background: rgba(0, 44, 87, 0.80);
}

/* Blog Area Start */
.blog-content .marker-list {
   padding-right: 112px;
}

.left-tags .left-side-tags ul li {
   display: block;
}

.popular-tag.left-blog ul li a {
   padding: 5px 32px;
}

.popular-tag.left-blog ul li:hover a {
   color: #0c0c55;
}

.popular-tag.left-blog ul li a:before {
   display: block;
}

.popular-tag.left-blog ul li a::before {
   left: 7px;
   top: 5px;
}

.marker-list li {
   text-align: justify;
}

.topbar-area .footer-icons ul {
   display: flex;
   justify-content: end;
}

.blog-title {
   margin-top: 0px;
   margin-bottom: 30px;
}

.blog-content a h4 {
   margin-top: 0px;
}

.video-text {
   display: block;
   margin-top: 40px;
}

.blog-content .project-dec {
   padding: 20px 12px 0px 2px;
}

.left-head-blog .popular-tag {
   background: #eef7f7;
   padding: 30px;
   border: 1px solid #040491;
}

.left-side-tags h4 {
   margin-bottom: 15px;
   padding-top: 0px;
   font-size: 25px;
   color: #150a5e;
}

/*  Team area start */
.team-title h4 {
   font-size: 18px;

}

/* services page css */
.video-text .section-headline::after {
   right: auto;
}

.video-page-area .section-headline {
   margin-bottom: 124px;
}

.video-text {
   margin-top: 24px;
}

.video-text .section-headline {
   margin-bottom: 60px;
}

.about-service p {
   padding-right: 45px;
   font-size: 18px;
   line-height: 1.6em;
}

.modify-step {
   font-weight: bold;
   color: #fd844b;
}

.side-image {
   width: 175px;
   height: 165px;
   overflow: hidden;
   margin-right: 30px;
   box-shadow: 0 0 10px #FFFFFF;
   transition: .5s;
   border-radius: 12px;
   box-shadow: 0 0 10px #b67533;
}

.side-image:hover {
   transform: scale(1.15);
}

/* <!-- Start Slider Area --> */
.intro-content::after {
   background: rgba(10, 27, 40, 0.3) none repeat scroll 0 0;
}


/* footer button */
.Pro-heading {
   color: #fff;
   text-align: center;
   font-size: 17px;
   margin-bottom: 5px;
}

.hanging-blog {
   position: fixed !important;
   display: none;
   bottom: 30px;
   right: 20px !important;
   z-index: 101;
   position: relative;
   animation: action 1s infinite alternate;
   width: 192px;
   background: rgba(17, 21, 86, 0.5);
   padding: 7px;
   transition: 0.1s;
}

.hanging-blog .hg-btn:hover::before,
.hanging-blog .hg-btn:hover::after {
   opacity: 1;
   transform: scale(1);
}


.hanging-blog .hg-btn::before {
   border-top: 3px solid #fd5f16;
   border-bottom: 3px solid #fd5f16;
   transform: scale(0, 1);
}

.hanging-blog .hg-btn::after {
   border-right: 3px solid #fd5f16;
   border-left: 3px solid #fd5f16;
   transform: scale(1, 0);
}

.hanging-blog .hg-btn::before,
.hanging-blog .hg-btn::after {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   content: '';
   opacity: 0;
   transition: opacity 0.35s, transform 0.35s;
}

.hanging-blog .hg-btn {
   margin-bottom: 2px;
   display: flex;
   align-items: baseline;
   padding: 0px 6px;
   width: 100%;
   background: #fff;
   overflow: hidden;
   position: relative;
   transition: 2s;
   z-index: 99;
   cursor: pointer;
}

.hanging-blog .hg-btn .hg-btn-text {
   color: #f45a0e;
   display: block;
   font-size: 10px;
   font-weight: 700;
   padding: 0px 0px 0px 3px;
}

.hanging-blog .hg-btn i {
   color: #f45a0e;
}



.hanging-blog .hg-btn:hover .hg-btn-text,
.hanging-blog .hg-btn:hover i {
   color: #1a1920 !important;
}

@keyframes action {
   0% {
      transform: translateY(0);
   }

   100% {
      transform: translateY(-15px);
   }
}



@media(max-width:768px) {
   .hanging-blog {
      right: 13px !important;
   }
}

@media(max-width:480px) {
   .hanging-blog {
      right: 8px !important;
   }


   .hanging-blog .hg-btn .hg-btn-text {
      top: -7px;
   }
}

/* footer button closed */
/* footer left box */

.left-box {
   position: fixed;
   bottom: 50px;
   z-index: 11;
   animation: action 1s infinite alternate;
   right: 17px;
   display: none;
   z-index: 101;
}

.left-box ul {
   display: flex;
   align-items: center;
   flex-direction: column;
}

.left-box .hg-btn {
   width: 35px;
   height: 35px;
   border: 2px solid #fff;
   border-radius: 50%;
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   margin-bottom: 5px;
}

.left-box .hg-btn:hover {
   border: 2px solid transparent;
}

.product-btn {
   background: #fd5f16;
}

.phone {
   background: #3838ed;
}

.whatsapp {
   background-color: #37b337;
   padding-top: 4px;
}

.fa-whatsapp:before,
.hg-btn .fa-phone:before,
.product-btn strong {
   color: #fff;
}

.product-btn strong {
   font-size: 22px;
}

.whatsapp .fa-whatsapp:before {
   font-size: 21px;
}

.phone .fa-phone:before {
   font-size: 15px;
}

.fixed-box {
   height: 80%;
   width: 360px;
   position: fixed !important;
   z-index: 99;
   overflow: auto;
   top: 76px;
   display: block !important;
   /* transition: all 0.5s ; */
}


/* product-page */
.blog-grid .services-all {
   margin-top: 0px;
}

.single-blog .blog-content {
   margin-top: 30px;
}

/* contact-us */
.contact-head {
   padding: 40px 40px;
   background-image: url(../img/about/contact-us1.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   border-radius: 8px;
   overflow: hidden;
   margin-bottom: 20px;
}

.contact-head.enquiry-blog {
   padding: 40px 40px;
   background-image: url(../img/about/enquiry-img.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   border-radius: 8px;
   overflow: hidden;
   margin-bottom: 20px;
}

.contact-head p {
   color: #3acfcf;
}

.contact-head h5,
.contact-head h3 {
   margin-bottom: 30px;
   color: #e3e1e1;
}

.contact-right {
   border-radius: 8px;
   overflow: hidden;
   height: 461px;
}

img {
   width: 100%;
   height: 100%;
}

.enquiry-blog2 {
   height: 728px;
}

/* Enquiry page css */

.quote-details .quote-btn {
   background: #fd5f16;
   border: 1px solid #fd5f16;
   color: #fff;
   padding: 10px 20px;
   font-size: 17px;
   font-weight: 700;
   text-transform: uppercase;
   display: block;
   width: 160px;
   transition: 0.4s;
}

.quote-details .quote-btn:hover {
   background: transparent;
   color: #fff;
   transition: 0.4s;
   border: 1px solid #fff;
}

.quote-details #contactForm input {
   border-radius: 0;
   height: 46px;
   margin-bottom: 20px;
   /* background: transparent; */
   color: #fff;
   border-color: #ddd;
}

.enquiry-blog .quote-details {
   padding: 4% 3%;
}

[data-overlay] {
   position: relative;
   background-size: cover;
   background-position: center center;
}


.pb-100 {
   padding-bottom: 100px;
}

.pt-100 {
   padding-top: 100px;
}

[data-overlay="7"]::before {
   content: "";
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 0;
   opacity: 0.7;
   background: rgba(10, 27, 40, 0.6) none repeat scroll 0 0;
   background: #dfe7f0;
}

.relative {
   position: relative;
}

.z-5 {
   z-index: 5;
}

.mb-40 {
   margin-bottom: 40px;
}

.text-center {
   text-align: center !important;
}

.mb-15 {
   margin-bottom: 15px;
}

.line-head {
   font-size: 15px;
   text-transform: uppercase;
   font-family: 'Montserrat', sans-serif;
   letter-spacing: .8px;
   font-weight: 500;
   position: relative;
   display: inline-block;
   line-height: 13px;
}

.line-head .line {
   position: absolute;
   width: 100px;
   height: 1px;
   background: #f45a0e;
}

.line-head .line.before {
   left: -119px;
   top: 50%;
}

.line-head .line.after {
   right: -119px;
   top: 50%;
}

.fancy-head h1 {
   font-weight: bold;
}

.mb-5 {
   margin-bottom: 5px !important;
}

.small-p {
   max-width: 400px;
   margin: auto;
}

.mt-10 {
   margin-top: 10px;
}

.mb-30 {
   margin-bottom: 30px;
}

.enquiry-form {
   max-width: 900px;
   margin: 0px auto;
}

.form-group {
   display: flex;
   align-items: flex-start;
}

label {
   width: 30%;
   color: #f45a0e;
}

.require {
   width: 70%;
   display: flex;
   align-items: center;
}

.require input {
   width: 79%;
   margin-right: 20px;
}

.form-control {
   display: block;
   padding: .375rem .75rem;
   font-size: 18px;
   line-height: 1.5;
   color: #fff;
   ;
   background-color: rgba(0, 0, 0, 0.6);
   background-clip: padding-box;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.shadow-5 {
   box-shadow: 0px 5px 19px -7px rgba(0, 0, 0, 0.15);
}

.input-white {
   border: none;
   position: relative;
   border-radius: 0px;
   padding: 0px 33px;
}

.input-white+i {
   position: absolute;
   right: 156px;
   font-size: 17px;
   top: 13px;
   font-size: 17px;
   color: #f45a0e;
   ;
}

.blob-submit {
   margin: 10px;
}

.blob-reset {
   margin: 10px
}

/* .transform-v-center {
       top: 25%;
       transform: translateY(-25%);
} */

textarea.input-white {
   padding-top: 20px;
}

.btn-square {
   padding: 17px 45px;
   line-height: 1;
   font-size: 14px;
   font-weight: 600;
   color: #fff;
   text-transform: uppercase;
   letter-spacing: 2px;
   border-radius: 0;
   background: #f45a0e;
}

.ml-20 {
   margin-left: 20px;
}

/* clients */
.payment-history-area {
   background: url(../img/slider/s1.jpg);
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   z-index: 1;
   position: relative;
   overflow: hidden;
   border-top: 10px solid #fd5f16;
   margin: 50px 0px;
}

.area-padding-2 {
   padding: 100px 0px 70px;
}

.payment-history-area::after {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgba(6, 34, 65, 0.90) none repeat scroll 0 0;
   content: "";
   z-index: -1;
}

.payment-history-area h3 {
   color: #fff;
}

.deposite-content {
   position: relative;
}

.clients-box {
   width: 100%;
   margin: 0 auto;
   margin-bottom: 0px;
   background: #f5f5f5;
   padding: 40px;
   margin-bottom: 30px;
   position: relative;
}

.clients-box h4 {
   display: inline-block;
   font-size: 26px;
   background: #ea7a46;
   padding: 10px 30px;
   margin-bottom: 25px;
   border-radius: 3px;
   color: #fff;
}

.clients-box span {
   float: right;
   font-size: 28px;
   color: #fff;
   background: #ea7a46;
   padding: 10px 20px;
   border-radius: 3px;
   line-height: 32px;
}

.clients-box::after {
   position: absolute;
   content: "";
   left: 0;
   top: 0px;
   width: 100%;
   height: 5px;
   background: #ea7a46;
}

.clients-content table {
   font-family: arial, sans-serif;
   border-collapse: collapse;
   width: 100%;
}

.clients-content td,
.clients-content th {
   border: 1px solid #ccc;
   text-align: left;
   padding: 5px 15px;
   width: 33.33%;
}

.clients-content td i {
   margin-right: 10px;
}

.clients-content tr:nth-child(2n) {
   background-color: #E9EBEC;
}

.clients-table table tbody tr td:hover,
.clients-table table tbody tr td:hover i {
   color: #fd5f16;
}