@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);

/*==============================================================================
Template Name: Auston 
Template URI: http://radiustheme.com
Description: This is Joomla template
Author: radiustheme
Author URI: http://radiustheme.com
Version: 1.0

CSS INDEX:
=========

01. Theme default css
02. Header top css
03. Conditional css
04. Header css
05. Menu css
06. Main Slider css
07. Home one service slider css
08. Home two service css
09. Home two our service slider css
10. Home three our service css
11. Home four service css
12. Why choose us css
13. Home two about css
14. Our experiance css
15. Frequently Asked Questions css
16. Home Call back css
17. Team css
    17.1 Single Team css

18. Testimonial css
19. Home one news slider css
20. Home two news css
21. Home three latest news css
22. Logo slider css
23. Free Consultation css
24. Bottom css
    24.1 Flickr photos css
    24.2 Corporate-office css

25. Footer css
26. Inner banner css
27. Help your business css
28. 25 years experiance css
29. Our success css
30. Our core features css
31. About page css
    31.1 About 1 page css
    31.2 About 2 page css
    31.3 sppb-carousel
    31.4 About 3 page css
    31.5 About 4 page css
    31.6 Skill Progress bar css

32. Service page css
    32.1 Service 1 page css
    32.2 Service 2 page css

33. Portfolio page css
34. Default item css
35. K2 Category item css
36. K2 item details css
37. Pagination css
38. Sidebar css
39. Contact page css
40. Responsive css

===============================================================================*/
/*==============================================================================
=                             01. Theme default css                            =
================================================================================*/
body {
  font-family: "microsoft yahei" !important;
  font-size: 13px;
  line-height: 24px;
  color: #797979;
  vertical-align: baseline;
}

a {
  transition: all 0.3s ease 0s;
  text-decoration: none;
}

p {
  margin: 0 0 20px 0;
  /*overflow: hidden;
  -webkit-line-clamp: 4;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;*/
}

a:active,
a:hover,
a:focus {
  outline: 0 none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Raleway', sans-serif;
  line-height: 1.4;
  font-weight: 600;
  margin: 0 0 20px;
}

h1 {
  font-size: 60px;
}

h2 {
  font-size: 25px;
}

h3 {
  font-size: 22px;
  color: #222222;
}

#sp-page-builder .page-content .sppb-section {
  margin-top: 0;
}

#sp-header .logo {
  display: table-cell !important;
  backface-visibility: visible;
  vertical-align: middle;
}

#sp-header .logo h1 {
  margin-bottom: 0;
}

#sp-header .logo h1 img {
  /*width: 129px;*/
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.sppb-addon-module h3.sppb-addon-title {
  margin-bottom: 30px;
  padding-bottom: 10px;
}

.title-style h3.sppb-addon-title {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 10px;
}

.title-style h3.sppb-addon-title::after {
  background: #c1b180;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 50px;
}

.title-style-two {
  text-align: center;
  margin-bottom: 60px;
}

.title-style-two .sppb-addon-title {
  color: #222222;
}

.title-style-two .icon-border {
  margin-bottom: 40px;
  position: relative;
}

.title-style-two .icon-border i {
  color: #c1b180;
  font-size: 21px;
}

.title-style-two .icon-border::before {
  background: #c1b180;
  content: "";
  height: 3px;
  margin: auto auto auto -75px;
  position: absolute;
  top: 10px;
  width: 50px;
}

.title-style-two .icon-border::after {
  background: #c1b180;
  content: "";
  height: 3px;
  margin: auto auto auto 25px;
  position: absolute;
  top: 10px;
  width: 50px;
}

.title-style-two .section-text {
  margin-bottom: 60px;
}

.title-style-three {
  text-align: center;
  margin-bottom: 40px;
}

.title-style-three .sppb-addon-title {
  position: relative;
  padding-bottom: 15px;
  color: #222222;
}

.title-style-three .sppb-addon-title::after {
  background: #c1b180;
  content: "";
  height: 3px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 50px;
}

.owl-carousel.owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  right: 0px;
  top: -75px;
}

.owl-carousel.owl-theme .owl-nav>div {
  background: transparent;
  border-radius: 0;
  border: 2px solid #c1b180;
  height: 30px;
  line-height: 26px;
  margin: 2px;
  padding: 0;
  transition: all 0.3s ease 0s;
  width: 30px;
}

.owl-carousel.owl-theme .owl-nav>div:hover {
  background: transparent;
}

.owl-carousel.owl-theme .owl-nav>div i {
  color: #c1b180;
}

.tlp-team .owl-carousel.owl-theme .owl-nav>div {
  padding: 0 !important;
}

#sp-page-builder>.page-content>section.sppb-section {
  padding: 70px 0 70px 0;
}

/*=========================  End of Theme default css  =======================*/
/*==============================================================================
=                                02. Header top css                            =
==============================================================================*/
#sp-top-bar {
  background: #656565;
  color: #ffffff;
  padding: 4px 0 !important;
}

#sp-top-bar .fa {
  color: #22b8f0;
}

.sp-contact-info a {
  color: #ffffff;
}

#sp-top-bar .sp-module.street {
  margin: 0;
}

.street p {
  margin: 0;
}

.street .fa {
  padding-right: 8px;
}

/*===========================  End of Header top css  ========================*/
/*==============================================================================
=                                03. Conditional css                           =
===============================================================================*/
#sp-component {
  min-height: inherit;
}

/*==========================  End of Conditional css  =========================*/
/*===============================================================================
=                                   04. Header css                              =
================================================================================*/
#home-one #sp-header {
  background: rgba(0, 0, 0, 0.7);
}

#home-one #offcanvas-toggler i {
  color: #ffffff;
}

#home-one #offcanvas-toggler i:hover {
  color: #c1b180;
}

/*================================  End of Header css  =======================*/
/*==============================================================================
=                                     05. Menu css                             =
===============================================================================*/
#sp-header {
  box-shadow: none !important;
  z-index: 9999 !important;
}

#home-one .sp-megamenu-parent>li>a {
  color: #ffffff;
}

#sp-menu .sp-megamenu-parent {
  position: inherit;
}

#sp-menu .sp-megamenu-parent>li>a {
  font-size: 14px;
  padding: 0 13px;
}

#sp-menu .sp-megamenu-parent>li.sp-has-child>a::after {
  content: "";
}

.is-sticky .sp-megamenu-parent>li>a {
  line-height: 89px;
}

.is-sticky header {
  border-bottom: 2px solid #c1b180;
}

#sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: #c1b180;
  box-shadow: 0 18px 27px 0 rgba(0, 0, 0, 0.2);
  padding: 0;
}

#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  border-bottom: 1px solid #ffffff;
}

#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item a {
  color: #ffffff;
  padding: 10px 15px;
}

#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child {
  border-bottom: none;
}

#sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item.active a {
  color: #000000;
}

#sp-menu .sp-megamenu-parent .sp-dropdown-mega .sp-dropdown-inner {
  padding: 10px;
}

/*============================  End of Menu css  =============================*/
/*=============================================================================
=                              06. Main Slider css                            =
==============================================================================*/
.home-one-slider {
  margin-top: -90px !important;
}

.home-slider ul li {
  border-bottom: 0 !important;
}

.home-slider .tp-caption.small_text {
  font-size: 20px !important;
  left: 0 !important;
  line-height: 22px !important;
  padding: 0 225px;
  width: 100%;
}

.home-slider .tp-caption.medium_text {
  left: 0 !important;
}

.home-slider .tp-caption.large_text {
  left: 0 !important;
  width: 100%;
  text-align: center;
}

.home-slider .tp-caption.largeblackbg a.read-bg {
  font-size: 14px !important;
  display: block;
  color: #ffffff;
  background: #c1b180;
  border: 2px solid #c1b180;
  padding: 6px 16px !important;
  transition: all 0.5s ease 0s;
}

.home-slider .tp-caption.largeblackbg a.read-bg::after {
  font-size: 14px;
  content: "\f0a9";
  font-family: 'FontAwesome';
  padding-left: 10px;
}

.home-slider .tp-caption.largewhitebg a.read-nobg {
  font-size: 14px !important;
  display: block;
  color: #ffffff;
  border: 2px solid #c1b180;
  padding: 6px 16px !important;
  transition: all 0.5s ease 0s;
}

.home-slider .tp-caption.largewhitebg a.read-nobg::after {
  font-size: 14px;
  content: "\f0a9";
  font-family: 'FontAwesome';
  padding-left: 10px;
}

.home-slider .tp-leftarrow.default {
  background: transparent;
  z-index: 21;
}

.home-slider .tp-leftarrow.default::after {
  background: rgba(0, 0, 0, 0.7);
  font-size: 20px;
  font-family: 'FontAwesome';
  content: "\f053";
  color: #ffffff;
  padding: 15px;
  transition: all 300ms ease-in 0s;
}

.home-slider .tp-rightarrow.default {
  background: transparent;
  z-index: 21;
}

.home-slider .tp-rightarrow.default::after {
  background: rgba(0, 0, 0, 0.7);
  font-size: 20px;
  font-family: 'FontAwesome';
  content: "\f054";
  color: #ffffff;
  padding: 15px;
  transition: all 300ms ease-in 0s;
}

.rev_slider .tp-bannertimer {
  z-index: 21;
}

/*=========================  End of Main Slider css  =========================*/
/*=============================================================================
=                           07. Home one service slider css                   =
==============================================================================*/
.home-one-service-slider h3.sppb-addon-title {
  font-size: 28px;
  text-align: center;
  margin-bottom: 40px;
}

.home-one-service-slider .single-feature {
  text-align: center;
}

.home-one-service-slider .single-feature .service-image {
  float: none !important;
  margin-bottom: 20px;
}

.home-one-service-slider .single-feature .service-image i {
  font-size: 50px;
}

.home-one-service-slider .single-feature .service-content h3 {
  font-size: 18px;
}

.home-one-service-slider .single-feature .service-content h3 a {
  color: #000000;
}

.home-one-service-slider .single-feature .service-content h3 a:hover {
  color: #c1b180;
}

.home-one-service-slider .single-feature .service-content .features-read-more {
  padding-top: 20px;
}

.home-one-service-slider .single-feature .service-content .features-read-more a {
  border: 1px solid #c1b180;
  border-radius: 10px;
  color: #c1b180;
  padding: 12 20px;
}

.home-one-service-slider .owl-carousel .owl-nav {
  position: static;
  top: inherit;
}

.home-one-service-slider .owl-carousel .owl-nav .owl-prev {
  left: -40px;
}

.home-one-service-slider .owl-carousel .owl-nav .owl-next {
  right: -40px;
}

.home-one-service-slider .owl-carousel .owl-nav div {
  position: absolute;
  border: 1px solid #c1b180;
  background: transparent;
  border-radius: 50%;
  top: 50%;
  line-height: 38px;
  padding: 0;
  height: 40px;
  width: 40px;
  opacity: 1;
  transition: all 0.5s;
}

.home-one-service-slider .owl-carousel .owl-nav div i {
  color: #c1b180;
}

.home-one-service-slider .owl-carousel .owl-nav div:hover {
  background: #c1b180;
  border: 1px solid #c1b180;
}

.home-one-service-slider .owl-carousel .owl-nav div:hover i {
  color: #ffffff;
}

/*=========================  End of Home one service slider css  =============*/
/*==============================================================================
=                            08. Home two service css                          =
===============================================================================*/
.home-two-service .rt-featuresn .nopadding {
  padding: 0;
}

.home-two-service .rt-featuresn .service-content {
  position: relative;
}

.home-two-service .rt-featuresn .service-content .service-image img {
  width: 100%;
}

.home-two-service .rt-featuresn .service-content:hover .overley {
  opacity: 1;
  transform: scaleY(1);
  transition: all 0.5s ease 0s;
}

.home-two-service .rt-featuresn .service-content .main-title {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.home-two-service .rt-featuresn .service-content .main-title h3 {
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 0;
}

.home-two-service .rt-featuresn .service-content:hover .main-title {
  opacity: 0;
}

.home-two-service .rt-featuresn .service-content .overley {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background: rgba(28, 185, 200, 0.8);
  content: "";
  height: 100%;
  padding: 30px 40px;
  text-align: center;
  color: #ffffff;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  transition: all 0.5s ease 0s;
  width: 100%;
}

.home-two-service .rt-featuresn .service-content .overley h3 {
  font-size: 24px;
  color: #ffffff;
  text-align: center;
  margin-bottom: 12px;
}

.home-two-service .rt-featuresn .service-content .overley h3 a {
  color: #ffffff;
}

/*=========================  End of Home two service css =====================*/
/*=============================================================================
=                         09. Home two our service slider css                 =
==============================================================================*/
.our-service .service-content {
  position: relative;
}

.our-service .service-content .image-effect {
  overflow: hidden;
}

.our-service .service-content .image-effect img {
  transform: scale(1);
  transition: all 1s ease 0s;
  width: 100%;
}

.our-service .service-content .image-effect:hover img {
  transform: scale(1.1);
}

.our-service .service-content .overley {
  background: #c1b180;
  border-radius: 50%;
  bottom: 20px;
  display: block;
  height: 60px;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  text-align: center;
  right: 0;
  transition: all 1s ease 0s;
  width: 60px;
}

.our-service .service-content .overley i {
  color: #ffffff;
  margin-top: 12px;
}

.our-service .service-content:hover .overley {
  opacity: 1;
}

.our-service .service-content:hover h3 {
  background: #c1b180;
}

.our-service .service-content h3 {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  font-size: 20px;
  background: rgba(28, 180, 200, 0.9);
  text-align: center;
  margin-bottom: 0;
  padding: 12px 0;
  transition: all 1s ease 0s;
}

.our-service .service-content h3 a {
  color: #ffffff;
}

.our-service .owl-carousel.owl-theme .owl-nav {
  right: 15px;
}

/*=========================  End of Home two our service slider css  =========*/
/*=============================================================================
=                          10. Home three our service css                     =
==============================================================================*/
.home-three-service .service-content {
  position: relative;
}

.home-three-service .service-content .overley {
  bottom: 20px;
  display: block;
  margin: auto;
  opacity: 1;
  position: absolute;
  text-align: center;
  right: 15px;
  transition: all 1s ease 0s;
  z-index: 99;
}

.home-three-service .service-content .overley i {
  color: #ffffff;
  margin-top: 12px;
}

.home-three-service .service-content h3 {
  background: transparent;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  font-size: 22px;
  text-align: left;
  margin-bottom: 0;
  padding: 20px;
  transition: all 1s ease 0s;
}

.home-three-service .service-content h3 a {
  color: #ffffff;
}

.home-three-service .service-content .image-effect {
  overflow: hidden;
}

.home-three-service .service-content .image-effect img {
  transform: scale(1);
  transition: all 1s ease 0s;
  max-width: 100%;
}

.home-three-service .service-content:hover h3 {
  background: rgba(28, 180, 200, 0.9);
}

.home-three-service .service-content:hover .image-effect {
  overflow: hidden;
}

.home-three-service .service-content:hover .image-effect img {
  transform: scale(1.1);
  transition: all 1s ease 0s;
}

/*=========================  End of Home three our service css  ==============*/
/*==============================================================================
=                             11. Home four service css                        =
===============================================================================*/
.home-four-service .single-feature .icon i {
  font-size: 40px;
  color: #c1b180;
}

.home-four-service .single-feature h3 {
  font-size: 22px;
  margin-top: 10px;
  position: relative;
  padding-bottom: 10px;
}

.home-four-service .single-feature h3 a {
  color: #222222;
}

.home-four-service .single-feature h3 a:hover {
  color: #c1b180;
}

.home-four-service .single-feature h3::after {
  background: #c1b180;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 50px;
}

.home-four-service .single-feature p {
  margin-bottom: 0;
}

/*=========================  End of Home four service css  ===================*/
/*=============================================================================
=                                12. Why choose us css                        =
==============================================================================*/
.sppb-section.choose-section {
  padding: 0 !important;
}

.choose-image {
  padding-top: 58px;
}

.choose-service {
  background: #222222;
  overflow: hidden;
  padding: 70px 0 60px 60px;
}

.choose-service h3.sppb-addon-title {
  font-size: 31px;
  color: #ffffff;
  padding-bottom: 0;
}

.choose-service h3.sppb-addon-title span {
  color: #c1b180;
}

.choose-service .single-feature {
  color: #ffffff;
  margin-bottom: 14px;
}

.choose-service .single-feature .service-image {
  width: 50px;
}

.choose-service .single-feature .service-image i {
  font-size: 48px;
  color: #c1b180;
}

.choose-service .single-feature .service-content {
  padding-left: 20px;
}

.choose-service .single-feature .service-content h3 {
  color: #ffffff;
  font-size: 18px;
  margin-bottom: 5px;
}

.choose-service .single-feature .service-content h3 a {
  color: #ffffff;
}

/*=========================  End of Why choose us css  =======================*/
/*==============================================================================
=                               13. Home two about css                         =
===============================================================================*/
.sppb-section.home-two-about-section {
  padding-bottom: 0 !important;
}

.home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title {
  color: #000000;
  font-size: 60px;
  font-weight: 600;
  line-height: 60px;
  margin-bottom: 23px;
}

.home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title span {
  color: #c1b180;
}

.home-two-about-section .sppb-addon-raw-html .read-more {
  padding-top: 20px;
}

.home-two-about-section .sppb-addon-raw-html .read-more a {
  border: 2px solid #c1b180;
  border-radius: 0;
  color: #c1b180;
  display: inline-block;
  font-weight: 600;
  padding: 11px 30px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}

.home-two-about-section .sppb-addon-raw-html .read-more a i {
  padding-left: 8px;
}

.sppb-section.home-four-about-section {
  padding-bottom: 0 !important;
}

.sppb-section.about-two-section {
  padding-bottom: 0 !important;
}

.sppb-section.about-three-section {
  padding-bottom: 0 !important;
}

/*=========================  End of Home two about css  ======================*/
/*=============================================================================
=                              14. Our experiance css                         =
==============================================================================*/
.sppb-addon-module .zen-skillbar .zen-skillbar-title {
  width: 22%;
}

.sppb-addon-module .zen-skillbar .zen-skill-bar-percent {
  color: #000000;
  font-size: 14px;
}

/*=========================  End of Our experiance css  ======================*/
/*=============================================================================
=                        15. Frequently Asked Questions css                   =
==============================================================================*/
.asked-question .panel-default {
  background: transparent;
  box-shadow: none;
}

.asked-question .panel-group {
  margin-bottom: 0;
}

.asked-question .panel-heading {
  color: #ffffff;
  border-radius: 0;
  background: #c1b180;
  padding: 0;
  transition: all 0.3s ease-out 0s;
  text-transform: uppercase;
}

.asked-question .panel-heading.active,
.asked-question .panel-heading:hover {
  background: #000000;
}

.asked-question .panel-heading h3 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  text-transform: initial;
}

.asked-question .accordion-toggle>span {
  float: left;
  padding-right: 3px;
}

.asked-question .panel-heading h3 a {
  display: inline-block;
  outline: none;
  width: 100%;
  padding: 15px;
  color: #ffffff;
}

.asked-question .panel-heading h3 a:before {
  content: "\f105";
  font-family: 'FontAwesome';
  font-size: 24px;
  float: right;
  margin-right: 0;
}

.asked-question .panel-heading.active h3 a:before {
  content: "\f107";
  font-family: 'FontAwesome';
  font-size: 24px;
  float: right;
  margin-right: 0;
}

.asked-question .panel-collapse .panel-body {
  border: none !important;
}

.sppb-addon-accordion .sppb-panel-default {
  background: transparent;
  box-shadow: none;
  margin-bottom: 3px;
  border-radius: 0 0 3px 3px;
}

.sppb-addon-accordion .sppb-panel-group {
  margin-bottom: 0;
}

.sppb-addon-accordion .sppb-panel-heading {
  color: #ffffff;
  border-radius: 0;
  background: #c1b180;
  padding: 0;
  transition: all 0.3s ease-out 0s;
}

.sppb-addon-accordion .sppb-panel-heading.active {
  background: #000000;
}

.sppb-addon-accordion .sppb-panel-heading:hover {
  background: #a6945e;
}

.sppb-addon-accordion .sppb-panel-heading .sppb-panel-title {
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  text-transform: capitalize;
}

.sppb-addon-accordion .accordion-toggle>span {
  float: left;
  padding-right: 3px;
}

.sppb-addon-accordion .sppb-panel-heading .sppb-panel-title {
  display: inline-block;
  outline: none;
  width: 100%;
  padding: 15px;
  color: #ffffff;
}

.sppb-addon-accordion .sppb-panel-default .sppb-toggle-direction {
  color: #ffffff;
}

.asked-question .panel-collapse .panel-body {
  border: none !important;
}

/*===================  End of Frequently Asked Questions css  ================*/
/*=============================================================================
=                               16. Home Call back css                        =
==============================================================================*/
.rt-form .form-group {
  margin-bottom: 30px;
}

.rt-form .form-group input {
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: none;
  min-height: 45px;
}

.rt-form .form-group textarea {
  border: 1px solid #cccccc;
  border-radius: 0;
  box-shadow: none;
  min-height: 100px;
}

.rt-form .submit-group {
  margin-bottom: 0;
}

.rt-form .submit-group button {
  border-radius: 0;
  text-transform: uppercase;
  padding: 10px 15px;
}

.rt-form .submit-group button::after {
  content: "\f0a9";
  font-family: 'FontAwesome';
  padding-left: 8px;
}

.rsform h2 {
  position: relative;
  margin-bottom: 30px;
  padding-bottom: 15px;
}

.rsform h2:after {
  background: #cb011b;
  content: "";
  height: 4px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  bottom: 0;
  width: 60px;
}

.rsform .formResponsive {
  margin-bottom: 0;
}

.rsform .formHorizontal .rsform-block {
  margin-bottom: 5px;
  margin-right: 20px;
  width: 46%;
  float: left;
  position: relative;
}

.rsform .formHorizontal .rsform-block.rsform-block-message,
.rsform .formHorizontal .rsform-block.rsform-block-submit {
  width: 100%;
}

.rsform .formHorizontal .rsform-block.rsform-block-date .formControls .formBody input.rsform-calendar-button {
  color: #c1b180;
  position: absolute;
  top: 24px;
  right: -10px;
  padding: 0 10px;
  height: 40px;
  width: inherit;
}

.rsform .formHorizontal .rsform-block .formDescription {
  margin-top: 5px;
}

.rsform .formHorizontal .rsform-block-submit {
  margin-bottom: 0;
}

.rsform .rsform-block .formControlLabel {
  padding: 0;
  text-align: left;
}

.rsform .rsform-block .formControls {
  margin-left: 0px;
}

.rsform .rsform-block .formControls .formBody input {
  background: #ffffff;
  border: 1px solid #d7d7d7;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
  height: 30px;
  width: 100%;
}

.rsform .rsform-block .formControls .formBody textarea {
  background: #ffffff;
  border: 1px solid #d7d7d7;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  margin-bottom: 0;
  width: 96%;
}

.rsform .rsform-block .formControls .formBody button {
  background: #c1b180;
  border: none;
  border-radius: 0;
  box-shadow: none;
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
  padding: 14px 30px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.rsform .rsform-block .formControls .formBody button:hover {
  background: #08838f;
}

.rsform .rsform-block .formControls .formBody .formValidation {
  display: block;
}

/*=========================  End of Home Call back css  ======================*/
/*=============================================================================
=                                   17. Team css                              =
===============================================================================*/
.team-three .layout3 .tlp-equal-height {
  margin-bottom: 10px;
}

.team-three .layout3 .single-team-area {
  position: relative;
}

.team-three .layout3 .single-team-area figure {
  position: relative;
}

.team-three .layout3 .single-team-area figure::after {
  background: rgba(28, 180, 200, 0.9);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
  transition: all 0.3s ease-out 0s;
}

.team-three .layout3 .single-team-area:hover figure::after {
  opacity: 1;
}

.team-three .layout3 .single-team-area .tlp-content h3 {
  margin-bottom: 5px;
}

.team-three .layout3 .single-team-area .tlp-content h3 a {
  color: #222222;
}

.team-three .layout3 .single-team-area .contact-info {
  padding: 0;
}

.team-three .layout3 .single-team-area .tlp-team-skill {
  padding: 0;
}

.team-three .layout3 .single-team-area .social-icons {
  background: transparent;
  border-radius: 0 !important;
  position: absolute;
  top: 40%;
  bottom: inherit;
  left: 0;
  right: 0;
  opacity: 0;
  text-align: center;
  padding: 10px;
  -webkit-transform: translateY(-40%);
  -moz-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  -o-transform: translateY(-40%);
  transform: translateY(-40%);
  transition: all 0.3s ease-out 0s;
}

.team-three .layout3 .single-team-area .social-icons a {
  border: 1px solid #ffffff;
  border-radius: 50%;
  line-height: 36px;
  margin: 0 6px 0 0;
  width: 38px;
  height: 38px;
  transition: all 0.3s ease-out 0s;
}

.team-three .layout3 .single-team-area .social-icons a .fa {
  padding-top: 10px;
}

.team-three .layout3 .single-team-area .social-icons a:hover {
  background: #08838f;
  border: 1px solid #08838f;
  border-radius: 50%;
}

.team-three .layout3 .single-team-area .social-icons a:hover .fa {
  background: transparent;
  border-radius: 50%;
  height: 36px;
  width: 36px;
}

.team-three .layout3 .single-team-area:hover .social-icons {
  opacity: 1;
}

.layout1 .single-team-area .social-icons a,
.layout8 .single-team-area .social-icons a,
.layout10 .single-team-area .social-icons a,
.layout12 .single-team-area .social-icons a,
.layout13 .single-team-area .social-icons a {
  border: 1px solid #ffffff;
  border-radius: 50%;
  line-height: 36px;
  width: 38px;
  height: 38px;
  transition: all 0.3s ease-out 0s;
}

.layout1 .single-team-area .social-icons a .fa,
.layout8 .single-team-area .social-icons a .fa,
.layout10 .single-team-area .social-icons a .fa,
.layout12 .single-team-area .social-icons a .fa,
.layout13 .single-team-area .social-icons a .fa {
  padding-top: 10px;
}

.layout1 .single-team-area .social-icons a:hover,
.layout8 .single-team-area .social-icons a:hover,
.layout10 .single-team-area .social-icons a:hover,
.layout12 .single-team-area .social-icons a:hover,
.layout13 .single-team-area .social-icons a:hover {
  background: #08838f;
  border: 1px solid #08838f;
  border-radius: 50%;
}

.layout1 .single-team-area .social-icons a:hover .fa,
.layout8 .single-team-area .social-icons a:hover .fa,
.layout10 .single-team-area .social-icons a:hover .fa,
.layout12 .single-team-area .social-icons a:hover .fa,
.layout13 .single-team-area .social-icons a:hover .fa {
  background: transparent;
  border-radius: 50%;
  height: 36px;
  width: 36px;
}

.layout1 .single-team-area .tlp-overlay p,
.layout8 .single-team-area .tlp-overlay p,
.layout10 .single-team-area .tlp-overlay p,
.layout12 .single-team-area .tlp-overlay p,
.layout13 .single-team-area .tlp-overlay p {
  margin-bottom: 10px;
}

.layout3 .tlp-equal-height {
  margin-bottom: 20px;
}

.layout3 .single-team-area {
  position: relative;
}

.layout3 .single-team-area .tlp-content h3 {
  margin-bottom: 5px;
}

.layout3 .single-team-area .tlp-content h3 a {
  color: #c1b180;
}

.layout3 .single-team-area .contact-info {
  padding: 0;
}

.layout3 .single-team-area .tlp-team-skill {
  padding: 0;
}

.layout3 .single-team-area .social-icons {
  background: rgba(28, 180, 200, 0.7);
  border-radius: 50%;
  position: absolute;
  bottom: 83px;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  text-align: center;
  padding: 10px;
  transition: all 0.3s ease-out 0s;
}

.layout3 .single-team-area .social-icons a {
  border: 1px solid #ffffff;
  border-radius: 50%;
  line-height: 36px;
  margin: 45% 6px 0 0;
  width: 38px;
  height: 38px;
  transition: all 0.3s ease-out 0s;
}

.layout3 .single-team-area .social-icons a .fa {
  padding-top: 10px;
}

.layout3 .single-team-area .social-icons a:hover {
  background: #08838f;
  border: 1px solid #08838f;
  border-radius: 50%;
}

.layout3 .single-team-area .social-icons a:hover .fa {
  background: transparent;
  border-radius: 50%;
  height: 36px;
  width: 36px;
}

.layout3 .single-team-area:hover .social-icons {
  opacity: 1;
}

.layout8 .tlp-overlay .tlp-title {
  height: 70px !important;
  bottom: 70px !important;
}

.layout8 .tlp-overlay .tlp-content {
  left: 0;
  right: 0;
}

.layout13 .single-team-area .tlp-overlay .tlp-position {
  margin-bottom: 8px;
}

.tlp-team .layout13 .single-team-area .tlp-overlay {
  display: -ms-flexbox;
  display: flex;
  transition: all .5s;
  -ms-flex-align: center;
  align-items: center;
}

.tlp-team .layout13 .single-team-area .tlp-overlay .item-info {
  padding-top: 0;
}

.tlp-team .layout14 .tlp-overlay:hover .item-info .item-info-bottom,
.tlp-team .isotope8 .tlp-overlay:hover .item-info .item-info-bottom {
  bottom: 40%;
}

/*-------------------------------- 17.1 Single Team css ----------------------*/
.tlp-team .tlp-team-detail {
  padding-bottom: 0;
}

.tlp-team-detail .tlp-content h3 {
  position: relative;
  padding-bottom: 15px;
}

.tlp-team-detail .tlp-content h3::after {
  background: #c1b180;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 60px;
}

.tlp-team-detail .social-icons {
  padding: 10px;
  text-align: left !important;
  transition: all 0.3s ease-out 0s;
}

.tlp-team-detail .social-icons a {
  border: 1px solid #c1b180;
  border-radius: 0;
  color: #c1b180;
  font-size: 20px;
  margin: 0 8px 0 0;
  width: 44px;
  height: 44px;
  transition: all 0.3s ease-out 0s;
}

.tlp-team-detail .social-icons a .fa {
  padding-top: 12px;
}

.tlp-team-detail .social-icons a:hover {
  background: #08838f;
  border: 1px solid #08838f;
  border-radius: 0;
}

.tlp-team-detail .social-icons a:hover .fa {
  background: transparent;
  border-radius: 0;
  height: 44px;
  width: 44px;
  opacity: 1;
}

.tlp-team-detail .detail-image {
  position: relative;
  overflow: hidden;
}

.tlp-team-detail .detail-image::before {
  background: rgba(28, 180, 200, 0.5);
  content: "";
  height: 100%;
  position: absolute;
  right: -100%;
  top: -100%;
  transition: all 0.5s ease 0s;
  width: 100%;
}

.tlp-team-detail .detail-image:hover::before {
  right: 0;
  top: 0;
}

.tlp-team-detail .detail-image::after {
  background: rgba(28, 180, 200, 0.5);
  content: "";
  height: 100%;
  position: absolute;
  left: -100%;
  bottom: -100%;
  transition: all 0.5s ease 0s;
  width: 100%;
}

.tlp-team-detail .detail-image:hover::after {
  left: 0;
  bottom: 0;
}

/*==============================  End of Team css  ===========================*/
/*=============================================================================
=                               18. Testimonial css                           =
==============================================================================*/
.trastimonial .item .img-ara {
  float: left;
  display: table-cell;
  vertical-align: top;
}

.trastimonial .item .img-ara img {
  width: 90px;
  border-radius: 50%;
}

.trastimonial .item .content-area {
  display: table-cell;
  vertical-align: top;
  padding: 0 15px;
}

.trastimonial .item .content-area h3 {
  margin-bottom: 10px;
}

.trastimonial .item .content-area h4 {
  margin: 0;
}

.trastimonial .owl-carousel .owl-dots .owl-dot span {
  background: #ffffff;
  border-radius: 0;
  height: 1px;
  margin: 0 7px;
  opacity: 1;
  padding: 2px 10px;
  width: 50px;
}

.trastimonial .owl-carousel .owl-dots .owl-dot.active span {
  background: #c1b180;
}

/*==============================  End of Testimonial css  ====================*/
/*=============================================================================
=                             19. Home one news slider css                      =
===============================================================================*/
.home-one-news .sppb-addon-title {
  margin-left: 15px;
}

.home-one-news .bm_over {
  overflow: inherit;
}

.home-one-news .bm_slider {
  border-radius: 0;
}

.home-one-news .cycle-paused::after {
  display: none;
}

.home-one-news .bm_slider_theme1 .bm_slider_item {
  padding: 0px;
}

.home-one-news .bm_slider_theme1 .bm_slider_item .full-descrip {
  background: #ffffff;
  margin: 0 15px;
  position: relative;
  padding-bottom: 25px;
}

.home-one-news .bm_slider_theme1 .bm_slider_item:hover {
  background: transparent;
}

.home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_title {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 600;
  padding: 0 15px;
}

.home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_title a {
  color: #222222;
  font-size: 17px;
}

.home-one-news .bm_slider_theme1 .bm_slider_item .date-author {
  position: absolute;
  top: 0;
  right: 0;
  background: #c1b180;
  line-height: 20px;
  padding: 8px 16px;
}

.home-one-news .bm_slider_theme1 .bm_slider_item .date-author .date {
  color: #ffffff;
  font-weight: 600;
}

.mon {
  font-size: 16px;
}

.home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_desc {
  font-size: 14px;
  padding: 0 15px;
}

.home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_desc a.bm_readmore_button {
  border: 2px solid #c1b180;
  margin-top: 15px;
  padding: 5px 12px;
  display: inline-block;
}

.home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_prev {
  right: 49px;
  left: inherit;
  top: -85px;
  height: 30px;
  line-height: 9px;
  width: 30px;
  opacity: 1;
  background: transparent;
  border: 2px solid #c1b180;
  text-align: center;
}

.home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_prev::after {
  content: "\f104";
  color: #c1b180;
  font-family: FontAwesome;
  font-size: 20px;
}

.home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_next {
  right: 15px !important;
  left: inherit;
  opacity: 1;
  top: -85px;
  background: transparent;
  border: 2px solid #c1b180;
  text-align: center;
  height: 30px;
  line-height: 9px;
  width: 30px;
}

.home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_next::after {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 20px;
  color: #c1b180;
}

.home-one-news .bm_over_theme1 .bm_slider_button:hover {
  left: inherit;
}

.home-one-news .image-effect {
  position: relative;
  overflow: hidden;
}

.home-one-news .image-effect .overley {
  background: rgba(28, 180, 200, 0.9);
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transition: all 1s ease 0s;
  width: 100%;
}

.home-one-news .image-effect .overley ul {
  text-align: center;
  top: 40%;
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0;
}

.home-one-news .image-effect .overley ul li {
  list-style: none;
  display: inline-block;
}

.home-one-news .image-effect .overley ul li a {
  background: rgba(0, 0, 0, 0);
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  height: 40px;
  line-height: 38px;
  padding: 0;
  transition: all 0.3s ease 0s;
  width: 40px;
}

.home-one-news .image-effect .overley ul li a::before {
  content: "";
  margin-right: 0;
}

.home-one-news .image-effect .overley ul li a:hover {
  transition: all 0.3s ease 0s;
}

.home-one-news .image-effect:hover .overley {
  opacity: 1;
  transform: scale(1);
}

div.bm_slider_theme1:hover~div.bm_slider_button .bm_slider_prev {
  left: inherit;
}

/*========================  End of Home one news slider css  ===================*/
/*===============================================================================
=                              20. Home two news css                            =
================================================================================*/
.home-two-news .image-part {
  display: table-cell;
  vertical-align: middle;
}

.home-two-news .image-part .moduleItemIntrotext {
  padding: 0;
}

.home-two-news .image-part .moduleItemIntrotext a.moduleItemImage {
  position: relative;
  overflow: hidden;
  display: block;
}

.home-two-news .image-part .moduleItemIntrotext a.moduleItemImage img {
  margin: 0;
  transform: scale(1);
  transition: all 1s;
}

.home-two-news .image-part .moduleItemIntrotext a.moduleItemImage img:hover {
  transform: scale(1.1);
}

.home-two-news .content-part {
  display: table-cell;
  vertical-align: top;
  padding: 10px 20px;
}

.home-two-news .content-part a.moduleItemTitle {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  display: block;
  margin-bottom: 8px;
}

.home-two-news .content-part a.moduleItemTitle:hover {
  color: #c1b180;
}

.home-two-news .content-part .moduleItemDateCreated {
  border-right: 1px solid #cccccc;
  margin-right: 10px;
  padding-right: 8px;
}

.home-two-news .content-part a.moduleItemComments {
  margin-right: 10px;
  padding-right: 8px;
}

.home-two-news .read-more {
  display: table-cell;
  vertical-align: middle;
}

.home-two-news .read-more a {
  display: table-cell;
  background: #c1b180;
  height: 127px;
  padding: 0 30px;
  vertical-align: middle;
}

.home-two-news .read-more a i {
  color: #ffffff;
}

.home-two-news ul li {
  background: #ffffff;
}

/*==========================  End of Home two news css  ======================*/
/*=============================================================================
=                         21. Home three latest news css                      =
==============================================================================*/
.home-three-news ul {
  margin: 0;
  padding: 0;
}

.home-three-news ul li {
  border: none;
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  width: 33.33333333%;
}

.home-three-news ul li .full-section {
  position: relative;
  margin: 0 15px;
  background: #ffffff;
}

.home-three-news ul li .full-section .image-part {
  position: relative;
  overflow: hidden;
}

.home-three-news ul li .full-section .image-part .overley {
  background: rgba(28, 180, 200, 0.9);
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0);
  transition: all 1s ease 0s;
  width: 100%;
}

.home-three-news ul li .full-section .image-part .overley ul {
  text-align: center;
  top: 40%;
  position: absolute;
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0;
}

.home-three-news ul li .full-section .image-part .overley ul li {
  list-style: none;
  display: inline-block;
  float: inherit;
}

.home-three-news ul li .full-section .image-part .overley ul li a {
  color: #ffffff;
  font-size: 18px;
}

.home-three-news ul li .full-section:hover .overley {
  opacity: 1;
  transform: scale(1);
}

.home-three-news ul li .full-section .content-part {
  padding: 20px;
}

.home-three-news ul li .full-section .content-part a.moduleItemTitle {
  color: #000000;
  font-size: 20px;
  font-weight: 600;
  display: block;
  margin-bottom: 15px;
}

.home-three-news ul li .full-section .content-part a.moduleItemTitle:hover {
  color: #c1b180;
}

.home-three-news ul li .full-section .content-part .moduleItemDateCreated {
  position: absolute;
  top: 0;
  right: 0;
  background: #c1b180;
  line-height: 20px;
  padding: 8px 22px;
}

.home-three-news ul li .full-section .content-part .moduleItemDateCreated .date {
  color: #ffffff;
  font-weight: 600;
}

.home-three-news ul li .full-section .content-part .content {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

/*=========================  End of Home three latest news css  ==============*/
/*=============================================================================
=                                22. Logo slider css                          =
==============================================================================*/
#sp-logo-slider {
  border-top: 1px solid #e5e5e5;
  padding: 15px 0;
}

.logo-slider .rt-logo-showcase .rt-logo-item {
  margin-bottom: 0;
}

.logo-slider .rt-logo-showcase .rt-logo-item .single-logo-container {
  padding: 0;
}

.logo-slider .rt-logo-showcase .rt-logo-item .single-logo-container img {
  padding: 0;
}

.logo-slider .rt-logo-showcase .slick-prev {
  height: auto;
  width: auto;
  left: -30px;
}

.logo-slider .rt-logo-showcase .slick-prev:before {
  border: 2px solid #c1b180;
  color: #c1b180;
  content: "\f104";
  font-family: 'FontAwesome';
  padding: 0 8px;
}

.logo-slider .rt-logo-showcase .slick-next {
  height: auto;
  width: auto;
  right: -30px;
}

.logo-slider .rt-logo-showcase .slick-next:before {
  border: 2px solid #c1b180;
  color: #c1b180;
  content: "\f105";
  font-family: 'FontAwesome';
  padding: 0 8px;
}

/*==========================  End of Logo slider css  ========================*/
/*=============================================================================
=                            23. Free Consultation css                        =
==============================================================================*/
#sp-free-consultation {
  background: #c1b180;
  padding: 30px 0;
}

.consultation .free-consult-text {
  font-family: "Raleway", sans-serif;
  font-size: 25px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 1px;
  line-height: 52px;
}

.consultation .free-consult-text p {
  margin-bottom: 0;
}

.consultation .get-free-consult {
  width: 160px;
  float: right;
}

.consultation .get-free-consult a {
  border: 2px solid #ffffff;
  color: #ffffff;
  display: block;
  font-family: "Raleway", sans-serif;
  font-size: 17px;
  font-weight: 400;
  letter-spacing: 1px;
  padding: 12px 10px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  transition: all 0.5s;
}

/*==========================  End of Free Consultation css  ==================*/
/*=============================================================================
=                                  24. Bottom css                             =
==============================================================================*/
#sp-bottom {
  padding: 90px 0;
}

#sp-bottom .sp-module h3.sp-module-title {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 24px;
}

#sp-bottom .sp-module ul li {
  border: none;
}

#sp-bottom .sp-module ul li a {
  color: #ffffff;
  line-height: 32px;
}

#sp-bottom .sp-module ul li a::before {
  content: "";
  margin-right: 0;
}

#sp-bottom .sp-module ul li a::focus {
  background: transparent;
}

.sp-tweet-item {
  background: none !important;
}

.sp-tweet-first {
  padding-top: 0px !important;
}

#sp-bottom .sp-module .latestnews>div>a {
  color: #ffffff;
}

/*----------------------------- 24.1 Flickr photos css ------------------------*/
.flickr-photos .gallery-flickr {
  display: inline-flex;
  margin-top: 8px;
}

/*--------------------------- 24.2 Corporate-office css -----------------------*/
.corporate-office ul li {
  margin-bottom: 15px;
}

.corporate-office ul li i {
  color: #c1b180;
  padding-right: 10px;
}

/*===============================  End of Bottom css  ========================*/
/*=============================================================================
=                                   25. Footer css                            =
==============================================================================*/
#sp-footer {
  border-top: 1px solid #5f5f5f;
  padding: 20px 0;
  text-align: left !important;
}

#sp-footer ul.social-icons {
  text-align: right;
  display: block;
}

#sp-footer ul.social-icons li a {
  border: 1px solid #c1b180;
  border-radius: 50%;
  display: block;
  text-align: center;
  line-height: 34px;
  height: 36px;
  width: 36px;
}

.scrollToTop {
  display: block;
  bottom: 18px;
  right: 12px;
  color: #ffffff;
  cursor: pointer;
  height: 40px;
  line-height: 36px;
  position: fixed;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
  /*  -webkit-animation: flash 3000ms infinite;
  -moz-animation: flash 3000ms infinite;
  -ms-animation: flash 3000ms infinite;
  -o-animation: flash 3000ms infinite;
  animation: flash 3000ms infinite;
*/
  width: 40px;
  z-index: 9999;
}

.scrollToTop:after {
  color: #ffffff;
  content: "\f102";
  font-family: "FontAwesome";
  font-size: 25px;
}

.scrollToTop:hover {
  /*-webkit-animation: flash 0s infinite;
  -moz-animation: flash 0s infinite;
  -ms-animation: flash 0s infinite;
  -o-animation: flash 0s infinite;
  animation: flash 0s infinite;*/
}

/*=============================  End of Footer css  ==========================*/
/*=============================================================================
=                               26. Inner banner css                          =
==============================================================================*/
#sp-page-title .sp-page-title {
  padding: 90px 0;
  text-align: center;
  background-position: center;
}

#sp-page-title .sp-page-title h2 {
  font-size: 42px;
  text-transform: uppercase;
}

#sp-page-title .sp-page-title .breadcrumb li.active {
  color: #c1b180;
}

#sp-page-title .sp-page-title .breadcrumb li a:hover {
  color: #c1b180;
}

/*============================  End of Inner banner css  =====================*/
/*=============================================================================
=                           27. Help your business css                        =
==============================================================================*/
.sppb-section.ready-help-section {
  padding-bottom: 0 !important;
}

.sppb-section.help-business {
  padding-top: 0 !important;
}

.help-business h3 {
  font-size: 22px;
  position: relative;
  padding-bottom: 12px;
}

.help-business h3::after {
  background: #c1b180;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 50px;
}

.help-business h3 a {
  color: #222222;
}

.help-business a {
  overflow: hidden;
  display: block;
}

.help-business a img {
  transform: scale(1);
  transition: all 1s ease-in-out;
  width: 100%;
}

.help-business a:hover img {
  transform: scale(1.1);
}

/*==========================  End of Help your business css  =================*/
/*=============================================================================
=                           28. 25 years experiance css                       =
==============================================================================*/
.years-experience h2 {
  border: 1px dashed #ffffff;
  color: #ffffff;
  font-size: 48px;
  font-weight: 400;
  margin-bottom: 0;
  padding: 30px;
  text-align: center;
  transition: all 0.5s ease 0s;
}

.years-experience h2 span {
  color: #c1b180;
  font-weight: 700;
}

.years-experience:hover h2 {
  color: #c1b180;
  border: 1px dashed #c1b180;
}

.years-experience:hover h2 span {
  color: #ffffff;
}

/*=========================  End of 25 years experiance css  =================*/
/*============================================================================
=                               29. Our success css                          =
==============================================================================*/
.our-sucess .zen-skills-container .skill-circle-item .circle-text {
  color: #222222;
}

.our-sucess .zen-skills-container .skill-circle-item p {
  color: #222222;
  font-size: 16px;
}

/*==========================  End of Our success css  ========================*/
/*=============================================================================
=                            30. Our core features css                        =
==============================================================================*/
.our-core-feature .single-feature {
  margin-top: 30px;
}

.our-core-feature .single-feature .service-image {
  width: 30px;
}

.our-core-feature .single-feature .service-image i {
  font-size: 34px;
  color: #c1b180;
}

.our-core-feature .single-feature .service-content {
  padding-left: 20px;
}

.our-core-feature .single-feature .service-content h3 {
  position: relative;
  font-size: 22px;
  line-height: 1;
  padding-bottom: 15px;
}

.our-core-feature .single-feature .service-content h3 a {
  color: #222222;
}

.our-core-feature .single-feature .service-content h3 a:hover {
  color: #c1b180;
}

.our-core-feature .single-feature .service-content h3::after {
  background: #c1b180;
  bottom: 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 50px;
}

/*==========================  End of Our core features css  ==================*/
/*=============================================================================
=                               31. About page css                            =
===============================================================================*/
/*----------------------------- 31.1 About 1 page css -------------------------*/
.sppb-addon-tab ul.sppb-nav-tabs {
  border-bottom: none;
  margin-bottom: 40px;
}

.sppb-addon-tab ul.sppb-nav-tabs li {
  margin-bottom: 0;
}

.sppb-addon-tab ul.sppb-nav-tabs li a {
  background: transparent;
  border: 2px solid #c1b180;
  border-radius: 0;
  color: #c1b180;
  font-size: 18px;
  font-weight: 300;
  margin-right: 50px;
  padding: 8px 70px;
}

.sppb-addon-tab ul.sppb-nav-tabs li a:hover {
  background: #c1b180;
  color: #ffffff;
}

.sppb-addon-tab ul.sppb-nav-tabs li.active a {
  background: #c1b180;
  border: 2px solid #c1b180;
  border-radius: 0;
  color: #ffffff;
}

.sppb-addon-tab ul.sppb-nav-tabs li:last-child a {
  margin-right: 0;
}

.sppb-addon-tab .sppb-tab-content {
  border: none;
  padding: 0;
}

.sppb-addon-tab .sppb-tab-content .media-body {
  padding-left: 40px;
}

.sppb-addon-tab .sppb-tab-content .media-body h2 {
  position: relative;
  color: #222222;
  font-size: 23px;
  padding-bottom: 15px;
}

.sppb-addon-tab .sppb-tab-content .media-body h2::after {
  background: #c1b180;
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 3px;
  width: 50px;
}

/*---------------------------- 31.2 About 2 page css  ------------------------*/
.sppb-text-left .sppb-addon-title {
  position: relative;
  padding-bottom: 15px;
}

.sppb-text-left .sppb-addon-title::after {
  background: #c1b180;
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 3px;
  width: 60px;
}

.sppb-text-left .pull-left {
  font-size: 30px;
  color: #cdcdcd;
  position: relative;
  margin-right: 30px;
  padding-bottom: 5px;
  line-height: 1.4;
}

.sppb-text-left .pull-left::after {
  background: #c1b180;
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 3px;
  width: 35px;
}

/*---------------------------- 31.3 sppb-carousel  ---------------------------*/
.sppb-carousel .sppb-carousel-arrow .fa {
  background: rgba(0, 0, 0, 0.8);
  padding: 8px 10px;
}

.sppb-carousel .sppb-carousel-arrow .fa-chevron-left {
  margin-left: -20px;
}

.sppb-carousel .sppb-carousel-arrow .fa-chevron-right {
  margin-right: -20px;
}

.communication {
  text-align: center;
  color: #ffffff;
}

.communication h2 {
  margin-bottom: 0;
}

/*------------------------------ 31.4 About 3 page css ------------------------*/
.sppb-carousel-indicators li {
  background: #869791;
  border: none;
  margin: 0 8px 0 0 !important;
  height: 12px;
  width: 12px;
}

.sppb-carousel-indicators li.active {
  background: #c1b180;
}

/*--------------------------- 31.5  About 4 page css --------------------------*/
.about-four-section {
  border-top: 1px solid #e5e5e5;
}

.about-four-service .rt-features .single-feature {
  position: relative;
  text-align: center;
  padding: 15px;
}

.about-four-service .rt-features .single-feature .icon .fa {
  color: #c1b180;
  font-size: 55px;
  line-height: 1.5;
}

.about-four-service .rt-features .single-feature h3 {
  font-size: 24px;
  position: relative;
  padding-bottom: 10px;
}

.about-four-service .rt-features .single-feature h3::after {
  background: #c1b180;
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 3px;
  width: 60px;
}

.about-four-service .rt-features .single-feature:hover {
  box-shadow: 0 1px 5px 2px #a6a6a6;
  content: "";
  height: 100%;
  transition: all 0.3s ease-out 0s;
}

/*----------------------------- 31.6 Skill Progress bar css -------------------*/
.sppb-addon-pie-progress .sppb-text-center {
  position: relative;
}

.sppb-addon-pie-progress .sppb-text-center .sppb-chart-percent {
  color: #c1b180;
  font-size: 34px;
  font-weight: 700;
}

.sppb-addon-pie-progress .sppb-text-center h3 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 55px;
  margin-bottom: 0;
  font-size: 14px;
  color: #ffffff;
}

.sppb-addon-pie-progress .sppb-text-center .sppb-addon-text {
  display: none;
}

.our-sucess h3.sppb-title-heading {
  position: relative;
  padding-bottom: 10px;
  line-height: 1.4 !important;
}

.our-sucess h3.sppb-title-heading::after {
  background: #c1b180;
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 3px;
  width: 50px;
}

.our-sucess .sppb-addon-pie-progress .sppb-text-center {
  position: relative;
}

.our-sucess .sppb-addon-pie-progress .sppb-text-center h3 {
  position: inherit;
  bottom: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: #000000;
}

.our-sucess .sppb-addon-pie-progress .sppb-text-center .sppb-addon-text {
  display: none;
}

.sppb-progress {
  height: 30px;
}

.sppb-progress .sppb-progress-bar {
  background: #c1b180;
  line-height: 30px;
}

/*==============================  End of About page css  =====================*/
/*=============================================================================
=                              32. Service page css                           =
==============================================================================*/
/*----------------------------- 32.1 Service 1 page css ----------------------*/
.service-one .main-title {
  display: none;
}

.service-one .single-feature {
  position: relative;
  overflow: hidden;
}

.service-one .single-feature .service-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.service-one .single-feature .service-image::after {
  background: rgba(28, 185, 200, 0.9);
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 100%;
}

.service-one .single-feature .overley {
  text-align: center;
}

.service-one .single-feature .overley h3 {
  color: #ffffff;
  font-size: 22px;
  font-weight: 600;
  left: 0;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: -100%;
  transform: translateY(-50%);
  transition: all 1s ease 0s;
}

.service-one .single-feature .overley h3::after {
  background: #ffffff;
  bottom: -15px;
  content: "";
  height: 2px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 60px;
}

.service-one .single-feature .overley h3 a {
  color: #ffffff;
}

.service-one .single-feature .overley p {
  bottom: -100%;
  color: #ffffff;
  left: 0;
  padding: 0 15px;
  position: absolute;
  right: 0;
  transform: translateY(-100%);
  transition: all 1s ease 0s;
}

.service-one .single-feature:hover .service-image::after {
  opacity: 1;
}

.service-one .single-feature:hover .overley h3 {
  top: 30%;
}

.service-one .single-feature:hover .overley p {
  bottom: -5%;
}

/*----------------------------- 32.2 Service 2 page css ----------------------*/
.service-two .single-feature {
  text-align: center;
  margin-top: 30px;
}

.service-two .rt-features {
  display: flex;
  flex-wrap: wrap;
}

.service-two .single-feature .service-image {
  float: none !important;
  margin-bottom: 12px;
}

.service-two .single-feature .service-image .fa {
  color: #c1b180;
  font-size: 36px;
}

.service-two .single-feature .service-content h3 {
  font-size: 18px;
  color: #222222;
  position: relative;
  padding-bottom: 15px;
}

.service-two .single-feature .service-content h3 a {
  color: #222222;
}

.service-two .single-feature .service-content h3 a:hover {
  color: #c1b180;
}

.service-two .single-feature .service-content h3::after {
  background: #c1b180;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  width: 50px;
  height: 3px;
}

/*============================  End of Service page css  =====================*/
/*=============================================================================
=                              33. Portfolio page css                         =
==============================================================================*/
.tlp-portfolio .tlp-layout .tlp-portfolio-item .tlp-content h3,
.tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-content h3 {
  font-weight: 600;
}

.tlp-portfolio .tlp-layout .tlp-portfolio-item .tlp-content h3 a,
.tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-content h3 a {
  font-weight: 600;
}

.tlp-portfolio .tlp-layout .tlp-portfolio-item .tlp-content .tlp-content-holder,
.tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-content .tlp-content-holder {
  padding: 15px 0;
}

.tlp-portfolio .layout2 .tlp-content-holder {
  padding-top: 0px !important;
}

.tlp-portfolio .tlp-layout .tlp-portfolio-item .tlp-overlay .tlp-title,
.tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-overlay .tlp-title {
  background: rgba(28, 180, 200, 0.9);
  bottom: 50px;
  padding: 0;
  height: 50px;
}

.tlp-portfolio .tlp-layout .tlp-portfolio-item .tlp-overlay .tlp-title h3,
.tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .tlp-overlay .tlp-title h3 {
  padding: 10px 15px;
}

.tlp-portfolio .tlp-layout .tlp-portfolio-item .image-container .tlp-overlay .tlp-title h3 a,
.tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item .image-container .tlp-overlay .tlp-title h3 a {
  color: #ffffff;
}

.tlp-portfolio .isotope2 .image-container .tlp-overlay .tlp-title h3 a {
  color: #ffffff;
}

.tlp-portfolio .isotope4 .tlp-portfolio-thum .tlp-content p {
  padding: 0;
}

.tlp-portfolio .layout12 .tlp-overlay:hover .item-info .item-info-bottom,
.tlp-portfolio .isotope10 .tlp-overlay:hover .item-info .item-info-bottom {
  bottom: 32%;
}

.tlp-portfolio .tlp-portfolio-isotope .isotop-container .button-group {
  margin-bottom: 40px;
}

.tlp-portfolio .tlp-portfolio-isotope .isotop-container .button-group button {
  background: #c1b180;
  padding: 10px 15px;
}

.tlp-portfolio .tlp-portfolio-isotope .isotop-container .button-group button:hover {
  background: #08838f;
}

.tlp-portfolio .tlp-portfolio-isotope .isotop-container .button-group button.selected {
  background: #08838f;
}

.tlp-portfolio-item .tlp-overlay h3,
.tlp-portfolio-item .tlp-content h3 {
  margin-bottom: 8px !important;
  padding-bottom: 0px !important;
}

.tlp-portfolio .isotope7 .tlp-portfolio-item h3 {
  padding-top: 8%;
}

.isotope7 .tlp-portfolio-item .tlp-content p {
  padding: 0px 18px;
}

/*==========================  End of Portfolio page css  =====================*/
/*=============================================================================
=                              34. Default item css                           =
==============================================================================*/
#sp-component .item-page img {
  margin-bottom: 25px;
}

#sp-component .item .entry-header {
  margin-bottom: 20px;
}

#sp-component .item .entry-header h2 {
  font-size: 28px;
  color: #222222;
}

#sp-component .item .entry-header h2 a:hover {
  color: #c1b180;
}

.entry-header .article-info {
  margin-bottom: 15px;
}

.readmore .btn-default {
  background: #c1b180;
  border: none;
  box-shadow: none;
  border-radius: 0;
  color: #ffffff;
}

/*============================  End of Default item css ======================*/
/*=============================================================================
=                            35. K2 Category item css                         =
==============================================================================*/
#k2Container {
  padding: 0;
}

.rt-catitem {
  margin-bottom: 30px;
}

.rt-catitem .catItemImageBlock {
  margin: 0;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.rt-catitem .catItemImageBlock .catItemImage {
  margin-bottom: 0;
}

.rt-catitem .catItemImageBlock .catItemImage img {
  transform: scale(1);
  transition: all 1s ease 0s;
}

.rt-catitem .catItemImageBlock .catItemImage:hover img {
  transform: scale(1.1);
}

.rt-catitem .catItemHeader h3.catItemTitle {
  font-size: 20px;
  margin-bottom: 15px;
  padding: 0 0 10px 0;
  position: relative;
}

.rt-catitem .catItemHeader h3.catItemTitle a {
  color: #222222;
}

.rt-catitem .catItemHeader h3.catItemTitle a:hover {
  color: #c1b180;
}

.rt-catitem .catItemHeader h3.catItemTitle::after {
  background: #c1b180;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 50px;
}

.rt-catitem .catItemHeader .catItemDateCreated {
  float: left;
  margin-right: 10px;
}

.rt-catitem .catItemHeader .catItemDateCreated span {
  padding-right: 10px;
}

.rt-catitem .catItemReadMore .fa {
  padding-left: 8px;
}

/*=========================  End of K2 Category item css  ====================*/
/*=============================================================================
=                               36. K2 item details css                       =
==============================================================================*/
.rt-item .itemToolbar {
  background: transparent;
  margin: 0;
  padding: 0;
}

.rt-item .itemBody {
  padding: 0;
}

.rt-item .itemBody .itemImageBlock {
  margin: 0;
  padding: 0;
}

.rt-item .itemBody .itemImageBlock .itemImage {
  margin-bottom: 0;
}

.rt-item .itemBody .itemHeader {
  margin-top: 20px;
  margin-bottom: 20px;
}

.rt-item .itemBody .itemHeader h3 {
  position: relative;
  font-size: 24px;
  margin-bottom: 15px;
  padding-bottom: 10px;
}

.rt-item .itemBody .itemHeader h3::after {
  background: #c1b180;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 50px;
}

.rt-item .itemBody .itemHeader ul {
  list-style: none;
  padding-left: 0;
}

.rt-item .itemBody .itemHeader ul li {
  display: inline-block;
  padding-right: 15px;
}

.rt-item .itemBody .itemHeader ul li .fa {
  padding-right: 5px;
}

.rt-item .itemLinks {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin: 30px 0;
  padding: 15px 0;
}

.rt-item .itemLinks span {
  color: #222222;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 10px;
}

.rt-item .itemComments {
  background: transparent;
  border: none;
  padding: 0;
}

.rt-item .itemComments .itemCommentsCounter {
  font-size: 18px;
  padding-bottom: 12px;
  text-transform: capitalize;
  position: relative;
}

.rt-item .itemComments .itemCommentsCounter::after {
  position: absolute;
  content: "";
  background: #c1b180;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 3px;
  width: 50px;
}

.rt-item .itemComments ul.itemCommentsList li {
  border-bottom: 1px solid #dddddd;
  padding: 0 0 10px 0;
  margin-bottom: 10px;
}

.rt-item .itemComments ul.itemCommentsList li .comment-author {
  height: 80px;
  width: 80px;
  display: table-cell;
  vertical-align: top;
}

.rt-item .itemComments ul.itemCommentsList li .comment-author img {
  width: 80px;
}

.rt-item .itemComments ul.itemCommentsList li .comment-content {
  display: table-cell;
  vertical-align: top;
  padding-left: 25px;
}

.rt-item .itemComments ul.itemCommentsList li .comment-content .commentAuthorName h3 {
  font-size: 18px;
  margin: 0;
}

.rt-item .itemComments ul.itemCommentsList li .comment-content .commentAuthorName h3 a {
  color: #000000;
}

.rt-item .itemComments ul.itemCommentsList li .comment-content .commentDate {
  margin-bottom: 6px;
}

.rt-item .itemComments ul.itemCommentsList li .comment-content .commentLink {
  float: left;
}

.rt-item .itemComments ul.itemCommentsList li .comment-content .commentLink .fa {
  color: #c1b180;
  padding-right: 6px;
}

.rt-item .itemComments ul.itemCommentsList li .comment-content .commentLink a {
  color: #646464;
  font-size: 14px;
  text-decoration: none;
}

.rt-item .itemComments ul.itemCommentsList li .comment-content .commentLink a:hover {
  font-size: 14px;
  color: #c1b180;
  text-decoration: none;
}

.rt-item .itemComments .itemCommentsForm h3 {
  font-size: 18px;
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 12px;
}

.rt-item .itemComments .itemCommentsForm h3::after {
  position: absolute;
  content: "";
  background: #c1b180;
  left: 0;
  bottom: 0;
  margin: auto;
  height: 3px;
  width: 50px;
}

.rt-item .itemComments .itemCommentsForm .itemCommentsFormNotes {
  border: none;
}

.rt-item .itemComments .itemCommentsForm .form-validate input {
  border-radius: 0;
  box-shadow: none;
}

.rt-item .itemComments .itemCommentsForm .form-validate textarea {
  border-radius: 0;
  box-shadow: none;
}

.rt-item .itemComments .itemCommentsForm .form-validate input#submitCommentButton {
  background: #c1b180;
  border-radius: 0;
  box-shadow: none;
  padding: 10px 15px;
  text-transform: uppercase;
  transition: all 0.3s;
}

/*===========================  End of K2 item details css   ==================*/
/*============================================================================
=                                37. Pagination css                          =
=============================================================================*/
.itemListView .k2Pagination {
  margin-bottom: 0;
  margin-top: 10px;
}

.itemListView .k2Pagination ul.pagination {
  margin-top: 0;
}

.itemListView .k2Pagination ul.pagination li a {
  margin: 0 5px;
  padding: 10px 0;
  background: transparent;
  border: 1px solid #BEBEBE;
  border-radius: 0;
  color: #666666;
  width: 40px;
}

.itemListView .k2Pagination ul.pagination li a:hover {
  background: #c1b180;
}

.itemListView .k2Pagination ul.pagination li.active a {
  background: #c1b180;
  border: none;
}

.pagination-wrapper {
  text-align: center;
}

.pagination-wrapper .pagination {
  margin-bottom: 0;
}

.pagination-wrapper .pagination li a {
  margin: 0 1px;
  padding: 10px 0;
  background: #666666;
  border: none;
  border-radius: 0;
  color: #ffffff;
  width: 40px;
}

.pagination-wrapper .pagination li a:hover {
  background: #c1b180;
  color: #ffffff;
}

.pagination-wrapper .pagination li.active a {
  background: #c1b180;
  border: none;
}

div.pagination {
  text-align: center;
  margin-bottom: 0;
  display: block;
}

div.pagination ul.pagination {
  margin-bottom: 0;
  display: inline-block;
}

div.pagination ul.pagination li a {
  background: #666666;
  border: none;
  border-radius: 0;
  color: #ffffff;
  line-height: 40px;
  margin: 0 5px;
  height: 40px;
  width: 40px;
  padding: 0;
  text-align: center;
}

div.pagination ul.pagination li a:hover {
  background: #c1b180;
  color: #ffffff;
}

div.pagination ul.pagination li.active a {
  background: #c1b180;
}

.pagination.pagination-toolbar {
  margin: 0;
}

/*==============================  End of Pagination css  =====================*/
/*=============================================================================
=                                  38. Sidebar css                            =
==============================================================================*/
.custom-class .sp-module .sp-module-title,
.class2 .sp-module .sp-module-title {
  font-size: 17px;
  position: relative;
  overflow: hidden;
  padding-bottom: 15px;
}

.custom-class .sp-module .sp-module-title::after,
.class2 .sp-module .sp-module-title::after {
  background: #c1b180;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 50px;
}

.custom-class .sp-module .search input,
.class2 .sp-module .search input {
  border-radius: 0;
  box-shadow: none;
  width: 100%;
}

.custom-class .sp-module ul li,
.class2 .sp-module ul li {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.custom-class .sp-module ul li a,
.class2 .sp-module ul li a {
  line-height: 24px;
}

.custom-class .sp-module ul li a::before,
.class2 .sp-module ul li a::before {
  color: #c1b180;
}

/*=============================  End of Sidebar css  =========================*/
/*=============================================================================
=                               39. Contact page css                          =
==============================================================================*/
.sppb-ajaxt-contact-form .sppb-form-group input,
.sppb-ajaxt-contact-form .sppb-form-group textarea {
  border-radius: 0;
  border: 1px solid #e5e5e5;
  box-shadow: none;
}

.sppb-ajaxt-contact-form .submit {
  background: #c1b180;
  border-radius: 0;
  box-shadow: none;
  border: none;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 6px 14px;
  text-transform: uppercase;
}

.contact-info h3 {
  position: relative;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.contact-info h3::after {
  background: #c1b180;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
}

.contact-info ul {
  list-style: none;
  padding-left: 0;
}

.contact-info ul li {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.contact-info ul li .fa {
  color: #c1b180;
  padding-right: 8px;
}

.contact-info ul li:last-child {
  border: none;
}

/*============================  End of Contact page css  =====================*/
/*=============================================================================
=                                  40. Responsive css                         =
==============================================================================*/
@media (min-width: 1200px) and (max-width: 1495px) {

  #home-one .home-slider .tp-caption.largeblackbg,
  #home-two .home-slider .tp-caption.largeblackbg {
    left: 36% !important;
  }

  .home-slider .tp-caption.largeblackbg a.read-bg,
  .home-slider .tp-caption.largewhitebg a.read-nobg {
    padding: 15px 30px !important;
  }

  .service-one .single-feature:hover .overley p {
    bottom: 10%;
  }
}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
  .is-sticky #sp-header {
    height: 70px !important;
  }

  .is-sticky #sp-header .logo {
    height: 70px !important;
  }

  .is-sticky #sp-header .logo h1 img {
    max-width: 120px;
  }

  .is-sticky .sp-megamenu-parent>li>a,
  .is-sticky #offcanvas-toggler {
    line-height: 70px;
  }

  #sp-menu .sp-megamenu-parent>li>a {
    font-size: 13px;
    padding: 0 5px;
  }

  .consultation .free-consult-text {
    font-size: 24px;
  }

  .consultation .get-free-consult a {
    padding: 12px 10px;
  }

  .logo-slider .rt-logo-showcase .slick-prev {
    left: -20px;
  }

  .logo-slider .rt-logo-showcase .slick-next {
    right: -20px;
  }

  .choose-service .single-feature {
    margin-bottom: 0;
  }

  .choose-service {
    padding: 35px 0 40px 60px;
    min-height: 545px;
  }

  .home-two-service .rt-featuresn .service-content .main-title h3 {
    padding: 75px 0;
  }

  .home-two-service .rt-featuresn .service-content .overley {
    padding: 10px 15px;
    line-height: 17px;
  }

  .home-two-service .rt-featuresn .service-content .overley h3 {
    margin-bottom: 10px;
  }

  .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-prev {
    left: -15px;
  }

  .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-next {
    right: -15px;
  }

  .home-slider .tp-caption.small_text {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .home-slider .tp-caption.largeblackbg {
    left: 33% !important;
  }

  #home-three .home-slider .tp-caption.largeblackbg {
    left: 390px !important;
  }

  #home-four .home-slider .tp-caption.largeblackbg {
    left: 410px !important;
  }

  .home-slider .tp-caption.largeblackbg a.read-bg,
  .home-slider .tp-caption.largewhitebg a.read-nobg {
    padding: 15px 25px !important;
  }

  .home-three-service .owl-carousel .owl-controls .owl-buttons {
    top: -60px;
  }

  .home-three-service .service-content .image-effect img {
    width: 100%;
  }

  .tlp-team .layout13 .single-team-area .tlp-overlay .item-info p {
    line-height: 18px;
    padding: 0 7px;
  }

  .tlp-team .layout13 .single-team-area .tlp-overlay .item-info {
    padding-top: 9%;
  }

  .rsform .formHorizontal .rsform-block {
    margin-right: 15px;
  }

  /*--------- Inner page css----------------*/
  .sppb-addon-tab ul.sppb-nav-tabs li a {
    margin-right: 30px;
    padding: 8px 54px;
  }

  .sppb-addon-tab .sppb-tab-content .media-body {
    padding-left: 20px;
  }

  .sppb-text-left .pull-left {
    margin-right: 10px;
  }

  .service-one .single-feature:hover .overley h3 {
    top: 25%;
  }

  .service-one .single-feature:hover .overley p {
    bottom: -10%;
  }

  .choose-service h3.sppb-addon-title {
    margin-bottom: 20px;
  }

  .tlp-portfolio .layout12 .tlp-overlay:hover .item-info .item-info-bottom,
  .tlp-portfolio .isotope10 .tlp-overlay:hover .item-info .item-info-bottom {
    bottom: 20%;
  }
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  #sp-logo {
    width: 100%;
    text-align: center;
  }

  #sp-menu {
    width: 100%;
  }

  #sp-menu .sp-megamenu-parent {
    float: none;
    text-align: center;
  }

  .sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
    text-align: left;
  }

  #sp-menu .sp-megamenu-parent>li>a {
    font-size: 13px;
    padding: 0px 8px 8px;
  }

  .sticky-wrapper #sp-header {
    box-shadow: none;
    height: auto;
  }

  .is-sticky #sp-header .logo h1 img {
    width: 120px;
  }

  .sp-megamenu-parent>li>a,
  #offcanvas-toggler {
    line-height: 35px !important;
  }

  #offcanvas-toggler>i {
    margin-bottom: 0px !important;
  }

  #sp-header .logo {
    display: inline-block !important;
    height: auto !important;
  }

  #sp-header .logo h1 img {
    padding-top: 5px;
  }

  .logo-slider .rt-logo-showcase .slick-prev {
    left: -15px;
  }

  .logo-slider .rt-logo-showcase .slick-next {
    right: -15px;
  }

  .consultation .free-consult-text {
    font-size: 18px;
  }

  .consultation .get-free-consult a {
    font-size: 11px;
    padding: 12px 3px;
  }

  .home-slider .tp-caption.large_text {
    font-size: 40px !important;
    text-align: center;
    width: 100%;
    left: inherit !important;
  }

  .home-one-service-slider h3.sppb-addon-title {
    font-size: 36px;
  }

  .home-one-service-slider .single-feature {
    padding: 0 10px;
  }

  .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-prev {
    left: -25px;
  }

  .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-next {
    right: -25px;
  }

  .choose-section .sppb-container {
    width: 100%;
    padding-right: 0;
  }

  .choose-section .sppb-addon-single-image {
    padding-bottom: 1px;
  }

  .choose-service {
    padding: 75px 25px 45px 25px;
    min-height: 436px;
  }

  .choose-service .rt-features>div {
    width: 100%;
  }

  .choose-service .single-feature {
    margin-bottom: 33px;
    display: table;
  }

  .choose-service .single-feature .service-content {
    padding-left: 14px;
  }

  .choose-service h3.sppb-addon-title {
    font-size: 30px;
  }

  .choose-service .rt-features .service-content {
    vertical-align: middle;
  }

  .choose-service .rt-features .service-content p {
    display: none;
  }

  .sppb-addon-accordion .sppb-addon-title,
  .request-call h3 {
    font-size: 30px;
    line-height: 1.2;
  }

  .rt-form .form-group {
    margin-bottom: 0;
  }

  .rt-form .form-group input {
    margin-bottom: 12px;
  }

  .rt-form .submit-group {
    margin-top: 24px;
  }

  .home-two-service .nopadding {
    width: 33.33333%;
  }

  .home-two-service .rt-featuresn .service-content .main-title h3 {
    font-size: 22px;
    padding: 55px 0;
  }

  .home-two-service .rt-featuresn .service-content .overley {
    padding: 10px;
    font-size: 12px;
    line-height: 14px;
  }

  .home-two-service .rt-featuresn .service-content .overley h3 {
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
  }

  .home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title {
    font-size: 60px;
  }

  .our-sucess .sppb-col-sm-4 {
    width: 100%;
  }

  .our-sucess .sppb-addon-pie-progress .sppb-text-center h3 {
    margin-bottom: 15px;
  }

  .home-three-news ul li .full-section .content-part {
    padding: 18px;
  }

  .home-four-service .rt-features>div {
    width: 33.33333%;
  }

  .home-four-service .single-feature h3,
  .our-core-feature .single-feature .service-content h3 {
    font-size: 20px;
  }

  #sp-page-title .sp-page-title {
    padding: 60px 0;
  }

  #sp-page-title .sp-page-title h2 {
    font-size: 38px;
  }

  .home-slider .tp-caption.small_text {
    font-size: 14px !important;
    line-height: 18px !important;
  }

  .home-slider .tp-caption.largeblackbg {
    left: 215px !important;
  }

  .home-slider .tp-caption.largeblackbg,
  .home-slider .tp-caption.largewhitebg {
    top: 250px !important;
  }

  #home-two .home-slider .tp-caption.largeblackbg,
  #home-two .home-slider .tp-caption.largewhitebg {
    top: 220px !important;
  }

  #home-three .home-slider .tp-caption.largeblackbg {
    left: 266px !important;
    top: 230px !important;
  }

  #home-four .home-slider .tp-caption.largeblackbg {
    left: 300px !important;
    top: 230px !important;
  }

  .home-slider .tp-caption.largeblackbg a.read-bg,
  .home-slider .tp-caption.largewhitebg a.read-nobg {
    padding: 15px 25px !important;
  }

  .home-three-service .owl-carousel .owl-controls .owl-buttons {
    top: -60px;
  }

  .home-three-service .service-content .image-effect img {
    width: 100%;
  }

  #sp-bottom2 .sp-module {
    margin-bottom: 40px;
  }

  .home-four-about-section .sppb-empty-space {
    padding-bottom: 30px !important;
  }

  /*--------- Inner page css----------------*/
  .rsform .formHorizontal .rsform-block {
    float: inherit;
    width: inherit;
    margin-right: 0;
  }

  .sppb-addon-tab ul.sppb-nav-tabs li a {
    margin-right: 10px;
    padding: 8px 34px;
  }

  .sppb-addon-tab .sppb-tab-content .media-body {
    padding-left: 20px;
  }

  .sppb-text-left .pull-left {
    margin-right: 10px;
  }

  .service-one .single-feature:hover .overley h3 {
    top: 25%;
  }

  .service-one .single-feature:hover .overley p {
    bottom: -2%;
  }

  .about-four-service .rt-features>div {
    width: 33.33333%;
  }

  #sp-menu .sp-megamenu-parent .sp-dropdown-mega li.sp-menu-item a {
    padding: 10px 0px;
    text-align: left;
  }

  .tlp-portfolio .layout12 .tlp-overlay:hover .item-info .item-info-bottom {
    bottom: 24%;
  }

  .tlp-portfolio .isotope10 .tlp-overlay:hover .item-info .item-info-bottom {
    bottom: 28%;
  }

  .choose-service .single-feature .service-content h3 {
    font-size: 20px;
  }

  #sp-page-builder>.page-content>section.sppb-section {
    padding: 80px 0;
  }

}

@media (max-width: 767px) {

  .home-slider .tp-caption.small_text,
  .home-slider .tp-caption.largeblackbg,
  .home-slider .tp-caption.largewhitebg {
    display: none;
  }

  #sp-top1,
  #sp-top2 {
    text-align: center;
  }

  ul.sp-contact-info {
    float: none;
  }

  #sp-header {
    height: 70px !important;
  }

  #sp-header .logo {
    height: 70px !important;
  }

  #offcanvas-toggler {
    line-height: 70px !important;
  }

  .is-sticky #sp-header {
    height: 60px !important;
  }

  .is-sticky #sp-header .logo {
    height: 60px !important;
  }

  .is-sticky #sp-header .logo h1 img {
    max-width: 120px;
  }

  .consultation .free-consult-text {
    font-size: 24px;
    text-align: center;
    margin-bottom: 15px;
    line-height: 34px;
  }

  .logo-slider .rt-logo-showcase .slick-prev {
    left: -10px;
    z-index: 99;
  }

  .logo-slider .rt-logo-showcase .slick-next {
    right: -10px;
    z-index: 99;
  }

  .logo-slider .rt-logo-showcase .slick-track {
    padding: 0;
  }

  .home-one-slider {
    margin-top: 0 !important;
  }

  .home-one-service-slider h3.sppb-addon-title {
    font-size: 34px;
  }

  .home-one-service-slider .single-feature {
    padding: 0 10px;
  }

  .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-prev {
    left: -18px;
  }

  .home-one-service-slider .owl-carousel .owl-controls .owl-buttons .owl-next {
    right: -18px;
  }

  .choose-service {
    margin: 0 -15px;
    padding: 50px 15px 30px;
  }

  .sppb-addon-accordion .sppb-addon-title,
  .request-call h3 {
    font-size: 30px;
  }

  .request-call {
    margin-top: 30px;
  }

  .rt-form .form-group {
    margin-bottom: 0;
  }

  .rt-form .form-group input {
    margin-bottom: 12px;
  }

  .rt-form .submit-group {
    margin-top: 24px;
  }

  .trastimonial .item {
    text-align: center;
    padding: 0 10px;
  }

  .trastimonial .item .img-ara {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .trastimonial .item .content-area {
    width: 100%;
    padding: 0;
  }

  .trastimonial .item .content-area h3 {
    font-size: 17px !important;
  }

  .trastimonial .item .img-ara img {
    display: inline;
  }

  .our-sucess .sppb-addon-pie-progress .sppb-text-center h3 {
    margin-bottom: 10px;
  }

  .title-style-two {
    margin-bottom: 30px;
  }

  .title-style-two .sppb-addon-title {
    font-size: 30px;
  }

  .home-three-news ul li {
    width: 100%;
  }

  .home-three-news ul li .full-section {
    margin: 0;
  }

  .home-three-news ul li .full-section .image-part img {
    width: 100%;
  }

  #sp-bottom .sp-module {
    margin-top: 50px;
  }

  #sp-bottom #sp-bottom1 .sp-module {
    margin-top: 0px;
  }

  #sp-footer {
    text-align: center !important;
  }

  /*--------- Inner page css----------------*/
  .rsform .formHorizontal .rsform-block {
    float: inherit;
    width: inherit;
    margin-right: 0;
  }

  .sppb-addon-tab .sppb-tab-content .media-body {
    padding-left: 0px;
  }

  .sppb-addon-tab .sppb-tab-content .media img {
    margin-bottom: 20px;
  }

  .sppb-text-left .pull-left {
    margin-right: 10px;
  }

  .service-one .single-feature .service-image img {
    width: 100%;
  }

  .sppb-carousel-inner {
    margin-bottom: 15px;
  }

  .sppb-carousel-inner .sppb-item img {
    width: 100%;
  }

  .detail-image {
    margin-bottom: 20px;
  }

  .service-two .single-feature {
    margin-top: 10px;
  }

  .item-page h3 {
    font-size: 24px;
  }

  #sp-footer {
    text-align: center;
  }

  #sp-footer ul.social-icons {
    text-align: center;
    margin-top: 10px;
  }

  .contact-info {
    margin-top: 30px;
  }

  .catItemImageBlock .catItemImage img {
    width: 100% !important;
  }

  .rt-catitem .catItemHeader h3.catItemTitle {
    margin-top: 15px;
  }

  .class2 {
    margin-top: 30px;
  }

  .custom-class {
    margin-bottom: 30px;
  }

  .tlp-portfolio .tlp-layout img,
  .tlp-portfolio .tlp-portfolio-isotope img {
    width: 100%;
  }

  .tlp-portfolio .tlp-layout .masonry-item,
  .tlp-portfolio .tlp-portfolio-isotope .tlp-portfolio-item {
    width: 100%;
  }

  .tlp-portfolio .tlp-portfolio-isotope .isotop-container .button-group button {
    margin-bottom: 5px;
  }

  .home-four-service .single-feature p {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
  .home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_title {
    padding: 0 10px;
  }

  .home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_title a {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .home-two-service .rt-featuresn .service-content .service-image img {
    width: 100%;
  }

  .home-two-service .rt-featuresn .service-content .main-title h3 {
    padding: 120px 0;
  }

  .home-two-service .rt-featuresn .service-content .overley {
    padding: 55px 40px;
  }

  .home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title {
    font-size: 60px;
    margin-top: 30px;
    margin-bottom: 15px;
  }

  .years-experience h2 {
    font-size: 45px;
  }

  #sp-page-title .sp-page-title {
    padding: 50px 0;
  }

  #sp-page-title .sp-page-title h2 {
    font-size: 34px;
  }

  /*--------- Inner page css----------------*/
  .sppb-addon-tab ul.sppb-nav-tabs li {
    width: 50%;
    margin-bottom: 3px;
    text-align: center;
  }

  .sppb-addon-tab ul.sppb-nav-tabs li a {
    margin-right: 5px !important;
    padding: 8px 15px;
  }

  .service-one .single-feature:hover .overley h3 {
    top: 30%;
  }

  .service-one .single-feature:hover .overley p {
    bottom: 20%;
  }
}

/* Large Mobile :480px. */
@media (max-width:480px) {
  .tlp-portfolio .layout2 .tlp-portfolio-item>div {
    width: 100%;
  }

  .tlp-portfolio .layout2 .tlp-portfolio-thum {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 321px) and (max-width: 480px) {
  .home-one-news .bm_slider_item.bm_cycle_slider {
    width: 100% !important;
  }

  .home-one-news .cycle-carousel-wrap {
    width: 100%;
  }

  .home-one-news .bm_slider_theme1 .bm_slider_item .full-descrip {
    margin: 0;
  }

  .home-one-news .bm_slider .bm_slider_item .bm_slider_desc {
    display: block;
  }

  .home-two-service .rt-featuresn .service-content .main-title h3 {
    padding: 115px 0;
  }

  .home-two-service .rt-featuresn .service-content .overley {
    padding: 50px 40px;
  }

  .home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title {
    font-size: 40px;
    margin-top: 30px;
    margin-bottom: 15px;
  }

  .years-experience h2 {
    font-size: 40px;
    line-height: 1.25;
  }

  .home-two-news .image-part {
    display: inherit;
  }

  .home-two-news .content-part {
    display: inherit;
    padding: 15px 10px;
  }

  .home-two-news .read-more {
    display: inherit;
  }

  .home-two-news .image-part .moduleItemIntrotext a.moduleItemImage img {
    width: 100%;
  }

  .home-two-news .read-more a {
    display: inline-block;
    padding: 7px 30px;
    width: 100%;
    text-align: center;
    height: inherit;
  }

  #sp-page-title .sp-page-title {
    padding: 40px 0;
  }

  #sp-page-title .sp-page-title h2 {
    font-size: 30px;
  }

  /*--------- Inner page css----------------*/
  .sppb-addon-tab ul.sppb-nav-tabs li {
    width: 50%;
    margin-bottom: 3px;
    text-align: center;
  }

  .sppb-addon-tab ul.sppb-nav-tabs li a {
    margin-right: 5px !important;
    padding: 8px 15px;
  }

  .service-one .single-feature:hover .overley h3 {
    top: 30%;
  }

  .service-one .single-feature:hover .overley p {
    bottom: 20%;
  }

  .home-one-news .sppb-addon-title {
    margin-left: 0;
  }

  .home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_prev {
    right: 34px;
  }

  .home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_next {
    right: 0px !important;
  }

  h3.sppb-addon-title,
  .title-style-two .sppb-addon-title,
  .title-style-three .sppb-addon-title,
  .sppb-addon-tab .sppb-tab-content .media-body h2,
  .sppb-text-left h3,
  .sppb-text-left .pull-left,
  .communication h2 {
    font-size: 30px;
  }

  h3.sppb-title-heading {
    font-size: 30px !important;
  }

  #sp-page-builder>.page-content>section.sppb-section {
    padding: 60px 0;
  }

  #sp-bottom {
    padding: 60px 0;
  }

  .choose-service h3.sppb-addon-title {
    font-size: 30px;
  }

  #sp-logo-slider {
    padding: 40px 0 0px 0px;
  }

  #sp-free-consultation {
    padding: 0px 0 50px;
  }

  .owl-carousel .owl-controls .owl-buttons {
    top: -60px;
  }
}

/* small mobile :320px. */
@media (max-width: 320px) {
  #sp-page-builder>.page-content>section.sppb-section {
    padding: 60px 0;
  }

  .home-slider .tp-caption {
    display: none;
  }

  .home-two-about-section .sppb-addon-raw-html h3.sppb-addon-title {
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 15px;
  }

  .years-experience h2 {
    font-size: 28px;
    padding: 20px;
  }

  .choose-service .single-feature {
    text-align: center;
  }

  .choose-service .single-feature .service-image {
    float: none !important;
    width: 100%;
  }

  .choose-service .single-feature .service-content {
    padding-left: 0;
  }

  .choose-service .single-feature .service-content h3 {
    margin: 8px 0;
  }

  .home-one-news .bm_slider_item.bm_cycle_slider {
    width: 100% !important;
  }

  .home-one-news .cycle-carousel-wrap {
    width: 100%;
  }

  .home-one-news .bm_slider_theme1 .bm_slider_item .full-descrip {
    margin: 0;
  }

  .home-one-news .bm_slider .bm_slider_item .bm_slider_desc {
    display: block;
  }

  .home-two-service .rt-featuresn .service-content .main-title h3 {
    font-size: 22px;
    padding: 74px 0;
  }

  .home-two-service .rt-featuresn .service-content .overley {
    padding: 15px;
    font-size: 12px;
    line-height: 16px;
  }

  .home-two-service .rt-featuresn .service-content .overley h3 {
    font-size: 20px;
  }

  .our-service .rt-features .nopadding {
    padding: 0;
  }

  .home-two-news .image-part {
    display: inherit;
  }

  .home-two-news .content-part {
    display: inherit;
    padding: 15px 10px;
  }

  .home-two-news .read-more {
    display: inherit;
  }

  .home-two-news .image-part .moduleItemIntrotext a.moduleItemImage img {
    width: 100%;
  }

  .home-two-news .read-more a {
    display: inline-block;
    padding: 7px 30px;
    width: 100%;
    text-align: center;
    height: inherit;
  }

  .home-three-service {
    margin-top: 40px;
  }

  .home-three-service .rt-features .nopadding {
    padding: 0;
  }

  .home-four-service .single-feature {
    text-align: center;
  }

  .home-four-service .single-feature h3::after {
    right: 0;
    margin: auto;
  }

  .our-core-feature .single-feature {
    margin-top: 10px;
  }

  .our-core-feature .single-feature .service-image {
    float: none !important;
    display: inline-block;
    padding-bottom: 10px;
  }

  .our-core-feature .single-feature {
    text-align: center;
  }

  .our-core-feature .single-feature h3::after {
    right: 0;
    margin: auto;
  }

  .our-core-feature .single-feature .service-content {
    padding-left: 0;
  }

  #sp-page-title .sp-page-title {
    padding: 35px 0;
  }

  #sp-page-title .sp-page-title h2 {
    font-size: 28px;
  }

  /*--------- Inner page css----------------*/
  .sppb-addon-tab ul.sppb-nav-tabs li {
    width: 50%;
    margin-bottom: 3px;
    text-align: center;
  }

  .sppb-addon-tab ul.sppb-nav-tabs li a {
    margin-right: 5px !important;
    padding: 8px 10px;
  }

  .service-one .single-feature:hover .overley h3 {
    top: 20%;
  }

  .service-one .single-feature:hover .overley p {
    bottom: -32%;
  }

  .communication h2 {
    font-size: 22px;
    padding: 0 15px;
  }

  .sppb-addon-accordion .sppb-panel-heading .sppb-panel-title {
    font-size: 16px;
  }

  .choose-service h3.sppb-addon-title {
    text-align: center;
  }

  .layout3 .single-team-area .social-icons {
    bottom: 78px;
  }

  .home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_title,
  .home-one-news .bm_slider .bm_slider_item .bm_slider_desc .bm_desc_inside {
    text-align: center;
  }

  .home-one-news .sppb-addon-title,
  .our-service .sppb-addon-title {
    margin-left: 0;
  }

  .home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_prev {
    right: 34px;
  }

  .home-one-news .bm_over_theme1 .bm_slider_button .bm_slider_next {
    right: 0px !important;
  }

  .our-service .owl-carousel .owl-controls .owl-buttons {
    right: 0;
  }

  h3.sppb-addon-title,
  .title-style-two .sppb-addon-title,
  .title-style-three .sppb-addon-title,
  .sppb-addon-tab .sppb-tab-content .media-body h2,
  .sppb-text-left h3,
  .sppb-text-left .pull-left,
  .communication h2,
  .home-one-service-slider h3.sppb-addon-title,
  .choose-service h3.sppb-addon-title {
    font-size: 24px;
  }

  h3.sppb-title-heading,
  .sppb-addon-accordion .sppb-addon-title {
    font-size: 24px !important;
  }

  .home-one-service-slider .single-feature .service-content h3,
  .choose-service .single-feature .service-content h3,
  .our-service .service-content h3,
  .home-two-news .content-part a.moduleItemTitle,
  .help-business h3,
  .home-three-service .service-content h3,
  .home-four-service .single-feature h3,
  .our-core-feature .single-feature .service-content h3,
  .service-one .single-feature .overley h3,
  .service-two .single-feature .service-content h3 {
    font-size: 18px;
  }

  .tlp-team h3,
  .tlp-team h3 a {
    font-size: 18px !important;
  }
}

/*=====  End of Responsive css  ======*/


.tp-revslider-mainul li {}

.slotholder {
  position: relative;
}

.slotholder:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}

.banner-font {
  z-index: 6;
  max-width: auto;
  max-height: auto;
  white-space: normal;
  font-size: 42px !important;
  color: #FFFFFF;
  font-weight: 500;
  line-height: 42px !important;
}

.logo-footer {
  width: 140px;
  margin-bottom: 14px;
  margin-top: -13px;
}

#wechat {
  position: relative;

}

#wechat img {
  position: absolute;
  bottom: 50px;
  left: -78px;
  max-width: inherit;
  opacity: 0;
  visibility: hidden;
  transition: linear 0.2s all;
  -webkit-transition: linear 0.2s all;
}

#wechat:hover img {
  visibility: visible;
  opacity: 1;
  bottom: 43px;
}

#sp-slider .swiper-slide {
  height: 740px;
  background: center center no-repeat;
}

.swiper-btn-next,
.swiper-btn-prev {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  transition: linear all 0.2s;
  -webkit-transition: linear all 0.2s;
}

.swiper-btn-next:hover,
.swiper-btn-prev:hover {
  background: #c1b180;
}

.swiper-btn-next {
  right: 10px;
}

.swiper-btn-prev {
  left: 10px;
}

#panel h2 {
  color: #222222;
}

#panel .hr {
  width: 100px;
  height: 3px;
  background: #c1b180;
  margin-bottom: 20px;
}

.panel-title a {
  font-size: 18px;
  padding: 10px 20px;
  letter-spacing: 1px;
}

.nav-tabs li a {
  border: 0;
}

#tabs-390415 li a:hover {
  background: #FFFFFF;
}

#tabs-390415 .active a {
  color: #c1b180;
}

.media-body .media-p {
  padding: 0 20px;
}

.footer-today {
  margin-left: 30%;
}

@media(max-width: 767px) {
  .footer-today {
    margin-left: 5%;
  }

  .panel-title a {
    font-size: 13px;
  }

  .media-body .media-p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  #sp-bottom .sp-module h3.sp-module-title {
    font-size: 15px;
  }

  body {
    font-size: 14px;
  }

  .team-img {
    padding: 0 100px;
  }

  #sp-main-body {
    overflow: hidden;
  }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
  .footer-today {
    margin-left: 4%;
  }

  .media-body .media-p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
  }

  .home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_title a {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

  .swiper-body {
    display: none;
  }
}

@media(min-width: 992px) {
  .footer-today {
    margin-left: 30%;
  }

  .media-body .media-p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }

  .home-one-news .bm_slider_theme1 .bm_slider_item .bm_slider_title a {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}