/**
* Stylesheet:  style.css
* Theme:       AutoWash - Car Wash & Car Repair HTML5 Responsive Template
* Version:     1.0
* Author:     	Theme Garbage
* URL:         https://themeforest.net/user/themegarbage
* 
*/
/* Table of contents
=========================
1.Preloader
2.Scrollup
3.Header Section
4.Menu  Section
5.Slider Section
6.Title Section
7.About Section
8.Service Section
9.Count Up Section 
10.Why Choose Us Section
11.Call To Action Section
13.Blog Section
14.Sidebar Section
15.Testimonial Section
16.Page Heading Section
17.Team section
18.About Page
19.Contact Page
20.Footer Section 
21.Appoitment Section
===========================*/

/*------------------*/
/*Theme default CSS
/*------------------*/
* {
   margin: 0;
   padding: 0;
   border: 0;
   outline: none; }

   html,
   body {
      height: 100%;
      font-size: 16px;
      color: #808080;
      font-family: 'Open Sans', sans-serif;
      vertical-align: baseline;
      line-height: 26px;
      background:#fff;
   }
   a:focus {
      outline: 0px solid;
   }
   img {
      max-width: 100%;
      height: auto;
   }
   p {
      margin: 0 0 22px;
   }
   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
      margin: 0 0 20px;
      font-weight: 600;
      font-family: 'Roboto', sans-serif;
      color: #000000;
   }

   h1 {
      font-size: 32px;
   }
   h2 {
      font-size: 22px;
   }
   h3 {
      font-size: 18px;
   }

   a {
      transition: all 0.5s ease-out;
      text-decoration: none;color:#000000
   }
   a:active,
   a:hover {
      outline: 0 none;
      color: #000;text-decoration:none
   }
   ul {
      list-style: outside none none;
      margin: 0;
      padding: 0;
   }

   ::-moz-selection {
      background: #fab909;
      text-shadow: none;color:#fff
   }
   ::selection {
      background: #fab909;
      text-shadow: none;color:#fff
   }
   textarea:focus, input:focus{
      outline: none;
   }
   .slider-overlay {
      background-color: rgba(0, 0, 0, 0.2);
      height: 100%;  width: 100%;
      position: absolute;
      top: 0;z-index:1

   }
   .images-overlay {
      background-color: rgba(18, 188, 0, 0.96);
      height: 100%;
      position: absolute;
      top: 0;
      width: 100%;
   }
   .pt-100{padding-top:100px}
   .pb-100{padding-bottom:100px}
   .pt-50{padding-top:50px}
   .pb-80{padding-bottom:80px}
   .pb-70{padding-bottom:70px}
   .pb-20{padding-bottom:20px}
   .pb-50{padding-bottom:50px}
   .bg-gray{background:#ececec}
/*
1.Preloader
============================*/
#preloader {
   position: fixed;
   top: 0;
   left: 0;
   background-color: #fff;
   z-index: 9999999;
   right: 0;
   bottom: 0;
}
#preloader-status {
   height: 210px;
   width: 210px;
   background: url(../img/preloader.gif);
   background-repeat: no-repeat;
   background-position: center;
   margin: -100px 0 0 -100px;
   position: absolute;
   left: 50%;
   top: 50%;	
}

/*
2.Scrollup
==============*/
#scrollUp {
   background: #fab909 none repeat scroll 0 0;
   border-radius: 100%;
   bottom: 5px;
   color: #fff;
   font-size: 25px;
   height: 40px;
   right: 20px;
   text-align: center;
   text-decoration: none;
   width: 40px;
}
#scrollUp:hover {
   opacity: 1;
   color: #fff!important;
   background:#d9ba03;
}
#scrollUp i {
   display: block;
   font-weight: bold;
   padding-top: 6px;
}

/*
3.Header Section
==================*/
.hd-sec {
   padding: 6px 0;
}
.hd-lft li {
   color: #f9f9f9;
   display: inline-block;
   padding-right: 30px;
   position: relative;
   font-size: 14px;
}
.hd-lft li i{margin-right:10px;color:#fab909}
.hd-rgt{float:right}
.hd-rgt li {display:inline-block;position:relative}
.hd-rgt li a {
   color: #f9f9f9;
   font-size: 14px;
   margin-left: 20px;
   position: relative;
   text-transform: capitalize;
   transition: all 0.36s ease-out 0s;
}
.hd-rgt li a:hover{color:#f9f9f9}

/*
4.Menu  Section
=================*/

.logo {
   padding-top: 13px;
   padding-right: 30px; 
   transition: all 0.36s ease-out 0s;
   position:relative;
   z-index:2
}
.mnmenu-sec {
   background: rgba(221, 221, 221, 0.0);

}
.main-menu > ul {
   float: right;
   list-style: none outside none;
   margin: 0;
   padding-right: 50px;
   position: relative;
}
.main-menu ul li {
   display:inline-block;
   padding : 0;
   position : relative;
}
.main-menu >ul>li>a{
   display: block;
   font-size: 16px;
   font-weight: bold;
   padding: 34px 16px;
   text-decoration: none;
   text-transform: capitalize;
   transition: all 0.4s ease 0s;position:relative;
   color:#fff;
}
.main-menu ul li ul:hover .main-menu ul li > a{
   background: #ddd;
}
.main-menu ul li a:hover {
   transition : all 0.4s 0s ease;
   color:#fab909
}

.main-menu ul ul {
   background: #fab909 none repeat scroll 0 0;
   left: 0;
   opacity: 0;
   position: absolute;
   text-align: left;
   transform: scale(0);
   transform-origin: 0 0 0;
   transition: all 0.3s ease 0s;
   visibility: hidden;
   z-index: 99999;
   top:94px;
}
.main-menu ul ul li {
   float : none;
   width : 200px;
}
.hd-style1 .main-menu > ul > li > a{color:#000000}
.main-menu ul ul li a {
   padding: 6px 19px;
   color: #000000;
   display: inline-block;
   font-weight: 600;
   font-size: 14px;
   text-transform: capitalize;
   width:100%
}
.main-menu ul ul li a:hover {
   background:#fff
}


.main-menu ul ul ul {
   top : 0;
   left : 100%;
}
.main-menu ul li:hover ul {	
   visibility: visible;
   transition: all 0.4s ease 0s; 
   opacity: 1;transform: scale(1);
}

.main-menu ul li a:hover {   
   color: #fab909;
}

.main-menu ul li a i {
   font-size: 13px;
   margin-left: 6px;
   color: #fff;
}
.menu-icon {
   display: inline-block;
   padding: 34px 0px;
   position: absolute;
   right: 15px;
   top: 0;
}
.site-search {
   display: inline-block;
   width: 30px;
   height: 30px;
   text-align: center;
   background: #000000;
   line-height: 27px;
}
.site-search i {
   color: #fff;
   cursor: pointer;
}
.search-forum > form {
   display: inline-flex;
   background: #fab909;
   padding: 10px;
}
.search-forum input[type=text] {
   padding: 10px;
}
.search-forum input[type="submit"] {
   padding: 10px;
   background: #000000;
   color: #fff;
}
.menu-icon:hover .search-forum {visibility:visible;transition: all 0.4s ease 0s;transform:scale(1);opacity:1;}
.search-forum {
   display: inline-block;
   left: -240px;
   opacity: 0;
   position: absolute;
   top:94px;
   transition: all 0.4s ease 0s;
   visibility: hidden;z-index:2;transform:scale(0)
}

.index1 .main-menu > ul > li > a {
   color: #fff;
}
.slider.index1 .slider-text{top:55%}

.hd-style1 .hd-sec{
   background:#000000;
   padding:0px;
}
.hd-style1 .hd-rgt {
   position: relative;
   z-index: 2;
   width: 100%;
   padding: 7px 0;
}
.hd-style1 .hd-lft{	padding: 6px 0;}
.hd-style1 .hd-rgt{text-align:center}
.hd-style1 .hd-rgt::before {
   background: #fab909 none repeat scroll 0 0;
   content: " ";
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   z-index: -1;
}
.hd-style1 .hd-rgt a {
   display: inline-block;
   color: #000000;
   text-transform: capitalize;
   font-weight: 600;
}

.hd-style1 .site-search i {
   color: #fff;
}
.mnmenu-sec.sticky_menu {
   background-color: #fff;
   left: 0;
   right: 0;
   top: 0;  
   position: fixed;
   z-index: 998;
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
}
.hd-style1 .main-menu ul li a i{color:#000000}
.slider.index2 .slider-text{top:50%}

/*
4.Home 2  Page
=================*/
/*header 2 */
.header2-sec{
   position: absolute;
   width: 100%;
   z-index: 9999;}
   .header2-sec .nav-menu {
      display: inline-block;
      width: 100%;
      background: #000000;
   }
   .header2-sec .mnmenu-sec.sticky_menu .nav-menu{
      display:inherit;
      background:inherit;
   }
   .header2-sec .mnmenu-sec.sticky_menu .main-menu > ul > li > a{
      color:#000000
   }
   .header2-sec .site-search{
      background:#fab909;
   }
   .about-thumb{
      position: relative;
      z-index: 1;
      padding: 100px 0px 100px 0px;
   }

   /*project gallery 2*/
   .project-galery-navlist {
      background: #fab909 none repeat scroll 0 0;
      background-image: url("../img/call_to_action_bg.jpg");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      padding: 80px 0;
   }
   .project-galery-navlist:before {
      background-color: rgba(250, 185, 9, 0.7);
      height: 100%;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      content:"";
   }
   .project-gallery.project-galery2 {
      margin-bottom: 0;
   }
   .project-gallery.project-galery2 .simplefilter{
      text-align:center;
   }
   .project-galery-navlist {
      margin-bottom: 70px;
   }
   /*testimonial 4*/
   .testimonial4-sec {
      background-image: url("../img/testimonial_bg.jpg");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      overflow: hidden;
      z-index:2;
   }
   .all-testimonial4{
      position: relative;
      z-index: 1;
      padding: 80px 0px 60px 40px;
      top: 0;
      right: 0;
   }
   .all-testimonial4::before {
      background-color:#fab909;
      content: "";
      height: 120%;
      left: 0px;
      position: absolute;
      top: 0;
      width: 5000px;
      z-index: -9;
   }
   .testimonial4-sec:before{
      content:"";
      position:absolute;
      z-index:-1;
      background-color: rgba(0, 0, 0, 0.7);
      top:0;
      left:0;
      width:100%;
      height:100%;
   }
   .testimonial-text span.tst-sbtitle {
      color: #fab909;
      display: inline-block;
      margin-bottom: 14px;
      font-size: 16px;
      font-weight: 400;
   }
   .testimonial-text .sec-title {
      margin: 0;
   }
   .testimonial-text {
      color: #fff;
      margin-top: 100px;
   }
   .testimonial-text .sec-title h1{color:#fff;}
   .testimonial-text > h1 {
      color: #fab909;
      font-size: 36px;
      font-weight: 300;
      text-transform: capitalize;
      margin-bottom: 30px;;
   }
   .testimonial-text a {
      background-color: #fab909;
      color: #fff;
      display: inline-block;
      font-weight: 600;
      padding: 12px 55px;
      text-transform: uppercase;
      margin-top: 10px;
   }
   .testimonial-text a:hover{background:#000000}
   .all-testimonial4 .owl-controls{
      position: absolute;
      top: 45%;
      width: 100%;
   }

   .all-testimonial4.owl-carousel.owl-theme .owl-prev {
      left: -10px;
      position: absolute;
   }
   .all-testimonial4.owl-carousel.owl-theme .owl-next {
      right: -10px;
      position: absolute;
   }
   .all-testimonial4.owl-carousel.owl-theme .owl-prev i, .all-testimonial4.owl-carousel.owl-theme .owl-next i {
      border: 1px solid #fff;
      color: #fff;
      font-size: 30px;
      height: 40px;
      line-height: 37px;
      text-align: center;
      transition: all 0.5s ease-out 0s;
      width: 40px;
   }

   .all-testimonial4.owl-carousel.owl-theme .owl-next i:hover {
      transition: all 0.5s ease-out 0s;background:#000000;color:#fff;border-color:#000000;
   }
   .all-testimonial4.owl-carousel.owl-theme .owl-prev i:hover {
      transition: all 0.5s ease-out 0s;background:#000000;color:#fff;border-color:#000000;
   }
   .all-testimonial4.owl-carousel.owl-theme .owl-item img {
      width: 100px;
      height: 100px;
      border-radius: 100%;
      margin: 0px auto;
      margin-bottom: 20px;
   }
   .single-testimonial4{text-align:center;padding:0px 50px;}
   .sngl-client4 {
      border: 1px solid #ddd;
      margin-bottom: 30px;
      text-align: center;
      margin: 5px;

   }
   .client-comment4 p{color:#000000;}
   .client-comment4 img {
      border-radius: 100%;
      height: 200px;
      margin-bottom: 20px;
      width: 200px;
   }
   .client-comment4  h2 {
      color: #000000;
      font-size: 14px;
      font-weight: bold;
      margin-top: 15px;
      text-transform: uppercase;
      margin-bottom: 10px;
   }
   .client-comment4  h3 {
      color: #000000;
      font-size: 14px;
      text-transform: capitalize;
      margin-bottom: 13px;
   }
   .client-comment4 p::before {
      content: "\f10d ";
      font-family: fontawesome;
      left:-8px;top:-8px;
      position: relative;color:#000000
   }
   .client-comment4 p::after {
      bottom: 4px;
      content: "\2317";
      font-family: fontawesome;color:#000000;right:-8px;top:8px;
      position:relative
   }
   .client-comment4 > ul {
      padding-bottom: 15px;
   }
   .client-comment4 li {
      display: inline-block;
   }
   .client-comment4 li a{
      border: 2px solid #fff;
      border-radius: 100%;
      color: #fff;
      display: inline-block;
      height: 30px;
      line-height: 26px;
      width: 30px;
      margin: 0px 5px;
   }
   .client-comment4 li a:hover{background:#fab909;transition: all 0.4s ease-in-out 0s;color:#fff}
   /*team 2*/
   .all-team2 .owl-controls {
      position: absolute;
      top: -110px;
      right: 0;
      z-index: 99;
   }
   .all-team2 .owl-controls .owl-buttons div {
      background: none;
      opacity: 1.00;
   }

   .all-team2 .owl-controls .owl-prev {
      left: -100px;
      position: absolute;transition: all 0.4s ease 0s;
   }

   .all-team2 .owl-controls .owl-next {
      right: 0;
      position: absolute;transition: all 0.4s ease 0s;
   }
   .all-team2 .owl-controls .owl-prev i,
   .all-team2 .owl-controls .owl-next i {
      background:#fab909;
      color: #fff;
      font-size: 30px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      transition: all 0.5s ease-out 0s;
      width: 40px;
   }

   .all-team2 .owl-controls .owl-next i:hover {
      transition: all 0.5s ease-out 0s;background:#000;color:#fff;border-color:#000
   }
   .all-team2 .owl-controls .owl-prev i:hover {
      transition: all 0.5s ease-out 0s;background:#000;color:#fff;border-color:#000
   }


   /*service 2*/
   .service2-sec {
      overflow: hidden;
      background:#f9f9f9
   }
   .service2-icon {
      width: 40px;
      margin-right: 10px;
      margin-top: 10px;
   }
   .service2-inner::before {
      position: absolute;
      content: "";
      background: #fff;
      width: 100%;
      height: 100%;
      z-index: -1;
      transition: all 0.4s ease 0s;
      top:0px;

   }
   .service2-inner:hover.service2-inner::before{
      height:0;
      transition: all 0.4s ease 0s;	
   }
   .service2-inner:hover .service2-details h2 a{color:#fff;}
   .service2-inner:hover .service2-details{color:#f2f2f2;}
   .service2-inner{
      background: #000000;
      margin-bottom: 25px;
      display:inline-block;
      position:relative;
      z-index:3
   }
   .service2-inner .media{
      padding: 10px;	
   }
   .service2-details h2{margin-top:10px;margin-bottom:10px}
   .service2-details h2 a {
      display: inline-block;
      width: 100%;
      font-size: 20px;
   }
   .service2-sec:hover .service2-item::before{bottom: -144px;transition-delay: .9s;}
   .service2-item::before {
      position: absolute;
      content: "";
/*      background-image: url(../img/why-choose-bg.png);*/      
      width: 413px;
      height: 342px;
      bottom: -244px;
      right: -100px;
      background-repeat: no-repeat;
      z-index: -1;
      right: -225px;
      transition: 0.9s;
      -webkit-transition: 0.9s;
      -khtml-transition: 0.9s;
      -moz-transition: 0.9s;
      -ms-transition: 0.9s;
      -o-transition: 0.9s;
   }
   .service2-item::after {
      position: absolute;
      content: "";
      background-image: url(../img/taxi.png);
      width: 413px;
      height: 342px;
      top: -200px;
      background-repeat: no-repeat;
      z-index:200px;
      left: -440px;
      transition: 0.9s;
      -webkit-transition: 0.9s;
      -khtml-transition: 0.9s;
      -moz-transition: 0.9s;
      -ms-transition: 0.9s;
      -o-transition: 0.9s;
   }
   .service2-sec:hover .service2-item::after{left:-140px;transition-delay: .9s;}
   .service2-page-sec .service2-item::after,
   .service2-page-sec .service2-item::before{display:none;}

   .service2-item {
      position: relative;
      display: inline-block;
      z-index: 2;
   }
/*
5.Slider Section
======================*/
.slider {
   position: relative;
}
.all-slide .owl-item {
   height: 650px;
}
.all-slide .single-slide {
   background-position: center center;
   background-size: cover;
   height: 100%;
   background-repeat: no-repeat;
}
.slider-text {
   left: 0;
   position: relative;
   right: 0;
   top: 55%;
   transform: translateY(-50%);
   z-index: 2;
   width: 1170px;
   padding: 0px 15px;
   margin: 0px auto;
}
.slider-wraper {
   width: 55%;
   overflow: hidden;
   padding: 20px 10px;
   position: relative;
   z-index: 999;
   text-align: left;
   display: inline-block;
}
.slider-text h1 {
   color: #fff;
   font-size: 42px;
   text-transform: uppercase;
   transition: all 0.2s ease 0s;
   font-weight: bold;
   line-height: 60px;
}
.slider-text h1 span{color:#fab909}
.slider-text p {
   color: #fff;
}
.slider-text li {
   display: inline-block;
   margin: 0px 10px;
}
.slider-text li a {
   color: #fff;
   display: inline-block;
   margin-top: 8px;
   padding: 12px 36px;
   text-transform: uppercase;
   border: 1px solid #fab909;
}
.slider-text li:last-child a{background: #fab909 none repeat scroll 0 0;color:#000000}
.slider-text li:last-child a:hover{background: #fff none repeat scroll 0 0;transition: all 0.4s ease 0s;color:#000000}
.all-slide .owl-controls {
   position: absolute;
   top: 55%;
   width: 0%;
   z-index: 99;
   transform: translateY(-50%);
   right: 120px;
}
.all-slide .owl-controls .owl-buttons div {
   background: none;
   opacity: 1.00;
}

.all-slide .owl-controls .owl-prev {
   left:10px;
   position: absolute;
}
.all-slide .owl-controls .owl-next {
   right:10px;
   position: absolute;
}
.all-slide .owl-controls .owl-prev i, .all-slide .owl-controls .owl-next i {
   background: transparent;
   color: #fff;
   font-size: 25px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   transition: all 0.5s ease-out 0s;
   width: 50px;
   border: 1px solid #fff;
}
.all-slide .owl-controls .owl-next i:hover {
   transition: all 0.5s ease-out 0s;color:#fab909;border-color:#fab909
}
.all-slide .owl-controls .owl-prev i:hover {
   transition: all 0.5s ease-out 0s;color:#fab909;border-color:#fab909
}
.all-slide.owl-theme .owl-dots .owl-dot {
   height: 2px;
   width: 16px;
   background: #fab909;
   margin: 8px 0;
   transition: all 0.5s ease-out 0s;
}
.all-slide.owl-carousel.owl-theme .owl-dot.active{
   width: 30px;
   right:14px;
   position:relative;
   transition: all 0.5s ease-out 0s;
}
.slider-img {
   width: 40%;
   display: inline-block;
   margin-left: 20px;
}
/*
6.Title Section
=================*/
.sec-title {
   margin: 0 0px 60px;
   position: relative;
   z-index: 5;
}
.sec-title  h1 {
   font-size: 38px;
   font-weight: bold;
}
.sec-title h1 span {
   position: relative;
   color: #fab909;
}
/*
6.ilker Section
=================*/
.sec-title-ilker {
   margin: 0px;
   position: relative;
   z-index: 5;
}
.sec-title-ilker  h1 {
   font-size: 32px;
   font-weight: bold;
}
.sec-title-ilker h1 span {
   position: relative;
   color: #fab909;
}
.border-shape {
   background-image: url("http://themeearth.com/wp-admin/setup-config.php");
   background-repeat: no-repeat;
   color: #fff;
   display: block;
   height: 16px;
   left: 0;
   margin: -5px auto;
   position: relative;
   right: 0;
   text-align: center;
   top: 0;
   width: 100px;
}
.sec-title  p {
   margin-bottom: 0;
   margin-top: 20px;
}

/*
7.About Section
===================*/
.about {
   padding-bottom: 30px;
   padding-top: 50px;
}
.about h3 {
   text-transform: uppercase;
}
/*
8.Service Section
============================*/
.service-sec{
   background:#f9f9f9
}

.service-thumb img {
   width: 100%;
}
.service-page .service-item .col-md-4.col-sm-6 {
   padding: 0px 15px;
}
.service-page .service-inner{margin-bottom:30px}
.service-item .inner:hover .service-icon i{
   background: #fab909 none repeat scroll 0 0;
   color: #fff;transition: all 0.4s ease 0s;}
   .service-icon i{
      font-size: 24px;
      height: 60px;
      line-height: 60px;
      text-align: center;
      width: 60px;transition: all 0.4s ease 0s;color:#fab909;border-radius:100%
   }
   .service-item .media {
      padding: 10px;
      background: #fff;box-shadow: 0 0 10px 5px #ddd;
   }
   .service-item .inner {
      margin-bottom:0px;
   }
   .readmore {
      color: #fff;
      display: inline-block;
      font-size: 16px;
      font-weight: bold;
      position: relative;
      text-transform: capitalize;
      top: -8px;
      border-bottom: 1px solid;
   }
   .readmore:before{content: '\f101'; /* fa-angle-right */
   font-family: 'FontAwesome';
   color: #fff;
   right:-20px;position:absolute}
   .service-item .inner h2 {
      font-size: 18px;
      margin-top: 20px;
      text-transform: capitalize;
   }
   .service-item .inner:hover h2 a{color:#fab909}
   .service-item .inner:nth-child(3n+1) {
      clear: both;
   }

   .btn.rdmorebtn {
      background: #fab909 none repeat scroll 0 0;
      color: #fff;
      font-size: 14px;
      font-weight: bold;
      text-transform: uppercase;
   }

   .service-inner{position:relative;overflow:hidden;margin-bottom: 30px;}
   .service-details {
      padding: 20px;
      transition: all 0.4s ease 0s;
      position: absolute;
      z-index: 2;
      top: 187px;
      height: 100%;
   }
   .service-details p{margin-bottom:0}
   .service-details::before {
      position: absolute;
      content: "";
      height:0%;
      width: 100%;
      background: #fab909;
      top: ;
      top: 0;
      left: 0;
      z-index: -1;transition: all 0.4s ease 0s;
      opacity:0.75
   }
   .service-inner:hover .service-details::before {height:100%;transition: all 0.4s ease 0s;}
   .service-inner:hover .service-details h2 a{color:#000000;transition: all 0.4s ease 0s;}
   .service-inner:hover .service-details h2 a i{color:#000000;transition: all 0.4s ease 0s;}
   .service-inner:hover .service-details{top:0;transition: all 0.4s ease 0s;}
   .service-inner:hover .service-details p{color:#000000;transition: all 0.4s ease 0s;}
   .service-inner:hover .service-img{transform: scale(1.2);transition: all 0.4s ease 0s;}
   .service-inner:hover .service-details-text {
      position: relative;
      top: 50%;
      transform: translateY(-50%);
   }
   .service-details h2 a span {
      float: right;
   }
   .service-details h2 a i{color:#ffffff}
   .service-details h2{font-size: 22px;}
   .service-details h2 a{color:#ffffff;}
   .service-img::before {
      content: "";
      background-color: rgba(19, 29, 51, 0.3);
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
   }
   .service-img {
      height: 250px;
      transform: scale(1);
      transition: all 0.4s ease 0s;
      position:relative;
   }
/*
6.Why Choose Us Section
=================*/
.why-choose-single {
   margin-bottom: 30px;
}
.why-choose-title {
   margin-bottom: 70px;
}
.why-choose-title h1 {
   font-size: 36px;
   text-transform: capitalize;
   font-weight: bold;
   font-family: 'Roboto', sans-serif;
}
.why-choose-title p {
   font-size: 20px;
   font-weight: 400;
   font-style: italic;
}
.why-inner-title {
   padding-left: 70px;
}
.why-choose-icon {
   display: inline-block;
   float: left;
   width: auto;
   height: auto;
}
.why-inner-title h2 {
   margin-bottom: 0;
   margin-top: 8px;
}
.why-inner-title h2 a {
   font-size: 24px;
   text-transform: capitalize;
   font-weight:700
}

.why-choose-icon-inner {
   display: inline-block;
   margin-bottom: 15px;
}
.why-choose-all-inner .owl-controls {
   position: absolute;
   top: -110px;
   right: 0;
   z-index: 99;
}
.why-choose-all-inner .owl-controls .owl-buttons div {
   background: none;
   opacity: 1.00;
}

.why-choose-all-inner .owl-controls .owl-prev {
   left: -100px;
   position: absolute;transition: all 0.4s ease 0s;
}

.why-choose-all-inner .owl-controls .owl-next {
   right: 0;
   position: absolute;transition: all 0.4s ease 0s;
}
.why-choose-all-inner .owl-controls .owl-prev i,
.why-choose-all-inner .owl-controls .owl-next i {
   background:#fab909;
   color: #fff;
   font-size: 30px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   transition: all 0.5s ease-out 0s;
   width: 40px;
}

.why-choose-all-inner .owl-controls .owl-next i:hover {
   transition: all 0.5s ease-out 0s;background:#000;color:#fff;border-color:#000
}
.why-choose-all-inner .owl-controls .owl-prev i:hover {
   transition: all 0.5s ease-out 0s;background:#000;color:#fff;border-color:#000
}

/*
10.Why Choose Us Section
============================*/
.project-sec .sec-title{margin:0;padding-bottom: 60px;}
.project-sec .item {
   overflow: hidden;
   position: relative;
   transition: all 0.4s ease-in-out 0s;
   margin-bottom: 30px;transition: all 0.7s ease 0s;
}

.project-hoverlay::before {
   content: "";
   position: absolute;
   height: 100%;
   width:0%;
   background:#fab909;
   filter: alpha(opacity=75);
   -moz-opacity: 0.75;
   opacity: 0.75;	
   top: 0;
   left:0;transition: all 0.7s ease 0s;
}
.project-sec .item:hover:hover .project-hoverlay::before{width:100%;transition: all 0.7s ease 0s;}
.project-hoverlay {
   position: absolute;
   top: 0%;
   width: 100%;
   height: 100%;
}

.project-text {
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   text-align: center;
   transition: all 0.7s ease 0s;
   visibility:hidden;
   opacity:0
}

.project-text  a {
   width: 50px;
   height: 50px;
   display: inline-block;
   background: #000000;
   line-height: 50px;
   margin-bottom: 15px;color:#fab909
}
.project-text  h3 {
   text-transform: uppercase;
}
.project-thumb img {
   width: 100%;transition: all 0.7s ease 0s;
   transform:scale(1);
   overflow:hidden;
}
.project-sec .item:hover .project-thumb img{transform:scale(1.2);transition: all 0.7s ease 0s;}
.project-sec .item:hover .project-text{opacity:1;visibility:visible;transition: all 0.7s ease 0s;}
.project-gallery {
   margin-bottom:50px
}
.project-gallery .navbar-collapse{padding:0}
.simplefilter {
   text-align: right;
   position: relative;
}
.shorttitle {
   display: none;
}
.simplefilter li {
   color: #fff;
   cursor: pointer;
   display: inline-block;
   margin-left: 10px;
   padding: 10px 30px;
   text-transform: capitalize;
   font-weight: 600;
   position: relative;
   z-index: 2;
   transition: all 0.7s ease 0s;
}
.simplefilter li::before {
   position: absolute;
   top: 0;
   content: "";
   background: #000000;
   width: 100%;
   height: 100%;
   left: 0;
   z-index:-1;transition: all 0.7s ease 0s;
}
.simplefilter li.active::before {
   position: absolute;
   top: 0;
   content: "";
   background: #fab909;
   width: 100%;
   height: 100%;
   left: 0;
   z-index: -1;
   transition: all 0.7s ease 0s;
}


.read-more a {
   display: inline-block;
   margin-top: 8px;
   padding: 10px 30px;
   text-transform: uppercase;
   border: 1px solid #f0f0f0;
   position: relative;
   z-index: 2;
   font-size: 14px;
   font-weight: 600;
}
.read-more a::before {
   position: absolute;
   content: "";
   z-index: -1;
   top: 0;
   background: #fab909;
   left: 0;
   width: 0%;
   height: 100%;
   transition: all 0.4s ease 0s;
}

.project-gallery-bg{
   position: relative;
}

/*
11.Call To Action Section
============================*/
.call-to-action-sec{
   background: #fab909 none repeat scroll 0 0;
   background-image: url("../img/call_to_action_bg.jpg");
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   padding:80px 0;
}
.call-to-action-overlay {
   background-color: rgba(0, 0, 0, 0.85);
   height: 100%;
   position: absolute;
   top: 0;
   width: 100%;
}
.call-to-action-text p {
   margin-bottom: 0;
}
.call-to-action-text {
   color: #fff;
}
.call-to-action-text  h2 {
   color: #fff;
   text-transform: uppercase;
}
.call-to-action-text a.btn{
   background: #fff none repeat scroll 0 0;
   border-radius: 0;
   font-weight: bold;
   margin-top: 30px;
   padding: 12px 36px;
   text-transform: uppercase;
   color: #000000;
   position:relative;
   z-index:2;
   border:0
}
.call-to-action-text a.btn::before{
   position: absolute;
   content: "";
   z-index: -1;
   top: 0;
   background: #fab909;
   left: 0;
   width: 0%;
   height: 100%;
   transition: all 0.4s ease 0s
}
.call-to-action-sec:hover .call-to-action-text a.btn{color:#fff;}
.call-to-action-sec:hover .call-to-action-text a.btn::before{width:100%;}
.call-to-action-img {
   max-width: 100%;
   height: 100%;
}
.call-to-action-img img {
   /*margin-top: -45px;*/
   float: right;
}
/*
13.Blog Section
==================*/
/*home blog*/
.blog-sec {
   background: #fafafa none repeat scroll 0 0;
}
.single-post-desc {
   text-align: center;
   background: #fff;
   padding: 0px 10px;
   position: relative;
   z-index: 2;
}

.post-date {
   padding: 20px 0;
   border-top: 1px solid #f9f9f9;
}
.post-date li {
   display: inline-block;
   margin: 0px 10px;
}
.post-date li a {
   font-weight: 600;
}
.post-date li a i {
   color: #fab909;
   margin-right: 7px;
}
.blog-thumb {
   position: relative;
   overflow:hidden;
   z-index:2;

}
.blog-thumb::before {
   content: "";
   position: absolute;
   height: 100%;
   width: 0%;
   background:#fab909;
   filter: alpha(opacity=75);
   -moz-opacity: 0.75;
   opacity: 0.75;
   top: 0;
   left: 0;
   transition: all 0.7s ease 0s;
   z-index:3
}
.single-post:hover .blog-thumb::before{width:100%;transition: all 0.7s ease 0s;}
.single-post:hover .blog-thumb a{visibility:visible;opacity:1;transition: all 0.7s ease 0s;}
.blog-thumb a {
   color: #fff;
   margin-top: 8px;
   padding: 12px 36px;
   text-transform: uppercase;
   border: 1px solid #fff;
   margin: 0px auto;
   text-align: center;
   position: absolute;
   z-index: 2;
   top: 50%;
   left: 0;
   right: 0;
   width: 175px;
   transform: translateY(-50%);
   visibility:hidden;
   opacity:0;z-index:4;

}
.blog-thumb img{
   transform:scale(1);
   transition: all 0.8s ease 0s;
}
.single-post:hover .blog-thumb img{
   transition: all 0.4s ease 0s;transform:scale(1.2);
}

.single-post-desc h2 a {
   font-size: 20px;
   display: inline-block;
   width: 100%;transition: all 0.4s ease 0s;
   padding-top:30px;
}
.blog-thumb a:Hover{background:#000000;border-color:#000000}
.single-post:hover .single-post-desc h2 a{color:#fab909}
.single-post-desc a.post-link {
   font-weight: bold;
   text-transform: uppercase;
   color: #fab909;
   font-size: 15px;letter-spacing: .36px;
}
.blog-meta h4 a {
   color: #ffffff;
   font-size: 18px;
   text-transform: uppercase;
}
.blog-meta h4{margin-bottom:10px}
.home-blog-sec .blog-item:hover .item img{transform: scale(1.2);
   transition: all 0.7s ease 0s;}
   .item img {
      width: 100%;
      height: auto;
      transform: scale(1);
      transition: all 0.7s ease 0s;
   }
   .inner.blog-item {
      padding-left: 0;
      padding-right: 0;
   }
   .blog-item .item {
      margin-bottom: 15px;
      margin-left: 15px;
   }
   .blog-meta {
      bottom: 0;
      position: absolute;
      text-align: left;
      width: 100%;
      padding: 10px;
   }
   .blog-meta li {
      display: inline-block;
      padding: 5px 8px;
   }
   .blog-meta li a {
      color: #fff;
   }
   .blog-meta li a i {
      margin-right: 5px;
   }
   .recent-blog-crousel .owl-controls {
      position: absolute;
      top: -100px;
      right: 0;
      z-index: 99;
   }
   .recent-blog-crousel .owl-controls .owl-buttons div {
      background: none;
      opacity: 1.00;
   }

   .recent-blog-crousel .owl-controls .owl-prev {
      left: -100px;
      position: absolute;transition: all 0.4s ease 0s;
   }

   .recent-blog-crousel .owl-controls .owl-next {
      right: 0;
      position: absolute;transition: all 0.4s ease 0s;
   }
   .recent-blog-crousel .owl-controls .owl-prev i,
   .recent-blog-crousel .owl-controls .owl-next i {
      background:#fab909;
      color: #fff;
      font-size: 30px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      transition: all 0.5s ease-out 0s;
      width: 40px;
   }

   .recent-blog-crousel .owl-controls .owl-next i:hover {
      transition: all 0.5s ease-out 0s;background:#000;color:#fff;border-color:#000
   }
   .recent-blog-crousel .owl-controls .owl-prev i:hover {
      transition: all 0.5s ease-out 0s;background:#000;color:#fff;border-color:#000
   }


   .blog-classic-sec .post-meta li:last-child{float:none;}
   .blog-classic-sec .single-post-text{padding:0px;border:none;}
   .blog-classic-sec  .pagination.custom-pagination{text-align:left}
   .blog-classic-img{position:relative;margin-bottom: 20px;}
   .single-post:hover .blog-classic-overlay{visibility:visible;transition: all 0.4s ease 0s;}
   .single-post:hover .blog-classic-overlay::before{transition: all 0.4s ease 0s;width:100%}
   .single-post:hover .blog-classic-overlay li a{transform:scale(1);transition: all 0.4s ease 0s;}
   .blog-classic-overlay {
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      visibility: hidden;
      transition: all 0.4s ease 0s;
   }
   .blog-classic-overlay::before {
      content: "";
      position: absolute;
      height: 100%;
      width: 0%;
      background: #fab909;
      filter: alpha(opacity=75);
      -moz-opacity: 0.75;
      opacity: 0.75;
      bottom: 0;
      left: 0;
      transition: all 0.7s ease 0s;
   }
   .blog-classic-overlay ul {
      top: 50%;
      position: absolute;
      left: 0;
      right: 0;
      text-align: center;
      transform: translateY(-50%);
   }
   .blog-classic-overlay li {
      display: inline-block;
      margin: 0px 5px;
   }
   .blog-classic-overlay li a {
      border: 1px solid #fff;
      border-radius: 100%;
      display: inline-block;
      height: 50px;
      line-height: 50px;
      width: 50px;
      color: #fff;
      text-align: center;
      font-size: 22px;
      transform: scale(0);
   }
   .blog-sec.blog-bg {
      background-color: #fff;
      background-image: url("http://themeearth.com/wp-admin/setup-config.php");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
   }
   .single-post {
      display: inline-block;
      margin-bottom: 30px;
      width: 100%;
   }
   .single-blog.inner .single-post {
      margin-bottom: 10px;
   }
   .blog-detail-page .single-post-text {
      padding: 0;
      margin-top: 25px;
   }
   .single-post-text {
      background: #fff none repeat scroll 0 0;
      padding: 10px 10px;
      border: 1px solid #f0f0f0;
   }
   .single-blog.inner .single-post-text {
      padding: 0;
   }
   .single-blog.inner .single-post img {
      margin-bottom: 25px;
   }
   .single-blog.inner {
      margin-bottom: 40px;
   }

   .post-meta {
      display: inline-block;
      width: 100%;
   }
   .post-meta li {
      display: inline-block;
      margin-right: 10px;text-transform:capitalize;font-size:14px
   }
   .post-meta li a,
   .post-tags li a {
      color: #fab909;
   }
   .post-meta li span,
   .post-tags li span {
      color: #000000;
      float: left;
      font-weight: 600;
      margin-right: 10px;
   }
   .post-tags {
      display: inline-block;
      float: right;
   }
   .single-post-text a.post-link {
      color: #777777;
      display: inline-block;
      font-size: 14px;
      margin-bottom: 15px;
      text-transform: capitalize;
      font-weight: 600;
      border: 1px solid #f0f0f0;
      padding: 10px 20px;position:relative
   }
   .single-post:hover .single-post-text a.post-link{background: #fab909 none repeat scroll 0 0;
      color: #fff;border-color:transparent
   }
   .blog-title  h2 {
      color: #0f0f0f;
      font-size: 24px;
      font-weight: 900;
      line-height: 30px;
   }
   .single-post-text a {
      color: #000000;
      font-size: 18px;
      font-weight: bold;
      text-transform: capitalize;
   }
   .pst_info {
      float: left;
      display: inline-block;
   }
   .post-date h2 {
      background: #fab909;
      text-align: center;
      padding: 10px 5px;
      font-size: 18px;
      color: #fff;
   }
   .blog-title {
      padding-bottom: 20px;
   }
   .single-post  img {
      width: 100%;
   }

   .comment-list {
      border: 1px solid #fafafa;
      font-size: 18px;
      padding: 14px;
      text-align: center;
   }
   .comment-list h5 {
      margin-bottom: 0;
   }
   .single-post-text h2 {
      margin-bottom: 15px;
      margin-top: 5px;
   }
   .post-meta li:last-child {
      float: right;
   }
   .post-meta li:last-child {
      float: right;
   }
   .single-post-text li a {
      float: left;
      font-size: 15px;
      font-weight: normal;
      margin-left: 1px;
      padding-right: 15px;
      text-transform: capitalize;
   }
   .single-post-text li a i{margin-right: 5px;color:#fab909}
   .post-date h1 {
      background: #f3af1e none repeat scroll 0 0;
      color: #fff;
      display: inline-block;
      font-size: 18px;
      margin-top: 13px;
      padding: 15px;
      text-align: center;
      text-transform: none;
   }
   .commentar-sec img {
      float: left;
      margin-right: 20px;
      width: 100px;
      border-radius: 100%;
      height: 100px;
   }
   .comment-author {
      margin-bottom: 10px;
      font-size: 16px;
      text-transform: capitalize;
      font-weight: bold;
      color: #000000;
   }
   .comment-time {
      color: #9a9999;
      font-family: open sans;
      font-size: 14px;
   }
   .commentar-sec .media.mt-3 {
      margin-top: 40px;
   }
   .single-post .contact-field h2 {
      font-size: 20px;
      margin-bottom: 20px;
      margin-top: 40px;
      text-transform: uppercase;
      font-weight: bold;
      color: #000000;
   }
   .commentar-sec h2 {
      margin-top: 50px;
      font-weight: bold;text-transform:uppercase;margin-bottom:30px
   }
   .replay-button a {
      float: right;
      font-family: open sans;
      color: #aaa9a9;
      font-weight: 600;
   }
   .replay-button a:hover{color:#fab909;}
   .commentar-sec.author ul li {
      display: inline-block;
      margin-right: 20px;
   }
   .commentar-sec.author {
      position: relative;
   }
   .commentar-sec.author ul li a i{color:#cbc8c8}
   .commentar-sec.author ul li a i:hover{transition: all 0.4s ease 0s;color:#29ace4}
   .commentar-sec.author .media-body {
      padding-left: 100px;
   }
   .commentar-sec.author .media {
      background: #fafafa none repeat scroll 0 0;
      border-radius: 30px;
      padding: 30px 0;
      margin-left: 20px;
   }
   .author-thumb {
      border-radius: 100%;
      float: left;
      height: 100px;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 70px;
      width: 100px;
   }
   .author-thumb img {
      height: 100%;
      width: 100%;
   }
   .pagination.custom-pagination {
      text-align: center;
      width: 100%;margin:0;position: relative;
      top: 6px;
   }
   .post-share-link {
      display: inline-block;
      width: 100%;
      border: 1px solid #f0f0f0;
      margin-top: 30px;
   }
   .post-share-link span {
      background: #fab909;
      color: #fff;
      font-weight: 600;
      text-transform: uppercase;
      padding: 10px 30px;
      display: inline-block;
   }
   .post-share-link ul{display:inline-block;float:right;padding: 10px 0px;}
   .post-share-link li{display:inline-block;margin-right:20px}
   .post-share-link li a{color:#d0cece;}
   .post-share-link li a:hover{color:#555;transition:all 0.4s ease 0s}
   .code-text {
      font-style: italic;
      padding: 10px 40px;
      position: relative;
   }
   .code-text::before {
      color: #bebaba;
      content: "";
      font-family: fontawesome;
      font-size: 30px;
      left: 20px;
      position: absolute;
      top: 25px;
      transform: translateY(-50%);
      text-align: center;
      left: 0;
      font-style: normal;
   }

/*
22.Sidebar Section
=====================*/
.sidebar h1 {
   display: inline-block;
   font-size: 20px;
   margin-top: 70px;
   text-transform: uppercase;
   width: 100%;
   color: #000000;
   position: relative;
   padding-bottom: 10px;
   font-weight: bold;
   margin-bottom: 40px;
}
.sidebar h1::before {
   background: #fab909 none repeat scroll 0 0;
   bottom: 0;
   content: "";
   height: 1px;
   position: absolute;
   width: 50px;
}
.search-field form {
   display: inline-block;
   width: 100%;
   position: relative;
}
.search-field input[type="text"] {
   background: #fff none repeat scroll 0 0;
   border: 1px solid #f0f0f0;
   padding: 10px 35px 10px 15px;
   width: 100%;
   border-radius:0px;
}

.search-field button {
   color: #e0dddd;
   padding: 10px;
   position: absolute;
   right: 0;
   background: transparent;top:0
}

.blog-sec .inner:nth-child(2n+1) {
   clear: both;
}
.abt_dec > p {
   margin-top: 20px;
}

.sidebar ul li a{font-size: 16px;
   font-weight: normal;
   text-transform: capitalize;
   transition: all 0.4s ease-in-out 0s;}
   .sidebar ul li a:hover{transition: all 0.4s ease-in-out 0s;color:#fab909}
   .widget-archive li{position:relative}
   .widget-archive li:last-child {
      border-bottom: none;
   }
   .widget-cat li:last-child {
      border-bottom: none;
   }
   .widget-cat li{position:relative}

   .widget-cat li {
      padding: 10px 0;
      border-bottom: 1px solid #ececec;
   }
   .widget-tag li a:hover{transition: all 0.4s ease-in-out 0s;color:#fab909!important}
   .relative-post h3 {
      font-size: 16px;
      margin-bottom: 10px;
      font-weight: bold;
      color: #777777;
   }
   .single_r_dec li {
      display: inline-block;
      margin-right: 10px;
   }
   .single_r_dec li a{font-weight:600;text-transform:capitalize}
   .single_r_dec li a i{color:#fab909;margin-right:5px}
   .relative-post {
      display: inline-block;
      padding: 12px 0;
      width: 100%;
   }
   .relative-post-thumb {
      float: left;
      margin-right: 15px;
   }
   .single_r_dec  a {
      color: #000000;
      line-height: 20px;
   }
   .single_r_dec  a:hover{ transition: all 0.4s ease-in-out 0s;color:#fab909}
   .all_r_pst .media {
      margin-top: 0;
   }

   .widget-archive li {
      display: inline-block;
      position: relative;
      width: 100%;
      border-top: 1px solid #f0f0f0;
      padding: 10px 0;
   }
   .widget-archive li:last-child{border-bottom: 1px solid #f0f0f0;}
   .widget-archive span {
      float: right;
   }
   .widget-tag a {
      float: left;
      margin-right: 5px;
      margin-bottom: 5px;
      margin-right: 10px;
      display: inline-block;
      padding: 10px;
      border: 1px solid #f9f9f9;
   }

   .author_dec h3 {
      margin : 0;
      font-size : 14px;
      margin-bottom : 11px;
   }
   .author_info {
      border-bottom : 1px solid #e3e3e3;
      display : inline-block;
      padding : 22px 0;
      margin-bottom : 30px;
   }
   .author_info > img {
      float: left;
      margin-right: 35px;
      height: 80px;
   }
   .social_link {
      margin : 0;
      padding : 0;
      float : right;
      display : inline-flex;
   }
   .social_link li {
      list-style : none;
   }
   .social_link li a i {
      color : #363636;
      float : left;
      padding : 6px;
   }
   .donor-testimonial-widget.no-margin {
      margin-bottom: 0;
   }
/*
15.Testimonial Section
=========================*/

/*testimonial 2*/
.testimonial2-sec {
   background: #f9f9f9;
}
.testimonial2-sec .testimonial-text .sec-title h1,
.testimonial2-sec .testimonial-text,
.testimonial2-sec .client-info span{color:#000000}
.testimonial2-sec .all-testimonial.owl-theme .owl-dots .owl-dot{border-color:#000000}
.testimonial2-sec .all-testimonial.owl-theme .owl-dots .owl-dot.active{border-color:#fab909}
/*testimonial 3*/
.testimonial3-sec{
   background-color: #fab909;
   background-image: url("../img/testimonial_bg.jpg");
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   overflow: hidden;
}
.testimonial3-sec::before {
   position: absolute;
   content: "";
   background-color: rgba(255, 255, 255, 0.7);
   top: 0;
   width: 100%;
   height: 100%;
}
.all-testimonial3.owl-carousel .owl-item .client-thumb3 img {
   border-radius: 100%;
   border: 2px solid #fab909;
}
.all-testimonial3 .owl-controls {
   bottom: -30px;
   position: absolute;
   text-align: center;
   width: 100%;
}
.all-testimonial3 .owl-controls .owl-buttons div {
   background: none;
   opacity:1
}

.client-thumb3 {
   border-radius: 100%;
   height: 100px;
   margin-right: 50px;
   width: 100px;
}
.sngl-client3 {
   border: 1px solid #fafafa;
   margin-bottom: 30px;
   text-align: center;
   margin: 5px;
}
.all-testimonial3 {
   text-align: center;
   padding-bottom: 20px;
}
.single-testimonial3 {
   display: inline-flex;
   padding: 40px 50px;
   width: 620px;
   margin: 0px auto;
   background: #fff none repeat scroll 0 0;
   position: relative;
   text-align: left;
}
.single-testimonial3:hover .client-comment3::after{border-right-color:#000000;transition: all 0.4s ease 0s;}
.client-comment3 p {
   margin-bottom:0
}
.client-designations3 {
   margin-bottom: 40px;
   position: relative;
}
.single-testimonial3:hover .client-designations3::before {width:100px;transition: all 0.4s ease 0s;}
.client-designations3::before {
   position: absolute;
   content: "";
   height: 1px;
   width: 50px;
   background: #fab909;
   bottom: -20px;
   transition: all 0.4s ease 0s;
}
.client-comment3 h2 {
   font-size: 18px;
   margin-bottom: 10px;
   text-transform: capitalize;
   font-weight: 700;
}
.client-comment3 h3 {
   color: #8d8d8d;
   margin-bottom: 20px;
   text-transform: capitalize;
   font-weight: normal;
   font-size: 16px;
   font-family: open sans;
   margin-bottom:0
}
.client-thumb3 {
   margin-right: 30px;
}
.client-comment3 {
   margin: 0px auto;
}
.client-comment3::before {
   color: #fff;
   content: "\2317";
   font-family: fontawesome;
   font-size: 30px;
   right: 20px;
   position: absolute;
   top: 20px;
   z-index: 2;
}
.client-comment3::after {
   position: absolute;
   content: "";
   border-right: 110px solid #fab909;
   border-bottom: 110px solid transparent;
   top: 0;
   right: 0;
   height: 110px;
}
.client-comment3 > ul {
   padding-bottom: 15px;
}
.client-comment3 li {
   display: inline-block;
}
.client-comment3 li a{
   border: 2px solid #fab909;
   border-radius: 100%;
   color: #fab909;
   display: inline-block;
   height: 30px;
   line-height: 26px;
   width: 30px;
   margin: 0px 5px;
}
.client-comment3 li a:hover{background:#fab909;transition: all 0.4s ease-in-out 0s;color:#fff}
.client-sec3 .owl-controls {
   display: none;
}

.all-testimonial3.owl-carousel.owl-theme .owl-dot {
   border: 2px solid #fab909;
   border-radius: 100%;
   display: inline-block;
   height: 15px;
   margin: 0 5px;
   width: 15px;
   position:relative;
}
.all-testimonial3.owl-carousel.owl-theme .owl-dot.active span {
   background: #fab909 none repeat scroll 0 0;
   width: 100%;
   height: 100%;
   display: inline-block;
   position: absolute;
   left: 0;
   border: 2px solid #fff;
   border-radius: 100%;
}

/*
16.Page Heading Section
==========================*/
.pagehding-sec {
   background-image: url("");
   background-position: center center;
   background-repeat: no-repeat;
   padding: 50px 0;
   position: relative;
   background-size: cover;
}
.pagehding-overlay {
   background-color: rgba(0, 0, 0, 0.6);
   height: 100%;
   position: absolute;
   top: 0;
   width: 100%;
}
.page-heading  h1 {
   color: #fff;
   font-size: 32px;
   margin-bottom: 0;
   text-align: center;
   text-transform: uppercase;
   font-weight:bold
}
.page-heading ul {
   text-align: center;
   margin-top: 10px;
}
.page-heading li {display: inline-block;
   position: relative;
   padding: 0px 14px;}
   .page-heading li a {
      color: #fff;
   }
   .page-heading li:last-child a {
      color: #fab909;
   }
   .page-heading li::before {
      content: "/";
      height: 60%;
      position: absolute;
      right: -5px;
      top:0px;color:#fff;
   }
   .page-heading li:last-child::before{display:none}

/*
17.Team section
=================*/

.team-member {
   background: #fff none repeat scroll 0 0;
   padding-bottom: 20px;
   text-align: center;
   margin-bottom: 30px;position:relative;overflow:hidden;transition: all 0.4s ease-in-out 0s;
   z-index:2
}
.team-member::before {
   position: absolute;
   content: "";
   width: 100%;
   height: 0%;
   z-index: -1;
   transition: all 0.4s ease 0s;
   bottom: 0px;
   left: 0;
   background: #fab909;
   filter: alpha(opacity=75);
}
.team-member:hover.team-member::before{height:100%;transition: all 0.4s ease-in-out 0s;}
.team-member:hover .team-overlay{visibility:visible;transition: all 0.4s ease-in-out 0s;-moz-opacity: 0.75;
   opacity: 0.75;top:0px;width:100%;}
   .team-member:hover.team-member h2{color:#fff;transition: all 0.4s ease-in-out 0s;}
   .team-member:hover.team-member h3{color:#fff;transition: all 0.4s ease-in-out 0s;} 
   .team-member:hover .team-overlay ul{left:10px;transition: all 0.4s ease-in-out 0s; opacity:1;} 
   .team-thumb {
      position: relative;
      overflow: hidden;
   }
   .team-overlay{
      position: absolute;
      width:0%;
      left: 0;height:100%;top:0%;	
      background:#fab909;
      filter: alpha(opacity=75);
      visibility:hidden;transition: all 0.4s ease-in-out 0s;
   }
   .team-overlay ul{
      position: absolute;
      top: 50%;
      width: 100%;
      left: 100px;
      transform: translateY(-50%);
      opacity:0;
      transition: all 0.4s ease-in-out 0s;
   }
   .team-member img {
      width: 100%;
   }
   .team-member  h2 {
      font-size: 18px;
      font-weight: bold;
      margin-top: 20px;
      text-transform: uppercase;transition: all 0.4s ease-in-out 0s;
   }
   .team-member  h3 {
      font-size: 14px;
      text-transform: capitalize;transition: all 0.4s ease-in-out 0s;
   }
   .team-overlay li a {
      width: 30px;
      height: 30px;
      display: inline-block;
      background: #000000;
      border-radius: 100%;
      color: #fff;
      text-align: center;
      line-height: 30px;
   }
   .team-overlay li{
      transition: 0.6s;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      width: 100%;
      text-align: left;	
      padding:5px 0;	
   }
   .team-member li i{color:#fff}
   .testimonial-text.expert-team {
      position: relative;
      padding-bottom: 70px;
   }
   .testimonial-text.expert-team::before {
      position: absolute;
      content: "";
      background-image: url(http://themeearth.com/wp-admin/setup-config.php);
      width: 100%;
      height: 100%;
      top: 0;
      left: -165px;
      background-repeat: no-repeat;
      z-index: -1;
   }


/*
12.Team 2  Section
===================*/
.team-men{
   margin-bottom: 30px;
}
.team-men h2 {
   margin: 35px 0px 10px 0px;
   font-size: 20px;
   text-transform: capitalize;
}
.team-men h2 a{
   color: #13192d;
}
.team-men span{
   font-size: 14px;
}

.img-overlay {
   position: relative;
   overflow: hidden;
}
.img-overlay img {
   transform: scale(1,1);
   transition: 1s;
   }.overlay-2 {
      position: absolute;
      width: 0px;
      height: 100%;
      background-color: #fab909;
      left: -100%;
      top: 0;
      transition: 1s;
      opacity: .75;
   }
   .overlay-button {
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute;
   }
   .overlay-button a {
      text-align: center;
      background: #000000;
      line-height: 50px;
      display: inline-block;
      width: 50px;
      height: 50px;
      color: #fff;
      margin: 0px auto;
      text-align: center;
      transition: all 1.5s;
      transform: scale(0);
      opacity: 0;
   }

   .team-men:hover .overlay-button a{
      transform: scale(1);
      opacity: 1;
      transition: all 1.5s;
   }
   .team-men:hover .img-overlay .overlay-2{
      width: 100%;
      left: 0;
   }
   .team-men:hover .img-overlay img{
      transform: scale( 1.3);

   }
   .overlay-button a i {
      color: #fff;
      font-size: 26px;
      margin-top: 13px;
   }
   .team-men:hover.team-men h2 a{
      color:#fab909;
   }
/*
12.Pricing Section
===================*/
.pricing-sec .brder-btm{border-color:#fff}
.sngl-price {
   text-align: center;
   background: #fafafa;
}
.price {
   background: #fff none repeat scroll 0 0;
   border-radius: 100%;
   display: inline-block;
   height: 100px;
   position: relative;
   width: 100px;
   position: relative;
   z-index: 2;
}
.price::before {
   position: absolute;
   content: "";
   background: #fff;
   width: 100%;
   height: 100%;
   z-index: -1;
   transition: all 0.4s ease 0s;
   top: 0px;
   left: 0;
   border-radius: 100%;
   transform:scale(1);
}
.sngl-price:hover .price::before{transform:scale(0);transition: all 0.4s ease 0s;}
.price-box span {
   display: inline-block;
   width: 100%;
}
.price-box span.amount {
   font-weight: bold;
   font-size: 22px;
}
.price-box {
   display: inline-block;
   left: 0;
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
}
.price-heading > span {
   width: 100%;
   display: inline-block;
   margin-bottom: 20px;
}
.price-box span.time {
   font-size: 14px;
}
.sngl-price  h2 {
   color: #fab909;
   font-size: 28px;
   text-transform: uppercase;
   font-weight: 800;
}

.price-heading {
   background: #fab909 none repeat scroll 0 0;
   padding: 22px 0;
}
.price-heading.price-bg{
   background: #0090cb none repeat scroll 0 0;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;position:relative
}
.price-heading.price-bg h2,
.price-heading.price-bg span{
   color: #fff;
   position: relative;
}
.price-heading h2 {
   color: #fff;
   display: inline-block;
   margin-bottom: 15px;
   width: 100%;
}
.sngl-price{position:relative}
.pakage-icon i {
   background: #fab909 none repeat scroll 0 0;
   border-radius: 100%;
   color: #fff;
   font-size: 40px;
   height: 80px;
   line-height: 80px;
   position: absolute;
   top: -34px;
   transform: translateX(-50%);
   width: 80px;
}
.sngl-price  h1 {
   color: #fff;
   font-size: 28px;
   font-weight: bold;
   text-transform: capitalize;
   margin-bottom:0px;
}
.sngl-price h1 span {
   font-size: 18px;
   color: #656766;
}
.sngl-price ul li{
   display: inline-block;
   padding: 10px 0;
   width: 100%;

}
.sngl-price ul li:first-child{border-top:0px}
.snglPrice-lrnMore {
   padding: 30px 0;
}
.btn.price_btn {
   background: #fab909 none repeat scroll 0 0;
   border-radius:0px;
   color: #fff;
   font-size: 14px;
   font-weight: 800;
   padding: 12px 20px;
   text-transform: uppercase;
   position: relative;
   z-index: 2;
   border:0;
   overflow:hidden;
}
.btn.price_btn::before {
   position: absolute;
   content: "";
   background: #000000;
   width:0%;
   height: 100%;
   z-index: -1;
   transition: all 0.4s ease 0s;
   top: 0px;
   left: 0;
   transform:scale(1);
}
.sngl-price:hover .price-heading{background: #fab909;transition: all 0.4s ease-in-out 0s;}
.sngl-price:hover .price{background: #000000;transition: all 0.4s ease-in-out 0s;}
.sngl-price:hover .btn.price_btn::before{width:100%;transition: all 0.4s ease-in-out 0s;}
.sngl-price:hover .price-box span.amount{color:#fff;transition: all 0.4s ease-in-out 0s;}
.sngl-price:hover .price-box span.time{color:#fff;transition: all 0.4s ease-in-out 0s;}
.sngl-price:hover .pakage-icon i{background: #000000;transition: all 0.4s ease-in-out 0s;}
/*
16.Pricing Section 2
===================*/
.pricing2-sec {
   background-color: #fff;
   position:relative;
}
.pakage-icon2 {
   width: 80px;
   height: 80px;
   text-align: center;
   margin: 0px auto;
   border-radius: 100%;
   background: #fafafa;
}
.pricing2-sec .inner-item {
   padding: 0;
}
.pricing2-sec .brder-btm{border-color:#fff}
.sngl-price2 {
   margin-bottom: 30px;
   padding: 36px 0px;
   background: #fff;box-shadow: 0 0 10px 5px #e3e3e3;text-align:center
}



.sngl-price2  h2 {
   color: #00c3ff;
   font-size: 24px;
   text-transform: capitalize;
   font-weight: 800;
}
.price-heading2 {
   margin-top: 25px;
}
.price-heading2 h2 {
   color: #fab909;
   display: inline-block;
   padding: 10px 30px;
   margin-bottom: 0;
   margin-top: 10px;
}
.sngl-price2{position:relative}
.sngl-price2  h1 {
   color: #212836;
   font-size: 28px;
   font-weight: bold;
   text-transform: capitalize;
}
.sngl-price2 h1 span {
   font-size: 18px;
   color: #656766;
}
.single-price-intro2 {
   border-bottom: 1px dashed #fab909;
   display: inline-block;
   padding: 10px 0;
   width: 100%;
}
.single-price-intro2:last-child{border-bottom:0}
.single-price-intro2 i {
   color: #fab909;
   display: inline-block;
   margin-top: 4px;
}



.single-price-intro2 i.fa-times {
   color: red;
}
.single-price-intro2 p {
   margin: 0;
   display: inline-block;
   padding-left: 8px;
   font-weight: 600;
   font-family: raleway;
}
/*---------ilker--------*/
.single-price-intro22 {
   border-bottom: 1px dashed #fab909;
   display: inline-block;
   padding: 10px 0;
   width: 100%;
}
.single-price-intro22:last-child{border-bottom:0}
.single-price-intro22 i {
   color: #fab909;
   display: inline-block;
   margin-top: 4px;

}
.single-price-intro22 i.fa-times {
   color: red;
}
.single-price-intro22 p {
   margin: 0;
   padding-left: 8px;
   font-weight: 600;
   background-color: #fab909;
   color: #fff;
}
/*---------ilker--------*/
.snglPrice-lrnMore2 {
   margin-top: 30px;
}
.btn.price_btn2 {
   background: #fab909 none repeat scroll 0 0;
   border-radius:0px;
   color: #fff;
   font-size: 14px;
   font-weight: 800;
   padding: 10px 20px;
   text-transform: uppercase;
}
.sngl-price2:hover .btn.price_btn2{background: #000000;transition: all 0.4s ease-in-out 0s;}
.sngl-price2:hover .pakage-icon2{background: #fab909;transition: all 0.4s ease-in-out 0s;}


/*
<Video Page
================*/
.card-galeri-body{

   min-height: 1px;
   padding: 1.25rem;
}


   
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 2px solid rgba(0,0,0,.125)!important;
    border-radius: .25rem;
}

.shadow-sm {
   box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.card-galeri{
margin-bottom: 2rem!important;
}
.bg-light {
    background-color: #f8f9fa!important;
}
.card-galeri-body {
    min-height: 1px;
    padding: 1.25rem;
    background-color: white;
}

/*
18.About Page
================*/
.abtdsc-sec p {
   color: #fff;
}
.abt-lft h2 {
   color: #000000;
}
.abt-img img {
   width: 100%;
}
.about-sec {
   position: relative;
   overflow: hidden;
   background: #fab909 none repeat scroll 0 0;
   background-image: url("../img/about_bg.jpg");
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}
.about-sec .sec-title{margin:0;text-align:left}
.about-sec-overlay {
   background-color:rgba(255, 255, 255, 0.9);
   height: 100%;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
   width: 100%;
}

.about-desc {
   display: inline-block;
   width: 100%;

}
.about-text >span {
   font-size: 18px;
   font-weight: 600;
   text-transform: capitalize;
   color: #fab909;
   display: inline-block;
   width: 100%;margin-bottom: 10px;
}
.about-text h1 {
   color: #000000;
   display: inline-block;
   margin-bottom: 14px;
   font-size: 30px;
   font-weight: bold;
   text-transform: capitalize;
}
.about-text  h1 >span{color:#fab909}
.about-countup {
   margin-top: 50px;
   margin-bottom: 70px;
}
.counting-inner {
   display: inline-block;
   padding-right: 80px;
}
.counting-inner:last-child{padding-right:0px}
.counting-inner h2 {
   font-size: 36px;
   font-weight: bold;position:relative
}

.counting-inner h4 {
   color: #000000;
   text-transform: capitalize;
   font-size: 20px;
}
.about-us-img {
   position: relative;
   z-index: 1;
   padding: 100px 0px 100px 0px;
}
.about-us-img::before {
   position: absolute;
   content: "";
   background: #000000;
   width: 5000px;
   height: 140%;
   left: 100px;
   top: 0px;
   z-index: -1;
}
/*
19.Contact Page
============================*/
.contact-info-icon {
   float: left;
   width: 60px;
   height: 60px;
   text-align: center;
   line-height: 75px;
   margin-right: 10px;
   margin-top: -10px;
}

.contact-page-sec .contact-field h2 {
   color: #000000;
   text-transform: capitalize;
   font-size: 22px;
}

.contact-field .col-md-6.col-sm-6.col-xs-12 {
   padding-left: 0;
}  
.contact-field.contact-form input {
   margin-bottom: 5px;
}  
.contact-field.contact-form textarea {
   height: 110px;
}
.contact-field.contact-form input[type="submit"] {
   background: #4cc700;
   width: 150px;
   border-color: #4cc700;
}
.contact-info-text {
   padding-left: 100px;
   margin-bottom: 40px;
}
.contact-info-text h2 {
   color: #000000;
   font-size: 20px;
   text-transform: capitalize;
}
.contact-info-text span {
   color: #999999;
   font-size: 16px;
   font-weight: ;
   display: inline-block;
   width: 100%;
}

.contact-field input{
   background: #fff none repeat scroll 0 0;
   border: 1px solid #ddd;
   margin-top: 20px;
   padding: 10px;
   width: 100%;color:#999999;
}
.contact-field select {
   width: 100%;
   border: 1px solid #ddd;
   padding: 13px 20px;
   margin-bottom: 20px;
   text-transform: capitalize;
   color: #999999;margin-top: 20px;
}
.contact-field .select-arrow::before {
   top: 30px;
   color: #999999;
}
.contact-field .message-input {
   display: inline-block;
   width: 100%;
   padding-left: 0;
}
.single-input-field textarea {
   border: 1px solid #ddd;
   width: 100%;
   height: 120px;
   padding: 10px;
   margin-top: 10px;
}
.single-input-fieldsbtn input[type="submit"] {
   background: #fab909 none repeat scroll 0 0;
   border: 0;
   color: #fff;
   display: inline-block;
   font-weight: 600;
   padding: 14px 30px;
   text-transform: uppercase;
   width: 170px;
   margin-top: 30px;
   font-size: 15px;
}
.single-input-fieldsbtn input[type="submit"]:hover{background:#000000;transition: all 0.4s ease-in-out 0s;border-color:#000000}
.contact-field {
   display: inline-block;width:100%
}
.single-input-field  h4 {
   color: #464646;
   text-transform: capitalize;
   font-size: 14px;
}
.contact-page-form {
   display: inline-block;
   width: 100%;
   margin-top: 30px;
}

/*
20.Footer Section 
======================*/
footer {
   background: #202225;
   position: relative;
}
.footer-sec {
   padding-top: 100px;
   padding-bottom: 70px;
}
.footer-sec h2 {
   color: #fff;
   font-weight: bold;
   margin-bottom: 20px;
   padding-bottom: 10px;
   position: relative;
   text-transform: capitalize;

}

.footer-sec p {
   color: #ededed;
   font-size: 14px;
}
.footer-wedget-one img {
   margin-bottom: 15px;
}
.footer-social-profile li {
   display: inline-block;
   margin-right: 6px;
}
.footer-social-profile li a {
   color: #ededed;
   display: inline-block;
   height: 34px;
   line-height: 31px;
   text-align: center;
   width: 34px;
   position:relative;
   z-index:2;
   border:1px solid #fab909;
}
.footer-wedget-one ul {
   margin-top: 15px;
}
.footer-wedget-three li i {
   display: inline-block;
   margin-right: 10px;
}
.ft-menu ul {
   padding: 0px 20px;
}
.ft-menu h2 {
   display: inline-block;
   text-align: left;
}
.footer-widget-menu li:before{color: #fab909;
   content: "\2688";
   font-family: fontawesome;
   font-size: 14px;
   left: -4px;
   position: absolute;
   top: 0;}
   .footer-widget-menu li{position:relative}
   .footer-widget-menu li a {
      color: #ededed;
      display: inline-block;
      font-size: 14px;
      padding-bottom: 10px;
      padding-left: 14px;
      text-transform: capitalize;
   }
   .footer-widget-menu li a:hover{color:#fab909;transition: all 0.4s ease 0s;}
   .bussiness-time > span {
      color: #fff;
      display: inline-block;
      font-size: 14px;
      margin-bottom: 20px;
      text-transform: capitalize;
   }
   .bussiness-time li {
      color: #ededed;
      padding-bottom: 10px;
      text-transform: capitalize;
      font-size: 14px;
   }
   .bussiness-time li span{color:#fab909}
   .wedget-newsletter form {
      background: #525459 none repeat scroll 0 0;
      margin-bottom: 25px;
      margin-top: 25px;
      position: relative;
   }

   .wedget-newsletter input[type="email"] {
      background: #fff none repeat scroll 0 0;
      border: 1px solid #fff;
      padding: 10px 58px 10px 10px;
      text-transform: capitalize;
      width: 100%;
      font-style: italic;
      font-weight: 600;
      color: #000000;
   }
   .wedget-newsletter input[type="submit"] {
      background: #fab909 none repeat scroll 0 0;
      color: #fff;
      font-weight: 600;
      padding: 11px 20px;
      position: absolute;
      right: 0;top:0
   }
   .flicker-photo ul li {
      display: block;
   }
   .flicker-photo ul li img {
      display: inline-block;
      margin-bottom: 10px;
      width: 25%;
      float: left;
      margin-right: 10px;
   }
   .footer-bottom-sec {
      background:#000000;
      padding: 40px 0;
   }

   .footer-bottom-sec p {
      color: #f4f4f4;
      font-size: 14px;
      margin: 0;
      text-align: center;
   }
   .copy-right span,
   .copy-right span a{
      color: #fab909;
      
   }

/*
21.Appoitment Section
============================*/
.appoitment-area {
   position: relative;
   overflow:hidden;
   background-color: #fab909;
   background-image: url("../img/appointment_bg.jpg");
   background-position: center center;
   background-repeat: no-repeat;
   background-size: cover;
}
.faq-sec .sec-title {
   margin: 0;text-align:left;
   margin-bottom: 40px;
}
.faq-sec {
   padding-right: 50px;
   padding-top: 80px;
}
.faq-single {
   margin-bottom: 30px;
}
.faq-single .icon {
   width: 60px;
   height: 60px;
   background: #fab909;
   margin-right:10px;
}
.faq-single .icon img {
   padding: 15px;
}
.faq-single .media-body h2 {
   font-size: 20px;
   margin-bottom:10px;
   text-transform: capitalize;
}
.appoitment-area .images-overlay{
   background:rgba(255, 255, 255, 1.9)
}
.appointment-form {
   position: relative;
   z-index: 1;
   padding: 80px 0px 60px 40px;
   top: 0;
   right: 0;
}
.appointment-form::before {
   background-color:#fab909;
   content: "";
   height: 120%;
   left: 0px;
   position: absolute;
   top: 0;
   width: 5000px;
   z-index: -9;
}
.appointment-form  fieldset {
   margin-left: -15px;
}
.appoitment-area .appointment-form .sngl-field {margin-bottom: 30px;
   margin-top: 0;}
   .appoitment-area .appointment-form .sngl-field input {
      width: 100%;
      padding: 8px 10px;
      border: 1px solid #d29a02;
      border-radius: 0;
      color: #000000;
      font-weight: 400;
      background: #d29a02;
   }

   .appoitment-area .appointment-form .sngl-field textarea {
      border: 1px solid #d29a02;
      color: #000000;
      border-radius: 0;font-weight:400;margin-top:-15px;width:100%;padding:8px 10px;background:#d29a02
   }
   .appoitment-area .appointment-form .sngl-field select {
      -moz-appearance: none;
      -webkit-appearance: none;
      border: 1px solid #d29a02;
      width: 100%;
      padding: 8px 10px; cursor: pointer;margin-bottom: 15px;color:#000000;font-weight:400;background:#d29a02
   }
   .appoitment-area .appointment-form .sngl-field select option {
      background: #000000 none repeat scroll 0 0;color:#555;
   }
   .appoitment-area .appointment-form .filed-submitbtn input[type="submit"] {
      margin: 0;
      background: #000000;
      border: 0;
      padding: 12px 40px;
      font-weight: 600;
      color: #fff;transition:all 0.4s ease 0s}
      .appoitment-area .appointment-form .filed-submitbtn input[type="submit"]:hover{background:#fff;color:#000000;transition:all 0.4s ease 0s}
      .appoitment-area .appointment-form .sngl-field .select-arrow{position:relative}

      .appoitment-area .appointment-form .sngl-field .select-arrow:before {
         color: #000000;
         content: "\f107 ";
         font-family: fontawesome;
         position: absolute;
         right: 15px;
         top: 10px;
      }
      .appoitment-area .appointment-form .sngl-field input[type="text"]::-webkit-input-placeholder {
         color:#000000;opacity:1
      }
      .appoitment-area .appointment-form .sngl-field input[type="email"]::-webkit-input-placeholder {
         color:#000000;opacity:1
      }
      .appoitment-area .appointment-form .sngl-field textarea::-webkit-input-placeholder {
         color:#000000;opacity:1
      }

      .appoitment-area .appointment-form .sngl-field option::-webkit-input-placeholder {
         color:#000000;opacity:1
      }

      .appoitment-area .appointment-form .sngl-field input[type="text"]::-moz-placeholder{
         color:#000000;opacity:1
      }
      .appoitment-area .appointment-form .sngl-field input[type="email"]::-moz-placeholder{
         color:#000000;opacity:1
      }
      .appoitment-area .appointment-form .sngl-field textarea::-moz-placeholder{
         color:#000000;opacity:1
      }

      .appoitment-area .appointment-form .sngl-field option::-moz-placeholder{
         color:#000000;opacity:1
      }

      .appointment-form h2, .company-openingtime h2 {
         font-size: 18px;
         text-transform: uppercase;
         margin-bottom: 10px;
      }
      .appointment-form p {
         color: #000000;
      }
/*
22.Patner Section 
======================*/
.all-patner-sec {
   padding: 100px 0;
   background:#fdfdfd
}
.all-patner.owl-carousel.owl-theme .owl-item {
   padding: 0 40px;
}
.single-patner:hover{border-color:#fab909}
.single-patner {
   height: 86px;
   padding: 30px;
   border: 1px solid #ebeaea;
}
.all-patner.owl-carousel.owl-theme img {
   position: relative;
   top: 50%;
   transform: translateY(-50%);
}
.all-patner .owl-controls {
   position: absolute;
   top:27%;
   width: 100%;
   z-index: 99;
   transform: translateY(-50%);
}
.all-patner .owl-controls .owl-buttons div {
   background: none;
   opacity: 1.00;
}
.all-patner .owl-controls .owl-prev {
   left: 20px;
   position: absolute;
   transition: all 0.4s ease 0s;
   background: #fff;
}
.all-patner .owl-controls .owl-next {
   right: 20px;
   position: absolute;
   transition: all 0.4s ease 0s;
   background: #fff;
}
.all-patner .owl-controls .owl-prev i,
.all-patner .owl-controls .owl-next i {
   border: 1px solid #ddd;
   border-radius: 100%;
   color: #777;
   font-size: 30px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   transition: all 0.5s ease-out 0s;
   width: 40px;
}

.all-patner .owl-controls .owl-next i:hover {
   transition: all 0.5s ease-out 0s;background:#fab909;color:#fff;border-color:#fab909
}
.all-patner .owl-controls .owl-prev i:hover {
   transition: all 0.5s ease-out 0s;background:#fab909;color:#fff;border-color:#fab909
}

/* The End */