/* COMMON CSS */

.slide_btn a,.slide_btn a:hover,#slider .slider-box h2,#slider .carousel-control-next-icon,#slider .carousel-control-prev-icon,.slider-box h6,.about-box h5,.abou_btn a,#brands h3,#brands p,#brands button.owl-prev, #brands button.owl-next,#counter h4,#counter h5,.box-content a:hover,.box-content a,.date-month a,.volunteer-box a:hover,.abou_btn a:hover,.volunteer-slider-box h5,.projects-box h4,.project_btn a,.project_btn a:hover,#slider .slider-box p,.box-content p,.topbar_section p,.topbar_section span,.socialbox i,.logo h1 a,.logo p,#footer h3,#footer ul li a,.widget_calendar tbody a:hover,.widget_calendar tbody a:focus,.widget_calendar tbody a,#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th,.widget_calendar caption,.copyright p,#footer,#return-to-top:hover i,#sidebar .tagcloud a:hover,.site-footer .tagcloud a:hover,#sidebar input[type="submit"],.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.volunteer_btn a:hover,.career_btn a:hover,.volunteer_btn a,.career_btn a,#counter button.owl-prev, #counter button.owl-next { 
  color: #fff;
}
#slider span.carousel-control-next-icon:hover,#slider span.carousel-control-prev-icon:hover,.slide_btn a,.about-box h5,.abou_btn a,.about_box_img,#brands,#testimonials button.owl-dot.active,#counter,#team button.owl-dot.active,.box-content h4:hover,.date-month,#latest_news button.owl-dot.active,#volunteer button.owl-dot.active,.project_btn a,.topbar_section,.logo,.main-navigation li:after,.widget_calendar tbody a:hover,.widget_calendar tbody a:focus,.widget_calendar tbody a,#return-to-top,#sidebar .tagcloud a:hover,.site-footer .tagcloud a:hover,#sidebar input[type="submit"],.woocommerce ul.products li.product .onsale, .woocommerce span.onsale,.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,nav.woocommerce-MyAccount-navigation ul li,.volunteer_btn a,.career_btn a,#company_info button.owl-dot.active{
  background: #fe651f;
}
.client-box h5 span,.client-box i.fas.fa-quote-right,#brands button.owl-prev:hover, #brands button.owl-next:hover,.team-box h6,.contact-info-box h4,.lower-new-box i,.title-box h2,.header-info h6,.header-info i,.main-navigation .current_page_item > a,.main-navigation .current-menu-item > a,.main-navigation a:hover,.main-navigation ul ul li:hover > a,#footer ul li a:hover,#sidebar caption,#sidebar td,#sidebar th,#sidebar select ,#sidebar td#prev a,a.showcoupon,.woocommerce-message::before{
  color: #fe651f;
}

/* SLIDER */

#slider,#footer{ 
  background: #2d3346;
}
#slider img {
  width: 100%;
  opacity: 0.2;
}
.slide_next_image img{
  width: auto !important;
  height: 100%;
}
#slider .slider-box h2 {
  font-size: 42px;
}
#slider .slider-box p {
  font-size: 15px;
}
.slider-box h6 {
  background: rgb(0 0 0 / 32%);
  font-size: 12px;
  letter-spacing: 4px;
}
#slider .slider-box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 60%;
}
#slider .carousel-caption {
  top: 0;
  bottom: inherit;
  text-align: left;
  left: 0;
  right: 0;
  margin: 0 !important;
  padding: 0 !important;
  bottom: 0;
}
#slider .carousel-prev-button {
  position: absolute;
  left: 0px;
  top: 50%;
}
#slider .carousel-next-button{
  position: absolute;
  right: 0px;
  top: 50%;
}
#slider .carousel-control-next-icon, .carousel-control-prev-icon {
  height: auto;
  background-image: none!important;
  width: auto;
  transform: rotateZ(90deg);
}
#slider .carousel-control-next-icon,#slider .carousel-control-prev-icon {
  background-color: #3a3d47;
}
#slider span.carousel-control-prev-icon,.contact-info-box {
  border-top: solid 3px #fe651f;
}
#slider span.carousel-control-next-icon{
  border-bottom: solid 3px #fe651f;
}
#slider span.carousel-control-next-icon:hover,
#slider span.carousel-control-prev-icon:hover{
  border-color: #fff;
}

/* COMAPANY INFO */

#company_info {
  margin-top: -4em;
}
.info-box,.contact-info-box {
  background: #fff;
  box-shadow: 0 4px 4px 2px #eee;
}
.info-box h5,.service-box h4 {
  font-size: 16px;
}
.info-box hr,#service hr,#testimonials hr,#team hr,.contact-info-box hr,#latest_news hr,#projects hr,#career_job hr{
  border-top: 2px solid #fe651f;
  width: 30%;
}
#company_info .owl-dots{
  display: none;
}

/* SERVICES */

#service hr,#testimonials hr,#brands hr,#team hr,.contact-info-box hr,#latest_news hr,#projects hr,#career_job hr{
  width: 15%;
}
.service-box {
  border: solid 1px #e9eaea;
}

/* ABOUT US */

#about,#volunteer {
  background: #efefef;
}
.about-box h5 {
  font-size: 12px;
  letter-spacing: 4px;
}
.about-box h3 {
  font-size: 40px;
}
.about-box p {
  line-height: 35px;
  font-size: 16px;
}
#about .owl-carousel .owl-nav.disabled,#brands .owl-carousel .owl-nav.disabled,#counter .owl-carousel .owl-nav.disabled{
  display: block;
}
#about button.owl-prev,#about button.owl-next  {
  background: #0d2261;
  padding: 12px;
  border: none;
  color: #fff;
}
#about .owl-nav.disabled {
  position: absolute;
  bottom: 0;
  right: 0;
}
#about .owl-item.active {
  position: relative;
  top: 35px;
  left: 30px;
}

/* BRANDS */

#brands hr {
  border-top: 2px solid #fff;
}
#brands button.owl-prev, #brands button.owl-next, #counter button.owl-prev, #counter button.owl-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgb(255 255 255 / 25%);
  border: none;
  padding: 10px 15px;
}
#brands button.owl-prev,#counter button.owl-prev {
  left: -50px;
}
#brands button.owl-next,#counter button.owl-next{
  right:-50px;
}
#brands button.owl-prev:hover, #brands button.owl-next:hover, #counter button.owl-prev:hover, #counter button.owl-next:hover {
  background: #fff;
}

/* TESTIMONIALS */

.client-box img {
  display: inline-block !important;
  margin-top: -100px;
  width: 80px !important;
  height: 80px !important;
  border: solid 3px #fe651f;
  border-radius: 50%;
}
.client-box {
  box-shadow: 0 0 20px 5px #eee;
}
.client-box i.fas.fa-quote-right {
  float: right;
  margin-top: -65px;
  font-size: 40px;
}
.client-box h5,.contact-info-box h4 {
  font-size: 16px;
}
.client-box h5 span {
  font-size: 14px;
  font-weight: 500;
}
#testimonials button.owl-dot,#team button.owl-dot,#latest_news button.owl-dot,#volunteer button.owl-dot,#company_info button {
  background: #b0bccb;
  width: 20px;
  height: 6px;
  border: none;
  margin-right: 5px;
}
#testimonials .owl-dots,#latest_news .owl-dots {
  text-align: center;
}

/* COUNTER */

#counter h5,.team-box h6,.box-content p {
  font-size: 15px;
  font-weight: 600;
}

/* TEAM */

.box{
  overflow: hidden;
  position: relative;
}
.box:before,
.box:after{
  content: "";
  background: #333;
  transform: scale(0);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.5s ease 0s;
}
.box:after{
  background: #000;
  border: 1px solid #aaa;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  transition: all 0.5s ease 0.2s;
}
.box:hover:before{
  opacity: 0.5;
  transform: scale(1);
}
.box:hover:after{
  opacity: 0.35;
  transform: scale(1);
}
.box img{
  width: 100%;
  height: auto;
}
.box .box-content{
  color: #fff;
  width: 85%;
  filter: blur(5px);
  opacity: 0;
  transform: translateX(-50%) translateY(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transition: all 0.4s ease 0.3s;
}
.box:hover .box-content{
  filter: blur(0);
  opacity: 1;
}
.box-content h4 {
  background: rgb(255 255 255 / 17%);
  padding: 10px 0;
}
.box-content i {
  width: 35px;
}
.team-box h4{
  font-size: 18px;
}

/* CONATCT & MAP */

#contact .contact-box{
  position: relative;
}
#contact .map-box {
  position: absolute;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
}
.contact-border{
  border-top: solid 1px #e9eaea;
  border-bottom: solid 1px #e9eaea;
}

/* CAREERS & JOBS */

.career-box {
  border: solid 1px #e9eaea;
  border-left: 5px solid;
}
.career-job-box1{
  border-left-color: #9788d2;
}
.career-job-box2{
  border-left-color: #1ba5ff;
}
.career-job-box3{
  border-left-color: #2dafb4;
}
.career-job-box4{
  border-left-color: #f45a5a;
}
.career-job-box5{
  border-left-color: #a2b34e;
}
.career-job-box6{
  border-left-color: #fc9700;
}
.career-job-box1 h6,.career-job-box1 span {
  color:#9788d2!important;
}
.career-job-box2 h6,.career-job-box2 span{
  color: #1ba5ff!important;
}
.career-job-box3 h6,.career-job-box3 span{
  color: #2dafb4!important;
}
.career-job-box4 h6,.career-job-box4 span{
  color: #f45a5a!important;
}
.career-job-box5 h6,.career-job-box5 span{
  color: #a2b34e!important;
}
.career-job-box6 h6,.career-job-box5 span{
  color: #fc9700!important;
}
.career-box h6,.career-box span {
  font-size: 14px;
  font-weight: 500;
  color: transparent;
}
.career-box a{
  display: block;
}

/* VOLUNTEER */

.volunteer-box h3 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}
.volunteer-box a:hover,.abou_btn a:hover,.project_btn a:hover,.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover,.volunteer_btn a:hover,.career_btn a:hover,slide_btn:hover {
  background: #4a4f55;
}
.volunteer-box a,.abou_btn a,.project_btn a,.volunteer_btn a,.career_btn a,.slide_btn a {
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 600;
}
.volunteer-slider-box h5 {
  position: absolute;
  bottom: 0;
  background-image: linear-gradient(rgb(0 0 0 / 13%), rgb(0 0 0 / 83%));
  font-size: 16px;
  width: 100%;
  font-weight: 600;
}

/* LATEST NEWS */

.lower-new-box .entry-author a {
  color: #4a4f55 !important;
}
.lower-new-box h4 {
  font-weight: 500;
  font-size: 20px;
}
.box-button a,.service_btn a {
  border-bottom: solid 2px;
  font-weight: bold;
}
.datebox {
  position: relative;
  margin-top: -70px;
  background: #fff;
  display: inline-block;
  float: right;
}
.date-day a {
  font-size: 25px;
  font-weight: bold;
  color: #4a4f55;
}
.img-box img {
  width: 100%;
}