/*@import url('../fonts/Timmons/TimmonsRegular.woff2');*/

/*---------------------------------------
  00. DEFAULT CSS
----------------------------------------*/

* { margin: 0; padding: 0; }
body, html { font-family: 'Roboto', sans-serif; background-color: #10181b; color: #10181b; }
#particles-js { position: fixed; top: 50%; left: 50%; z-index: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.divBack{ background-color:rgba(16,24,27,0.8); } /**/
.divBackWDark{ background-color: rgba(16,24,27,1) !important; }
.divBackWhite{ background-color: #fff; }
.yellow { color: #fbb03b !important; }
.ptb_120 { padding: 120px 0; }
.ptb_60 { padding: 60px 0; }
.mt_20 { margin-top: 20px; }
.mb_30 { margin-bottom: 30px; }
.mb_40 { margin-bottom: 40px; }
.mt_40 { margin-top: 40px; }
.mb_60 { margin-bottom: 60px; }
.mt_5p { margin-top: 5%; }
.c_w_l { text-transform: uppercase;font-weight: lighter; }
.hideHeader { transition: all 0.3s ease 0s; display: none; }
.errorfield { border-bottom: 1px solid #FF9494 !important; }
/*---------------------------------------
  01. RESET CSS
----------------------------------------*/
img, .img{ max-width: 100%; transition: all 0.3s ease-out 0s; }

a, 
.button { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
a:focus,
.button:focus { text-decoration: none; outline: none; }

a:focus,
a:hover,
.portfolio-cat a:hover,
.footer-menu li a:hover { color: #D6B161; text-decoration: none; }

a,
button { outline: medium none; color: #4FC1F0; }
.uppercase { text-transform: uppercase;}
.capitalize { text-transform: capitalize; }
h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Dosis', sans-serif; font-weight: normal; color: #232332; margin-top: 0px; font-style: normal; font-weight: 300; letter-spacing: 1px; text-transform: uppercase; }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { color: inherit; }

h1 { font-size: 40px; font-weight: 500; }
h2 { font-size: 35px; }
h3 { font-size: 28px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
/*ul { margin: 0px; padding: 0px; }*/
/*li { list-style: none }*/
p { font-size: 14px; font-weight: normal; line-height: 24px; color: #7e7e7e; margin-bottom: 15px; }
hr{ margin: 60px 0; padding: 0px; border-bottom: 1px solid #eceff8; border-top: 0px; }
label { color: #7e7e7e; cursor: pointer; font-size: 14px; font-weight: 400; }
*::-moz-selection { background: #d6b161; color: #fff; text-shadow: none; }
::-moz-selection { background: #d6b161; color: #fff; text-shadow: none; }
::selection { background: #d6b161; color: #fff; text-shadow: none;}
*::-moz-placeholder { color: #555555; font-size: 14px; opacity: 1; }
*::placeholder { color: #555555; font-size: 14px; opacity: 1; }


body>.overlay {
    position: fixed;
    z-index: 7;
    background: #000;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

body, body>.overlay, html {
    height: 100%;
}

body.oh>.overlay {
    visibility: visible;
    opacity: .5;
}

/*---------------------------------------
  02. HEADER CSS
----------------------------------------*/

header.archeTechHeader {position: fixed; top: 0; left: 0; z-index: 10; width: 100%; }
header.archeTechHeader.fixed {background: #10181b!important; box-shadow: 0 2px 2px -2px #d7d7d7; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; top: 0; }
header.archeTechHeader nav.navbar {padding: 20px 0 10px; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
header.archeTechHeader.fixed nav.navbar {padding: 1px 0; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
header.archeTechHeader nav>a.navbar-brand {width: 220px; }
header.archeTechHeader nav>a.navbar-brand>svg {width: 100%; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
header.archeTechHeader.fixed nav>a.navbar-brand>svg {transform: scale(.7); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
header.archeTechHeader nav>a.navbar-brand:hover>svg {transform: scale(.8); transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; }
header.archeTechHeader nav.navbar-light ul.navbar-nav>li.nav-item a.nav-link {color: #fff; font-size: 12px; line-height: 18px; text-transform: uppercase; font-weight: 600; padding: 8px 15px; }
header.archeTechHeader.fixed nav.navbar-light ul.navbar-nav>li.nav-item a.nav-link {color: #fff; }
header.archeTechHeader nav.navbar-light .formWrapper>.getEstimationbtn {padding: 10px; text-transform: capitalize; letter-spacing: 0; font-weight: 600; height: 40px; }
header.archeTechHeader nav.navbar-light .formWrapper>.getEstimationbtn:hover {background: #fbb03b; color: #10181b; }

/*---------------------------------------
  03. NAV BAR CSS
----------------------------------------*/

.responsiveBtn {display: none; } 
@media only screen and (max-width: 991px) {.responsiveBtn {display: block; } } 
.responsiveBtn>span {float: left; line-height: 26px; transition: all .3s; } 
nav span.navbar-toggler {cursor: pointer; margin-top: 0; margin-left: 20px; background: 0 0; border: transparent; outline: 0; width: 30px; height: 30px; display: block; position: relative; padding: 0; z-index: 1; }
nav span.navbar-toggler.collapsed .line {background: #fff; }
nav span.navbar-toggler .line {display: block; width: 100%; position: absolute; left: 0; background: #fff; height: 2px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; top: 0; } 
nav span.navbar-toggler.collapsed .line:first-child{top:7px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
nav span.navbar-toggler .line:first-child{top:14px;left:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
nav span.navbar-toggler .line:nth-child(2){visibility:hidden;display:none}
nav span.navbar-toggler.collapsed .line:nth-child(2){top:16px;visibility:visible;display:block}
nav span.navbar-toggler.collapsed .line:nth-child(3){top:24px;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
nav span.navbar-toggler .line:nth-child(3){top:14px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

.btn {z-index: 5; padding: 18px 20px; background: #10181b; font-size: 15px; line-height: 16px; letter-spacing: 3px; font-weight: 500; color: #fff ; border: 2px solid #fbb03b ; height: 54px; min-width: 200px; display: inline-block; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; text-transform: uppercase; text-align: center; }

/*---------------------------------------
  04. HOME BAR CSS
----------------------------------------*/

.HomeBanner {position: relative; padding: 200px 0 0; height: 100vh; }
.HomeBanner>div .BannerTextwrap>span {font-size: 18px; line-height: 30px; color: #fff; margin-bottom: 25px; display: block; }
.HomeBanner>div .BannerTextwrap>span>span.dash {width: 85px; display: block; height: 5px; background: #fbb03b; margin-top: 10px; }
.HomeBanner>div .BannerTextwrap>h1 {font-size: 47px; line-height: 55px; font-weight: 600; margin: 0 0 30px; color: #fff; }
.HomeBanner>div .BannerTextwrap .BtnScrollerWrapper {position: relative; display: inline-block; text-decoration: none; }
.HomeBanner>div .BannerTextwrap .BtnScrollerWrapper>a:hover {background: #fbb03b; color: #10181b; text-decoration: none; }

.HomeBanner>div .BannerImgwrap { margin-top: -70px; }

@media only screen and (max-width: 991px) { .HomeBanner>div .BannerImgwrap { margin-top: 0px; } } 

/*---------------------------------------
  05. ABOUT AREA CSS
----------------------------------------*/
.about_area {position: relative;}
.about_area_wrap { align-items: center; position: relative; }
.about_area_inner { visibility: visible;-webkit-transform: translateY(0) scale(1);opacity: 1;transform: translateY(0) scale(1);opacity: 1;-webkit-transition: -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }
.about_area_inner h1 { color: #10181b; text-transform: capitalize; font-size: calc((21 *(1em - 14px) - -2em - 1px)); line-height: 1.2; letter-spacing: 0; font-weight: 700; } 
.about_area_inner h1 .dash{width: 85px; display: block; height: 6px; background: #fbb03b; margin-top: 10px; }
.about_details p { color: #363636; font-size: calc((1 *(1em - 16px) - -2em - 11px)); line-height: 30px; letter-spacing: 0; }
.about_details p + p { margin-top: 15px; }
.about_details { margin-top: 50px; }
.about_thumb {  }
.about_thumb img { max-width: 100%; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1; transform: translateY(0) scale(1); opacity: 1; -webkit-transition: all 0.3s ease-out 0s, -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: all 0.3s ease-out 0s, transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }

.about_btn {text-decoration: none; display: inline-block; font-size: calc((-.99 *(1em - 13px) - -2em - 12px)); color: #10181b; line-height: 1; letter-spacing: 0; font-weight: 700; padding-bottom: 12px; position: relative; z-index: 2; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.about_btn:after, .about_btn:before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; height: 5px; width: 100%; background-color: #fbb03b; z-index: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.about_btn:after {width: 0; background-color: #10181b; }
.about_btn:hover {color: #10181b; }
.about_btn:hover:after {width: 100%; }
/*---------------------------------------
  06. SERVICES AREA CSS
----------------------------------------*/
.services_area { position: relative; }
.services_area_wrap { align-items: center; }
.services_area_wrap { position: relative; }
.services_area_inner { visibility: visible;-webkit-transform: translateY(0) scale(1);opacity: 1;transform: translateY(0) scale(1);opacity: 1; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }

.services_area_inner h1 { color: #10181b; text-transform: capitalize; font-size: calc((21 *(1em - 14px) - -2em - 1px)); line-height: 1.2; letter-spacing: 0; font-weight: 700; } 
.services_area_inner h1 .dash{width: 85px; display: block; height: 6px; background: #fbb03b; margin-top: 10px; }
.services_details p { color: #363636; font-size: calc((1 *(1em - 16px) - -2em - 11px)); line-height: 30px; letter-spacing: 0; }
.services_details p + p { margin-top: 15px; }
.services_details { margin-top: 50px; }
.services_thumb {  }
.services_thumb img { max-width: 100%; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1; transform: translateY(0) scale(1); opacity: 1; -webkit-transition: all 0.3s ease-out 0s, -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: all 0.3s ease-out 0s, transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }

.services_btn {text-decoration: none; display: inline-block; font-size: calc((-.99 *(1em - 13px) - -2em - 12px)); color: #10181b; line-height: 1; letter-spacing: 0; font-weight: 700; padding-bottom: 12px; position: relative; z-index: 2; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.services_btn:after, .services_btn:before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; height: 5px; width: 100%; background-color: #fbb03b; z-index: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.services_btn:after {width: 0; background-color: #10181b; }
.services_btn:hover {color: #10181b; }
.services_btn:hover:after {width: 100%; }
/*---------------------------------------
  07. APPROACH AREA CSS
----------------------------------------*/
.approach_area { position: relative; }
.approach_area_wrap { align-items: center; }
.approach_area_wrap { position: relative; }
.approach_area_inner { visibility: visible;-webkit-transform: translateY(0) scale(1);opacity: 1;transform: translateY(0) scale(1);opacity: 1; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }
.approach_area_inner .section_heading { text-align: center; align-items: center; }
.approach_area_inner h1 {  color: #10181b; text-transform: capitalize; font-size: calc((21 *(1em - 14px) - -2em - 1px)); line-height: 1.2; letter-spacing: 0; font-weight: 700; } 
.approach_area_inner h1 .dash{width: 85px; display: block; height: 6px; background: #fbb03b; margin-top: 10px; }
.approach_area_inner .approach_details p { text-align: center; color: #363636; font-size: 20px; line-height: 30px; letter-spacing: 0; }
/*---------------------------------------
  08. PORTFOLIO AREA CSS
----------------------------------------*/
.portfolio_area { position: relative; }
.portfolio_area_wrap { align-items: center; }
.portfolio_area_wrap { position: relative; }
.portfolio_area_inner { visibility: visible;-webkit-transform: translateY(0) scale(1);opacity: 1;transform: translateY(0) scale(1);opacity: 1; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }
.portfolio_area_inner .section_heading { text-align: center; align-items: center; }
.portfolio_area_inner h1 {  color: #10181b; text-transform: capitalize; font-size: calc((21 *(1em - 14px) - -2em - 1px)); line-height: 1.2; letter-spacing: 0; font-weight: 700; } 
.portfolio_area_inner h1 .dash{width: 85px; display: block; height: 6px; background: #fbb03b; margin-top: 10px; }
.portfolio_area_inner .portfolio_details p { text-align: center; color: #363636; font-size: 20px; line-height: 30px; letter-spacing: 0; }

.portfolio_area_inner .section_content .img-thumbnail-portfolio { display: inline-block; width: 100%; min-height: 175px; background-size: 100%; background-position: top; transition: all 1s ease; }
.portfolio_area_inner .section_content .img-thumbnail-portfolio:hover { background-size: 120%; transition: all 1s ease; }
.portfolio_area_inner .section_content .title-thumbnail { font-size: 18px; color: #10181b; margin: 15px 0; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; }
.portfolio_area_inner .section_content .title-thumbnail .dash{width: 85px; display: block; height: 6px; background: #fbb03b; margin-top: 10px; }
.portfolio_area_inner .section_content .des-thumbnail { color: #10181b; min-height: 65px; width: 100%; display: inline-block; }
.portfolio_area_inner .section_content .tags-thumbnail { display: inline-block; margin-top: 10px; }
.portfolio_area_inner .section_content .tags-thumbnail span { font-size: 13px; color: #fbb03b; margin-right: 5px; margin-bottom: 10px; display: inline-block; cursor: pointer; padding: 5px 15px; border: 1px solid #fbb03b; }
.box-border{ padding: 10px; border: .0625rem solid #cccffa; border-radius: 5px; }
.box-border:hover{ border: .0625rem solid #fbb03b; }

.BtnPortfolioWrapper .btn { text-transform: capitalize; background: #fff; color: #10181b; }

/*---------------------------------------
  09. WANT AREA CSS
----------------------------------------*/
.want_area { position: relative; }
.want_area_wrap { align-items: center; }
.want_area_wrap { position: relative; }
.want_area_inner { visibility: visible;-webkit-transform: translateY(0) scale(1);opacity: 1;transform: translateY(0) scale(1);opacity: 1; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }
.want_area_inner .section_heading { text-align: center; align-items: center; }
.want_area_inner .want-span{ color: #fff; font-weight: 500; }
.want_area_inner h1 { color: #fff; text-transform: capitalize; font-size: calc((21 *(1em - 14px) - -2em - 2px)); line-height: 1.2; letter-spacing: 0; font-weight: 600; margin-top: 20px; } 
.want_area_inner h1 .dash{width: 85px; display: block; height: 6px; background: #fbb03b; margin-top: 10px; }
.BtnWantWrapper .btn { text-transform: capitalize; background: #10181b; color: #fff;  }
.BtnWantWrapper .btn:hover { text-transform: capitalize; background: #fbb03b; color: #10181b; }
/*---------------------------------------
  10. TESTIMONIALS AREA CSS
----------------------------------------*/
.testimonials_area { position: relative; }
.testimonials_area_wrap { align-items: center; }
.testimonials_area_wrap { position: relative; }
.testimonials_area_inner { visibility: visible;-webkit-transform: translateY(0) scale(1);opacity: 1;transform: translateY(0) scale(1);opacity: 1; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }
.testimonials_area_inner .section_heading { text-align: center; align-items: center; }
.testimonials_area_inner h1 { color: #10181b; text-transform: capitalize; font-size: calc((21 *(1em - 14px) - -2em - 1px)); line-height: 1.2; letter-spacing: 0; font-weight: 600; margin-bottom: 20px; } 
.testimonials_area_inner h1 .dash{width: 85px; display: block; height: 6px; background: #fbb03b; margin-top: 10px; }
.testimonials_area_inner .testimonials_span { color: #666; font-weight: 500; font-size: 18px; }

.testimonial_para { color: #10181b; font-weight: 500; }
.testimonial_name { color: #10181b; text-transform: uppercase; font-weight: 600; }
.testimonial_name .dash{width: 85px; display: block; height: 3px; background: #fbb03b; margin-top: 5px; }
.testimonial_subtitle{color: #fbb03b; font-size: 12px; }
.testimonial_btn{background-color: #373d4b !important; color: #fff !important; }
.testimonial_link { color: #fbb03b; text-decoration: none; font-weight: 500; }
.testimonial_fa { color: #10181b; background-color: transparent; background: transparent; }
.navi a { color: #fbb03b; }
/*---------------------------------------
  11. CONTACT AREA CSS
----------------------------------------*/
.contact_area { position: relative; }
.contact_area_wrap { align-items: center; }
.contact_area_wrap { position: relative; }
.contact_area_inner { visibility: visible;-webkit-transform: translateY(0) scale(1);opacity: 1;transform: translateY(0) scale(1);opacity: 1; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }

.contact_area_inner h1 { color: #10181b; text-transform: capitalize; font-size: calc((21 *(1em - 15px) - -2em - 1px)); line-height: 1.2; letter-spacing: 0; font-weight: 700; } 
.contact_area_inner h1 .dash{width: 85px; display: block; height: 6px; background: #fbb03b; margin-top: 10px; }
.contact_details p { color: #363636; font-size: calc((1 *(1em - 16px) - -2em - 11px)); line-height: 30px; letter-spacing: 0; margin-bottom: 20px }

.contact_details { margin-top: 50px; }
.contact_thumb {  }
.contact_thumb img { max-width: 100%; visibility: visible; -webkit-transform: translateY(0) scale(1); opacity: 1; transform: translateY(0) scale(1); opacity: 1; -webkit-transition: all 0.3s ease-out 0s, -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; transition: all 0.3s ease-out 0s, transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }

.contact_btn {text-decoration: none; display: inline-block; font-size: calc((-.99 *(1em - 13px) - -2em - 12px)); color: #10181b; line-height: 1; letter-spacing: 0; font-weight: 700; padding-bottom: 12px; position: relative; z-index: 2; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.contact_btn:after, .contact_btn:before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; height: 5px; width: 100%; background-color: #fbb03b; z-index: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.contact_btn:after {width: 0; background-color: #10181b; }
.contact_btn:hover {color: #10181b; }
.contact_btn:hover:after {width: 100%; }
/*---------------------------------------
  12. FOOTER AREA CSS
----------------------------------------*/
.footer_area{ position: relative; }
.footer_area_wrap { position: relative; align-items: center; }
.footer_area_inner { text-align: center; visibility: visible;-webkit-transform: translateY(0) scale(1);opacity: 1;transform: translateY(0) scale(1);opacity: 1; -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s;transition: transform 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s, opacity 0.8s cubic-bezier(0.6, 0.2, 0.1, 1) 0s; }
.footer_area_inner .logo { bottom: 0; right: 0; left: 0; margin: 0 auto; width: max-content; }
.footer_area_inner nav { text-align: center; text-transform: capitalize; }
.footer_area_inner ul { list-style-type: none; margin: 0; padding: 0; }
.footer_area_inner ul li { display: inline-block; }
.footer_area_inner ul li a { display: block; padding: 30px 20px; text-decoration: none; color: #fff;  }
.footer_area_inner ul li a:hover { color: #fbb03b; background-color: transparent;}
.footer_area_inner .footer_to_top { text-align: center; margin-top: -20px; margin-bottom: 30px; }
.footer_area_inner .footer_to_top .link_to_top { background-color: #fbb03b; border-radius: 100%; color: #10181b; text-align: center;}
.footer_area_inner hr { border-bottom: 1px solid #fbb03b; }
.footer_area_inner p { color: #fff; text-transform: capitalize; text-align: center; }

.footer_area_inner .section_content h1 { color: #fff; text-transform: capitalize; font-size: calc((21 *(1em - 14px) - -2em - 1px)); line-height: 1.2; letter-spacing: 0; font-weight: 600;  margin-top: 30px; margin-bottom: 30px; }
.footer_area_inner .section_content p { color: #fff; font-weight: 500; font-size: 18px; margin-bottom: 40px; }

.openings_btn {text-decoration: none; display: inline-block; font-size: calc((-.99 *(1em - 13px) - -2em - 12px)); color: #fff; line-height: 1; letter-spacing: 0; font-weight: 700; padding-bottom: 12px; position: relative; z-index: 2; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.openings_btn:after, .openings_btn:before {content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; height: 5px; width: 100%; background-color: #fbb03b; z-index: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.openings_btn:after {width: 0; background-color: #fff; }
.openings_btn:hover {color: #10181b; }
.openings_btn:hover:after {width: 100%; }
/*---------------------------------------
  13. GOOGLE TRANSLATE CSS
----------------------------------------*/
#google_translate_element { margin-bottom:20px; }
.goog-te-gadget-simple { background-color: transparent !important; border: none !important; transition: all 0.3s ease 0s; }
.goog-te-gadget-simple:hover { background-color: transparent !important; border: #fbb03b 1px solid !important; }
.goog-te-gadget-icon { display: none; }
.goog-te-menu-value span { color: #fbb03b !important; }