/***************************************************************************************************************
||||||||||||||||||||||||||       MASTER STYLESHEET FOR INTERRIO          |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
||||||||||||||||||||||||||                TABLE OF CONTENT               |||||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************

1. Imported styles and Flaticon
2. Base
3. Header
4. Top bar Area
5. HEADER FOR FULL SCREEN
6. Mainmenu
7. Rev Slider Wrapper & Text
8. Welcome Area
9. Service area
10. Latest project area
11. Slogan Area
12. Working Area
13. Testimonial area
14. Blog area 
15. Brand area
16. Footer area
17. Footer area Copyright
18. Breadcrumb
19. About
20. Choose area
21. Team area
22. Slogan-area.bg-clr-1
23. Fact counter area
24. Not found
25. Faq content area
26. PRESS RELEASE
27. Testimonial v2 Area
28. BLOG PAGES
29. BLOG STANDARD
30. BLOG Single
31. Quote Speech Mark style & BLOG CONTINUED
32. Contact v1
33. Google map Area
34. Contact v2
35. Contact v2 Form
36. PROJECTS AREA
37. Pro Manasory V2 Area
38. SINGLE PROJECT ITEM Pro Classic V1 Area
39. Pro Classic V2 Area
40. Pro Classic V3 Area
41. Pro Fullwidth Area
42. Pro Grid v1 Area
43. Pro With text Area
44. PROJECTS SINGLE
45. Project Single v2 Area
46. Service Page Area
47. Slogan V2 Area
48. Shop Single area
49. Service V2
50. COMMERCIAL DESIGN AREA
51. Appointment area
52. Pricing Table area
53. Pricing Table area

xx. end

****************************************************************************************************************
||||||||||||||||||||||||||||            End TABLE OF CONTENT                ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/



/* ----------------------------------------------------------- 1 Imported styles ------------------ */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i');



@import url(bootstrap.min.css);
@import url(font-awesome.min.css);
@import url(hover.css);
@import url(jquery.bxslider.css);
@import url(owl.carousel.css);
@import url(owl.theme.default.min.css);
@import url(animate.min.css);
@import url(jquery.bootstrap-touchspin.css);
@import url('jquery.fancybox.css');
@import url('prettyPhoto.css');

/*** Price filter***/
@import url(../assets/price-filter/nouislider.css);
@import url(../assets/price-filter/nouislider.pips.css);
/*** single shop slide ***/
@import url(flexslider.css);
/*** Time picker css ***/
@import url(../assets/timepicker/timePicker.css);


@import url(../fonts/flaticon/flaticon.css);
@import url(../fonts/flaticon/flaticonB.css);
@import url(../fonts/fa-ioni.css);
@import url(../assets/jquery-ui-1.11.4/jquery-ui.css);
/*** Revolution slider ***/
@import url(../assets/revolution/css/settings.css);
@import url(../assets/revolution/css/layers.css);
@import url(../assets/revolution/css/navigation.css);

/*** Revolution slider ***/
@import url(../assets/language-switcher/polyglot-language-switcher.css);





@font-face {
  font-family: "OilBats";
  src: url(../fonts/custom-font/OilBats.ttf);
}



/*==================================================================================== 2 Base Css ===========*/
html,
body { height: 100% }
body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  color: #303030;
  line-height: 28px;
  font-weight: 400;
}
button:focus{
  outline: none;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  margin: 0;
}
h3 {
 
}
h4 {

}
a,
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
  border: none;
}
img {
	max-width: 100%;
    height: auto;
}
i {
	font-style: normal;
}
.p0 {
	padding: 0 !important;
}
ul,
li {
    list-style: none;
    margin: 0;
    padding: 0;
}


/* Remove Chrome Input Field's Unwanted Yellow Background Color */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

.thm-btn {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  display: inline-block;
  border: 2px solid #d5ac63;
  text-transform: uppercase;
  font-family: 'Roboto', sans-serif;
  transition: all 500ms ease;
  line-height: 14px;
}
.bg-cl-1{
  background: #d5ac63;  
}
.thm-btn:hover{
  background: #141414;  
  border: 2px solid #d5ac63;
  color: #fff;
}



.sec-title {
  margin-top: -5px;
  padding-bottom: 40px;
  position: relative;
}
.sec-title h2 {
  color: #252525;
  font-size: 32px;
  font-weight: 700;
  line-height: 34px;
  text-transform: uppercase;
  margin: 0;
}
.sec-title h2 span{
  color: #d5ac63;
}
.sec-title span.decor {
  background: #d5ac63 none repeat scroll 0 0;
  height: 2px;
  width: 78px;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.sec-title span.decor:before{
  position: absolute;
  top: -3px;
  left: 0;
  width: 8px;
  height: 8px;
  background: #d5ac63;
  border-radius: 50%;
  content: "";
}


.sec-title-two{
  margin-top: -7px;
  padding-bottom: 27px;
  position: relative;    
}
.sec-title-two h3{
  color: #252525;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  margin: 0;
  text-transform: uppercase;    
}

/* jQuery ui dropdown  */
.ui-selectmenu-button span.ui-selectmenu-text {
  display: block;
  line-height: 25px;
  overflow: hidden;
  padding: 12px 15px;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: 'Poppins', sans-serif;
}
.ui-state-default {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eaeaea;
    border-radius: 0;
    color: #9e9e9e;
    font-size: 14px;
    font-weight: normal;
    height: 50px;
    outline: medium none;
    width: 100% !important;
    margin-bottom: 17px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0
}

/* jQuery ui dropdown Icon style */
.ui-state-default .ui-icon {
    background: none
}
.ui-selectmenu-button span.ui-icon {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.ui-selectmenu-button span.ui-icon {
  display: block;
  float: right;
  height: 48px;
  position: relative;
  text-indent: 0;
  top: 0;
  width: 48px;
}
.ui-selectmenu-button span.ui-icon::before {
  color: #9e9e9e;
    content: "\f0d7";
  font-family: FontAwesome;
  font-size: 18px;
  overflow: visible;
  position: absolute;
  right: 15px;
  top: 12px;
}

/* jQuery ui dropdown Sub item style */
.ui-widget-content {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #eaeaea !important;
  color: #9e9e9e;
  font-family: "Poppins",sans-serif;
  font-size: 14px;
}
.ui-selectmenu-menu .ui-menu {
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 0;
}
.ui-menu .ui-menu-item {
  cursor: pointer;
  margin: 0;
  min-height: 0;
  padding: 8px 15px;
  position: relative;
}

/* jQuery ui dropdown Hover style */
.ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  background: #d5ac63 none repeat scroll 0 0;
  border: none;
  color: #252525;
  font-size: 14px;
}

/* ======================================================================================== 3 HEADER ======= */
@keyframes menu_sticky {
  0%   {margin-top:-150px;}
  50%  {margin-top: -90px;}
  100% {margin-top: 0;}
}
.header-area.stricky-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  background: rgba(24, 24, 24, 0.3);
  animation-name: menu_sticky;
  animation-duration: 0.60s;
  animation-timing-function: ease-out;
  -webkit-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
  box-shadow: 0px 13px 30px -12px rgba(0,0,0,0.75);
}

.header-area.stricky-fixed .outer-box .logo {
  padding: 2px 0;
}
.header-area.stricky-fixed .main-menu .navigation li a {
  padding: 25px 10px 25px 0;
}
.header-area.stricky-fixed .main-menu .navigation > li.dropdown > a::after {
  top: 28px;
}
.header-area.stricky-fixed .main-menu .navigation > li > ul > li > a {
  padding: 15px 15px 15px 20px;
}
.header-area.stricky-fixed .main-menu .navigation > li > ul > li ul li a{
  padding: 15px 15px 15px 20px; 
}
.header-area.stricky-fixed .outer-box .cart-btn {
  top: 31px;
}
.header-area.stricky-fixed .outer-box .search-box-btn {
  top: 30px;
}


/* scroll to top styles */
.scroll-to-top {
  background: #d5ac63;
  border: 2px solid #d5ac63;
  border-radius: 5%;
  bottom: 25px;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 30px;
  font-weight: normal;
  height: 45px;
  line-height: 36px;
  position: fixed;
  right: 15px;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 45px;
  z-index: 99999;
  -webkit-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
  -moz-box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
  box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}
.scroll-to-top:hover {
  border: 2px solid #d6a041;
  color: #fff;
  background: #1b1b1b;
}

/* Form validation styles */
input:focus,
textarea:focus,
select:focus {
  border-color: #fdc716;
  outline: none;
}

#contact-form input[type="text"].error{
  border-color: red;    
}
#contact-form input[type="email"].error{
  border-color: red;    
}
#contact-form select.error {
  border-color: red;
}
#contact-form textarea.error{
  border-color: red;    
}
#contact-form label.error {
  display: none !important;
}

/* Post pagination styles */
.post-pagination li {
    display: inline-block;
    margin: 0 3px;
}
.post-pagination li a {
  background: #fff;
  border: 2px solid #f7f7f7;
  color: #292929;
  display: block;
  font-size: 18px;
  font-weight: 600;
  height: 55px;
  padding: 12px 0;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 55px;
  font-family: 'Montserrat', sans-serif;
}
.post-pagination li.active a, .post-pagination li:hover a {
  background: #fdc716;
  color: #fff;
  border: 2px solid #fdc716;
}



/* Overlay styles */
.overlay{
  background-color: rgba(0,0,0, .60);
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;	
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 450ms ease-out 0s;
  transition: all 450ms ease-out 0s;
  -webkit-transform: rotateY(180deg) scale(0.5,0.5);
  transform: rotateY(180deg) scale(0.5,0.5);    
}
.overlay .box{
  display: table;
  height: 100%;
  width: 100%;    
}
.overlay .box .content{
  display: table-cell;
  text-align: center;
  vertical-align: middle;    
}

/*============================================================================ 4 Top bar Area ============*/
.top-bar-area{
  background: #1b1b1b;
  padding: 10px 0 11px;
}
.top-bar-area .contact-info-left {
  
}
.top-bar-area .contact-info-left ul li {
  display: inline-block;
  float: left;
  margin-right: 30px;
  font-size: 14px;
  color: #fff;
}
.top-bar-area .contact-info-left ul li:last-child{
  margin-right:0;
}
.top-bar-area .contact-info-left ul li span:before{
  color: #d5ac63;
  padding-right: 6px;
}
.top-bar-area .contact-info-left ul li span.envelop:before {
  position: relative;
  top: 3px;
}

.top-bar-area .contact-info-right {
  position: relative;
  padding-left: 290px;
  margin-left: 30px;
}
.top-bar-area .contact-info-right .phnumber {
  position: absolute;
  top: 0;
  left: 0;
}
.top-bar-area .contact-info-right .phnumber p {
  color: #ffffff;
  font-size: 14px;
  margin: 0;
}
.top-bar-area .contact-info-right .phnumber span::before {
  color: #d5ac63;
  display: inline-block;
  padding-right: 6px;
  position: relative;
  top: 3px;
  font-size: 18px;
}

.top-bar-area .contact-info-right .language-switcher {
  left: 175px;
  position: absolute;
  top: 0;
}


.top-social-links {
  position: absolute;
  right: 0;
  top: 2px;
}
.top-social-links ul li {
  display: inline-block;
  margin-left: 15px;
}
.top-social-links ul li a i {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  transition: all 500ms ease 0s;
  width: 20px;
  height: 20px;
  display: block;
  text-align: center;
  line-height: 20px;
}
.top-social-links ul li a:hover i{
  color: #d5ac63;
}

/*================================================================ 5 HEADER FOR FULL SCREEN ============*/
.header-area {
}
.header-area .container {
  width:100%; padding: 0;
}

.header-area .outer-box {
  padding-right: 250px;
  width:100%;
  position: relative;
  background: rgba(24, 24, 24, 0.3);
  z-index:1;
}
.header-area .outer-box .logo {
  float: left;
  position: relative;
  transition: all 500ms ease 0s;
  padding: 10px 0;
  margin-left: 50px;
  margin-top: 18px;
}

/* Search css*/
.header-area .outer-box .search-box-btn {
  position: absolute;
  right: 0;
  top: 44px;
}
.header-area .outer-box .search-box-btn .toggle-search button {
  background: none;
  border: none;
  padding: 0;
  color: #252525;
  font-size: 15px;
  width: 30px;
  height: 30px;
}

.header-search {
  position: relative;
  padding: 10px 0px;
  background: #141414;
  z-index: 5;
  display: none;
}
.header-search .container {}
.header-search .search-form {
  position: relative;
  width: 270px;
}
.header-search .search {
  position: relative;
  margin: 0px;
}
.header-search input[type="search"] {
  position: relative;
  display: block;
  width: 100%;
  line-height: 24px;
  background: none;
  padding: 7px 40px 7px 15px;
  border: 1px solid #373737;
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
}
.header-search button {
  background: #1b1b1b;
  border-radius: 0 4px 4px 0;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 38px;
  border: 1px solid #d5ac63;
}
.header-search button span::before {
    color: #fff;
    font-size: 15px;
}
.header-search .search input:focus {
    border: 1px solid #d5ac63
}
.header-search .search input:focus + button, .header-search .search input button:hover {
  background: #D5AC63 none repeat scroll 0 0;
  color: #1b1b1b;
  border: 1px solid #D5AC63;
}

/* ============================================================================= 6 MAIN MENU =========== */
.main-menu {
  float: right;
  position: relative;
}
.main-menu .navbar-collapse {
  padding: 0px
}
.main-menu .navigation {
  float: right;
  margin: 0;
  position: relative;
}
.main-menu .navigation li {
  float: left;
  margin-left: 10px;
  padding: 0;
  position: relative;
}

.main-menu .navigation li a {
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  opacity: 1;
  padding: 30px 40px 35px 0;
  position: relative;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
}
.main-menu .navigation > li.dropdown > a {
  padding-right: 40px
}
.main-menu .navigation > li.dropdown > a:after {
  font-family: 'FontAwesome';
  content: "";
  position: absolute;
  top: 43px;
  right: 23px;
  font-size: 14px;
  transition: all 500ms ease 0s;
}
.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a {
  color: #d5ac63;
  opacity: 1;
}
.main-menu .navigation > li > ul {
  position: absolute;
  left: 0px;
  top: 140%;
  width: 250px;
  padding: 0px;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  border-bottom: 3px solid #d5ac63;
  transition: all 500ms ease;
}
.main-menu .navigation > li:hover > ul {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.main-menu .navigation > li > ul > li {
  float: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  border-top: 1px solid #C8C8C8;
}
.main-menu .navigation > li > ul > li:first-child {
  border: none;
}
.main-menu .navigation > li > ul > li > a {
  background: #E0E0E0;
  color: #252525;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 15px 15px 15px 20px;
  position: relative;
  text-transform: uppercase;
  transition: all 500ms ease 0s;
}
.main-menu .navigation > li > ul > li:hover > a {
  color: #d5ac63;
  background-color: #252525;
}
.main-menu .navigation > li > ul > li.current > a {
  color: #d5ac63;
  background-color: #252525;
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
  font-family: 'FontAwesome';
  content: "\f105";
  position:absolute;
  right:20px;
  top:15px;
  display:block;
  color:#252525;
  font-size:14px;
  text-align:center;
  z-index:5;
  font-weight: 400;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
  color:#d5ac63;	
}
.main-menu .navigation > li > ul > li > ul{
  position:absolute;
  left:110%;
  top:0px;
  width:220px;
  padding:0px;
  z-index:100;
  border-bottom: 3px solid #d5ac63;
  border-left: 1px solid #fdfcfc;
  visibility:hidden;
  opacity:0;
  transition:all 500ms ease;
}
.main-menu .navigation > li > ul li:hover ul {
  left: 100%;
  opacity: 1;
  visibility: visible;
}

.main-menu .navigation > li > ul > li ul li {
  float: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  border-top: 1px solid #e6e6e6;
}
.main-menu .navigation > li > ul > li ul li:first-child{
  border-top: none;
}
.main-menu .navigation > li > ul > li ul li a{
  background: #f7f7f7;
  color: #252525;
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 10px 15px 10px 20px;
  position: relative;
  text-transform: uppercase;
  transition: all 500ms ease 0s;    
}
.main-menu .navigation > li > ul > li  > ul > li:hover > a{
  background-color: #252525;	
  color: #d5ac63;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
  position: absolute;
  right: 10px;
  top: 6px;
  width: 34px;
  height: 30px;
  border: 1px solid #ffffff;
  background: url(../images/icon/submenu-icon.png) center center no-repeat;
  background-size: 20px;
  cursor: pointer;
  z-index: 5;
  display: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
}

/*** ============================================================ 7 Rev Slider Wrapper & Text ========***/
.rev_slider_wrapper .slide-content-box h1 {
  color: #ffffff;
  font-size: 80px;
  font-weight: 900;
  line-height: 85px;
  margin: 0px 0 14px;
  text-transform: uppercase;
}
.rev_slider_wrapper .slide-content-box {
  padding-bottom: 10px;
}
.rev_slider_wrapper .slide-content-box h1 span{
  font-family: verdana;  
  color: #d5ac63;
}
.rev_slider_wrapper .slide-content-box h2 {
  color: #ffffff;
  font-size: 32px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 22px;
}
.rev_slider_wrapper .slide-content-box h3 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 22px;
}
.rev_slider_wrapper .slide-content-box h2 span{
  color: #d5ac63;
}
.rev_slider_wrapper .slide-content-box h3 span{
  color: #d5ac63;
}

.rev_slider_wrapper .slide-content-box .button a{
  padding: 17px 40px 15px;
  border-radius: 0;
  transition: all 500ms ease !important;
  -moz-transition: all 500ms ease !important;
  -webkit-transition: all 500ms ease !important;
  -ms-transition: all 500ms ease !important;
  -o-transition: all 500ms ease !important;
}
.rev_slider_wrapper .slide-content-box .button a.bdr{
  border: 2px solid #949494;
}

/*** ===================================================================== 8 Welcome Area ============= ***/
.welcome-area {
  padding-bottom: 100px;
  padding-top: 40px;
}
.welcome-area .text-holder { }
.welcome-area .text-holder h3{
  color: #252525;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
  margin: 0 0 0px;
}
.welcome-area .text-holder .bottom {
  margin-top: 30px;
  padding-left: 215px;
  position: relative;
}
.welcome-area .text-holder .bottom .button {
  position: absolute;
  top: 0;
  left: 0;
}
.welcome-area .text-holder .bottom .button a{
  padding: 17px 30px 15px;
}
.welcome-area .text-holder .bottom .title h3 {
  color: #252525;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  position: relative;
  top: 10px;
}
.welcome-area .text-holder .bottom .title h3 span{
  color: #d5ac63;
  font-family: "OilBats";
  line-height: 30px;
  margin-top: 5px;
}


.welcome-area .gallery {
  position: relative;
  margin-top: 5px;
}
.welcome-area .gallery .video-gallery {
  width: 310px;
  height: 280px;
  text-align: center;
  border: 6px solid #f7f7f7;
  position: relative;
  overflow: hidden;
}
.welcome-area .gallery .video-gallery .overlay-gallery {
  background-color: transparent;
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.welcome-area .gallery .video-gallery .overlay-gallery .icon-holder{
  display: table;
  height: 100%;
  width: 100%;    
}
.welcome-area .gallery .video-gallery .overlay-gallery .icon-holder .icon{
  display: table-cell;
  vertical-align: middle;    
}
.welcome-area .gallery .video-gallery .overlay-gallery .icon-holder .icon a img{
  width: auto;
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.welcome-area .gallery .gallery-bg-img {
  position: absolute;
  right: 15px;
  top: 50px;
  z-index: -1;
  margin-left: -25px;
}


/*** =========================================================================== 9 SERVICE AREA ======== ***/
.service-area {
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 50px;
  padding-top: 100px;
  position: relative;
  z-index: 1;
}
.service-area::before {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.service-area .sec-title {
  padding-bottom: 44px;
}
.service-area .sec-title h2 {
  color: #ffffff;
}

.single-service-item{
  margin-bottom: 41px;    
}
.single-service-item .img-holder{
  display: block;
  overflow: hidden;
  position: relative; 
}
.single-service-item .img-holder img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;    
}
.single-service-item .img-holder .overlay .box .content a i{
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 20px;
  height: 45px;
  line-height: 48px;
  transition: all 500ms ease 0s;
  width: 45px; 
}
.single-service-item:hover .img-holder .overlay{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);    
}
.single-service-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-service-item .img-holder .overlay .box .content a:hover i{
  background: #d5ac63;
}

.single-service-item .text-holder {
  
}
.single-service-item .text-holder h3 {
  color: #d5ac63;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  margin: 20px 0 6px;
  text-transform: capitalize;
}
.single-service-item .text-holder h3 span{
  color: #fff;
}
.single-service-item .text-holder p{
  color: #c1c1c1;
}

/*** ===================================================================== 10 LATEST PROJECT AREA ======= ***/
.latest-project-area {
  padding-top: 100px;
  padding-bottom: 70px;
  overflow: hidden;
}
.latest-project-area .sec-title {
  padding-bottom: 44px;
}
.latest-project-area .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}
.latest-project-area .project-filter {
  margin-bottom: 73px;
  margin-left: -20px;
  margin-right: -20px;
}
.latest-project-area .project-filter li {
  display: inline-block;
  float: left;
  margin: 0;
}

.latest-project-area .project-filter li span {
  color: #9a9a9a;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
  font-family: 'Roboto', sans-serif;
}
.latest-project-area .project-filter li:last-child span:after{
  content: "";
}
.latest-project-area .project-filter li span::after {
  color: #eaeaea;
  content: "/";
  display: inline-block;
  margin: 0 20px 0 20px;
}
.latest-project-area .project-filter li.active span, 
.latest-project-area .project-filter li:hover span {
  color: #d5ac63;
}

.single-project-item {
  padding-bottom: 30px;
}
.single-project-item .img-holder {
  display: block;
  overflow: hidden;
  position: relative;     
}
.single-project-item .img-holder img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;      
}


.single-project-item .img-holder .overlay .box {
  
}
.single-project-item .img-holder .overlay .box .content {
  
}
.single-project-item .img-holder .overlay .box .content a h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0 0 3px;
  transition: all 500ms ease;
}
.single-project-item .img-holder .overlay .box .content p {
  font-weight: 400;
  color: #d5ac63;
  margin: 0;
}
.single-project-item:hover .img-holder .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);      
}
.single-project-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-project-item .img-holder .overlay .box .content a h3:hover{
  color: #d5ac63;
}

.latest-project-area .single-project-item .img-holder .overlay .box .content .icon-holder {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  height: 40px;
  position: absolute;
  right: 15px;
  top: 15px;
  transition: all 500ms ease 0s;
  width: 40px;
}
.latest-project-area .single-project-item .img-holder .overlay .box .content .icon-holder a i {
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  transition: all 500ms ease;
}
.latest-project-area .single-project-item .img-holder .overlay .box .content .icon-holder:hover{
  background: #d5ac63;    
}
/*** ====================================================================== 11 Slogan Area ============== ***/
.slogan-area {
  background-attachment: scroll;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 68px;
  padding-top: 66px;
  position: relative;
  z-index: 1;  
}
.slogan-area::before {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.slogan-area .slogan {
  padding: 0 140px;
}
.slogan-area .slogan h2{
  color: #d5ac63;
  font-size: 28px;
  font-weight: 400;
  line-height: 44px;
  text-align: center;
  transform: scale(1);
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;   
}
.slogan-area .slogan:hover h2{
  color: #fff;
  transform: scale(1.1);    
}


/*** ======================================================================== 12 Working Area ========== ***/
.working-area{
  padding-top: 100px;
  padding-bottom: 50px;
}
.working-area .sec-title {
  padding: 0 165px 40px;
}
.working-area .sec-title p {
  font-size: 18px;
  line-height: 32px;
  margin: 16px 0 0px;
}
.working-area .single-working-item {
  padding-bottom: 40px;
}
.working-area .single-working-item .icon-box {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #f7f7f7;
  border-radius: 50%;
  display: block;
  height: 180px;
  padding: 9px;
  position: relative;
  width: 180px;
  margin: 0 auto;
  transition: all 500ms ease;
}

.working-area .single-working-item .icon-box .icon {
  background: #f7f7f7 none repeat scroll 0 0;
  border-radius: 50%;
  display: block;
  height: 160px;
  width: 160px;
  text-align: center;
  line-height: 160px;
  color: #d5ac63;
  font-size: 50px;
  transition: all 500ms ease;
}
.working-area .single-working-item .icon-box .icon span:before{
  font-size: 50px;
}
.working-area .single-working-item .icon-box .count {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #f7f7f7;
  border-radius: 50%;
  display: block;
  height: 45px;
  left: 5px;
  position: absolute;
  text-align: center;
  top: 10px;
  width: 45px;
  transition: all 500ms ease;
}
.working-area .single-working-item .icon-box .count h3 {
  color: #252525;
  font-size: 18px;
  line-height: 45px;
  font-weight: 700;
  transition: all 500ms ease;
}
.working-area .single-working-item .text-box { }
.working-area .single-working-item .text-box h3 {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 21px 0 9px;
}
.working-area .single-working-item .text-box p {
  margin: 0;  
}
.working-area .single-working-item:hover .icon-box{
  background: #d5ac63;
} 
.working-area .single-working-item:hover .icon-box .count{
  background: #d5ac63;
}
.working-area .single-working-item:hover .icon-box .count h3{
  color: #fff;
}

/*** ====================================================================== 13 Testimonial Area ========= ***/
.testimonial-area {
  background: rgba(0, 0, 0, 0) url("../images/slides/testimonials_bg.jpg") no-repeat fixed center top / cover ;
  padding-bottom: 92px;
  padding-top: 100px;
  position: relative;
  z-index: 1;
}
.testimonial-area::before {
  background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.testimonial-area .sec-title h2 {
  color: #ffffff;
  margin: 0 0 7px;
}
.testimonial-area .sec-title .border {
  background: #d5ac63;
  height: 2px;
  width: 70px;
  display: inline-block;
}
.testimonial-area .sec-title .border {
  background: #d5ac63;
  height: 2px;
  width: 70px;
  display: inline-block;
}
.testimonials-carousel .single-slide-item .img-box {
    width: 400px;
    border: 3px solid rgba(255,255,255,0.20);
    position: relative;
}
.testimonials-carousel .single-slide-item .img-box .client-photo {
  background: #d5ac63 none repeat scroll 0 0;
  border-radius: 50%;
  height: 90px;
  padding: 2px;
  position: absolute;
  right: -45px;
  top: 23%;
  width: 90px;
}
.testimonials-carousel .single-slide-item .review-box {
  background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
  bottom: 0;
  height: 50px;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  padding: 10px 0;
}
.testimonials-carousel .single-slide-item .review-box span{
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}
.testimonials-carousel .single-slide-item .review-box ul {
  display: inline-block;
  padding-left: 5px;
}
.testimonials-carousel .single-slide-item .review-box ul li {
  display: inline-block;
  margin-right: 3px;
}
.testimonials-carousel .single-slide-item .review-box ul li i{
  color: #d5ac63;
  font-size: 14px;
}

.testimonials-carousel .single-slide-item .img-box,
.testimonials-carousel .single-slide-item .text-box{
  display: table-cell;
  vertical-align: top;
}
.testimonials-carousel .single-slide-item .text-box {
  padding-left: 100px;
}
.testimonials-carousel .single-slide-item .text-box span::before {
  color: #d5ac63;
  font-size: 30px;
}
.testimonials-carousel .single-slide-item .text-box .text {
  margin-top: 15px;
}
.testimonials-carousel .single-slide-item .text-box .text p {
  color: #ffffff;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 27px;
}
.testimonials-carousel .single-slide-item .text-box .text h3{
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 10px;
  text-transform: capitalize;
}
.testimonials-carousel .single-slide-item .text-box .text h4{
  color: #d5ac63;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}


.testimonials-carousel.owl-carousel .owl-nav {
  display: none;
}
.testimonials-carousel .owl-dots {
  margin-left: -114px;
  margin-top: -20px;
  position: relative;
}
.testimonials-carousel .owl-dots .owl-dot{
  background-image:none !important;
  width:10px !important;
  height:10px !important;
  margin:0px 5px !important;
  padding:0px;
  border:1px solid #b8b8b8;
  background:none;
  border-radius:50%;
  -webkit-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  -moz-border-radius:50%;
  transition: all 500ms ease;
}

.testimonials-carousel .owl-dots .owl-dot span{
  display:none;	
}
.testimonials-carousel .owl-dots .owl-dot.active{
  border-color:#d5ac63;
  background:#d5ac63;
}

/*** =========================================================================== 14 BLOG AREA ========== ***/
.latest-blog-area {
  padding-top: 35px;
  padding-bottom: 50px;
}
.latest-blog-area .sec-title {
  padding-bottom: 44px;
}
.latest-blog-area .more-blog-button {
  
}
.latest-blog-area .more-blog-button a {
  padding: 17px 43px 15px;
}
.latest-blog-area .single-blog-item {
  margin-bottom: 50px;
  transition: all 500ms ease;
    
}
.single-blog-item .img-holder{
  display: block;
  overflow: hidden;
  position: relative;     
}
.single-blog-item .img-holder img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;    
}
.single-blog-item .img-holder .overlay .box .content a i {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  height: 45px;
  line-height: 46px;
  transition: all 500ms ease 0s;
  width: 45px;
}
.single-blog-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-blog-item .img-holder a:hover {
  background: #d5ac63;
}

.single-blog-item .text-holder {
  border-left: 1px solid #f7f7f7;
  border-right: 1px solid #f7f7f7;
  border-bottom: 1px solid #f7f7f7;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
 transition: all 500ms ease;
}  
.single-blog-item .text-holder .blog-title {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  padding: 23px 0 5px;
  display: block;
 transition: all 500ms ease;
}
.single-blog-item .text-holder .meta-info {
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 14px;
}
.single-blog-item .text-holder .meta-info li {
  display: inline-block;
  margin: 0 8px;
  color: #c1c1c1;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
.single-blog-item .text-holder .meta-info li i{
  color: #c1c1c1;
  font-size: 16px;
  display: inline-block;
  padding-right: 8px;
}
.single-blog-item .text-holder .meta-info li a{
  color: #c1c1c1;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Roboto', sans-serif; 
  transition: all 500ms ease;
}
.single-blog-item .text-holder .text p {
  margin: 0;  
}
.single-blog-item .text-holder .text .readmore {
  color: #252525;
  font-family: "Roboto",sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  padding: 13px 0 0;
  transition: all 500ms ease;
}
.single-blog-item .text-holder .text .readmore {
  display: inline-block;
  padding-left: 5px;
}

.latest-blog-area .single-blog-item:hover{
  -moz-box-shadow: 0px 2px 4px #c1c1c1;
  -webkit-box-shadow: 0px 2px 4px #c1c1c1;
  box-shadow: 0px 2px 4px #c1c1c1; 
}
.single-blog-item .text-holder .blog-title:hover {
  color: #d5ac63;
}
.single-blog-item .text-holder .meta-info a:hover {
  color: #d5ac63;
}
.single-blog-item .text-holder:hover .text .readmore {
  color: #d5ac63;
}

/*** ============================================================================ 15 Brand Area ========= ***/
.brand-area {
  background: #d5ac63;
  padding-bottom: 50px;
  padding-top: 50px;
}
.brand-area .brand .owl-stage-outer{
  z-index:10;		
}
.brand-area .brand .single-item {
  border: 2px solid #c9a565;
  height: 90px;
  -webkit-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
  text-align: center;
}
.brand-area .brand .single-item img {
  display: inline-block;
  max-width: 100% !important;
  opacity: 1;
  padding: 0px 0;
  position: relative;
  -webkit-transition: all 300ms ease-in 0s;
  transition: all 300ms ease-in 0s;
  width: auto !important;
}
.brand-area .brand .single-item:hover{
  border: 2px solid #c5a264;
  background: #cfa65e;
}
.brand-area .brand .single-item:hover img{
  opacity: .9;
}
.brand-area .owl-controls {
  display: none;
}

/*** ===================================================================== 16 Footer area style ========= ***/
.footer-area {
  background: #1b1b1b none repeat scroll 0 0;
  padding-bottom: 25px;
  padding-top: 25px;
}
.single-footer-widget .footer-logo {
  padding: 0 0 27px;
}
.single-footer-widget .interrio-info {
  overflow: hidden;
  margin: 0 0 30px;
}
.single-footer-widget .interrio-info p {
  margin: 0;
}
.single-footer-widget .interrio-info p span{
  color: #d5ac63;
  font-weight: 700;
}
.single-footer-widget .footer-contact-info {
  overflow: hidden;
}
.single-footer-widget .footer-contact-info li {
  margin-bottom: 7px;
  padding-bottom: 9px;
  padding-left: 30px;
  position: relative;
}
.single-footer-widget .footer-contact-info li:last-child{
  border-bottom: 0px solid #242424;  
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.single-footer-widget .footer-contact-info li .icon-holder {
  position: absolute;
  top: 0;
  left: 0;
}
.single-footer-widget .footer-contact-info li .icon-holder span:before{
  color: #d5ac63;
  font-size: 20px;
}
.single-footer-widget .footer-contact-info li .icon-holder.time span::before {
  top: 3px;
  position: relative;
}
.single-footer-widget .footer-contact-info li .text-holder {}
.single-footer-widget .footer-contact-info li .text-holder p {
  margin: 0;
  color: #c1c1c1;
}

.single-footer-widget .title {
  padding-bottom: 40px;
  padding-top: 6px;
}
.single-footer-widget .title h3 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
  text-transform: capitalize;
}
.single-footer-widget .popular-news { }
.single-footer-widget .popular-news .single-popular-news-item {
  padding-left: 105px;
  position: relative;
  margin-bottom: 40px;
}
.single-footer-widget .popular-news .single-popular-news-item:last-child{
  margin-bottom: 0;    
}
.single-footer-widget .popular-news .single-popular-news-item .img-holder {
  width: 80px;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.single-footer-widget .popular-news .single-popular-news-item .img-holder img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;       
}
.single-footer-widget .popular-news .single-popular-news-item .img-holder .overlay .box .content a i {
  font-size: 16px;
  transition: all 500ms ease 0s; 
  color: #fff;
}
.single-footer-widget .popular-news .single-popular-news-item:hover .img-holder .overlay{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);    
}
.single-footer-widget .popular-news .single-popular-news-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-footer-widget .popular-news .single-popular-news-item .img-holder .overlay .box .content a:hover i{
  color: #d5ac63;
}
.single-footer-widget .popular-news .single-popular-news-item .text-holder {
  position: relative;
  top: -8px;
}
.single-footer-widget .popular-news .single-popular-news-item .text-holder p {
  color: #c1c1c1;
  margin: 0 0 10px;
 transition: all 500ms ease;
}
.single-footer-widget .popular-news .single-popular-news-item .text-holder .info {
  overflow: hidden;
}
.single-footer-widget .popular-news .single-popular-news-item .text-holder .info li {
  border-right: 1px solid #d5ac63;
  display: inline-block;
  float: left;
  line-height: 15px;
  margin-right: 10px;
  padding-right: 10px;
  color: #d5ac63;
  transition: all 500ms ease;
}
.single-footer-widget .popular-news .single-popular-news-item .text-holder .info li:last-child{
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.single-footer-widget .popular-news .single-popular-news-item .text-holder a:hover p{
  color: #d5ac63;
}


.single-footer-widget .subscribe-form {
  overflow: hidden;
  position: relative;
  top: -10px;
}
.single-footer-widget .subscribe-form p {
  color: #c1c1c1;
  margin: 0 0 11px;
}
.single-footer-widget .subscribe-form form {
  position: relative;  
}
.single-footer-widget .subscribe-form form input[type=text] {
    background: #1e1e1e;
    border: 1px solid #242424;
    color: #c1c1c1;
    display: block;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    height: 50px;
    padding-left: 15px;
    padding-right: 55px;
    position: relative;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 100%;  
}
.single-footer-widget .subscribe-form form button {
    background: #1e1e1e none repeat scroll 0 0;
    border-left: 2px solid #242424;
    color: #d5ac63;
    display: block;
    height: 50px;
    padding: 10.5px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    width: 50px;
    border-top: 1px solid #242424;
    border-right: 1px solid #242424;
    border-bottom: 1px solid #242424;
}
.single-footer-widget .subscribe-form form input[type=text]:focus {
    border: 1px solid #d5ac63;
    background: #c1c1c1;
    color: #1b1b1b;
}
.single-footer-widget .subscribe-form form input[type=text]:focus + button, 
.single-footer-widget .subscribe-form form button:hover {
    background: #d5ac63 none repeat scroll 0 0;
    color: #1b1b1b;
    border-color: #d5ac63;
}

.single-footer-widget .subscribe-form h4 {
  color: #c1c1c1;
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  line-height: 28px;
  margin: 12px 0 10px;
}

.single-footer-widget .latest-project {}
.single-footer-widget .latest-project .latest-project-items {
  overflow: hidden;
  margin-top: -5px;
}
.single-footer-widget .latest-project ul li {
  display: inline-block;
  float: left;
  position: relative;
}
.single-footer-widget .latest-project ul li .img-holder {
  overflow: hidden;
  position: relative; margin-right:10px;
}
.single-footer-widget .latest-project ul li .img-holder img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
  width: 100%;
}
.single-footer-widget .latest-project ul li .img-holder .overlay .box .content a i {
  font-size: 16px;
  transition: all 500ms ease 0s; 
  color: #fff;  
}
.single-footer-widget .latest-project ul li:hover .img-holder .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);
}
.single-footer-widget .latest-project ul li .img-holder .overlay .box .content a:hover i {
  color: #d5ac63;    
}

/*** ================================================================= 17 Footer copyright area ======= ***/
.footer-bottom-area {
    background: #141414 none repeat scroll 0 0;
    padding-bottom: 20px;
    padding-top: 18px;
}
.footer-bottom-area .copyright-text p {
    color: #c1c1c1;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    font-family: 'Lato', sans-serif;
}
.footer-bottom-area .copyright-text p a {
    color: #d5ac63;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}
.footer-bottom-area .copyright-text p a:hover{
  color: #fff;
}

.footer-bottom-area .footer-menu {
  float: right;
  position: relative;
  top: 3px;
}
.footer-bottom-area .footer-menu ul li {
  display: inline-block;
  margin: 0 0 0 20px;
}
.footer-bottom-area .footer-menu ul li a i{
  color: #ffffff;
  font-size: 16px;
  transition: all 500ms ease;
}
.footer-bottom-area .footer-menu ul li a:hover i{
  color: #d5ac63;
}

/*** =============================================================================== 18 BREADCRUMB ====== ***/
.breadcrumb-area {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 0; margin-top: -95px;
}
.breadcrumb-area h1 {
  color: #f9f9f9;
  font-size: 36px;
  font-weight: 700;
  line-height: 36px;
  padding-bottom: 100px;
  padding-top: 80px;
  text-transform: uppercase;
}

.breadcrumb-area .breadcrumb-bottom {
  background-color: rgba(0, 0, 0, 0.33);
  bottom: 0;
  height: 55px;
  left: 0;
  padding: 14px 0 15px;
  position: absolute;
  width: 100%;
}
.breadcrumb-area .breadcrumb-bottom .left ul {
  margin-left: -3px;
  margin-right: -3px;
}
.breadcrumb-area .breadcrumb-bottom .left ul li{
  color: #f9f9f9;
  font-size: 14px;
  font-weight: 300;
  display: inline-block;
  margin: 0 3px;
  text-transform: uppercase;
}
.breadcrumb-area .breadcrumb-bottom .left ul li a{
  color: #f9f9f9;
  font-size: 14px;
  font-weight: 300;
  text-transform: uppercase;
  transition: all 500ms ease;
}
.breadcrumb-area .breadcrumb-bottom .left ul li a:hover{
  color: #d5ac63;
}
.breadcrumb-area .breadcrumb-bottom .right a{
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  transition: all 500ms ease;
}
.breadcrumb-area .breadcrumb-bottom .right a:hover{
  color: #d5ac63;    
}
.breadcrumb-area .breadcrumb-bottom .right a i{
  display: inline-block;
  padding-right: 10px;
  font-size: 14px;
}

/*** =================================================================================== 19 ABOUT ========= ***/
.about-interrio-area {
  padding-bottom: 15px;
  padding-top: 40px;
}
.about-interrio-area .text-holder {
  
}
.about-interrio-area .text-holder h3 {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  margin: -5px 0 24px;
  line-height: 32px;
}
.about-interrio-area .text-holder h3 span {
  color: #d5ac63;
}
.about-interrio-area .text-holder .signature-and-name {
  margin: 30px 0 0;
}
.about-interrio-area .text-holder .signature-and-name .signature {
  width: 180px;
}
.about-interrio-area .text-holder .signature-and-name .signature,
.about-interrio-area .text-holder .signature-and-name .name{
  display: table-cell;
  vertical-align: middle;
}
.about-interrio-area .text-holder .signature-and-name .name {
  padding-left: 30px;  
}
.about-interrio-area .text-holder .signature-and-name .name h4{
  color: #252525;
  font-weight: 500;
  font-size: 18px;
  margin: 0 0 3px;
}
.about-interrio-area .text-holder .signature-and-name .name p{
  color: #d5ac63;
  font-weight: 400;
  font-style: italic;
  margin: 0;
}

.about-interrio-area .single-item {
  
}
.about-interrio-area .single-item .img-holder {
  position: relative;
  overflow: hidden;
}
.about-interrio-area .single-item .img-holder img {
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;  
}
.about-interrio-area .single-item .img-holder .overlay .box .content a i {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  height: 45px;
  line-height: 46px;
  transition: all 500ms ease 0s;
  width: 45px;  
}
.about-interrio-area .single-item:hover .img-holder .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);       
}
.about-interrio-area .single-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);    
}
.about-interrio-area .single-item .img-holder .overlay .box .content a:hover i{
  background: #d5ac63;
}

.about-interrio-area .single-item .text-box {
  margin: 28px 0 0;
}
.about-interrio-area .single-item .text-box h3 {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 14px;
}



/*** ============================================================================== 20 Choose area ======= ***/
.choose-area {
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 42px;
  padding-top: 100px;
  position: relative;
  z-index: 1;  
}
.choose-area::before {
  background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.choose-area .sec-title {
  padding-bottom: 42px;
}
.choose-area .sec-title h2 {
  color: #ffffff;
}
.choose-area .sec-title .border {
  background: #d5ac63 none repeat scroll 0 0;
  display: inline-block;
  height: 2px;
  margin: 24px 0 0;
  width: 70px;
}
.choose-area .single-item {
  margin-bottom: 50px;
  padding-left: 100px;
  position: relative;
}
.choose-area .single-item .icon-holder {
  background: #d5ac63 none repeat scroll 0 0;
  height: 70px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 70px;
  transition: all 500ms ease;
}
.choose-area .single-item .icon-holder span::before {
  color: #ffffff;
  display: block;
  font-size: 40px;
  padding: 21px 0;
}
.choose-area .single-item .text-holder {}
.choose-area .single-item .text-holder h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 10px;
  position: relative;
  text-transform: capitalize;
  top: -2px;
}
.choose-area .single-item:hover .icon-holder {
  background: #1b1b1b;
}

/*** ======================================================================== 21 Team area ============== ***/
.team-area {
  padding-bottom: 90px;
  padding-top: 100px;
}
.team-area .sec-title {
  padding-bottom: 45px;
}
.single-team-member {
  border: 1px solid #f7f7f7;
  padding: 9px;
}
.single-team-member .img-holder {
  display: block;
  overflow: hidden;
  position: relative;  
}
.single-team-member .img-holder img {
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%; 
}
.single-team-member .img-holder .overlay{
  background-color: rgba(0, 0, 0, 0.8);  
}
.single-team-member .img-holder .overlay .box .content ul li {
  display: inline-block;
  margin: 0 8px;
}
.single-team-member .img-holder .overlay .box .content ul li a i {
  color: #f7f7f7;
  font-size: 16px;
}

.single-team-member:hover .img-holder .overlay{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);         
}
.single-team-member:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);  
}
.single-team-member .img-holder .overlay .box .content ul li a:hover i {
  color: #d5ac63;
}

.single-team-member .text-holder {
  padding-top: 18px;  
}
.single-team-member .text-holder h3 {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0 0 3px;
}
.single-team-member .text-holder p {
  color: #d5ac63;
  font-size: 16px;
  margin: 0 0 3px;
}
.team-area .owl-controls {
  position: absolute;
  right: 0;
  top: -105px;
}
.team-area .owl-theme .owl-nav [class*="owl-"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #f7f7f7;
  border-radius: 50%;
  color: #cccbcb;
  font-size: 20px;
  height: 45px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-transition: all 700ms ease 0s;
  transition: all 700ms ease 0s;
  width: 45px;
  font-weight: 900;
}
.team-area .owl-theme .owl-nav [class*="owl-"] i {
  font-size: 20px;
  font-weight: 900;
}
.team-area .owl-theme .owl-nav .owl-next {
    margin-left: 10px
}
.team-area .owl-theme .owl-nav [class*="owl-"]:hover {
  color: #d5ac63;
  border: 2px solid #d5ac63;
}

.team-area .bottom-text {
  padding: 41px 175px 0;
}
.team-area .bottom-text h3{
  color: #252525;
  font-size: 22px;
  font-weight: 300;
  line-height: 36px;
}
.team-area .bottom-text h3 a{
  color: #d5ac63;
}

/*** ====================================================================== 22 Slogan-area.bg-clr-1 ========= ***/
.slogan-area.bg-clr-1 {}
.slogan-area.bg-clr-1::before {
  background: rgba(213, 172, 99, 0.93) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.slogan-area.bg-clr-1 .slogan {
  padding: 0 70px;
}
.slogan-area.bg-clr-1 .slogan h2{
  color: #ffffff;
}



/*** ===================================================================== 23 Fact counter area ========== ***/
.fact-counter-area {
  padding-bottom: 100px;
  padding-top: 100px;
}
.fact-counter-area .sec-title {
  padding-bottom: 37px;
}
.fact-counter-area .fact-counter-carousel .single-item{
    
}
.fact-counter-area .owl-controls {
  bottom: -57px;
  left: 0;
  position: absolute;
}
.fact-counter-area .owl-theme .owl-nav [class*="owl-"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #f7f7f7;
  border-radius: 50%;
  color: #cccbcb;
  font-size: 20px;
  height: 45px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-transition: all 700ms ease 0s;
  transition: all 700ms ease 0s;
  width: 45px;
  font-weight: 900;
}
.fact-counter-area .owl-theme .owl-nav [class*="owl-"] i {
  font-size: 20px;
  font-weight: 900;
}
.fact-counter-area .owl-theme .owl-nav .owl-next {
  margin-left: 10px
}
.fact-counter-area .owl-theme .owl-nav [class*="owl-"]:hover {
  color: #d5ac63;
  border: 2px solid #d5ac63;
}

.fact-counter-area .single-fact-counter {}
.fact-counter-area .single-fact-counter .box {
  background: #f7f7f7 none repeat scroll 0 0;
  height: 130px;
  position: relative;
}
.fact-counter-area .single-fact-counter .box h2 {
  display: block;
  padding: 60px 0 35px;
}
.fact-counter-area .single-fact-counter .box h2 span{
  color: #d5ac63;
  font-size: 30px;
  font-weight: 500;
}
.fact-counter-area .single-fact-counter .box h2 i {
  color: #d5ac63;
  font-size: 20px;
  font-weight: 900;
  left: 2px;
  position: relative;
  top: -3px;
}
.fact-counter-area .single-fact-counter .box .icon-holder {
  background: #ffffff none repeat scroll 0 0;
  height: 38px;
  left: 1px;
  position: absolute;
  top: 1px;
  width: 48px;
}
.fact-counter-area .single-fact-counter .box .icon-holder span::before {
  color: #d5ac63;
  display: block;
  font-size: 25px;
  font-weight: 600;
  padding: 4px 0;
  transition: all 500ms ease 0s;
}
.fact-counter-area .single-fact-counter .title {
  padding-top: 18px;
}
.fact-counter-area .single-fact-counter .title h3 {
  color: #252525;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
}
.fact-counter-area .single-fact-counter:hover .box .icon-holder span::before {
  background: #1b1b1b;  
  color: #fff;
}

/*** =============================================================================== 24 Not found ========= ***/
.not-found-area{
  background: #f7f7f7;
  padding-top: 122px;
  padding-bottom: 150px;
}
.not-found-content h1 {
  color: #252525;
  font-size: 150px;
  font-weight: 700;
  margin: 0 0 7px;
}
.not-found-content h3 {
  color: #252525;
  font-size: 20px;
  font-weight: 300;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.not-found-content p {
  font-size: 18px;
  margin: 0 0 42px;
}

.not-found-content .search-form {
  width: 432px;
  position: relative;
  margin: 0 auto;
}
.not-found-content .search-form input[type="text"] {
  background: #fff;
  border: 1px solid #f1f1f1;
  color: #9a9a9a;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  height: 55px;
  letter-spacing: 1px;
  padding-left: 20px;
  padding-right: 60px;
  position: relative;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 432px;
}
.not-found-content .search-form button {
  background: #d5ac63 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  height: 55px;
  padding: 11px 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 55px;
}
.not-found-content .search-form button i {
    font-size: 14px
}
.not-found-content .search-form input[type="text"]:focus {
  border: 1px solid #1B1B1B;
  background: #d5ac63;
  color: #fff;
}
.not-found-content .search-form input[type="text"]:focus + button, 
.not-found-content .search-form button:hover {
  background: #1B1B1B none repeat scroll 0 0;
  color: #fff;
}



/*** =================================================================== 25 Faq content area ============== ***/
.faq-content-area {
  overflow: hidden;
}
.accordion-box {
  padding: 80px 0 80px 100px;
}
.accordion-box .accordion {
  margin-bottom: 20px;
  position: relative;
  background: #fff;
}
.accordion-box .accordion .accord-btn {
  background: #f7f7f7 none repeat scroll 0 0;
  cursor: pointer;
  height: 55px;
  line-height: 18px;
  padding: 11px 20px 12px;
  position: relative;
  transition: all 500ms ease;
}
.accordion-box .accordion .accord-btn h4 {
  color: #252525;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  transition: all 500ms ease;
  text-transform: none;
}
.accordion-box .accordion .accord-btn::after {
  background: #252525 none repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  content:'\f067';
  font-family: "FontAwesome";
  font-size: 12px;
  font-weight: 100;
  height: 20px;
  line-height: 22px;
  margin-top: -15px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 32.5px;
  width: 20px;
  transition: all 500ms ease;
}

.accordion-box .accordion .accord-btn.active {
  background: #252525 none repeat scroll 0 0;
}
.accordion-box .accordion .accord-btn.active:after{
  content:'\f068';
  color: #252525;
  background: #d5ac63;
}
.accordion-box .accordion .accord-btn.active h4{
  color: #d5ac63;
}
.accordion-box .accordion .accord-content {
  border-top: medium none;
  display: none;
  padding: 22px 20px 1px;
  position: relative;
}
.accordion-box .accordion .accord-content.collapsed{
	display:block;	
}

.accordion-box .accordion .accord-content p {
  color: #9a9a9a;
  line-height: 28px;
  margin: 0;
}

.faq-content-area .question-form {
  background: #f7f7f7 none repeat scroll 0 0;
  padding: 76px 100px 100px 30px;
}
.faq-content-area .question-form h1 {
  color: #252525;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 35px;
  text-transform: uppercase;
}
.faq-content-area .question-form form input[type="text"],
.faq-content-area .question-form form textarea{
  background: #ffffff none repeat scroll 0 0;
  border: medium none;
  display: block;
  height: 50px;
  margin-bottom: 30px;
  padding: 0 20px;
  width: 100%;
  transition: all 500ms ease;
  border: 1px solid transparent;
}
.faq-content-area .question-form form input[type="text"]:focus{
  border: 1px solid #dad7d7;    
}
.faq-content-area .question-form form textarea:focus{
  border: 1px solid #dad7d7;    
}
.faq-content-area .question-form form textarea{
  height: 155px;
  padding: 15px 20px;
}
.faq-content-area .question-form form button {
  background: #252525 none repeat scroll 0 0;
  border-color: #252525;
  color: #d5ac63;
  margin: 10px 0 0;
  padding: 15px 30px 13px;
  transition: all 500ms ease;
}
.faq-content-area .question-form form button:hover{
  background: #d5ac63;
  color: #fff;
}


/*** ============================================================================ 26 PRESS RELEASE ===== ***/
.press-release-content-area {
  padding-bottom: 80px;
  padding-top: 80px;
}
.press-release-content-area .img-holder {
  display: block;
  overflow: hidden;
}
.press-release-content-area .img-holder img{
  width: 100%;
}

.press-release-content-area .press-release-caption {
  overflow: hidden;
  position: relative;
  padding-left: 30px;
}
.press-release-content-area .press-release-caption:before{
  content: "\f10d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: #d5ac63;
  font-size: 20px;
  position: absolute;
  top: 0px;
  left: 0;    
}
.press-release-content-area .press-release-caption:after{
  content: "\f10e";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  color: #d5ac63;
  font-size: 20px;
  position: absolute;
  top: 40px;
  right: 1%;     
}
.press-release-content-area .press-release-caption h3 {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
  margin: 6px 0 16px;
}

.press-release-content-area .text {
  margin: 0 0 20px;
  overflow: hidden;
  padding-left: 30px;
}
.press-release-content-area .client-info {
  overflow: hidden;
  padding-left: 30px;
}
.press-release-content-area .client-info .signature {
  width: 185px;
}
.press-release-content-area .client-info .signature,
.press-release-content-area .client-info .client-name{
  display: table-cell;
  vertical-align: middle;
}

.press-release-content-area .client-info .client-name {
padding-left: 20px;  
}
.press-release-content-area .client-info .client-name h3{
  color: #252525;
  font-size: 18px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 0 0 5px;
}
.press-release-content-area .client-info .client-name p{
  color: #d5ac63;
  margin: 0;
  font-style: italic;
}

.press-release-item-area {
  overflow: hidden;
  padding-bottom: 40px;
}
.press-release-item-area .single-item {
  display: block;
  margin-bottom: 60px;
  overflow: hidden;
}
.press-release-item-area .single-item .img-holder {
  position: relative;
  overflow: hidden;
}
.press-release-item-area .single-item .img-holder img{
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.press-release-item-area .single-item .img-holder .overlay .box .content a i {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 20px;
  height: 45px;
  line-height: 48px;
  transition: all 500ms ease 0s;
  width: 45px;  
}

.press-release-item-area .single-item .text-holder {
  padding-top: 18px;  
}
.press-release-item-area .single-item .text-holder p {
  margin: 0;  
}
.press-release-item-area .single-item .text-holder a{
  display: inline-block;
  background: #f7f7f7;
  color: #252525;
  font-size: 14px;
  font-weight: 400;
  padding: 2px 10px 0px;
  margin: 6px 0 0;
  transition: all 500ms ease;
}

.press-release-item-area .single-item:hover .img-holder .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);      
}
.press-release-item-area .single-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);  
}
.press-release-item-area .single-item .img-holder .overlay .box .content a:hover i {
  background: #d5ac63 none repeat scroll 0 0; 
}
.press-release-item-area .single-item:hover .text-holder a{
  background: #d5ac63;
  color: #fff;
}

/*** =================================================================== 27 Testimonial v2 Area ======== ***/
.testimonial-v2-area {
  padding-bottom: 50px;
  padding-top: 100px;
}
.testimonial-v2-area .single-item {
  margin-bottom: 50px;
  overflow: hidden;
  transition: all 500ms ease;
}
.testimonial-v2-area .single-item .img-holder {
  display: block;
  overflow: hidden;
  position: relative;
}
.testimonial-v2-area .single-item .img-holder img {
  transition: all 0.5s ease 0s;
  width: 100%;
}
.testimonial-v2-area .single-item .img-holder .quote-box {
  background: #252525 none repeat scroll 0 0;
  border-radius: 50%;
  color: #d5ac63;
  display: block;
  font-size: 20px;
  height: 45px;
  left: 20px;
  line-height: 48px;
  position: relative;
  text-align: center;
  top: -22.5px;
  width: 45px;
  transition: all 500ms ease;
}
.testimonial-v2-area .single-item .text-holder {
  border: 1px solid #f7f7f7;
  border-top: 0px solid #f7f7f7;
  margin-top: -45px;
  padding-top: 35px;
  padding-left: 20px;
  padding-right: 10px;
  padding-bottom: 25px;
}
.testimonial-v2-area .single-item .text-holder p {
  margin: 0 0 15px;
}
.testimonial-v2-area .single-item .text-holder h3{
  color: #252525;
  font-size: 18px;
  font-weight: 400;
  text-transform: capitalize;
}
.testimonial-v2-area .single-item .text-holder h3 span{
  color: #d5ac63;
  font-size: 16px;
  font-style: italic;
}

.testimonial-v2-area .single-item:hover .img-holder .quote-box{
  margin-left: 30%;
}
.testimonial-v2-area .single-item:hover .img-holder img {
  opacity: .8;
}
.testimonial-v2-area .single-item:hover{
  -webkit-box-shadow: 1px 3px 11px 1px rgba(158,158,158,0.27);
  -moz-box-shadow: 1px 3px 11px 1px rgba(158,158,158,0.27);
  box-shadow: 1px 3px 11px 1px rgba(158,158,158,0.27);
}

/*** ============================================================================= 28 BLOG PAGES ====== ***/
#blog-area {
  padding-bottom: 100px;
  padding-top: 80px;
}
.blog-with-sidebar-area .blog-post {
  border-right: 1px solid #f7f7f7;
  margin-bottom: -100px;
  margin-right: -25px;
  margin-top: -80px;
  padding-bottom: 100px;
  padding-right: 25px;
  padding-top: 80px;
}
.blog-with-sidebar-area .blog-post .single-blog-item {
  margin-bottom: 60px;
}
.blog-with-sidebar-area .blog-post .single-blog-item .img-holder .overlay .box .content a i {
  border-radius: 5%;
  font-size: 20px;
  height: 50px;
  line-height: 52px;
  width: 50px;
}
.blog-with-sidebar-area .blog-post .single-blog-item .text-holder {
  padding-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
}
.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .blog-title {
  font-size: 24px;
  padding: 33px 0 5px;
}
.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom {
  margin-top: 30px;  
}
.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom .readmore {
  padding: 0;
}
.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom .readmore a {
  border: 2px solid #f7f7f7;
  color: #252525;
  display: block;
  height: 45px;
  line-height: 44px;
  text-align: center;
  width: 150px;
  transition: all 500ms ease;
}
.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom .share {}
.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom .share h5 {
  color: #252525;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  margin-right: 15px;
  position: relative;
  text-transform: uppercase;
  top: -18px;
}
.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom .share h5 i {
  display: inline-block;
  padding-left: 10px;
}
.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom .share .social-share {
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 2.5px;
  margin-bottom: 2.5px;
  overflow: hidden;
  display: inline-block;
}
.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom .share .social-share li {
  display: inline-block;
  float: left;
  margin: 0 5px;
}
.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom .share .social-share li a i {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 2px solid #f7f7f7;
  color: #c1c1c1;
  font-size: 14px;
  line-height: 36px;
  text-align: center;
  transition: all 500ms ease;
}

.blog-with-sidebar-area .blog-post .single-blog-item:hover .text-holder .text .bottom .readmore a{
  background: #d5ac63;
}
.blog-with-sidebar-area .blog-post .single-blog-item .text-holder .text .bottom .share .social-share li a:hover i{
  background: #d5ac63;
  color: #fff;
  border-color: #d5ac63;
}
.blog-with-sidebar-area .post-pagination {
  margin-top: -10px;
}


.post-pagination li {
  display: inline-block;
  margin: 0 3px;
}
.post-pagination li a {
  background: #fff;
  border: 1px solid #f7f7f7;
  color: #252525;
  display: block;
  font-size: 18px;
  font-weight: 600;
  height: 55px;
  padding: 13px 0;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 55px;
}
.post-pagination li.active a, .post-pagination li:hover a {
  background: #252525;
  color: #d5ac63;
  border: 1px solid #252525;
}

.sidebar-wrapper {
  padding-left: 20px;
}
.sidebar-wrapper .single-sidebar {
  overflow: hidden;
  margin-bottom: 60px;
  position: relative;
}
.sidebar-wrapper .single-sidebar .sidebar-title {
  overflow: hidden;
  padding-bottom: 26px;
  margin-top: -4px;
}
.sidebar-wrapper .single-sidebar .sidebar-title h1 {
  color: #252525;
  font-size: 20px;
  font-weight: 400;
  text-transform: capitalize;
}

.sidebar-wrapper .single-sidebar form.search-form {
  position: relative
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"] {
  background: #fff;
  border: 1px solid #f7f7f7;
  color: #9a9a9a;
  display: block;
  font-size: 16px;
  font-weight: 500;
  height: 50px;
  letter-spacing: 1px;
  padding-left: 15px;
  padding-right: 55px;
  position: relative;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 100%;
}
.sidebar-wrapper .single-sidebar .search-form button {
  background: #d5ac63 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: block;
  height: 50px;
  padding: 11px 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transition: all 500ms ease 0s;
  transition: all 500ms ease 0s;
  width: 50px;
}
.sidebar-wrapper .single-sidebar .search-form button i {
  font-size: 14px
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus {
  border: 1px solid #1B1B1B;
  background: #f7f7f7;
}
.sidebar-wrapper .single-sidebar .search-form input[type="text"]:focus + button, 
.sidebar-wrapper .single-sidebar .search-form button:hover {
    background: #1B1B1B none repeat scroll 0 0;
    color: #fff;
}

.single-sidebar .categories {
  margin-top: -6px;
}
.single-sidebar .categories li {
  border-bottom: 1px solid #f7f7f7;
  margin-bottom: 12px;
  padding-bottom: 11px;
}
.single-sidebar .categories li:last-child {
  margin-bottom: 0;
}
.single-sidebar .categories li a {
  color: #9a9a9a;
  transition: all 500ms ease;
  font-size: 16px;
  font-weight: 300;
}
.single-sidebar .categories li a i {
  display: inline-block;
  font-size: 18px;
  padding-right: 10px;
  position: relative;
  top: 1px;
}
.single-sidebar .categories li a span {
  display: inline-block;
  padding-left: 10px;
}
.single-sidebar .categories li a:hover{
  color: #d5ac63;    
}


.single-sidebar .recent-post {}
.single-sidebar .recent-post li {
  margin-bottom: 25px;
  padding-left: 70px;
  position: relative;
  border-bottom: 1px solid #f7f7f7;
  padding-bottom: 21px;
}
.single-sidebar .recent-post li:last-child{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.single-sidebar .recent-post li .img-holder {
  display: block;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0px;
  width: 70px;
}
.single-sidebar .recent-post li .img-holder img {
  transform: scale(1);
  transition: all 0.5s ease 0s;
}
.single-sidebar .recent-post li .img-holder .overlay .box .content a i{
  color: #fff;
  font-size: 16px;
  transition: all 500ms ease;
}
.single-sidebar .recent-post li:hover .img-holder .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);    
}
.single-sidebar .recent-post li:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.single-sidebar .recent-post li .img-holder .overlay .box .content a:hover i{
  color: #d5ac63;
}
.single-sidebar .recent-post li .title {
  padding-left: 20px;
}
.single-sidebar .recent-post li .title h3 {
  font-size: 16px;
  line-height: 28px;
  position: relative;
  text-transform: none;
  top: -7px;
}
.single-sidebar .recent-post li .title h3 a {
  color: #9a9a9a;
  display: block;
  transition: all 500ms ease;
  font-weight: 300;
}
.single-sidebar .recent-post li .title p {
  color: #d5ac63;
  margin: 0;
  position: relative;
  top: -3px;
}
.single-sidebar .recent-post li .title h3:hover a{
  color: #d5ac63;
}

.single-sidebar.about-us{
  margin-top: -4px;
}
.single-sidebar.about-us .text-box {
  margin: -7px 0 0;
}

.single-sidebar.follow-us {
  margin-top: -20px;
}

.single-sidebar .product-tag {
  margin-left: -3px;
  margin-right: -3px;
  margin-top: -5px;
}
.single-sidebar .product-tag li {
  display: inline-block;
  margin: 0 3px 10px;
}
.single-sidebar .product-tag li a {
  border: 1px solid #f7f7f7;
  color: #9a9a9a;
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding: 1px 12px 2px;
  transition: all 500ms ease 0s;
}
.single-sidebar .product-tag li a:hover{
  background: #252525;
  border-collapse: #252525;
  color: #d5ac63;
}

/*** ================================================================== 29 BLOG STANDARD ============= ***/
.blog-standard-area .single-blog-item {
  margin-bottom: 50px;
}
.blog-standard-area .loadmore-button a {
  padding: 14px 35px;
}

/*** ================================================================== 30 BLOG SINGLE ============= ***/
.blog-single-area { }
.blog-single-area .blog-post { }
.blog-single-area .single-blog-item {}
.blog-single-area .single-blog-item .img-holder img {
  transform: none;
}
.blog-single-area .single-blog-item .text-holder {
  border-bottom: medium none;
  border-left: medium none;
  border-right: medium none;
  padding: 0; margin-bottom:0px;
}
.blog-single-area .single-blog-item .text-holder .blog-title {
  font-size: 24px;
  padding: 0px 0 0px; margin-top:-35px;
}
.blog-single-area .single-blog-item .text-holder .blog-title:hover{
  color: #252525;
}
.blog-single-area .single-blog-item .text-holder p.mar-bottom {
  margin-bottom: 13px;
}

.blog-single-area .middle-content-box {
  margin: 30px 0 33px;
  overflow: hidden;
}
.blog-single-area .middle-content-box .img-holder {
  width: 340px;
}
.blog-single-area .middle-content-box .img-holder,
.blog-single-area .middle-content-box .text-holder{
  display: table-cell;
  vertical-align: top;
}
.blog-single-area .middle-content-box .text-holder {
  padding-left: 30px; 
  position: relative;
}
/*** ============================================ 31 Quote Speech Mark style & BLOG CONTINUED ========= ***/

.blog-single-area .middle-content-box .text-holder:before{
  content: "\f10d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #D5AC63;
  font-size: 24px;
  padding-right: ;
  position: absolute;
  top: -3px;
  left: 30px;    
}
.blog-single-area .middle-content-box .text-holder {
  padding-left: 30px;
  padding-top: 32px;
  position: relative;
}
.blog-single-area .middle-content-box .text-holder h3 {
  color: #252525;
  font-size: 18px;
  font-weight: 500;
  margin: 20px 0 7px;
}
.blog-single-area .middle-content-box .text-holder h5 {
  color: #d5ac63;
  font-size: 16px;
  font-weight: 300;
  margin: 0;
}

.blog-single-area .bottom-content-box {
  padding-bottom: 10px; margin-bottom:0px;
}

.blog-single-area .tag-social-share-box {
  overflow: hidden;
  padding-bottom: 24px;
  padding-top: 25px;
}
.blog-single-area .tag-social-share-box .tag p {
  color: #d5ac63;
  margin: 0;
}
.blog-single-area .tag-social-share-box .tag p span {
  color: #252525;
  font-weight: 400;
  text-transform: uppercase;
}

.blog-single-area .tag-social-share-box .social-share {
  
}
.blog-single-area .tag-social-share-box .social-share h5 {
  color: #252525;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative;
  top: 7px;
}
.blog-single-area .tag-social-share-box .social-share i {
  padding-left: 10px;
  display: inline-block;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links {
  display: inline-block;
  float: left;
  margin-left: -3px;
  margin-right: -3px;
  padding-left: 20px;
  position: relative;
  top: -6px;
}


.blog-single-area .tag-social-share-box .social-share .social-share-links li {
  display: inline-block;
  margin: 0 3px;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li a i {
  border: 2px solid #f7f7f7;
  border-radius: 50%;
  color: #c1c1c1;
  font-size: 14px;
  height: 40px;
  line-height: 36px;
  padding: 0;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 40px;
  transition: all 500ms ease;
}
.blog-single-area .tag-social-share-box .social-share .social-share-links li a:hover i{
  background: #d5ac63;
  border-color: #d5ac63;
  color: #fff;
}

.blog-single-area .author-box {
  background: #f7f7f7 none repeat scroll 0 0;
  display: block;
  padding: 30px 30px 22px;
  position: relative;
}
.blog-single-area .author-box .img-holder{
  width: 85px;
}
.blog-single-area .author-box .img-holder,
.blog-single-area .author-box .text-holder{
  display: table-cell;
  vertical-align: top;
}
.blog-single-area .author-box .text-holder {
  padding-left: 30px;
}
.blog-single-area .author-box .text-holder h3 {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  margin: -2px 0 14px;
  text-transform: capitalize;
}
.blog-single-area .author-box .text-holder p{
 
}

.blog-single-area .author-box .text-holder .social-link {
  margin-left: -6px;
  margin-right: -6px;
  overflow: hidden;
}
.blog-single-area .author-box .text-holder .social-link li{
  display: inline-block;
  margin: 0 6px;
}
.blog-single-area .author-box .text-holder .social-link li a i{
  color: #9a9a9a;
  font-size: 14px;
  transition: all 500ms ease;
}
.blog-single-area .author-box .text-holder .social-link li a:hover i{
  color: #d5ac63;
}


.blog-single-area .comment-box {
  overflow: hidden;
  padding-bottom: 50px;
  padding-top: 75px;
}
.blog-single-area .comment-box .title{
  padding-bottom: 36px;
}
.blog-single-area .comment-box .title h3 {
  color: #252525;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
}
.blog-single-area .comment-box .single-comment-box {
  padding-left: 60px;
  position: relative;
  margin-bottom: 30px;
}
.blog-single-area .comment-box .single-comment-box .img-holder {
  left: 0;
  position: absolute;
  top: 0;
}

.blog-single-area .comment-box .single-comment-box .text-holder {
  border: 1px solid #f7f7f7;
  margin-left: 20px;
  padding: 15px 20px 5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top {
  overflow: hidden;
  padding-bottom: 8px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .date h5 {
  color: #252525;
  font-size: 16px;
  font-weight: 300;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box {
  position: relative;
  top: -3px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul {
  margin-left: -0.5px;
  margin-right: -0.5px;
  overflow: hidden;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li {
  display: inline-block;
  margin: 0 0.5px;
}
.blog-single-area .comment-box .single-comment-box .text-holder .top .review-box ul li i {
  color: #d5ac63;
  font-size: 14px;
}


.blog-single-area .add-comment-box {
  overflow: hidden;
}
.blog-single-area .add-comment-box .title {
  padding-bottom: 30px;
}
.blog-single-area .add-comment-box .title h3 {
  color: #252525;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;  
}
.blog-single-area .add-comment-box .add-rating-box {
  padding-bottom: 17px;
}
.blog-single-area .add-comment-box .add-rating-box h4 {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  margin: 0 0 3px;
}
.blog-single-area .add-comment-box .add-rating-box ul {
  
}
.blog-single-area .add-comment-box .add-rating-box ul li {
  border-right: 1px solid #ebebeb;
  display: inline-block;
  line-height: 20px;
  margin-right: 6px;
  padding-right: 10px;
}
.blog-single-area .add-comment-box .add-rating-box ul li:last-child{
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.blog-single-area .add-comment-box .add-rating-box ul li a i{
  color: #d6d6d6;
  font-size: 12px;
}
.blog-single-area .add-comment-box .add-rating-box ul li a:hover i{
  color: #d5ac63;
  transition: all 500ms ease;
}

.blog-single-area .add-comment-box .add-comment-form {}
.blog-single-area .add-comment-box .add-comment-form .field-label {
  color: #9a9a9a;
  display: block;
  font-size: 16px;
  font-weight: 300;
  padding: 0 0 2px;
}
.blog-single-area .add-comment-box .add-comment-form input[type="text"],
.blog-single-area .add-comment-box .add-comment-form textarea{
  background: #f7f7f7 none repeat scroll 0 0;
  border: 1px solid transparent;
  display: block;
  font-size: 16px;
  font-weight: 400;
  height: 50px;
  padding: 0 15px;
  width: 100%;  
  margin-bottom: 12px;
  transition: all 500ms ease;
}
.blog-single-area .add-comment-box .add-comment-form textarea {
  height: 100px;
  padding: 10px 15px;
  margin-bottom: 30px;
}
.blog-single-area .add-comment-box .add-comment-form button {
  background: #252525 none repeat scroll 0 0;
  border-color: #252525;
  color: #d5ac63;
  padding: 14px 30px;
}
.blog-single-area .add-comment-box .add-comment-form input[type="text"]:focus{
  border-color: #d5ac63;    
}
.blog-single-area .add-comment-box .add-comment-form textarea:focus{
  border-color: #d5ac63;       
}
.blog-single-area .add-comment-box .add-comment-form button:hover{
  background: #d5ac63;
  color: #fff;
}

/*** ============================================================================ 32 Contact v1 Area ========= ***/
.contact-v1-area {
  padding-bottom: 70px;
  padding-top: 80px;
}
.contact-v1-area .sec-title {
  padding: 0 150px 40px;
}    
.contact-v1-area .sec-title h2 {
  margin: 0 0 16px;
}
.contact-v1-area .sec-title p{
  margin: 0;
  font-size: 18px;
  line-height: 32px;
}

.contact-v1-area .img-holder {
  
}
.contact-v1-area .img-holder img {
  width: 100%;
}
.contact-v1-area .contact-info {
  padding-top: 40px;
}
.contact-v1-area .contact-info .single-item {
  margin-bottom: 33px;
  padding-left: 30px;
  position: relative;
}
.contact-v1-area .contact-info .single-item .icon-holder {
  left: 0;
  position: absolute;
  top: -5px;
}
.contact-v1-area .contact-info .single-item .icon-holder span::before {
  color: #d5ac63;
  font-size: 20px;
}
.contact-v1-area .contact-info .single-item .text-holder {
  
}
.contact-v1-area .contact-info .single-item .text-holder h5 {
  color: #252525;
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 10px;
}
.contact-v1-area .contact-info .single-item .text-holder p {
  line-height: 22px;
  margin: 0;
}

.contact-v1-area .contact-form-v1 form input[type="text"],
.contact-v1-area .contact-form-v1 form input[type="email"],
.contact-v1-area .contact-form-v1 form select,
.contact-v1-area .contact-form-v1 form textarea,
.form_field_boxR {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 1px solid transparent;
  display: block;
  height: 50px;
  margin-bottom: 20px;
  padding: 0 20px;
  width: 100%;
  transition: all 500ms ease;
}
.contact-v1-area .contact-form-v1 form textarea {
  height: 130px;
  padding: 11px 20px;
  margin-bottom: 30px;
}
.contact-v1-area .contact-form-v1 form button{
  padding: 17px 32px 15px;  
  transition: all 500ms ease;
}

.contact-v1-area .contact-form-v1 form input[type="text"]:focus {
  border-color: #d5ac63;
}
.contact-v1-area .contact-form-v1 form input[type="email"]:focus {
  border-color: #d5ac63;
}
.contact-v1-area .contact-form-v1 form select:focus {
  border-color: #d5ac63;
}
.contact-v1-area .contact-form-v1 form textarea:focus {
  border-color: #d5ac63;
}

/*** ======================================================================= 33 Google map Area =========== ***/
.google-map-area {
  position: relative;
}
#contact-google-map {
  height: 480px;
  width: 100%;
}

/*** ====================================================================== 34 Contact v2 Area =========== ***/
.contact-v2-area {
  padding-bottom: 100px;
  padding-top: 80px;
}
.contact-v2-area .contact-info {
  
}
.contact-v2-area .contact-info .title{
  margin-top: -2px;
  padding-bottom: 30px;
}
.contact-v2-area .contact-info .title h3 {
  color: #252525;
  font-size: 22px;
  font-weight: 500;
  text-transform: capitalize;
}
.contact-v2-area .contact-info .contact-address {
  overflow: hidden;
}
.contact-v2-area .contact-info .contact-address li{
  padding-left: 35px;
  position: relative;
  padding-bottom: 25px;
}
.contact-v2-area .contact-info .contact-address li .icon-holder{
  position: absolute;
  top: -2px;
  left: 0;
}
.contact-v2-area .contact-info .contact-address li .icon-holder span:before{
  color: #d5ac63;
  font-size: 20px;
  font-weight: 600;
}
.contact-v2-area .contact-info .contact-address li .text-holder {
  
}
.contact-v2-area .contact-info .contact-address li .text-holder p {
  line-height: 22px;
  margin: 0;
}
.contact-v2-area .contact-info .view-on-map a {
  color: #252525;
  font-size: 16px;
  font-weight: 400;
  transition: all 500ms ease;
}
.contact-v2-area .contact-info .view-on-map a i {
  display: inline-block;
  padding-left: 7px;
}
.contact-v2-area .contact-info .view-on-map a:hover {
  color: #d5ac63;
}
#contact-v2-google-map{
  height: 300px;
  width: 100%;    
}

/*** ==================================================================== 35 Contact v2 Form Area ======== ***/
.contact-v2-form-area {
  background: #f7f7f7 none repeat scroll 0 0;
  padding-bottom: 70px;
  padding-top: 100px;
}
.contact-v2-form-area .sec-title {
  padding: 0 160px 40px;
}
.contact-v2-form-area .sec-title h2 {
  margin: 0 0 30px;
}
.contact-v2-form-area .sec-title p{
  color: #9a9a9a;
  font-size: 18px;
  margin: 0;
  line-height: 32px;
}
.contact-v2-form-area .contact-v2-form form {}
.contact-v2-form-area .contact-v2-form form input[type="text"],
.contact-v2-form-area .contact-v2-form form input[type="email"],
.contact-v2-form-area .contact-v2-form form textarea{
  width: 100%;
  height: 55px;
  border: 1px solid #eaeaea;
  display: block;
  padding: 0 15px;
  margin-bottom: 30px;
  transition: all 500ms ease;
}
.contact-v2-form-area .contact-v2-form form textarea {
  height: 140px;
  padding: 12px 15px;
}
.contact-v2-form-area .contact-v2-form form button {
  display: block;
  padding: 19px 0 18px;
  width: 100%;
}

.contact-v2-form-area .contact-v2-form form input[type="text"]:focus{
  border-color: #d5ac63;      
}
.contact-v2-form-area .contact-v2-form form input[type="email"]:focus{
  border-color: #d5ac63;     
}
.contact-v2-form-area .contact-v2-form form textarea:focus{
  border-color: #d5ac63;     
}

/*** ========================================================================== 36 PROJECTS AREA ===== ***/
#project-area {
  padding-bottom: 100px;
  padding-top: 80px;
}
#project-area .project-filter {
  margin-bottom: 60px
}
#project-area .project-filter li {
  display: inline-block;
  margin: 0 3px;
}
#project-area .project-filter li span {
  background: #fff;
  border: 1px solid #ebebeb;
  color: #9a9a9a;
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding: 10px 29px;
  text-transform: capitalize;
  border-radius: 0px;
  cursor: pointer;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
}
#project-area .project-filter li.active span, 
#project-area .project-filter li:hover span {
  background: #252525;
  color: #d5ac63;
  border: 1px solid #252525;
}
#project-area .single-project-item .img-holder .overlay .box .content .icon-holder {
  position: absolute;
  right: 15px;
  top: 15px;
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition: all 500ms ease 0s;
}
#project-area .single-project-item .img-holder .overlay .box .content .icon-holder a i {
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
}
#project-area .single-project-item .img-holder .overlay .box .content .icon-holder:hover{
  background: #d5ac63;
}
#project-area .loadmore-btn a {
  padding: 16px 45px;
  margin-top: 20px;
}

/*** =============================================================== 37 Pro Manasory V2 Area ========== ***/
.pro-manasory-v2-area .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}

/*** ================================================ 38 SINGLE PROJECT ITEM Pro Classic V1 Area ======= ***/
.single-project-item .img-holder .overlay-style-2 {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 100%;
  transition: all 450ms ease-out 0s;
  width: 100%;
}
.single-project-item .img-holder .overlay-style-2 .box {
}
.single-project-item .img-holder .overlay-style-2 .box .content {
}
.single-project-item .img-holder .overlay-style-2 .box .content .text-holder {
  top: auto;
  left: 0;
  bottom: 0;
  height: 70px;
  position: absolute;
  opacity: 0;
  transform: translateY(100%);
  transition: transform 0.4s ease 0s, opacity 0.1s ease 0.3s;
  width: 100%;
  background: #E5E5E5;
  color: #252525;
  padding-top: 22px;
}
.single-project-item .img-holder .overlay-style-2 .box .content .text-holder a h3{
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
  text-align: center;
  margin: 0 0 3px;
}
.single-project-item .img-holder .overlay-style-2 .box .content .text-holder p{
  color: #d5ac63;
  margin: 0;
  text-align: center;
}
.single-project-item .img-holder .overlay-style-2 .box .content .icon-holder {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  height: 40px;
  position: absolute;
  right: 15px;
  top: 15px;
  transition: all 500ms ease 0s;
  width: 40px;
  text-align: center;
}
.single-project-item .img-holder .overlay-style-2 .box .content .icon-holder a i{
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;   
}

.single-project-item:hover .img-holder .overlay-style-2 {
  opacity: 1;
  top: 0;
}
.single-project-item:hover .img-holder .overlay-style-2 .box .content .text-holder {
  opacity: 1;
  transform: translateY(0px);
  transition: transform 0.4s ease 0s, opacity 0.1s ease 0s;
}
.single-project-item:hover .img-holder img{
  transform: scale(1.1);
}
.single-project-item .img-holder .overlay-style-2 .box .content .icon-holder:hover {
  background: #d5ac63 none repeat scroll 0 0;
}
.pro-classic-v1-area .post-pagination {
  padding-top: 30px;
}


/*** ================================================================= 39 Pro Classic V2 Area ======== ***/
.pro-classic-v2-area .post-pagination {
  padding-top: 30px;
}



/*** ============================================================== 40 Pro Classic V3 Area ========== ***/
.pro-classic-v3-area .single-project-item .img-holder .overlay-style-2 .box .content .text-holder {
  height: 60px;
  padding-top: 18px;
}
.pro-classic-v3-area .single-project-item .img-holder .overlay-style-2 .box .content .text-holder a h3 {
  font-size: 18px;
  margin: 0 0 3px;
}
.pro-classic-v3-area .post-pagination {
  padding-top: 30px;
}



/*** =================================================================== 41 Pro Fullwidth Area ======== ***/
.pro-fullwidth-area .container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}

/*** ====================================================================== 42 Pro Grid v1 Area ====== ***/
#project-grid-area{
  padding-top: 73px;
  padding-bottom: 70px;
}
#project-grid-area .project-filter {
  margin-bottom: 50px;
}
#project-grid-area .project-filter li {
  display: inline-block;
  margin: 0;
}
#project-grid-area .project-filter li span {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 400;
  cursor: pointer;
  display: block;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
}
#project-grid-area .project-filter li span::after {
  color: #eaeaea;
  content: "/";
  display: inline-block;
  margin: 0 20px;
}
#project-grid-area .project-filter li.active span, 
#project-grid-area .project-filter li:hover span {
  color: #d5ac63;
}
#project-grid-area .single-project-item .img-holder .overlay .box .content .icon-holder {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  border-radius: 50%;
  height: 40px;
  position: absolute;
  right: 15px;
  top: 15px;
  transition: all 500ms ease 0s;
  width: 40px;
}
#project-grid-area .single-project-item .img-holder .overlay .box .content .icon-holder a i {
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  transition: all 500ms ease;
}
#project-grid-area .single-project-item .img-holder .overlay .box .content .icon-holder:hover{
  background: #d5ac63;    
}

/*** ======================================================================== 43 Pro Withtext Area ======== ***/
#project-area.pro-withtext-area .single-project-item{
  padding-bottom: 27px;
}
#project-area.pro-withtext-area .single-project-item .img-holder .overlay .box .content .icon-holder {
  background: transparent;
  border-radius: 50%;
  height: 40px;
  transition: all 500ms ease 0s;
  width: 40px;
  position: static;
  text-align: center;
  margin: 0 auto;
}
#project-area.pro-withtext-area .single-project-item .img-holder .overlay .box .content .icon-holder a span::before {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}
#project-area.pro-withtext-area .single-project-item .img-holder .overlay .box .content .icon-holder:hover{
  background: #d5ac63;
}

#project-area.pro-withtext-area .single-project-item .text-holder {
  padding-top: 22px;
}
#project-area.pro-withtext-area .single-project-item .text-holder a h3{
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 4px;
  text-transform: capitalize;
}
#project-area.pro-withtext-area .single-project-item .text-holder p{
  color: #d5ac63;
  font-weight: 400;
  margin: 0;
  line-height: 16px;
}
#project-area.pro-withtext-area .post-pagination {
  padding-top: 40px;  
}

/*** ===================================================================== 44 PROJECTS SINGLE ======== ***/
.project-single-v1-area {
  padding-bottom: 70px;
  padding-top: 80px;
}
.project-single-v1-area .carousel-indicators {
  bottom: 0;
}
.project-single-v1-area .carousel-indicators li {
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 5px;
  width: 10px;
}
.project-single-v1-area .carousel-indicators .active li{
  background-color: #fff;
  height: 10px;
  margin: 5px;
  width: 10px;
  transition: all 500ms ease;
}
.project-single-v1-area #project-single-carousel{ }
.project-single-v1-area #project-single-carousel .single-item .img-holder img {
  width: 100%;
}


#project-single-area .project-info {}
#project-single-area .project-info h3 {
  color: #252525;
  font-size: 24px;
  font-weight: 700;
  margin: -4px 0 27px;
  text-transform: uppercase;
}
#project-single-area .project-info .project-info-list {
  overflow: hidden;
  margin-top: 30px;
  margin-left: -30px;
  margin-right: -30px;
}
#project-single-area .project-info .project-info-list li {
  border-bottom: 1px solid #f7f7f7;
  float: left;
  margin: 0 30px 20px;
  overflow: hidden;
  padding-bottom: 11px;
  padding-left: 20px;
  position: relative;
  width: 155px;
}
#project-single-area .project-info .project-info-list li .icon-holder {
  left: 0;
  position: absolute;
  top: -5px;
}
#project-single-area .project-info .project-info-list li .icon-holder i {
  font-size: 14px;
  color: #d5ac63;
}
#project-single-area .project-info .project-info-list li .text-holder {}
#project-single-area .project-info .project-info-list li .text-holder h5 {
  color: #252525;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  margin: 0 0 3px;
}
#project-single-area .project-info .project-info-list li .text-holder p {
  margin: 0;  
}


.project-single-v1-area .project-description-content {
  padding-top: 50px;
}
.project-single-v1-area .project-description-content h3 {
  color: #252525;
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 27px;
  text-transform: uppercase;
}
.project-single-v1-area .project-description-content .project-manager-box {
  background: #f7f7f7 none repeat scroll 0 0;
  border-left: 1px solid #d5ac63;
  margin: 32px 0 0;
  overflow: hidden;
  padding: 15px 30px 21px 75px;
  position: relative;
}
.project-single-v1-area .project-description-content .project-manager-box::before {
  background: #d5ac63 none repeat scroll 0 0;
  content: "";
  height: 90%;
  left: 2px;
  position: absolute;
  top: 0;
  width: 1px;
}
.project-single-v1-area .project-description-content .project-manager-box::after {
  content: "";
  font-family: ;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #e6e6e6;
  font-size: 30px;
  position: absolute;
  top: 23px;
  left: 23px;
}
.project-single-v1-area .project-description-content .project-manager-box h4 {
  color: #9a9a9a;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 32px;
  margin: 0 0 12px;
}
.project-single-v1-area .project-description-content .project-manager-box h5 {
  color: #252525;
  font-size: 18px;
  font-weight: 500;
}
.project-single-v1-area .project-description-content .project-manager-box h5 span {
  color: #d5ac63;
  font-size: 16px;
  font-weight: 400;
}


.project-single-v1-area .related-project-items {
  overflow: hidden;
  padding-top: 100px;
}
.project-single-v1-area .related-project-items .sec-title {
  padding-bottom: 44px;
}
.project-single-v1-area .related-project-items .single-project-item {}
.related-project-items .img-holder .overlay .box .content .icon-holder {
  background: transparent none repeat scroll 0 0;
  border-radius: 50%;
  height: 40px;
  margin: 0 auto;
  position: static;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 40px;
}
.related-project-items .img-holder .overlay .box .content .icon-holder a span::before {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}
.related-project-items .img-holder .overlay .box .content .icon-holder:hover {
    background: #d5ac63 none repeat scroll 0 0;
}
.related-project-items .single-project-item .text-holder {
  padding-top: 22px;
}
.related-project-items .single-project-item .text-holder a h3 {
  color: #252525;
  font-size: 20px;
  font-weight: 500;
  margin: 0 0 10px;
  text-transform: capitalize;
}
.related-project-items .single-project-item .text-holder p {
  color: #d5ac63;
  font-weight: 400;
  line-height: 16px;
  margin: 0;
}

/*** ================================================================== 45 Project Single v2 Area ========= ***/
.project-single-v2-area {
  padding-bottom: 70px;
  padding-top: 80px;
}
.project-single-v2-area .single-project-item .img-holder .overlay .box .content .icon-holder {
  background: transparent none repeat scroll 0 0;
  border-radius: 50%;
  height: 40px;
  margin: 0 auto;
  position: static;
  text-align: center;
  transition: all 500ms ease 0s;
  width: 40px;  
}
.project-single-v2-area .single-project-item .img-holder .overlay .box .content .icon-holder a span::before {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;  
}
#project-single-area .project-info .share-project {
  padding-left: 150px;
  position: relative;
}
#project-single-area .project-info .share-project .title {
  left: 0;
  position: absolute;
  top: 6px;
}
#project-single-area .project-info .share-project .title h5 {
  color: #252525;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
#project-single-area .project-info .share-project .social-share {
  padding-left: 40px;
}
#project-single-area .project-info .share-project .social-share ul li {
  display: inline-block;
  margin-right: 15px;
}
#project-single-area .project-info .share-project .social-share ul li a i {
  color: #9a9a9a;
  font-size: 14px;
}
#project-single-area .bottom {
  border-bottom: 1px solid #f7f7f7;
  border-top: 1px solid #f7f7f7;
  margin: 48px 0 0;
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 20px;
}
#project-single-area .bottom .button a {
  color: #252525;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  transition: all 500ms ease;
}
#project-single-area .bottom .button a:hover{
  color: #fdc716;
}
#project-single-area .bottom .button a i {
  display: inline-block;
  font-size: 18px;
  padding-right: 10px;
  position: relative;
  top: 1px;
}
#project-single-area .bottom .button.next a i{
  padding-right: 0px;
  padding-left: 10px;
}


#project-single-area .bottom .icon-holder a i {
  color: #252525;
  font-size: 24px;
  position: relative;
  top: 4px;
  transition: all 500ms ease 0s;
}
#project-single-area .bottom .icon-holder a:hover i{
  color: #d5ac63;
}

/*** ======================================================================= 46 Service Page Area ========= ***/
.service-page-area {
  padding-bottom: 40px;
  padding-top: 100px;
}
.service-page-area .single-service-item {
  margin-bottom: 60px;
}
.service-page-area .single-service-item .text-holder {
  
}
.service-page-area .single-service-item .text-holder h3 {
  color: #252525;
}
.service-page-area .single-service-item .text-holder p {
  color: #9a9a9a;
  font-size: 16px;
  line-height: 28px;
  margin: 0 0 21px;
}
.service-page-area .single-service-item .text-holder .readmore{
  color: #252525;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  border: 2px solid #f7f7f7;
  height: 45px;
  width: 130px;
  line-height: 42px;
  display: block;
  text-align: center;
  transition: all 500ms ease;
}
.service-page-area .single-service-item:hover .text-holder .readmore{
  background: #252525;
  border-color: #252525;
  color: #d5ac63;
}

/*** ============================================================================= 47 Slogan V2 Area ======== ***/
.slogan-v2-area {
  background-attachment: scroll;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 47px;
  padding-top: 43px;
  position: relative;
  z-index: 1;
}
.slogan-v2-area::before {
  background: #ffffff;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.slogan-v2-area .slogan-v2 .text{
  width: 70%; 
  float: left;
}
.slogan-v2-area .slogan-v2 .text h2 {
  color: #ffffff;
  font-size: 28px;
  font-weight: 400;
  line-height: 40px;
}
.slogan-v2-area .slogan-v2 .button a {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #ffffff;
  color: #252525;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  margin: 15px 0;
  text-align: center;
  text-transform: uppercase;
  width: 185px;
  transition: all 500ms ease;
}
.slogan-v2-area .slogan-v2 .button a:hover{
  background: transparent;
}

/*** ===================================================================== 48 Shop Single area =========== ***/
.design-desc-area {
  padding-bottom: 130px;
  padding-top: 80px;
}
.design-desc-area .tab-manu{
  padding-bottom: 60px;
}
.design-desc-area .tab-manu .tab-manu-items .single-item {
  display: inline-block;
  margin: 0 2px;
}
.design-desc-area .tab-manu .tab-manu-items .single-item a {
  border: 1px solid #f7f7f7;
  color: #252525;
  display: block;
  font-size: 14px;
  font-weight: 400;
  padding: 16px 35px 14px;
  text-transform: uppercase;
  transition: all 500ms ease;
}
.design-desc-area .tab-manu .tab-manu-items .single-item.active a,
.design-desc-area .tab-manu .tab-manu-items .single-item:hover a{
  background: #252525;
  border-color: #252525;
  color: #d5ac63;
}
#design-single-carousel .single-item .img-holder img {
  width: 100%;
}

#design-single-carousel .carousel-indicators {
  bottom: 0;
}
#design-single-carousel .carousel-indicators li {
  border: 1px solid #fff;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
  height: 10px;
  margin: 5px;
  width: 10px;
}
#design-single-carousel .carousel-indicators .active li{
  background-color: #fff;
  height: 10px;
  margin: 5px;
  width: 10px;
  transition: all 500ms ease;
}


.design-desc-area .tab-content .inner-content .text-holder {
  
}
.design-desc-area .tab-content .inner-content .text-holder .sec-title-two {
  margin-top: -7px;
  padding-bottom: 25px;
}
.design-desc-area .tab-content .inner-content .text-holder .text {
  
}

.design-desc-area .tab-content .inner-content .text-holder .caption-box {
  margin: 12px 0 7px;
  padding-left: 50px;
  position: relative;
}
.design-desc-area .tab-content .inner-content .text-holder .caption-box::before {
  color: #eaeaea;
  content: "\f10d";
  font-family: FontAwesome;
  font-size: 25px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  position: absolute;
  top: 7px;
}
.design-desc-area .tab-content .inner-content .text-holder .caption-box h3 {
  font-size: 18px;
  font-weight: 300;
  line-height: 32px;
}

/*** ======================================================================== 49 Service V2 area ======== ***/
.service-v2-area {
  padding-bottom: 60px;
}
.service-v2-area .single-item {
  padding-bottom: 30px;  
}
.service-v2-area .single-item .img-holder {
  display: block;
  overflow: hidden;
  position: relative;
}
.service-v2-area .single-item .img-holder img{
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;    
}
.service-v2-area .single-item .img-holder .overlay .box {
  
}
.service-v2-area .single-item .img-holder .overlay .box .content {
  text-align: left;
  vertical-align: bottom;
}
.service-v2-area .single-item .img-holder .overlay .box .content a {
  background: #d5ac63 none repeat scroll 0 0;
  bottom: 10px;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 700;
  height: 40px;
  left: 10px;
  line-height: 36px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 120px;
  border: 2px solid #d5ac63;
  transition: all 500ms ease;
}

.service-v2-area .single-item:hover .img-holder .overlay{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);        
}
.service-v2-area .single-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.service-v2-area .single-item .img-holder .overlay .box .content a:hover{
  background: transparent;
}


.service-v2-area .single-item .text-holder {}
.service-v2-area .single-item .text-holder .top {
  padding-left: 50px;
  padding-top: 33px;
  position: relative;
}
.service-v2-area .single-item .text-holder .top .icon-holder {
  left: 0;
  position: absolute;
  top: 30px;
}
.service-v2-area .single-item .text-holder .top .icon-holder span:before{
  color: #252525;
  font-size: 30px;
}
.service-v2-area .single-item .text-holder .top .title-holder {}
.service-v2-area .single-item .text-holder .top .title-holder h3 {
  color: #252525;
  font-weight: 500;
  margin: 0 0 28px;
  text-transform: capitalize;
}
.service-v2-area .single-item .text-holder .text {}
.service-v2-area .single-item .text-holder .text p {
  margin: 0 0 15px;
}
.service-v2-area .single-item .text-holder .text h3 {
  color: #d5ac63;
  font-size: 18px;
  font-weight: 300;
  margin: 0 0 10px;
}
.service-v2-area .single-item .text-holder .text span {
  font-weight: 400;
}

/*** ================================================================ 50 COMMERCIAL DESIGN AREA ========= ***/
#commercial-design-area {
  background: #f7f7f7;
  padding-top: 50px;
  padding-bottom: 90px;
}
#commercial-design-area .project-content {
  margin-left: -5px;
  margin-right: -5px;
}
#commercial-design-area .project-content .single-project {
  padding-left: 5px;
  padding-right: 5px;
}
#commercial-design-area .project-content .single-project .single-project-item {
  padding-bottom: 10px;
}

/*** ========================================================================== 51 Appoinment area ======== ***/
.appoinment-area {
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 100px;
  padding-top: 100px;
  position: relative;
  z-index: 1;
}
.appoinment-area::before {
  background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.appoinment-area .sec-title {
  padding-bottom: 36px;
}
.appoinment-area .sec-title h2 {
  color: #f7f7f7;
}

.appoinment-area form .single-field-item {
  margin-bottom: 22px;
  overflow: hidden;
}
.appoinment-area form .single-field-item .field-label p {
  color: #c1c1c1;
  margin: 0 0 3px;
  text-transform: capitalize;
}
.appoinment-area form .single-field-item .input-box {
  display: block;
  position: relative;
}
.appoinment-area form .single-field-item input[type="text"] {
  width: 100%;
  height: 50px;
  background: #030303;
  border: 1px solid #181818;
  display: block;
  padding: 0 15px;
  color: #c1c1c1;
  font-size: 15px;
  font-weight: 400;
  transition: all 500ms ease;
}
.appoinment-area form .ui-state-default {
  background: #030303 none repeat scroll 0 0;
  border: 1px solid #181818;
  border-radius: 0;
  color: #c1c1c1;
  font-size: 15px;
  font-weight: normal;
  height: 50px;
  margin-bottom: 10px;
  outline: medium none;
  width: 100% !important;
}
.appoinment-area form .single-field-item .input-box .iocn-holder {
  position: absolute;
  right: 15px;
  top: 11px;
}
.appoinment-area form .single-field-item .input-box .iocn-holder i {
  color: #d5ac63;
  font-size: 14px;
}
.appoinment-area form button {
  background: #d5ac63 none repeat scroll 0 0;
  border: 2px solid #d5ac63;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  height: 50px;
  line-height: 46px;
  text-transform: uppercase;
  width: 100%;
  transition: all 500ms ease;
}

.appoinment-area form .single-field-item input[type="text"]:focus{
  border-color: #d5ac63;
}
.appoinment-area form button:hover{
  background: transparent;
}
.appoinment-area p.customercare {
  color: #c1c1c1;
  margin: 10px 0;
}
.appoinment-area p.customercare span {
  color: #d5ac63;
}

.appoinment-area .business-hours {
  border: 2px solid #181818;
  display: block;
  margin-top: 31px;
  padding: 21px 15px 14px;
}
.appoinment-area .business-hours h3 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 15px;
}
.appoinment-area .business-hours h3 i{
  color: #d5ac63;
  font-size: 16px;
  display: inline-block;
  padding-right: 10px;
}
.appoinment-area .business-hours ul li {
  color: #c1c1c1;
  font-size: 16px;
  font-weight: 300;
  line-height: 35px;
  position: relative;
}
.appoinment-area .business-hours ul li.mon-fri::before {
  background: #181818 none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 123px;
  position: absolute;
  top: 18px;
  width: 23px;
}
.appoinment-area .business-hours ul li.Satu::before {
  background: #181818 none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 69px;
  position: absolute;
  top: 18px;
  width: 73px;
}
.appoinment-area .business-hours ul li.sund::before {
  background: #181818 none repeat scroll 0 0;
  content: "";
  height: 1px;
  left: 60px;
  position: absolute;
  top: 18px;
  width: 82px;
}
.appoinment-area .business-hours ul li span {
  display: inline-block;
  width: 145px;
}
.appoinment-area .business-hours p {
  color: #ffffff;
  line-height: 24px;
  margin: 7px 0 0;
}

#ui-datepicker-div.ui-widget-content {
  border: 1px solid #c5c5c5;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #777;
  color: #252525;
  font-family: "Poppins",sans-serif;
  font-size: 14px;
  border-radius: 0px;
  width: 270px;
  padding: 5px;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-header {
  background: #d5ac63 none repeat scroll 0 0;
  border: 2px solid #252525;
  border-radius: 0;
  color: #fff;
  font-weight: 700;
  padding: 5px 0;
  position: relative;
}
.ui-datepicker .ui-datepicker-prev {
  left: 5px;
}
.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
  border-radius: 30%;
  height: 20px;
  position: absolute;
  top: 7px;
  width: 20px;
  transition: all 500ms ease;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-next {
  right: 5px;
}
.ui-datepicker .ui-datepicker-prev:hover, 
.ui-datepicker .ui-datepicker-next:hover {
  top: 7px;
  background: #fff;
  border: none;
}

.ui-datepicker table {
  border-collapse: collapse;
  font-size: 13px;
  margin: 0 0 0.4em;
  width: 100%;
}
.ui-datepicker th {
  border: medium none;
  font-weight: 600;
  padding: 2px 3px;
  text-align: center;
}

.ui-datepicker-calendar .ui-state-default{
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #252525;
  display: block;
  font-size: 12px;
  font-weight: 400;
  height: 35px;
  line-height: 25px;
  margin-bottom: 5px;
  padding: 4px 2px;
  text-align: center;
  width: 35px !important;
  transition: all 500ms ease;
}
.ui-datepicker-calendar .ui-state-default:hover,
.ui-datepicker-calendar .ui-state-default:active{
  background: #d5ac63;
  color: #fff;
  border-color: #d5ac63;
}




/*** ========================================================================= 52 Pricing Table area ====== ***/
.pricing-table-area {
  padding-bottom: 100px;
  padding-top: 100px;
}
.pricing-table-area .sec-title {
  padding-bottom: 45px;
}
.pricing-table-area .single-price-box {
  background: #f7f7f7 none repeat scroll 0 0;
    
}
.pricing-table-area .single-price-box .table-header {
  background: #252525 none repeat scroll 0 0;
  display: block;
  overflow: hidden;
  padding: 21px 0;
  transition: all 500ms ease;
}
.pricing-table-area .single-price-box .table-header h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.pricing-table-area .single-price-box .price {
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  padding: 14px 0;
  transition: all 500ms ease;
}
.pricing-table-area .single-price-box .price h1 {
  color: #252525;
  font-size: 56px;
  font-weight: 500;
}
.pricing-table-area .single-price-box .price h1 span {
  font-size: 20px;
  font-weight: 700;
}
.pricing-table-area .single-price-box .price h1 b {
  font-size: 20px;
  font-weight: 700;
}
.pricing-table-area .single-price-box .price-list{
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  transition: all 500ms ease;
}
.pricing-table-area .single-price-box .price-list ul {
  border-top: 1px solid #eaeaea;
  margin: 0 30px;
  padding: 15px 0 26px;
}
.pricing-table-area .single-price-box .price-list ul li {
  color: #9a9a9a;
  font-size: 16px;
  font-weight: 300;
  line-height: 40px;
}

.pricing-table-area .single-price-box .table-footer {
  padding-bottom: 40px;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  transition: all 500ms ease;
}
.pricing-table-area .single-price-box .table-footer a {
  border: 2px solid #eaeaea;
  color: #252525;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  padding: 6px 28px;
  text-transform: uppercase;
  transition: all 500ms ease;
}

.pricing-table-area .single-price-box:hover .table-header{
  background: #d5ac63;
} 
.pricing-table-area .single-price-box:hover .price {
  border-left: 1px solid #d5ac63;
  border-right: 1px solid #d5ac63;
}
.pricing-table-area .single-price-box:hover .price-list{
  border-left: 1px solid #d5ac63;
  border-right: 1px solid #d5ac63;
}
.pricing-table-area .single-price-box:hover .table-footer{
  border-left: 1px solid #d5ac63;
  border-right: 1px solid #d5ac63;
  border-bottom: 1px solid #d5ac63;    
}
.pricing-table-area .single-price-box .table-footer a:hover{
  background: #d5ac63;
  border-color: #d5ac63;
  color: #fff;
}



/*** ============================================================================= 53 Pricing Table area ===== ***/
.feedback-area {
  background: rgba(0, 0, 0, 0) url("../images/customers/feedback-bg.jpg") no-repeat fixed center top / cover ;
  padding-bottom: 92px;
  padding-top: 100px;
  position: relative;
  z-index: 1;  
}
.feedback-area::before {
  background: rgba(0, 0, 0, 0.50) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

.feedback-area .sec-title h2 {
  color: #ffffff;
  margin: 0 0 7px;
}
.feedback-area .sec-title .border {
  background: #d5ac63;
  height: 2px;
  width: 70px;
  display: inline-block;
}
.feedback-area .sec-title .border {
  background: #d5ac63;
  height: 2px;
  width: 70px;
  display: inline-block;
}
.feedback-area .single-feedback-item {
  
}
.feedback-area .single-feedback-item .img-holder {
  width: 95px;
}
.feedback-area .single-feedback-item .img-holder, 
.feedback-area .single-feedback-item .text-holder{
  display: table-cell;
  vertical-align: top;
}
.feedback-area .single-feedback-item .text-holder {
  padding-left: 70px;
  position: relative;
}
.feedback-area .single-feedback-item .text-holder::before {
  color: #232323;
  content: "\f10d";
  font-family: FontAwesome;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  left: 20px;
  position: absolute;
  text-decoration: inherit;
  top: 3px;
}
.feedback-area .single-feedback-item .text-holder h3 {
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 17px;
  text-transform: capitalize;
}
.feedback-area .single-feedback-item .text-holder h3 span {
  color: #d5ac63;
  font-size: 16px;
}
.feedback-area .single-feedback-item .text-holder p {
  color: #c1c1c1;
  margin: 0;
}

.feedback-area .owl-carousel .owl-nav {
  display: none;
}
.feedback-area .owl-dots {
  margin-top: 40px;
  position: relative;
}
.feedback-area .owl-dots .owl-dot{
  background-image:none !important;
  width:10px !important;
  height:10px !important;
  margin:0px 5px !important;
  padding:0px;
  border:1px solid #e0e0e0;
  background:none;
  border-radius:50%;
  -webkit-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  -moz-border-radius:50%;
  transition: all 500ms ease;
}

.feedback-area .owl-dots .owl-dot span{
  display:none;	
}
.feedback-area .owl-dots .owl-dot.active{
  border-color:#d5ac63;
  background:#d5ac63;
}