@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700');
/**
*
* -----------------------------------------------------------------------------
*
* Template : Johnfirm - Multipurpose Lawyer HTML Template
* Author : rs-theme
* Author URI : http://www.rstheme.com/
*
* -----------------------------------------------------------------------------
*
**/
/* TABLE OF CONTENT
---------------------------------------------------------
01. General CSS
02. Global Class CSS
03. Header Section CSS
04. Sticky Menu CSS
05. Slider Section
06. About Us CSS
07. Portfolio CSS
08. Call To Action CSS
09. Services CSS
10. Team Section CSS
11. Team Single CSS 
12. Testimonial CSS
13. Blog Section CSS
14. RS Blog Si CSS
15. Sidebar area CSS
16. Counter Section CSS
17. Our Practice CSS
18. Case Result CSS
19. RS Gallery CSS
20. Faq Section CSS
21. RS Skills CSS
22. Shop Section CSS
23. Shop Single CSS
24. Cart Section CSS
25. Checkout Section CSS
26. Account Login CSS
27. Breadcrumbs CSS
28. Contact Us CSS
29. Footer CSS
30. Error 404 CSS
31. Scroll Up CSS
32. Preloader CSS

--------------------------------------------------------*/
/* -----------------------------------
    01. General CSS
-------------------------------------*/
.bg1,
.bg3,
.bg4,
.bg7,
.bg8,
.bg9,
.bg10,
.bg5 {
  background-size: cover;
  background-attachment: fixed;
/*  background-position: center center;*/
}
.bg3 {
  background-image: url(../img/index.jpg);
}
.rs-free-consultation {
  position: relative;
}
.rs-free-consultation.long-gap {
  padding-bottom: 290px;
}
.rs-free-consultation.long-gap .contact-form {
  padding-top: 10px;
}
.rs-free-consultation.long-gap-home {
  padding-bottom: 70px;
}
.rs-free-consultation .sec-title {
  margin-top: -10px;
}
.rs-free-consultation .sec-title .title.style-gap {
  margin-bottom: 16px;
}
.rs-free-consultation .right-content h4 {
  color: #ffffff;
}
.rs-free-consultation .contact-form .form-field {
  margin-bottom: 30px;
  position: relative;
}
.rs-free-consultation .contact-form .form-field i {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
}
.rs-free-consultation .contact-form .form-field input,
.rs-free-consultation .contact-form .form-field select {
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
}
.rs-free-consultation .contact-form .form-field select {
  color: #8d6e63;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  background-image: none;
  -ms-word-break: normal;
  word-break: normal;
  position: relative;
  z-index: 11;
  cursor: pointer;
}
.rs-free-consultation .contact-form .form-field option {
  color: #333333;
}
.rs-free-consultation .contact-form .form-field input,
.rs-free-consultation .contact-form .form-field select,
.rs-free-consultation .contact-form .form-field textarea {
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: transparent;
  width: 100%;
  border-radius: 3px;
  outline: none;
}
.rs-free-consultation .contact-form .form-field input {
  width: 100%;
  color: #666666;
}
.rs-free-consultation .contact-form .form-field input:focus {
  border: 1px solid #c4c4c4;
  outline: none;
  box-shadow: none;
}
.rs-free-consultation .contact-form .form-field textarea {
  width: 100%;
  padding: 10px 20px;
  color: #666666;
  resize: none;
  height: 130px;
}
.rs-free-consultation .contact-form .form-field textarea:focus {
  border: 1px solid #c4c4c4;
  outline: none;
  box-shadow: none;
}
.rs-free-consultation .contact-form .select-icon {
  position: relative;
}
.rs-free-consultation .contact-form .select-icon:before {
  content: '\f107';
  font-family: FontAwesome;
  color: #666666;
  right: 30px;
  position: absolute;
  top: 13px;
  font-size: 20px;
  z-index: 11;
}
.rs-free-consultation .contact-form .form-button {
  padding-top: 16px;
}
.rs-free-consultation .contact-form .form-button button {
  outline: none;
  text-transform: capitalize;
  background: #f3c53c;
  color: #000;
  cursor: pointer;
  border: none;
  text-transform: uppercase;
}
.rs-free-consultation .contact-form .form-button.small-padding {
  padding-top: 11px;
}
.rs-free-consultation .contact-form.border-primary .form-field ::-webkit-input-placeholder {
  color: #8d6e63;
  opacity: 1;
}
.rs-free-consultation .contact-form.border-primary .form-field ::-moz-placeholder {
  color: #8d6e63;
  opacity: 1;
}
.rs-free-consultation .contact-form.border-primary .form-field :-ms-input-placeholder {
  color: #8d6e63;
  opacity: 1;
}
.rs-free-consultation .contact-form.border-primary .form-field :-moz-placeholder {
  color: #8d6e63;
  opacity: 1;
}
.rs-free-consultation .contact-form.border-primary .form-field input,
.rs-free-consultation .contact-form.border-primary .form-field select,
.rs-free-consultation .contact-form.border-primary .form-field textarea {
  border-color: #8d6e63;
}
.rs-free-consultation .contact-form.border-primary .select-icon:before {
  color: #8d6e63;
}
.rs-free-consultation .banner-form {
  background: #ffffff;
  padding: 0 40px;
  box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
}
.rs-free-consultation .banner-form .form-field {
  margin-bottom: 30px;
}
.rs-free-consultation .banner-form .message-box {
  margin-bottom: 10px;
}
.rs-free-consultation .banner-form .textarea {
  height: 124px;
}
.rs-free-consultation .banner-form.banner-form-home {
    padding-top: 40px;
    padding-bottom: 35px;
}
.rs-free-consultation .banner-form.banner-form-home .sec-title {
  margin-bottom: 30px;
}
.rs-free-consultation .nagetive-margin {
  padding: 60px 60px 40px;
  position: relative;
  z-index: 11;
}
.rs-free-consultation .nagetive-margin .sec-title {
  margin-bottom: 34px;
}
.rs-free-consultation .services-item {
  border: 1px solid #8d6e63;
  position: relative;
  padding: 58px 10px;
  margin-bottom: 30px;
  border-radius: 3px;
}
.rs-free-consultation .services-item h4 {
  text-transform: uppercase;
  color: #ffffff;
  margin: 0;
  position: relative;
  z-index: 10;
}
.rs-free-consultation .services-item h4 span {
  display: block;
  color: #8d6e63;
  font-size: 80px;
  font-weight: 700;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  opacity: 0.2;
}
.rs-free-consultation .services-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, 0.6);
  transition: all 0.3s ease 0s;
}
.rs-free-consultation .services-item:hover:before {
  background: #333333;
}
.rs-free-consultation .service-inner {
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 10px;
}
.rs-free-consultation .service-inner .col-md-4 {
  padding-left: 10px;
  padding-right: 10px;
}
.rs-free-consultation .service-inner .col-md-4 .services-item {
  margin-bottom: 20px;
}
.rs-free-consultation .service-inner.no-margin .services-item {
  margin-bottom: 0px !important;
}
.rs-free-consultation .person-image {
  position: absolute;
  bottom: 0;
}