@charset "utf-8";

@import url('css-2.css');

@import url('css-3.css');

/* -----------------------------------

    01. General CSS

-------------------------------------*/

html,

body {

  font-size: 15px;

  color: #666666;

  font-family: 'Roboto', sans-serif;

  vertical-align: baseline;

  line-height: 25px;

  font-weight: 400;

  overflow-x: hidden;

}

img {

  max-width: 100%;

  height: auto;

}

p {

  margin: 0 0 26px;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: 'Poppins', sans-serif;

  color: #212121;

  margin: 0 0 16px;

  font-weight: 600;

}

h1,

h2,

h3 {

  font-weight: 700;

}

h1 {

  font-size: 60px;

}

h2 {

  font-size: 40px;

}

h3 {

  font-size: 30px;

}

h4 {

  font-size: 20px;

}

h5 {

  font-size: 16px;

}

h6 {

  font-size: 15px;

}

.uppercase {

  text-transform: uppercase !important;

}

a {

  color: #4d6de6;

  transition: all 0.3s ease 0s;

  text-decoration: none !important;

  outline: none !important;

}

a:active,

a:hover {

  text-decoration: none;

  outline: 0 none;

  color: #222222;

}

ul {

  list-style: outside none none;

  margin: 0;

  padding: 0;

}

.clear {

  clear: both;

}

::-moz-selection {

  background: #4d6de6;

  text-shadow: none;

  color: #ffffff;

}

::selection {

  background: #4d6de6;

  text-shadow: none;

  color: #ffffff;

}

.pt-100 {

  padding-top: 100px;

}

.pb-100 {

  padding-bottom: 100px;

}

.width-70 {

  width: 70%;

  max-width: 535px !important;

}

.width-unset {

  width: unset !important;

}

.sec-spacer {

  padding: 96px 0 100px;

}

.sec-spacer-2 {

  padding: 100px 0 70px;

}

.gray-color {

  background-color: #fcfcfc !important;

}

.sec-color {

  background-color: #f4f7fc !important;

}

.white-bg {

  background-color: #ffffff;

}

.primary-bg {

  background: #4d6de6;

}

.transparent-bg {

  background: transparent;

}

.bg-fixed {

  background-attachment: fixed;

  background-repeat: no-repeat;

}

.bg1 {

  background-image: url(../images/bg/bg1.jpg);

  background-size: cover;

  background-attachment: fixed;

}

.bg2 {

  background-image: url(../images/bg/contact-bg.jpg);

  background-size: cover;

  background-attachment: fixed;

}

.bg3 {

  background-image: url(../images/about/home17.jpg);

  background-size: cover;

  background-repeat: no-repeat;

}

.bg4 {

  background-image: url(../images/bg/home17-bg-work.jpg);

  background-size: cover;

  background-repeat: no-repeat;

}

.bg5 {

  background-image: url(../images/about/tatto-about.jpg);

  background-size: cover;

  background-repeat: no-repeat;

}

.bg6 {

  background-image: url(../images/testimonial/tatto18-tl.jpg);

  background-size: cover;

  background-repeat: no-repeat;

}

.bg-unset {

  background: unset !important;

}

.rs-menu-toggle {

  color: #4d6de6;

  text-align: right;

}

button {

  cursor: pointer;

}

/* ------------------------------------

    02. Global Class

---------------------------------------*/

.sec-title {

  margin-bottom: 66px;

}

.sec-title h2 {

  margin-top: 0px;

  font-size: 40px;

  text-transform: uppercase;

}

.sec-title h3 {

  color: #212121;

  margin: 0;

  font-size: 30px;

  font-weight: 700;

  display: inline-block;

  position: relative;

  padding-right: 125px;

}

.sec-title h3:after {

  content: "";

  position: absolute;

  right: 0;

  top: 50%;

  width: 109px;

  height: 2px;

  background: #4d6de6;

  margin-left: -95px;

}

.sec-title p {

  margin: 20px 0 0;

}

.sec-title.white-text h2,

.sec-title.white-text h3,

.sec-title.white-text p {

  color: #fff;

}

.sec-title.extra-none h3:after {

  display: none;

}

.sec-title.video-contact {

  margin-bottom: 15px !important;

}

.sec-title.video-contact h3 {

  color: #ffffff;

}

.sec-title-2 {

  padding-top: 17px;

  padding-bottom: 50px;

}

.sec-title-2 h3 {

  text-transform: uppercase;

  color: #212121;

  position: relative;

}

.sec-title-2 h3 span {

  position: absolute;

  content: '';

  top: -28px;

  left: 50%;

  transform: translateX(-50%);

  font-size: 80px;

  text-transform: uppercase;

  font-weight: 800;

  opacity: .07;

  width: 100%;

}

.sec-title3 {

  margin-bottom: 50px;

}

.sec-title3 h2 {

  margin-top: 0px;

  font-size: 40px;

  text-transform: uppercase;

}

.sec-title3 h3 {

  color: #212121;

  margin-bottom: 44px;

  display: inline-block;

  position: relative;

}

.sec-title3 h3:after {

  content: "";

  position: absolute;

  right: 0;

  top: 53px;

  width: 90px;

  height: 2px;

  background: #4d6de6;

  left: 50%;

  transform: translateX(-50%);

}

.sec-title3 p {

  margin: 0 auto;

  max-width: 800px;

  margin-bottom: 0;

}

.sec-title3.white-text h2,

.sec-title3.white-text h3,

.sec-title3.white-text p {

  color: #fff;

}

.sec-title3.after-right {

  margin: 0;

}

.sec-title3.after-right h3:after {

  right: unset;

  left: 0;

  transform: unset;

}

.sec-title3.after-right h4 {

  margin-bottom: 12px;

}

.sec-title4 {

  margin-bottom: 50px;

}

.sec-title4 h2 {

  font-size: 30px;

  line-height: 46px;

  text-align: center;

  color: #303745;

  position: relative;

}

.sec-title4 h2:after {

  background: url(../images/shape-border.png);

  background-repeat: no-repeat;

  background-position: center bottom;

  padding-bottom: 8px;

  content: "";

  position: absolute;

  right: 0;

  top: 53px;

  width: 150px;

  height: 2px;

  left: 50%;

  transform: translateX(-50%);

}

.sec-title4 h2.white-color {

  color: #ffffff;

}

.sec-title-5 .sub-title {

  color: #4d6de6;

  font-size: 20px;

  font-weight: 600;

  display: block;

}

.sec-title-5 h2 {

  color: #212121;

  position: relative;

  color: #303745;

  font-size: 45px;

  line-height: 50px;

}

.sec-title-5 h2 span {

  position: absolute;

  content: '';

  top: 0px;

  left: 50%;

  transform: translateX(-50%);

  font-size: 80px;

  font-weight: 800;

  text-transform: uppercase;

  opacity: .07;

  width: 100%;

  display: block;

}

.color-rgba {

  background: rgba(0, 0, 0, 0.2) !important;

}

.panel-group .panel {

  border: none;

  box-shadow: none;

  background: unset;

  margin-bottom: 19px;

}

.panel-group .panel .panel-heading {

  background: #f0f0f0;

  height: 50px;

}

.panel-group .panel .panel-heading .panel-title {

  color: #505050;

  font-size: 15px;

  line-height: 31px;

  position: relative;

  margin-left: 70px;

}

.panel-group .panel .panel-heading .panel-title a {

  display: block;

}

.panel-group .panel .panel-heading .panel-title a:hover {

  color: unset;

}

.panel-group .panel .panel-heading .panel-title a:after {

  position: absolute;

  font-family: FontAwesome;

  content: "\f067";

  left: -86px;

  color: #fff;

  top: -10px;

  background: #4d6de6;

  padding: 9.4px 30.2px;

}

.panel-group .panel-collapse .panel-body {

  border-top: none !important;

  width: 100%;

  margin-top: 12px;

  background: #f0f0f0;

}

.panel-group .panel-collapse .panel-body p {

  margin: 0;

}

.rs-vertical-middle {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -ms-flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

}

.rs-vertical-bottom {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -ms-flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-align: flex-end;

  -webkit-align-items: flex-end;

  align-items: flex-end;

}

.readon {

  position: relative;

  display: inline-block !important;

  background: #4d6de6;

  padding: 15px 33px;

  line-height: normal;

  border: 2px solid #4d6de6;

  color: #ffffff;

  transition: all 0.3s ease 0s;

  border-radius: 30px 30px 30px 30px;

}

.readon:hover,

.readon:focus {

  background: transparent;

  color: #222222;

}

.readon.active-btn {

  background: transparent;

  color: #222222;

}

.readon.active-btn:hover {

  background: #4d6de6;

  color: #ffffff;

}

.readon.white-btn {

  background: #ffffff;

  color: #222222;

  border-color: #ffffff;

}

.readon.white-btn:hover {

  border-color: #4d6de6;

  background: #4d6de6;

  color: #ffffff;

}

.readon.cons-btn {

  background: #4d6de6;

  color: #ffffff;

  opacity: 0.85;

}

.readon.cons-btn:hover {

  background: #4d6de6 !important;

  color: #ffffff;

  opacity: 1;

}

.readon.light-btn {

  background: #4d6de6;

  color: #ffffff;

}

.readon.light-btn:hover {

  background: #637fe9;

  border-color: #637fe9;

}

.readon.light-firs-btn {

  background: #6883ea !important;

  border: none !important;

}

.readon.light-firs-btn:hover {

  background: #4d6de6 !important;

}

.readon.starup-btn {

  background-color: #ffffff !important;

  border-color: rgba(77, 109, 230, 0) !important;

  border-style: solid !important;

  border-radius: 30px !important;

  padding: 12px 35px !important;

  color: #212121 !important;

  text-transform: uppercase !important;

}

.readon.starup-btn:hover {

  border-color: #4d6de6 !important;

  background: #4d6de6 !important;

  color: #ffffff !important;

}

.readon.agency-btn {

  background: transparent !important;

  border-color: #fff !important;

  color: #fff !important;

  font-size: 17px !important;

  font-weight: 300 ! important;

}

.readon.agency-btn:hover {

  border-color: #4d6de6 !important;

  background: #4d6de6 !important;

  color: #ffffff !important;

}

.readon.white-agency {

  padding: 14px 41px !important;

  color: #fff !important;

  border: 2px solid #4d6de6 !important;

  background: #4d6de6 !important;

  text-transform: uppercase !important;

  border-radius: 30px !important;

}

.readon.white-agency:hover {

  background: transparent !important;

  color: #222222 !important;

}

.readon.white-agency2 {

  padding: 0 50px !important;

  height: 50px !important;

  line-height: 48px ! important;

  color: #fff !important;

  border: 2px solid #4d6de6 !important;

  background: #4d6de6 !important;

  text-transform: uppercase !important;

  border-radius: 30px !important;

}

.readon.white-agency2:hover {

  background: transparent !important;

  color: #ffffff !important;

}

.readon.agency-btn2 {

  text-transform: capitalize ! important;

  background: none ! important;

  border: 2px solid #fff !important;

  min-width: 185px ! important;

}

.readon.agency-btn2:hover {

  border-color: #ffffff !important;

  background: #ffffff !important;

  color: #4d6de6 !important;

}

.readon.tatto-btn {

  background-color: #4d6de6 !important;

  font-weight: 500 !important;

  font-size: 17px !important;

  border-radius: 30px !important;

  padding: 18px 40px !important;

  position: relative;

}

.readon.tatto-btn:after {

  position: absolute !important;

  content: "\f054" !important;

  right: 25px !important;

  top: 50% !important;

  transform: translateY(-50%) !important;

  font-family: FontAwesome;

  font-size: 18px !important;

  opacity: 0 !important;

  transition: all 0.3s ease 0s !important;

}

.readon.tatto-btn:hover {

  border-color: #ffffff !important;

  background: #ffffff !important;

  color: #212121 !important;

}

.readon.tatto-btn:hover:after {

  opacity: 1 !important;

  right: 15px !important;

  color: #212121 !important;

}

.rs-vertical-middle {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -ms-flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

}

.rs-vertical-bottom {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -ms-flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  flex-wrap: wrap;

  -ms-flex-align: flex-end;

  -webkit-align-items: flex-end;

  align-items: flex-end;

}

.primary-btn {

  background: #4d6de6;

  padding: 8px 25px;

  color: #ffffff;

  border: 2px solid #4d6de6;

  font-size: 12px;

  text-transform: uppercase;

  font-weight: 600;

  display: inline-block;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -ms-transition: 0.4s;

}

.primary-btn:hover {

  background-color: transparent;

  color: #757575;

}

.project-btn {

  background: transparent;

  padding: 6px 18px;

  color: #ffffff;

  border: 2px solid #ffffff;

  border-radius: 30px;

  font-size: 13px;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -ms-transition: 0.4s;

}

.project-btn:hover {

  background-color: #ffffff;

  color: #757575;

}

.p-0 {

  padding: 0;

}

.padding-0 {

  padding: 0 !important;

}

.nopadding {

  padding: 0 !important;

}

.pb-170 {

  padding-bottom: 170px !important;

}

.pb-190 {

  padding-bottom: 190px !important;

}

.pb-200 {

  padding-bottom: 200px !important;

}

.pb-220 {

  padding-bottom: 220px !important;

}

.pb-240 {

  padding-bottom: 240px !important;

}

.margin-0 {

  margin: 0 !important;

}

.mb-25 {

  margin-bottom: 25px !important;

}

.mb-45 {

  margin-bottom: 45px !important;

}

.creative-agency .sec-spacer {

  padding: 90px 0 100px;

}

.margin-remove {

  margin: 0 !important;

}

.text-shadow {

  text-shadow: 2px 2px 15px #333;

}

.display-table {

  display: table;

  height: 100%;

  width: 100%;

}

.display-table-cell {

  display: table-cell;

  vertical-align: middle;

}

.home2 .display-table {

  margin-top: 0;

}

.white-color {

  color: #ffffff !important;

}

.title-color {

  color: #212121 !important;

}

.primary-color {

  color: #4d6de6 !important;

}

/* ---------------------------

    03. Header Section 

------------------------------*/

#rs-header .mobile-menu {

  display: none;

}

#rs-header .container-fluid {

  padding: 0 105px;

}

#rs-header .toolbar-area {

  padding: 0;

  border-bottom: 1px solid #eee;

}

#rs-header .toolbar-area .toolbar-contact ul {

  margin: 0;

  padding: 0;

  list-style: none;

  line-height: 2.50;

}

#rs-header .toolbar-area .toolbar-contact ul li {

  display: inline-block;

  border-left: 1px solid #eee;

  padding: 7px 10px;

  color: #aaa;

}

#rs-header .toolbar-area .toolbar-contact ul li i {

  font-size: 18px;

  margin-right: 10px;

}

#rs-header .toolbar-area .toolbar-contact ul li a {

  transition: all 0.3s ease 0s;

  font-size: 13px;

  color: #aaa;

}

#rs-header .toolbar-area .toolbar-contact ul li a:hover {

  color: #4d6de6;

}

#rs-header .toolbar-area .toolbar-contact ul li p {

  margin: 0;

  float: right;

  font-size: 13px;

  margin-top: 3px;

}

#rs-header .toolbar-area .toolbar-contact ul li:last-child {

  border-right: 1px solid #eee;

}

#rs-header .toolbar-area .toolbar-sl-share ul {

  float: right;

}

#rs-header .toolbar-area .toolbar-sl-share ul li {

  padding: 13px 0;

  border-left: 1px solid #eee;

  margin: 0;

  width: 45px;

  text-align: center;

  display: inline-block;

}

#rs-header .toolbar-area .toolbar-sl-share ul li a {

  color: #aaa;

}

#rs-header .toolbar-area .toolbar-sl-share ul li a i {

  font-size: inherit;

}

#rs-header .toolbar-area .toolbar-sl-share ul li a:hover {

  color: #4d6de6;

}

#rs-header .toolbar-area .toolbar-sl-share ul li:last-child {

  border-right: 1px solid #eee;

}

#rs-header.icon-header .toolbar-top-area {

  background: #4d6de6;

  padding: 7px 0;

}

#rs-header.icon-header .toolbar-top-area .toolbar-contact ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

#rs-header.icon-header .toolbar-top-area .toolbar-contact ul li {

  display: inline-block;

  margin-right: 25px;

  color: #fff;

}

#rs-header.icon-header .toolbar-top-area .toolbar-contact ul li i {

  font-weight: 600;

  font-size: 14px;

  margin-right: 10px;

  color: #4d6de6;

}

#rs-header.icon-header .toolbar-top-area .toolbar-contact ul li a {

  transition: all 0.3s ease 0s;

  color: #fff;

}

#rs-header.icon-header .toolbar-top-area .toolbar-contact ul li a:hover {

  color: rgba(255, 255, 255, 0.7);

}

#rs-header.icon-header .toolbar-top-area .toolbar-sl-share ul {

  text-align: right;

}

#rs-header.icon-header .toolbar-top-area .toolbar-sl-share ul li {

  display: inline-block;

}

#rs-header.icon-header .toolbar-top-area .toolbar-sl-share ul li + li {

  margin-left: 15px;

}

#rs-header.icon-header .toolbar-top-area .toolbar-sl-share ul li a {

  display: block;

  color: #fff;

  transition: all 0.3s ease 0s;

  text-decoration: none;

}

#rs-header.icon-header .toolbar-top-area .toolbar-sl-share ul li a:hover {

  color: rgba(255, 255, 255, 0.7);

}

#rs-header.icon-header .toolbar-top-area .toolbar-sl-share ul li a i {

  text-align: center;

  display: inline-block;

  color: #ffffff;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -mzs-transition: 0.4s;

}

#rs-header.icon-header .toolbar-top-area .toolbar-sl-share ul li a i:hover {

  color: #212121;

}

#rs-header.icon-header .middle-header {

  padding: 40px 0 70px;

  position: relative;

}

#rs-header.icon-header .middle-header .logo img {

  height: 35px;

}

#rs-header.icon-header .middle-header .header-contact {

  float: right;

}

#rs-header.icon-header .middle-header .header-contact .widget-text {

  position: relative;

  padding-left: 50px;

}

#rs-header.icon-header .middle-header .header-contact .widget-text i {

  position: absolute;

  text-align: center;

  left: 0;

  line-height: 35px;

  color: #4d6de6;

  font-size: 35px;

}

#rs-header.icon-header .middle-header .header-contact .widget-text .info-text {

  line-height: 1.4;

}

#rs-header.icon-header .middle-header .header-contact .widget-text .info-text span {

  display: block;

  font-weight: 700;

  color: #212121;

}

#rs-header.icon-header .middle-header .header-contact .widget-text .info-text a {

  color: #212121;

}

#rs-header.icon-header .middle-header .header-contact .widget-text .info-text a:hover {

  color: #4d6de6;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area {

  background: #4d6de6;

  position: absolute;

  top: 38px;

  border-radius: 0;

  width: 100%;

  z-index: 999;

  left: 0;

  margin: 0 auto;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu {

  text-align: left;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li {

  height: 70px;

  line-height: 70px;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li a {

  margin-right: 2px;

  color: #fff;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li a i {

  position: relative;

  top: 2px;

  padding-left: 2px;

  color: #fff;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li a:hover {

  color: #212121;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li a:hover i {

  color: #212121;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li:first-child a {

  padding-left: 2px;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li:last-child a {

  margin: 0;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li ul.sub-menu {

  background: #ffffff;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li ul.sub-menu li {

  height: 45px;

  line-height: 45px;

  display: inherit;

  padding: 0 22px;

  border-bottom: 1px solid #ededed;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li ul.sub-menu li a {

  padding: 0;

  text-transform: capitalize;

  color: #222;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li ul.sub-menu li a i {

  position: absolute;

  top: 50%;

  right: 2px;

  transform: translateY(-50%);

  color: #222;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li ul.sub-menu li a:hover {

  color: #4d6de6 !important;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li ul.sub-menu li a:hover i {

  color: #4d6de6 !important;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li ul.sub-menu li:last-child {

  border: none;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li ul.sub-menu li.active a {

  color: #4d6de6;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li ul.sub-menu li.active a i {

  color: #4d6de6;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li.current-menu-item a.active {

  color: #212121;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu ul.nav-menu li.current-menu-item a.active i {

  color: #212121;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu .navbar-toggle {

  background-color: #4d6de6;

  border-radius: 2px;

  -webkit-transition: .4s ease all;

  transition: .4s ease all;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu .navbar-toggle .icon-bar {

  background-color: #fff;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu .navbar-toggle:hover {

  opacity: 0.8;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .get-quote {

  position: absolute;

  right: 0;

  top: 0;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .get-quote a {

  line-height: 70px;

  height: 70px;

  padding: 0 2px;

  width: 100px;

  background: #1b45e7;

  display: block;

  color: #fff;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .get-quote a:hover {

  background: #395ce2;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .appointment-cart {

  position: absolute;

  right: 0;

  top: 50%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .appointment-cart ul.cart {

  text-align: right;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .appointment-cart ul.cart li {

  display: inline-block;

  position: relative;

  cursor: pointer;

  padding-right: 5px;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .appointment-cart ul.cart li i {

  color: #fff;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .appointment-cart .search-bar {

  text-align: right;

  position: absolute;

  right: 0;

  bottom: -60px;

  display: none;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .appointment-cart .search-bar input {

  border: none;

  padding: 3px 4px;

  width: 200px;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .appointment-cart .search-bar input[type="search"] {

  border-radius: 5px;

  height: 40px;

  line-height: 40px;

  border: 1px solid #eaedef;

  color: #222;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .appointment-cart .search-bar button {

  position: absolute;

  border: none;

  top: 0;

  height: 40px;

  line-height: 40px;

  width: 25px;

  background: transparent;

  right: 0;

  outline: none;

  border-radius: 5px;

}

#rs-header.icon-header .middle-header .menu-area .header-bottom-area .rs-menu-toggle {

  text-align: left;

  padding: 0 0 0 10px;

  color: #fff !important;

  height: 60px;

  line-height: 60px;

}

#rs-header .menu-area {

  background: #ffffff;

}

#rs-header .menu-area .logo-area a img {

    display: inline-block;

    vertical-align: text-bottom;

    height: 65px;

}

#rs-header .menu-area .navbar-collapse {

  padding-left: 0;

  padding-right: 0;

}

#rs-header .menu-area .rs-menu {

  float: right;

  margin-bottom: 0;

  border: 0;

}

#rs-header .menu-area .rs-menu ul.nav-menu li {

  height: 90px;

  line-height: 90px;

}

#rs-header .menu-area .rs-menu ul.nav-menu li a {

  margin-right: 10px;

  color: #222;

}

#rs-header .menu-area .rs-menu ul.nav-menu li a i {

  position: relative;

  top: 2px;

  padding-left: 2px;

  color: #aaa;

}

#rs-header .menu-area .rs-menu ul.nav-menu li a:hover {

  color: #4d6de6;

}

#rs-header .menu-area .rs-menu ul.nav-menu li:last-child a {

  margin: 0;

}

#rs-header .menu-area .rs-menu ul.nav-menu li ul.sub-menu {

  background: #ffffff;

}

#rs-header .menu-area .rs-menu ul.nav-menu li ul.sub-menu li {

  height: 45px;

  line-height: 45px;

  display: inherit;

  padding: 0 5px;

  border-bottom: 1px solid #ededed;

}

#rs-header .menu-area .rs-menu ul.nav-menu li ul.sub-menu li a {

  padding: 0;

  text-transform: capitalize;

}

#rs-header .menu-area .rs-menu ul.nav-menu li ul.sub-menu li a i {

  position: absolute;

  top: 50%;

  right: 10px;

  transform: translateY(-50%);

}

#rs-header .menu-area .rs-menu ul.nav-menu li ul.sub-menu li:last-child {

  border: none;

}

#rs-header .menu-area .rs-menu ul.nav-menu li ul.sub-menu li.active a {

  color: #4d6de6;

}

#rs-header .menu-area .rs-menu ul.nav-menu li.rs-mega-menu .mega-menu {

  background: #ffffff;

}

#rs-header .menu-area .rs-menu ul.nav-menu li.rs-mega-menu .mega-menu .single-magemenu ul.sub-menu li a {

  margin: 0;

}

#rs-header .menu-area .rs-menu ul.nav-menu li.rs-mega-menu .mega-menu .single-magemenu ul.sub-menu li.megamenu-title {

  height: 25px;

  line-height: 25px;

  text-transform: uppercase;

  text-align: left;

  font-size: 15px;

  color: #222;

}

#rs-header .menu-area .rs-menu ul.nav-menu li.rs-mega-menu .mega-menu.home-megamenu .single-magemenu ul.sub-menu li a {

  font-size: 15px;

}

#rs-header .menu-area .rs-menu ul.nav-menu li.current-menu-item a.active {

  color: #4d6de6;

}

#rs-header .menu-area .rs-menu .navbar-toggle {

  background-color: #4d6de6;

  border-radius: 2px;

  -webkit-transition: .4s ease all;

  transition: .4s ease all;

}

#rs-header .menu-area .rs-menu .navbar-toggle .icon-bar {

  background-color: #fff;

}

#rs-header .menu-area .rs-menu .navbar-toggle:hover {

  opacity: 0.8;

}

#rs-header .menu-area.rs-defult-header .main-menu {

  padding-right: 100px;

}

#rs-header .menu-area.rs-defult-header .rs-menu ul li > a {

  text-transform: uppercase;

  color: #222;

  font-size: 14px;

  font-weight: 400;

}

#rs-header .menu-area.rs-defult-header .appointment-cart {

  position: absolute;

  right: 15px;

  top: 20%;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}

#rs-header .menu-area.rs-defult-header .appointment-cart ul.cart {

  text-align: right;

}

#rs-header .menu-area.rs-defult-header .appointment-cart ul.cart li {

  display: inline-block;

  padding-left: 15px;

  cursor: pointer;

}

#rs-header .menu-area.rs-defult-header .appointment-cart ul.cart li a {

  display: block;

  color: #666666;

}

#rs-header .menu-area.rs-defult-header .appointment-cart ul.cart li a:hover {

  color: #4d6de6;

}

#rs-header .menu-area.rs-defult-header .appointment-cart ul.cart li:first-child {

  position: relative;

  padding-left: 0;

}

#rs-header .menu-area.rs-defult-header .appointment-cart ul.cart li:first-child:before {

  position: absolute;

  top: 50%;

  right: -15px;

  content: "";

  height: 15px;

  width: 1px;

  background: #c5c4c0;

  transform: translateY(-50%);

}

#rs-header .menu-area.rs-defult-header .appointment-cart ul.cart li button {

  border: none;

  color: #fff;

  background: #4d6de6;

  border-radius: 30px;

  outline: none;

  padding: 4px 10px;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -ms-transition: 0.4s;

}

#rs-header .menu-area.rs-defult-header .appointment-cart ul.cart li button:hover {

  background: #222222;

}

#rs-header .menu-area.rs-defult-header .appointment-cart .search-bar {

  text-align: right;

  position: absolute;

  right: 0;

  bottom: -66px;

  display: none;

}

#rs-header .menu-area.rs-defult-header .appointment-cart .search-bar input {

  border: none;

  padding: 6px 15px;

}

#rs-header .menu-area.rs-defult-header .appointment-cart .search-bar input[type="search"] {

  border-radius: 5px;

  height: 40px;

  line-height: 40px;

  border: 1px solid #eaedef;

  color: #444;

}

#rs-header .menu-area.rs-defult-header .appointment-cart .search-bar button {

  position: absolute;

  border: none;

  top: 0;

  height: 40px;

  line-height: 40px;

  width: 50px;

  background: transparent;

  right: 0;

  outline: none;

  border-radius: 5px;

}

#rs-header.transparent-header {

  position: absolute;

  width: 100%;

  z-index: 999;

}

#rs-header.transparent-header .menu-area .rs-menu .nav-menu li a i,

#rs-header.transparent-header .menu-area .rs-menu .nav-menu li a {

  color: #ffffff;

}

#rs-header.transparent-header .menu-area .rs-menu .nav-menu li a i:hover,

#rs-header.transparent-header .menu-area .rs-menu .nav-menu li a:hover {

  color: #4d6de6;

}

#rs-header.transparent-header .menu-area .rs-menu .nav-menu li .sub-menu li a {

  color: #212121;

}

#rs-header.transparent-header .menu-area .rs-menu .nav-menu li .sub-menu li a:hover {

  color: #4d6de6;

}

#rs-header.transparent-header .menu-area .rs-menu .nav-menu li .mega-menu {

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  -ms-box-shadow: none;

  -o-box-shadow: none;

  box-shadow: none;

}

#rs-header.transparent-header .menu-area .appointment-cart ul.cart li i,

#rs-header.transparent-header .menu-area .appointment-cart ul.cart li a {

  color: #ffffff;

}

#rs-header.transparent-header .toolbar-area {

  position: relative;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  z-index: 9;

}

#rs-header.transparent-header .toolbar-area .toolbar-contact li {

  padding-left: 0;

  padding-right: 12px;

  color: #ffffff;

  border: none;

}

#rs-header.transparent-header .toolbar-area .toolbar-contact li:last-child {

  border: none;

}

#rs-header.transparent-header .toolbar-area .toolbar-contact li a {

  font-size: 15px;

  color: #ffffff;

}

#rs-header.transparent-header .toolbar-area .toolbar-contact li p {

  font-size: 15px;

  margin-top: 0;

}

#rs-header.transparent-header .toolbar-area .toolbar-sl-share li {

  border: none;

  width: 25px;

}

#rs-header.transparent-header .toolbar-area .toolbar-sl-share li a {

  color: #ffffff;

}

#rs-header.transparent-header .toolbar-area .toolbar-sl-share li:last-child {

  border: none;

  padding-right: 0;

}

#rs-header.transparent-header .menu-area,

#rs-header.transparent-header .toolbar-area {

  background: transparent;

}

#rs-header.transparent-header .menu-sticky {

  box-shadow: none;

}

#rs-header.transparent-header .menu-sticky .logo-area.transparent-logo-area {

  display: none;

}

#rs-header.transparent-header .menu-sticky .logo-area.main-logo-area {

  display: block;

}

#rs-header.transparent-header .menu-sticky.sticky {

  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);

}

#rs-header.transparent-header .menu-sticky.sticky .logo-area.transparent-logo-area {

  display: block;

}

#rs-header.transparent-header .menu-sticky.sticky .logo-area.main-logo-area {

  display: none;

}

#rs-header.transparent-header .menu-sticky.sticky .rs-menu .nav-menu li a {

  color: #212121;

}

#rs-header.transparent-header .menu-sticky.sticky .appointment-cart ul.cart li i,

#rs-header.transparent-header .menu-sticky.sticky .appointment-cart ul.cart li a {

  color: #212121;

}

#rs-header.transparent-header-2 {

  position: absolute;

  width: 100%;

  z-index: 999;

}

#rs-header.transparent-header-2 .menu-area {

  background: transparent;

}

#rs-header.transparent-header-2 .toolbar-area {

  display: none;

}

#rs-header.creative-agency .menu-area .logo-area {

  height: 90px;

  line-height: 90px;

  margin-top: 0;

}

#rs-header.creative-agency .menu-area .logo-area img {

  height: 25px;

}

#rs-header.creative-agency .menu-area .main-menu .rs-menu ul.nav-menu li {

  height: 90px;

  line-height: 90px;

}

#rs-header.creative-agency .menu-area .main-menu .rs-menu ul.nav-menu li a {

  color: #212121 !important;

  font-size: 14px;

  font-weight: 400;

  margin: 0;

}

#rs-header.creative-agency .menu-area .main-menu .rs-menu ul.nav-menu li ul.sub-menu li {

  height: auto;

  line-height: normal;

}

#rs-header.creative-agency .menu-area .main-menu .rs-menu ul.nav-menu li ul.sub-menu li a {

  color: #212121 !important;

}

#rs-header.creative-agency .menu-area .main-menu .rs-menu ul.nav-menu li ul.sub-menu li a:hover {

  color: #4d6de6 !important;

}

#rs-header.creative-agency .menu-area .main-menu .rs-menu ul.nav-menu li ul.sub-menu li.active a {

  color: #4d6de6 !important;

}

#rs-header.creative-agency .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item a {

  color: #4d6de6 !important;

}

#rs-header.creative-agency .menu-area .appointment-cart .cart li a:hover {

  color: #212121 !important;

}

#rs-header.creative-agency .menu-area.sticky {

  background: #ffffff !important;

}

#rs-header.creative-agency .menu-area.sticky.menu-sticky {

  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);

}

#rs-header .right_menu_togle {

  background: #ffffff;

  box-shadow: inset 0 5px 15px 0 #e6e6e6;

  padding: 30px;

  z-index: 999999;

}

#rs-header .right_menu_togle .close-btn {

  overflow: visible;

  padding: 0;

}

#rs-header .right_menu_togle .close-btn span {

  width: 40px;

  height: 40px;

  line-height: 40px;

  border-radius: 100%;

  background: #4d6de6;

  color: #ffffff;

  border: none;

  transition: all 0.3s ease 0s;

}

#rs-header .right_menu_togle .close-btn span i {

  transition: all 0.3s ease 0s;

}

#rs-header .right_menu_togle .close-btn span:hover {

  background: #637fe9;

}

#rs-header .right_menu_togle .close-btn span:hover i {

  transform: rotate(90deg);

}

#rs-header .right_menu_togle .canvas-logo {

  padding-left: 0;

  padding-bottom: 25px;

}

#rs-header .right_menu_togle .canvas-logo img {

  width: auto;

  height: 30px;

}

#rs-header .right_menu_togle .sidebarnav_menu li a {

  font-size: 17px;

  color: #222;

  padding-left: 0;

}

#rs-header .right_menu_togle .sidebarnav_menu li a:hover {

  color: #4d6de6;

}

#rs-header .right_menu_togle .canvas-contact {

  padding: 25px 0 0;

  margin-bottom: 50px;

}

#rs-header .right_menu_togle .canvas-contact .canvas-contact-title {

  padding: 0 0 15px;

  font-size: 20px;

  font-weight: 600;

  position: relative;

}

#rs-header .right_menu_togle .canvas-contact .canvas-contact-title:before {

  content: "";

  position: absolute;

  background: #4d6de6;

  height: 2px;

  width: 50px;

  left: 0;

  bottom: 0;

  display: block;

  z-index: 1;

}

#rs-header .right_menu_togle .canvas-contact .contact {

  padding: 0 0 30px;

}

#rs-header .right_menu_togle .canvas-contact .contact li {

  padding: 0 0 13px;

}

#rs-header .right_menu_togle .canvas-contact .contact li i {

  padding-right: 10px;

}

#rs-header .right_menu_togle .canvas-contact .contact li a {

  color: #666666;

}

#rs-header .right_menu_togle .canvas-contact .contact li a:hover {

  color: #4d6de6;

}

#rs-header .right_menu_togle .canvas-contact .contact li:last-child {

  padding: 0;

}

#rs-header .right_menu_togle .canvas-contact .social li {

  display: inline-block;

  padding-right: 10px;

}

#rs-header .right_menu_togle .canvas-contact .social li a i {

  font-size: 18px;

  color: #ffffff;

  width: 40px;

  height: 40px;

  line-height: 40px;

  background: #4d6de6;

  text-align: center;

  border-radius: 50%;

}

#rs-header .right_menu_togle .canvas-contact .social li a:hover {

  opacity: 0.9;

}

#rs-header .right_menu_togle .canvas-contact .social li:last-child {

  padding: 0;

}

.defult-home #rs-header {

  position: static;

}

.defult-home .main-content {

  padding-top: 0;

}

.nav-menu > .menu-item-has-children > span.rs-menu-parent,

.nav-menu .rs-mega-menu > span.rs-menu-parent {

  background: #3652bb;

  border-left: 1px solid #3652bb;

}

#rs-header3 .sticky {

  background: #4d6de6 !important;

  position: fixed !important;

  top: 0px;

  z-index: 999;

  margin: 0 auto !important;

  padding: 0;

  left: 0;

  right: 0;

  width: 100%;

  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);

  -webkit-animation-duration: .5s;

  animation-duration: .5s;

  -webkit-animation-name: sticky-animation;

  animation-name: sticky-animation;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

#rs-header3 .toolbar-area {

  background: #4d6de6;

  padding: 0;

  font-size: 14px;

}

#rs-header3 .toolbar-area .welcome-text {

  font-size: 13px;

  color: #fff;

  line-height: 2.50;

}

#rs-header3 .toolbar-area .toolbar-contact ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

#rs-header3 .toolbar-area .toolbar-contact ul li {

  display: inline-block;

  margin-right: 25px;

  color: #fff;

}

#rs-header3 .toolbar-area .toolbar-contact ul li i {

  font-weight: 600;

  font-size: 14px;

  margin-right: 10px;

  color: #fff;

}

#rs-header3 .toolbar-area .toolbar-contact ul li a {

  transition: all 0.3s ease 0s;

  color: #fff;

}

#rs-header3 .toolbar-area .toolbar-contact ul li a:hover {

  color: rgba(255, 255, 255, 0.7);

}

#rs-header3 .toolbar-area .toolbar-sl-share ul {

  text-align: right;

  line-height: 2.50;

}

#rs-header3 .toolbar-area .toolbar-sl-share ul li {

  display: inline-block;

  color: #fff;

  font-size: 13px;

}

#rs-header3 .toolbar-area .toolbar-sl-share ul li + li {

  margin-left: 15px;

}

#rs-header3 .toolbar-area .toolbar-sl-share ul li a {

  display: block;

  color: #fff;

  transition: all 0.3s ease 0s;

  text-decoration: none;

}

#rs-header3 .toolbar-area .toolbar-sl-share ul li a:hover {

  color: rgba(255, 255, 255, 0.7);

}

#rs-header3 .toolbar-area .toolbar-sl-share ul li a i {

  text-align: center;

  display: inline-block;

}

#rs-header3 .toolbar-area .toolbar-sl-share ul li a.quote-button {

  font-size: 14px;

  padding: 6px 10px;

  background-color: rgba(255, 255, 255, 0.2);

  color: #fff;

}

#rs-header3 .toolbar-area .toolbar-sl-share ul li a.quote-button:hover {

  background: #fff;

  color: #4d6de6;

}

#rs-header3 .logo-section {

  padding: 2px 0 2px;

}

#rs-header3 .logo-section .contact-info {

  text-align: right;

}

#rs-header3 .logo-section .contact-info li {

  display: inline-block;

  margin: 0 2px 0 0px;

  font-size: 14px;

  transition: .20s;

}

#rs-header3 .logo-section .contact-info li:last-child {

  margin-right: 0;

}

#rs-header3 .logo-section .contact-info li i {

  margin: 0 6px 0 0;

  font-weight: normal;

  height: 30px;

  width: 15px;

  line-height: 27px;

  border: 1px solid #f1f1f1;

  text-align: center;

  font-size: 20px;

  color: #4d6de6;

}

#rs-header3 .logo-section .contact-info li a {

  color: #333;

}

#rs-header3 .logo-section .contact-info li:hover i,

#rs-header3 .logo-section .contact-info li:hover a {

  color: #222222;

}

#rs-header3 .menu-area {

  background: #ffffff;

}

#rs-header3 .menu-area .rs-menu {

  background: #4d6de6;

}

#rs-header3 .menu-area .rs-menu ul {

  text-align: left;

}

#rs-header3 .menu-area .rs-menu ul li a {

  color: #fff;

  padding: 0 20px;

  font-weight: 600;

}

#rs-header3 .menu-area .rs-menu ul li ul li {

  background: #4d6de6;

  border-color: #222222;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -ms-transition: 0.4s;

}

#rs-header3 .menu-area .rs-menu ul li ul li a {

  font-weight: 400;

  padding: 12px 0;

}

#rs-header3 .menu-area .rs-menu ul li ul li:hover {

  background: #222222;

}

#rs-header3 .menu-area .rs-menu > ul > li > a {

  line-height: 60px;

  height: 60px;

}

#rs-header3 .menu-area .get-quote {

  background: #222222;

  text-align: center;

  transition: 0.4s;

}

#rs-header3 .menu-area .get-quote:hover {

  background: #4d6de6;

}

#rs-header3 .menu-area .get-quote a {

  text-align: center;

  color: #fff;

  line-height: 60px;

  height: 60px;

  display: block;

}

#default-header .sticky {

  background: #000 !important;

  position: fixed !important;

  top: 0px;

  z-index: 99999;

  margin: 0 auto !important;

  padding: 0;

  left: 0;

  right: 0;

  width: 100%;

  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);

  -webkit-animation-duration: .5s;

  animation-duration: .5s;

  -webkit-animation-name: sticky-animation;

  animation-name: sticky-animation;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

#default-header .logo-area {

  padding-top: 11px;

}

#default-header .toolbar-area {

  background: rgba(0, 0, 0, 0.2);

  border-bottom: 1px solid #767c83;

  padding: 0;

  font-size: 14px;

}

#default-header .toolbar-area .welcome-text {

  font-size: 13px;

  color: #fff;

  padding-top: 6px;

}

#default-header .toolbar-area .toolbar-contact {

  padding-top: 6px;

}

#default-header .toolbar-area .toolbar-contact ul {

  margin: 0;

  padding: 0;

  padding-bottom: 4px;

  list-style: none;

}

#default-header .toolbar-area .toolbar-contact ul li {

  display: inline-block;

  margin-right: 25px;

  color: #fff;

}

#default-header .toolbar-area .toolbar-contact ul li .fa-mobile {

  font-size: 18px;

}

#default-header .toolbar-area .toolbar-contact ul li i {

  font-weight: 600;

  font-size: 14px;

  margin-right: 10px;

  color: #fff;

}

#default-header .toolbar-area .toolbar-contact ul li a {

  transition: all 0.3s ease 0s;

  color: #fff;

}

#default-header .toolbar-area .toolbar-contact ul li a:hover {

  color: rgba(255, 255, 255, 0.7);

}

#default-header .toolbar-area .toolbar-sl-share ul {

  text-align: right;

  padding-top: 5px;

}

#default-header .toolbar-area .toolbar-sl-share ul li {

  display: inline-block;

  color: #fff;

  font-size: 13px;

}

#default-header .toolbar-area .toolbar-sl-share ul li + li {

  margin: 0 0 0 18.9px;

}

#default-header .toolbar-area .toolbar-sl-share ul li a {

  display: block;

  color: #fff;

  transition: all 0.3s ease 0s;

  text-decoration: none;

}

#default-header .toolbar-area .toolbar-sl-share ul li a:hover {

  color: rgba(255, 255, 255, 0.7);

}

#default-header .toolbar-area .toolbar-sl-share ul li a i {

  text-align: center;

  display: inline-block;

}

#default-header .menu-area .rs-menu ul.nav-menu {

  text-align: right;

}

#default-header .menu-area .rs-menu ul.nav-menu li {

  padding: 0;

}

#default-header .menu-area .rs-menu ul.nav-menu li a {

  color: #fff;

  padding: 0 15px;

  line-height: 90px;

  font-size: 16px;

  font-weight: 500;

}

#default-header .menu-area .rs-menu ul.nav-menu li a:focus {

  color: #4d6de6;

}

#default-header .menu-area .rs-menu ul.nav-menu li:hover a {

  color: #4d6de6;

}

#default-header .menu-area .rs-menu ul.nav-menu ul.sub-menu {

  background: #4d6de6;

}

#default-header .menu-area .rs-menu ul.nav-menu ul.sub-menu li {

  border-top: 1px solid #222222;

  border-bottom: none;

  transition: all .3s;

}

#default-header .menu-area .rs-menu ul.nav-menu ul.sub-menu li a {

  color: #fff;

  line-height: 50px;

  font-weight: 400;

  text-transform: capitalize;

}

#default-header .menu-area .rs-menu ul.nav-menu ul.sub-menu li:first-child {

  border-top: none;

}

#default-header .menu-area .rs-menu ul.nav-menu ul.sub-menu li:hover {

  background: #222222;

}

#default-header .menu-area .rs-menu ul.nav-menu ul.sub-menu li.active {

  background: #222222;

}

#default-header .menu-area .rs-menu ul.nav-menu > li:last-child > a {

  padding-right: 0;

}

#default-header .menu-area .rs-menu.left-menu ul.nav-menu {

  text-align: right;

}

#default-header .menu-area .rs-menu.left-menu ul.nav-menu > li > a {

  padding-right: 0;

  padding-left: 24px;

}

#default-header .menu-area .rs-menu.right-menu ul.nav-menu {

  text-align: left;

}

#default-header .center-logo,

#default-header .logo {

  line-height: 90px;

}

#default-header .menu-sticky {

  background: #fff;

  margin: 0;

  z-index: 99999;

  width: 100%;

  top: 0;

  position: relative;

}

/*------------------------------------

    04. Sticky Menu

--------------------------------------*/

.sticky {

  background: #fff !important;

  position: fixed !important;

  top: 0px;

  z-index: 999;

  margin: 0 auto !important;

  padding: 0;

  left: 0;

  right: 0;

  width: 100%;

  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);

  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);

  -webkit-animation-duration: .5s;

  animation-duration: .5s;

  -webkit-animation-name: sticky-animation;

  animation-name: sticky-animation;

  -webkit-animation-timing-function: ease-out;

  animation-timing-function: ease-out;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

.menu-sticky {

  background: #fff;

  margin: 0;

  z-index: 99999;

  width: 100%;

  top: 0;

  position: relative;

}

@-webkit-keyframes sticky-animation {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}

@keyframes sticky-animation {

  0% {

    opacity: 0;

    transform: translateY(-100%);

  }

  100% {

    opacity: 1;

    transform: translateY(0);

  }

}

/* ------------------------------------

    05. Slider Section

---------------------------------------*/

.rs-slider {

  position: relative;

  overflow: hidden;

  text-align: left;

}

.rs-slider .sl-subtitle {

  -webkit-animation: fadeInDown 0.5s ease-in-out;

  animation: fadeInDown 0.5s ease-in-out;

  font-size: 50px;

  margin-bottom: 10px;

  font-weight: 600;

}

.rs-slider .sl-sub-title {

  color: #212121;

  font-weight: 400;

  font-family: 'Poppins', sans-serif;

  margin-bottom: 12px;

}

.rs-slider .sl-title {

  -webkit-animation: fadeInLeft 1s ease-in-out;

  animation: fadeInLeft 1s ease-in-out;

  margin-bottom: 20px;

  text-transform: capitalize;

  font-size: 60px;

  line-height: 70px;

  font-weight: 700;

}

.rs-slider .sl-title span {

  display: block;

  text-transform: capitalize;

  font-size: 48px;

  line-height: 48px;

  font-weight: 300;

  margin-bottom: 35px;

}

.rs-slider .sl-title .white-color {

  color: #ffffff !important;

}

.rs-slider .sl-desc {

  -webkit-animation: fadeInUp 0.8s ease-in-out;

  animation: fadeInUp 0.8s ease-in-out;

  font-size: 20px;

  line-height: 30px;

  color: #212121;

  text-align: left;

  font-family: 'Poppins', sans-serif;

  width: 75%;

  margin: 0 auto;

}

.rs-slider .slider-bottom {

  margin-top: 50px;

}

.rs-slider .nivo-directionNav > a {

  font-size: 0;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  border: none;

  background: #222222;

  border-radius: 50%;

  -webkit-transition: all 0.4s ease-out;

  transition: all 0.4s ease-out;

  opacity: 0;

}

.rs-slider .nivo-directionNav > a:hover {

  background: #222222;

}

.rs-slider .nivo-directionNav > a:before {

  font-family: FontAwesome;

  position: absolute;

  font-size: 28px;

  top: 50%;

  left: 50%;

  -webkit-transform: translateY(-50%) translateX(-50%);

  transform: translateY(-50%) translateX(-50%);

  color: #fff;

}

.rs-slider .nivo-directionNav > a.nivo-prevNav {

  left: 60px;

}

.rs-slider .nivo-directionNav > a.nivo-prevNav:before {

  content: "\f104";

}

.rs-slider .nivo-directionNav > a.nivo-nextNav {

  right: 60px;

}

.rs-slider .nivo-directionNav > a.nivo-nextNav:before {

  content: "\f105";

  margin-left: 2px;

}

.rs-slider .nivoSlider:hover .nivo-directionNav > a {

  opacity: 1;

}

.rs-slider .nivoSlider:hover .nivo-directionNav > a.nivo-prevNav {

  left: 30px;

}

.rs-slider .nivoSlider:hover .nivo-directionNav > a.nivo-nextNav {

  right: 30px;

}

.rs-slider .nivo-controlNav {

  position: absolute;

  bottom: 50px;

  z-index: 11;

  left: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

  display: none !important;

}

.rs-slider .nivo-controlNav .nivo-control {

  width: 26px;

  height: 7px;

  border: 1px solid #fff;

  font-size: 0px;

  display: inline-block;

  margin-right: 7px;

  -webkit-transition: .4s ease all;

  transition: .4s ease all;

}

.rs-slider .nivo-controlNav .nivo-control.active {

  background: #4d6de6;

  border-color: #4d6de6;

}

.rs-slider .nivo-box,

.rs-slider .nivo-slice {

  display: none;

}

.rs-slider.creative-slider .sl-title {

  color: #212121;

  font-size: 70px;

  line-height: 90px;

  font-weight: 700;

  margin-bottom: 0;

  text-transform: uppercase;

}

.rs-slider.creative-slider .sl-title span {

  font-size: 60px;

  line-height: 60px;

  font-weight: 700;

  margin-bottom: 0;

}

.rs-slider.creative-slider .slider-bottom ul li {

  margin: 0 !important;

}

.rs-slider.creative-slider .slider-bottom ul li a {

  line-height: normal;

}

.rs-slider.creative-slider .slider-bottom ul li a.readon {

  padding: 12px 36px;

}

.rs-slider.creative-slider .nivo-directionNav > a {

  background: #ffffff;

  width: 60px;

  height: 60px;

  line-height: 60px;

}

.rs-slider.creative-slider .nivo-directionNav > a:before {

  transform: scale(1) translate(-50%, -50%);

  color: #212121;

  transition: all 0.3s ease 0s;

}

.rs-slider.creative-slider .nivo-directionNav > a:hover {

  background: rgba(255, 255, 255, 0.75);

}

.rs-slider.creative-slider .nivo-directionNav > a:hover:before {

  transform: scale(1.5) translate(-35%, -35%);

}

.rs-slider.corporate-slider .sl-title span {

  font-size: 60px;

  line-height: 80px;

  font-weight: 700;

  text-transform: uppercase;

}

.rs-slider.corporate-slider .sl-subtitle {

  font-size: 40px;

}

.rs-slider.corporate-slider .sl-desc2 {

  font-size: 22px;

  letter-spacing: 1px;

  line-height: 30px;

}

.rs-slider.corporate-slider .nivoSlider img {

  max-width: 100%;

}

.rs-slider.corporate-slider .nivo-directionNav > a {

  background: rgba(0, 0, 0, 0.5);

}

.rs-slider.corporate-slider .nivo-directionNav > a:hover {

  background: #222222;

}

.rs-slider.corporate-slider .slider-bottom .readon.seo-btn {

  background: #ffffff;

  color: #212121;

  border: none;

}

.rs-slider.corporate-slider .slider-bottom .readon.seo-btn:hover {

  background: #4d6de6;

  color: #ffffff;

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);

}

.rs-slider.corporate-slider .slider-bottom .readon.lawyer-btn {

  background: #4d6de6;

  color: #ffffff;

  padding: 14px 37px;

}

.rs-slider.corporate-slider .slider-bottom .readon.lawyer-btn:hover {

  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);

}

.rs-slider.corporate-slider .slider-bottom .readon.lawyer-btn.lawyer-hover:hover {

  box-shadow: unset;

  opacity: 0.9;

}

.rs-slider.rs-tatta-slider .sl-title {

  color: #4d6de6;

}

/* ------------------------------------

    06. Work Style

---------------------------------------*/

.rs-we-work .work-content {

  padding: 100px 0 100px;

  position: relative;

  max-width: 265px;

  margin: 0 auto;

  text-align: center;

  transition: 0.4s;

}

.rs-we-work .work-content .img-part {

  margin-bottom: 30px;

}

.rs-we-work .work-content .text-part {

  position: relative;

  z-index: 1;

}

.rs-we-work .work-content .text-part .title {

  text-transform: uppercase;

  font-size: 24px;

  line-height: 34px;

  margin: 0;

}

.rs-we-work .work-content .text-part .title a {

  color: #ffffff;

}

.rs-we-work .work-content .text-part .title a:hover {

  color: #4d6de6;

}

.rs-we-work .work-content:after {

  content: " ";

  position: absolute;

  top: 5px;

  left: 5px;

  right: 5px;

  bottom: 5px;

  border: 3px dotted #4d6de6;

  transform: translateX(0%) rotateZ(-45deg);

  transition: 0.4s;

}

.rs-we-work .work-content:hover:after {

  transform: translateX(0%) rotateZ(0deg);

  transition: 0.4s;

}

/* ------------------------------------

    06. About Style

---------------------------------------*/

.rs-about-style5 .content-part {

  padding-right: 55px;

}

.rs-about-style5 .content-part .title {

  font-size: 26px;

  line-height: 40px;

  font-weight: 700;

  color: #212121;

  margin: 0;

}

.rs-about-style5 .content-part .desc {

  font-size: 16px;

  line-height: 30px;

  font-weight: 400;

  color: #666666;

  margin: 0;

}

.rs-about-style5.image-here {

  background: url(../images/about/home16.jpg);

  background-repeat: no-repeat;

  background-size: 48%;

  background-position: right;

}

/* ------------------------------------

    06. About Style

---------------------------------------*/

.rs-about-style6 .rs-content-part .sub-title {

  color: #212121;

  margin: 0;

  font-size: 20px;

  font-weight: 600;

  display: block;

}

.rs-about-style6 .rs-content-part .title {

  font-size: 30px;

  line-height: 40px;

  font-weight: 700;

  color: #303745;

  margin: 0 0 15px;

}

.rs-about-style6 .rs-content-part p {

  margin: 0 78px 26px;

}

/* ------------------------------------

    06. About Style

---------------------------------------*/

.rs-about-style7 {

  background: #4d6de6;

}

.rs-about-style7 .rs-content-part .title {

  font-size: 30px;

  line-height: 40px;

  font-weight: 700;

  color: #ffffff;

  margin: 0 0 15px;

}

.rs-about-style7 .rs-content-part p {

  margin: 0 0 40px;

  color: #ffffff;

}

/* ------------------------------------

    06. About Us

---------------------------------------*/

.rs-about .about-desc {

  margin-bottom: 35px;

}

.rs-about .about-desc2 {

  margin-bottom: 45px;

}

.rs-about .sec-title {

  margin: 0 0 25px;

}

.rs-about .sec-title.mod-style {

  margin-bottom: 42px;

}

.rs-about .sec-title h3:after {

  left: 0;

  bottom: -22px;

  margin: 0;

  top: unset;

}

.rs-about .sec-title h4 {

  color: #101010;

  margin: 0 0 10px;

  font-size: 20px;

  font-weight: 600;

  line-height: 1.1;

}

.rs-about .signature-text .sign-title {

  margin: 0;

  line-height: 1;

}

.rs-about .signature-text .sign-subtitle {

  color: #444444;

  font-style: italic;

  font-size: 13px;

}

.rs-about .signature-text img {

  max-width: 200px;

  display: block;

  margin: 0 0 20px;

}

.rs-about .readon.lawer-btn {

  padding: 12px 30px;

}

.rs-about.creative-about .sec-title-2 {

  padding-top: 0;

  padding-bottom: 45px;

}

.rs-about.creative-about .sec-title-2 h3 {

  text-transform: capitalize;

  line-height: normal;

}

.rs-about.creative-about .sec-title-2 h3 span {

  text-transform: uppercase;

}

.rs-about.creative-about .about-desc2 {

  padding-right: 40px;

  margin: 0;

}

.rs-about.creative-about .about-img img {

  box-shadow: 9px 15px 15px rgba(0, 0, 0, 0.2);

  -khtml-box-shadow: 9px 15px 15px rgba(0, 0, 0, 0.2);

  border-radius: 5px;

}

.rs-about.me-about .sec-title h3 {

  text-transform: uppercase;

}

.rs-about.me-about .sec-title p {

  font-weight: 600;

  font-style: italic;

  font-size: 17px;

  color: #777777;

}

.rs-about.me-about .about-text p {

  margin-bottom: 0;

  display: block;

}

.rs-about.me-about .about-text span {

  display: block;

  margin: 20px;

  padding: 10px 20px;

  background: #f7f7f7;

  border-radius: 5px;

  border-left: 5px solid #4d6de6;

}

.rs-about-2 .sec-title3 {

  margin: 0;

}

.rs-about-2 .sec-title3 h3:after {

  right: unset;

  transform: unset;

  left: 0;

}

.rs-about-2 .video-section-area .image-here img {

  border-radius: 5px;

}

.rs-about-2 {

  padding-top: 40px;

}

.rs-about-2 .text-area {

  margin-top: 65px;

}

.rs-about-2 .text-area .title-top h4 {

  margin: 0;

}

.rs-about-2 .text-area .title-top h3 {

  margin-bottom: 16px;

}

.rs-about-2 .text-area .title-top p {

  margin: 0;

}

.rs-about-2 .text-area .name-desig {

  margin-top: 45px;

}

.rs-about-2 .text-area .name-desig .signeture-img {

  margin-bottom: 15px;

}

.rs-about-2.mod-style .text-area {

  padding-bottom: 96px;

  margin-top: 0;

}

.about2 .rs-about-2 {

  padding: 100px 0px;

}

.about2 .rs-about-2 .service-res-inner p:last-child {

  margin-bottom: 0;

}

.rs-about-3 {

  background: #fff;

}

.rs-about-3 .sec-title {

  margin-bottom: 0;

}

.rs-about-3 .sec-title h2 {

  font-size: 40px;

  font-weight: 600;

  color: #101010;

  letter-spacing: 2px;

  margin-bottom: 20px;

}

.rs-about-3 .sec-title h3 {

  margin-bottom: 20px;

}

.rs-about-3 .sec-title h4 {

  color: #101010;

  font-size: 20px;

  font-weight: 600;

  margin: 0 0 15px;

}

.rs-about-3 .sec-title .about-desc {

  font-size: 15px;

  line-height: 26px;

}

.rs-about-3 .pr-md-65 {

  padding-right: 30px;

}

.rs-about-3 .about-desc {

  margin-bottom: 42px;

}

.rs-about-4 .image-here {

  overflow: hidden;

}

.rs-about-4 .image-here img {

  transition: all 0.3s ease 0s;

}

.rs-about-4 .title {

  padding: 0 50px 0;

}

.rs-about-4 .title h3 {

  font-weight: 700;

  margin-bottom: 40px;

}

.rs-about-4 .title p {

  /*width: 99%;*/

  margin: 0;

}

.rs-about-4 .title .about-btn {

  width: 150px;

  padding: 5px 10px;

  border-radius: 35px;

  border: 2px solid #4d6de6;

  line-height: 26px;

  margin-top: 25px;

}

.rs-about-4 .margin-bottom {

  margin-bottom: 70px;

}

.rs-about-4 .services-responsibiity .section-title {

  font-size: 30px;

  margin-bottom: 50px;

}

.rs-about-4 .services-responsibiity .services-item {

  padding-bottom: 40px;

}

.rs-about-4 .services-responsibiity .services-item .service-mid-icon {

  position: relative;

  width: 50px;

  height: 50px;

  line-height: 50px;

  float: left;

  color: #ffffff;

  background: #4d6de6;

  border-radius: 50%;

  text-align: center;

  border: 1px solid #4d6de6;

  margin-right: 30px;

  box-shadow: 6px 2px 13px rgba(0, 0, 0, 0.1);

}

.rs-about-4 .services-responsibiity .services-item .service-mid-icon a {

  color: #ffffff;

}

.rs-about-4 .services-responsibiity .services-item .service-mid-icon a i {

  font-size: 25px;

}

.rs-about-4 .services-responsibiity .services-item .service-mid-icon:after {

  content: "";

  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 50px;

  height: 50px;

  background: #2280fc;

  border-radius: 50%;

  animation: pulse-border 1500ms ease-out infinite;

  opacity: 0;

  transition: all .3s ease 0s;

  visibility: hidden;

}

.rs-about-4 .services-responsibiity .services-item .services-desc {

  overflow: hidden;

}

.rs-about-4 .services-responsibiity .services-item .services-desc .services-title {

  margin: 0;

}

.rs-about-4 .services-responsibiity .services-item .services-desc .services-title a {

  color: #212121;

  display: block;

  margin-top: 0px;

  font-size: 18px;

  margin-bottom: 15px;

  font-weight: 600;

}

.rs-about-4 .services-responsibiity .services-item .services-desc .services-title:hover a {

  color: #4d6de6;

}

.rs-about-4 .services-responsibiity .services-item:hover .service-mid-icon:after {

  opacity: 1;

  visibility: visible;

}

.rs-about-5 .sec-title h3 {

  margin: 0;

}

.rs-about-5 .accordion .card {

  border: none;

  box-shadow: none;

  background: unset;

}

.rs-about-5 .accordion .card .card-header {

  background: #f0f0f0;

  border-radius: 5px !important;

  margin-bottom: 5px;

  padding: 0;

  border: 0;

}

.rs-about-5 .accordion .card .card-header .card-title {

  height: 50px;

  padding: 0 0 0 75px;

  margin: 0;

}

.rs-about-5 .accordion .card .card-header .card-title .accordion-toggle {

  display: block;

  height: 50px;

  line-height: 50px;

  padding: 0;

  border: unset;

  background: unset;

  cursor: pointer;

  width: 100%;

  text-align: left;

  outline: none;

}

.rs-about-5 .accordion .card .card-header .card-title .accordion-toggle:hover {

  color: unset;

}

.rs-about-5 .accordion .card .card-header .card-title .accordion-toggle.collapsed:after {

  position: absolute;

  font-family: FontAwesome;

  content: "\f067" !important;

  left: 0;

  top: 0;

  height: 50px;

  width: 55px;

  text-align: center;

  background: #4d6de6;

  color: #ffffff;

  padding: unset;

  border-radius: 5px 0 0 5px;

  transition: all 0.3s ease 0s;

}

.rs-about-5 .accordion .card .card-header .card-title .accordion-toggle:after {

  position: absolute;

  font-family: FontAwesome;

  content: "\f068";

  left: 0;

  top: 0;

  height: 50px;

  width: 55px;

  text-align: center;

  background: #4d6de6;

  color: #ffffff;

  padding: unset;

  border-radius: 5px 0 0 5px;

  transition: all 0.3s ease 0s;

}

.rs-about-5 .accordion .collapse .card-body {

  border-top: none !important;

  width: 100%;

  background: unset;

  border-radius: 10px;

}

.rs-about-5 .accordion .collapse .card-body p {

  margin: 0;

}

.rs-about-5 .about-img {

  text-align: center;

  width: 100%;

  padding: 30px;

  border-radius: 30px;

  margin-top: 85px;

}

.rs-about-5 .about-img img {

  max-width: 300px;

  margin: 0 auto;

}

.rs-about-5.default-about .about-accordion-text .sec-title {

  margin-bottom: 30px;

}

.rs-about-5.default-about .about-accordion-text p {

  margin: 0;

}

.rs-about-5.default-about .accordion .card .card-header {

  border-radius: unset !important;

  margin: unset;

  border: 1px solid #f0f0f0;

  background: #f8f8f8;

}

.rs-about-5.default-about .accordion .card .card-header .card-title {

  padding: 0 0 0 50px;

}

.rs-about-5.default-about .accordion .card .card-header .card-title .accordion-toggle {

  color: #4d6de6;

  font-size: 18px;

  line-height: 30px;

  font-weight: 700;

}

.rs-about-5.default-about .accordion .card .card-header .card-title .accordion-toggle.collapsed {

  color: #212121;

}

.rs-about-5.default-about .accordion .card .card-header .card-title .accordion-toggle.collapsed:after {

  background: unset;

  color: #212121;

}

.rs-about-5.default-about .accordion .card .card-header .card-title .accordion-toggle:after {

  background: unset;

  color: #4d6de6;

  border-radius: unset;

  line-height: 50px;

  font-weight: 400;

}

.rs-about-5.default-about .accordion .card .card-header.active,

.rs-about-5.default-about .accordion .card .card-header:hover {

  background: #f0f0f0;

}

.rs-about-5.default-about .accordion .collapse .card-body {

  border-radius: unset;

  border: 1px solid #f0f0f0;

}

.rs-about-5.default-about .accordion .collapse .card-body .card-img {

  width: 25%;

  float: left;

  padding-right: 25px;

}

.rs-about-5.default-about .accordion .collapse .card-body .card-text p {

  margin: 0;

}

.rs-about-5.default-about.faq-about .accordion .card .card-header .card-title .accordion-toggle {

  color: #4d6de6;

  font-size: 20px;

  line-height: 30px;

  font-weight: 500;

}

.rs-about-5.default-about.faq-about .accordion .card .card-header .card-title .accordion-toggle.collapsed {

  color: #212121;

}

.rs-about-5.default-about.faq-about .accordion .card .card-header .card-title .accordion-toggle.collapsed:after {

  background: unset;

  color: #212121;

}

.rs-about-5.default-about.faq-about .accordion .collapse .card-body {

  background: #f8f8f8;

}

.rs-about-5.default-about.faq-about .accordion .collapse .card-body .card-img {

  width: 25%;

  float: left;

  padding-right: 25px;

}

.rs-about-5.default-about.faq-about .accordion .collapse .card-body .card-full-img {

  margin-top: 25px;

}

.rs-about-5.default-about.faq-about .accordion .collapse .card-body .card-text p {

  margin: 0;

}

.rs-about-icon .icon-section {

  max-width: 750px;

  margin: 0 auto;

  overflow: hidden;

  position: relative;

}

.rs-about-icon .icon-section .single-icon {

  width: 25%;

  float: left;

  text-align: center;

}

.rs-about-icon .icon-section .single-icon .icon-part {

  margin: 0 0 10px;

}

.rs-about-icon .icon-section .single-icon .icon-part a i {

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  background: #4d6de6;

  color: #ffffff;

  border-radius: 100%;

  font-size: 20px;

  position: relative;

  z-index: 9;

}

.rs-about-icon .icon-section .single-icon .icon-text {

  position: relative;

}

.rs-about-icon .icon-section .single-icon .icon-text .icon-title {

  font-size: 26px;

  font-weight: 500;

  color: #212121;

  margin: 0;

}

.rs-about-icon .icon-section .single-icon .icon-text .icon-info {

  color: #666666;

}

.rs-about-icon .icon-section .single-icon .icon-text .icon-info:hover {

  color: #4d6de6;

}

.rs-about-icon .icon-section .single-icon .icon-text p {

  margin: 0;

}

.rs-about-icon .icon-section .single-icon .icon-text:after {

  content: "";

  position: absolute;

  width: 100%;

  height: 1px;

  top: -35px;

  border: 1px dashed #212121;

  display: block;

  left: 50%;

  z-index: 1;

}

.rs-about-icon .icon-section .single-icon .icon-text.after-none:after {

  display: none;

}

.rs-about-icon.service-icon .icon-section {

  max-width: unset;

  padding: 30px 15px;

}

.rs-about-icon.service-icon .icon-section .contact-heading {

  font-size: 30px;

  font-weight: 700;

  margin: 0 0 30px;

}

.rs-about-icon.service-icon .icon-section .single-icon {

  width: 100%;

  margin-bottom: 30px;

  display: flex;

}

.rs-about-icon.service-icon .icon-section .single-icon .icon-part {

  max-width: 50px;

  float: left;

  margin: 0 10px 0 0;

}

.rs-about-icon.service-icon .icon-section .single-icon .icon-text {

  text-align: left;

  position: relative;

}

.rs-about-icon.service-icon .icon-section .single-icon .icon-text .icon-title {

  line-height: 1;

}

.rs-about-icon.service-icon .icon-section .single-icon .icon-text:after {

  width: 1px;

  height: 100%;

  left: -35px;

  top: 35px;

}

/* ------------------------------------

    07. Top History

---------------------------------------*/

.top-history {

  text-align: center;

}

.top-history .col-md-4 {

  padding: 0;

  margin: 0;

}

.top-history .history-column {

  background: #4d6de6;

  box-shadow: inset 0 -4px 20px rgba(0, 0, 0, 0.2);

  transition: all 0.3s ease 0s;

}

.top-history .history-column:hover h4:after {

  width: 90px;

}

.top-history .history-column i {

  color: #fff;

  font-size: 40px;

  padding-top: 67px;

  clear: both;

  display: block;

}

.top-history .history-column h4 {

  font-size: 18px;

  color: #fff;

  margin-bottom: 10px;

  padding-top: 15px;

  margin: 0;

  display: inline-block;

  position: relative;

}

.top-history .history-column h4:after {

  position: absolute;

  content: '';

  background: #c1c1c1;

  height: 1px;

  width: 30px;

  bottom: -15px;

  transition: all 0.3s ease 0s;

  left: 50%;

  transform: translateX(-50%);

}

.top-history .history-column p {

  color: #fff;

  padding: 0 15px 63px;

  margin: 0;

}

.top-history.top-history2 {

  margin-top: -140px;

  position: relative;

  z-index: 8;

}

.top-history.top-history2 .history-column {

  box-shadow: none;

  min-height: 355px;

}

.top-history.top-history2 .history-column p {

  padding: 0 10% 0;

}

.top-history.top-history2 .history-column h4 a {

  color: unset;

}

.top-history.top-history2 .history-column ul.date-time {

  padding-right: 35px;

  padding-left: 35px;

  padding-bottom: 0;

}

.top-history.top-history2 .history-column ul.date-time li {

  color: #ffffff;

  border-bottom: 1px solid rgba(255, 255, 255, 0.1);

  padding: 10px 0;

  text-align: left;

  font-size: 14px;

}

.top-history.top-history2 .history-column ul.date-time li span {

  float: right;

}

.top-history.top-history2 .history-column ul.date-time li:last-child {

  border-bottom: none;

}

.top-history.top-history2 .history-column ul.date-time li:first-child {

  padding-top: 0;

}

.top-history.top-history2 .history-column.middle-col {

  background: #5a78e8;

}

.top-history.corporate-history .history-column {

  background: unset;

  box-shadow: unset;

  padding: 100px 0;

}

.top-history.corporate-history .history-column i {

  color: #212121;

  padding-top: 0;

}

.top-history.corporate-history .history-column h4 {

  color: #212121;

  text-transform: uppercase;

  padding-top: 40px;

  font-weight: 700;

}

.top-history.corporate-history .history-column h4:after {

  display: none;

}

.top-history.corporate-history .history-column p {

  color: #212121;

  padding-bottom: 0;

}

.top-history.about-top-area-bg {

  background-image: url('../images/bg/seo-cta-bg.jpg');

  background-position: center !important;

  background-repeat: no-repeat !important;

  background-size: cover !important;

  position: relative;

}

.top-history.about-top-area-bg:before {

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  opacity: 0.8;

  width: 100%;

  height: 100%;

  background: #4d6de6;

}

.top-history.about-top-area-bg .history-column {

  background: unset;

}

.top-history.lawyer-service .history-column {

  background: unset;

  text-align: left;

  border: 1px solid #eee;

  box-shadow: unset;

  padding: 20px;

}

.top-history.lawyer-service .history-column i {

  padding: 0;

  color: #4d6de6;

}

.top-history.lawyer-service .history-column h4 {

  color: #212121;

}

.top-history.lawyer-service .history-column h4 a {

  color: #212121;

}

.top-history.lawyer-service .history-column h4 a:hover {

  color: #4d6de6;

}

.top-history.lawyer-service .history-column h4:after {

  left: 0;

  transform: unset;

}

.top-history.lawyer-service .history-column p {

  padding: unset;

  color: #666666;

}

.top-history.lawyer-service .history-column:hover h4:after {

  background: #4d6de6;

}

/* ----------------------------------

    08. Call To Action

-------------------------------------*/

.rs-cta {

  padding: 50px 0;

  position: relative;

}

.rs-cta .cta-content h3 {

  font-size: 30px;

  line-height: 100%;

  font-weight: 700;

  color: #ffffff;

  margin-bottom: 10px;

  text-align: left;

  text-transform: uppercase;

}

.rs-cta .cta-content p {

  font-size: 15px;

  color: #ffffff;

  margin: 0;

}

.rs-cta .cta-button {

  margin-top: 6px;

}

.rs-cta .cta-button a {

  background: transparent;

  border: 2px solid #fff;

  padding-left: 55px;

  font-weight: 600;

  padding-right: 55px;

}

.rs-cta .cta-button a.cta-btn {

  min-width: 185px;

  padding-left: unset;

  padding-right: unset;

  text-align: center;

}

.rs-cta .cta-button a.cta-btn:hover {

  background: #ffffff !important;

  color: #4d6de6 !important;

}

.rs-cta .cta-button a:hover {

  background: #222222 !important;

  color: #fff !important;

  border: 2px solid #fff;

}

.rs-cta.cta-bg {

  background-image: url('../images/bg/cta-bg.jpg');

  background-position: center !important;

  background-repeat: no-repeat !important;

  background-size: cover !important;

}

.rs-cta.seo-cta-bg {

  background-image: url('../images/bg/seo-cta-bg.jpg');

  background-position: center !important;

  background-repeat: no-repeat !important;

  background-size: cover !important;

  background-attachment: fixed;

  position: relative;

  padding: 100px 0;

}

.rs-cta.seo-cta-bg:before {

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  opacity: 0.8;

  width: 100%;

  height: 100%;

  background: #111;

}

.rs-cta.seo-cta-bg .sec-title3 h3 {

  color: #ffffff;

  margin-bottom: 0;

  text-transform: uppercase;

}

.rs-cta.seo-cta-bg .sec-title3 h3:after {

  background: #ffffff;

}

.rs-cta.seo-cta-bg .cta-text {

  position: relative;

}

.rs-cta.seo-cta-bg .cta-text .cta-content h3 {

  text-align: unset;

}

.rs-cta.seo-cta-bg .cta-text .cta-button {

  margin: 35px 0 0;

}

.rs-cta.seo-cta-bg .cta-text .cta-button .cta-btn {

  min-width: 135px;

  background: #4d6de6;

  font-weight: 400;

  border: 2px solid #4d6de6;

}

.rs-cta.seo-cta-bg .cta-text .cta-button .cta-btn:hover {

  background: transparent !important;

  color: #ffffff !important;

}

.rs-cta.creative-cta {

  padding: 65px 0 70px;

}

.rs-cta.creative-cta .cta-content h3 {

  text-align: unset;

}

.rs-cta.creative-cta .cta-button {

  margin: 35px 0 0;

}

.rs-cta.seo-cta .cta-button .cta-btn {

  font-weight: 400;

}

/* ----------------------------------

    09. Services CSS

-------------------------------------*/

.rs-services {

  padding-bottom: 90px;

}

.rs-services.pb-70 {

  padding-bottom: 70px;

}

.rs-services.personal-service {

  padding-bottom: 100px;

}

.rs-services.seo-service .item-thumb .owl-dot img {

  border-radius: 5px;

}

.rs-services.seo-service .item-thumb .owl-dot:before {

  border-radius: 5px;

}

.rs-services.seo-service .image-carousel {

  box-shadow: -4px 1px 15px 3px rgba(0, 0, 0, 0.07);

}

.rs-services.seo-service .image-carousel .cl-ft-item img {

  border-radius: 5px 5px 0 0;

}

.rs-services.seo-service .featured-item {

  background: unset;

}

.rs-services.seo-service .featured-item .featured-icon img {

  -webkit-filter: unset;

  filter: unset;

}

.rs-services .featured-item {

  margin-bottom: 30px;

  background: #ffffff;

  padding: 25px;

  padding-right: 15px;

  text-align: center;

  border-radius: 5px;

  transition: all 0.3s ease 0s;

  -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08);

  -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08);

  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08);

}

.rs-services .featured-item .featured-icon img {

  -webkit-filter: grayscale(100%);

  filter: grayscale(100%);

}

.rs-services .featured-item .title h4 {

  font-family: 'Poppins', sans-serif;

  font-weight: 700;

  font-size: 18px;

  margin: 10px 0 4px;

  line-height: normal;

}

.rs-services .featured-item .title h4 a {

  color: #212121;

}

.rs-services .featured-item .some-text p {

  margin: 0;

  line-height: 26px;

}

.rs-services .featured-item:hover {

  -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);

  -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);

  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);

}

.rs-services .featured-item:hover .featured-icon img {

  -webkit-filter: grayscale(0);

  filter: grayscale(0);

}

.rs-services .featured-item:hover .title h4 a {

  color: #4d6de6;

}

.rs-services .item-thumb {

  width: 100%;

  margin-top: -12px;

}

.rs-services .item-thumb .owl-dot {

  width: 33.333%;

  display: inline-block;

  padding: 10px;

  float: left;

  cursor: pointer;

}

.rs-services .item-thumb.item-thumb2 {

  margin: 0;

  overflow: hidden;

}

.rs-services .item-thumb.item-thumb2 .owl-dot {

  width: 50%;

  float: left;

  padding: 0 15px;

  margin-bottom: 30px;

  z-index: 0;

}

.rs-services .item-thumb.item-thumb2 .owl-dot:before {

  display: none;

}

.rs-services .item-thumb.item-thumb2 .owl-dot span {

  box-shadow: none;

  opacity: 1 !important;

}

.rs-services .item-thumb.item-thumb2 .owl-dot span i {

  font-size: 36px;

}

.rs-services .item-thumb.item-thumb2 .owl-dot span i:before {

  line-height: 40px;

}

.rs-services .item-thumb.item-thumb2 .owl-dot h5.overlay-feature-title {

  font-size: 18px;

  line-height: normal;

  position: static;

  -webkit-transform: translate(0);

  transform: translate(0);

  z-index: 99;

  transition: all 500ms ease;

  background: #fff;

  opacity: 1;

  margin: 0;

  width: 100%;

  padding: 35.5px 0;

}

.rs-services .item-thumb.item-thumb2 .owl-dot h5.overlay-feature-title a {

  color: #000;

}

.rs-services .item-thumb.item-thumb2 .owl-dot h5.overlay-feature-title a:hover {

  color: #222222;

}

.rs-services .item-thumb.item-thumb2 .owl-dot:hover span,

.rs-services .item-thumb.item-thumb2 .owl-dot.active span,

.rs-services .item-thumb.item-thumb2 .owl-dot:hover h5.overlay-feature-title a,

.rs-services .item-thumb.item-thumb2 .owl-dot.active h5.overlay-feature-title a {

  color: #fff;

}

.rs-services .item-thumb.item-thumb2 .owl-dot:hover h5.overlay-feature-title,

.rs-services .item-thumb.item-thumb2 .owl-dot.active h5.overlay-feature-title {

  background: #4d6de6;

}

.rs-services .device-lg .item-thumb .owl-dot,

.rs-services .device-sm .item-thumb .owl-dot {

  height: 150px;

}

.rs-services .device-xs .item-thumb .owl-dot {

  width: 50%;

  padding: 10px;

  height: 100px;

}

.rs-services .item-thumb .owl-dot span {

  position: relative;

  display: block;

  background-size: cover;

  background-position: center center;

  width: auto;

  height: 100%;

  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05);

  -moz-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05);

  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.05);

  -webkit-transition: all .3s ease;

  -o-transition: all .3s ease;

  transition: all .3s ease;

}

.rs-services .item-thumb .owl-dot.active span,

.rs-services .item-thumb .owl-dot:hover span {

  opacity: .7;

}

.rs-services .menu-carousel .heading-block h4 {

  margin: 4px 0 12px;

  font-size: 20px;

  line-height: 20px;

}

.rs-services .cl-ft-item {

  background-color: #FFF;

}

.rs-services .menu-carousel .heading-block h4 a {

  font-weight: 600;

  color: #212121;

  transition: .20s;

}

.rs-services .menu-carousel .heading-block h4 a:hover {

  color: #4d6de6;

}

.rs-services .menu-carousel .feature-content {

  position: relative;

  padding: 25px 15px;

  text-align: left;

}

.rs-services .menu-carousel .heading-block p {

  margin-bottom: 0;

}

.rs-services .menu-carousel .heading-block .readon {

  margin-top: 20px;

}

.rs-services .menu-carousel .heading-block .food-info {

  color: #BBB;

  text-transform: uppercase;

  font-weight: 400;

  letter-spacing: 2px;

  font-size: 14px;

}

.rs-services .food-price {

  position: absolute;

  top: 40px;

  right: 50px;

  font-size: 20px;

  letter-spacing: -1px;

  font-weight: 500;

}

.rs-services .menu-carousel .more-link {

  margin-top: 35px;

  border-bottom: 1px solid #333 !important;

}

.rs-services .more-link {

  font-style: normal;

  border-bottom: 0;

  color: #333;

  margin-top: 10px;

  font-size: 14px;

}

.rs-services .team-title h4 {

  font-size: 15px;

}

.rs-services .team-title span {

  font-style: normal;

  margin-bottom: 15px;

  color: #AAA !important;

  font-size: 12px;

  text-transform: uppercase;

  letter-spacing: 1px;

}

.rs-services .entry {

  padding: 0;

  margin: 0;

  border-bottom: 0;

  -webkit-box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.08);

  -moz-box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.08);

  box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.08);

}

.rs-services .entry-title {

  background-color: #FFF;

  padding: 15px;

}

.rs-services .entry-title h2 {

  text-transform: none;

  font-size: 17px;

  font-weight: 500;

  letter-spacing: 0;

}

.rs-services .entry-meta {

  margin: 8px 0 0;

}

.rs-services .ipost .entry-meta li a {

  font-size: 11px;

  font-style: normal;

  text-transform: uppercase;

  letter-spacing: 1px;

  color: #999;

}

.rs-services .entry-meta li:before {

  content: '\00b7';

  opacity: 1;

}

.rs-services .service-button {

  margin: 80px 0 80px 15px;

}

.rs-services .device-sm .service-button,

.rs-services .device-xs .service-button {

  margin: 30px 0 0;

}

.rs-services .clfeatures .cl-ft-item img {

  display: block;

  margin: 0;

}

.rs-services .item-thumb .owl-dot {

  position: relative;

}

.rs-services .item-thumb .owl-dot:before {

  content: "";

  position: absolute;

  left: 10px;

  top: 10px;

  z-index: 99;

  width: calc(100% - 20px);

  height: calc(100% - 20px);

  background: rgba(0, 0, 0, 0.8);

  transition: all 500ms ease;

  opacity: 0;

}

.rs-services h5.overlay-feature-title {

  font-size: 16px;

  line-height: 140%;

  font-weight: normal;

  margin: 0;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

  transform: translate(-50%, -50%);

  z-index: 999;

  text-align: center;

  width: calc(80%);

  transition: all 500ms ease;

  opacity: 0;

}

.rs-services h5.overlay-feature-title a {

  color: #fff;

  pointer-events: none;

}

.rs-services .item-thumb .owl-dot:hover:before {

  opacity: 1;

}

.rs-services .item-thumb .owl-dot:hover h5.overlay-feature-title {

  opacity: 1;

}

@media (min-width: 992px) {

  .rs-services #header,

  .rs-services #header-wrap {

    z-index: 200;

    background-color: transparent;

    background-repeat: repeat-x;

    background-position: center bottom;

    background-size: auto 100%;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

  }

  .rs-services #primary-menu ul li > a {

    padding-top: 32px;

    padding-bottom: 10px;

  }

  .rs-services #header.sticky-header #header-wrap {

    background-color: transparent;

    box-shadow: none;

  }

  .rs-services .slider-caption h2 {

    font-size: 76px;

  }

  .rs-services .food-price {

    font-size: 24px;

    top: 50px;

    right: 60px;

  }

}

.rs-services .services-wrap .services-item {

  position: relative;

  padding: 0px 25px 65px;

  z-index: 10;

}

.rs-services .services-wrap .services-item:after {

  content: '';

  position: absolute;

  left: 0;

  z-index: -1;

  height: 100%;

  width: 100%;

  background: #fff;

  transition: all 0.3s ease 0s;

  top: 50%;

  transform: scale(1, 0.9) translateY(-50%);

  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);

  opacity: 0;

}

.rs-services .services-wrap .services-item:hover .services-desc:after {

  background: #4d6de6;

  width: 100px;

}

.rs-services .services-wrap .services-item:hover:after {

  opacity: 1;

  transform: scale(1, 1) translateY(-50%);

}

.rs-services .services-wrap .services-icon {

  position: relative;

  display: inline-block;

  font-size: 64px;

  color: #4d6de6;

}

.rs-services .services-wrap .services-title {

  font-size: 20px;

  margin-top: 35px;

  margin-bottom: 25px;

}

.rs-services .services-wrap .services-desc {

  position: relative;

}

.rs-services .services-wrap .services-desc:after {

  content: '';

  position: absolute;

  left: 0;

  height: 2px;

  width: 50px;

  bottom: -45px;

  background: rgba(0, 0, 0, 0.1);

  transition: all 0.3s ease 0s;

}

.rs-services .services-wrap .services-desc p {

  margin-bottom: 55px;

}

.rs-services .sec-title-2 {

  padding-bottom: 54px;

}

.rs-services .service-grid {

  text-align: center;

  background: #ffffff;

  padding: 45px 25px 65px 25px;

  box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05);

}

.rs-services .service-grid i {

  font-size: 30px;

  color: #4d6de6;

  width: 80px;

  height: 80px;

  line-height: 80px;

  border-radius: 50%;

  border: 3px solid #4d6de6;

  transition: all 0.3s ease 0s;

}

.rs-services .service-grid h5 {

  margin-top: 15px;

  margin-bottom: 12px;

  font-size: 18px;

  color: #212121;

}

.rs-services .service-grid p {

  margin: 0;

  font-size: 14px;

}

.rs-services .service-grid:hover i {

  background: #4d6de6;

  color: #ffffff;

}

.rs-services-3 .rs-vertical-middle .service-title {

  margin-top: -30px;

}

.rs-services-3.services-pages .common {

  background: #f4f7fc;

}

.rs-services-3 .service-title h3 {

  color: #050505;

}

.rs-services-3 .service-title h4 {

  font-size: 18px;

  margin: 10px 0 4px;

  line-height: normal;

}

.rs-services-3 .service-title p {

  margin: 0 0 34px;

}

.rs-services-3.gray-color .common {

  background: #fff;

}

.rs-services-3 .common {

  background: #ffffff;

  padding: 28px 11px 21px 22px;

  box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05);

  transition: .20s;

  border-radius: 5px;

  margin-bottom: 30px;

}

.rs-services-3 .common .col-sm-9 {

  padding-left: 0;

}

.rs-services-3 .common .icon-part {

  font-size: 40px;

  text-align: center;

  color: #4d6de6;

}

.rs-services-3 .common .text h4 {

  margin: 0 auto;

  margin-bottom: 14px;

  font-weight: 600;

  font-size: 20px;

}

.rs-services-3 .common .text p {

  margin-bottom: 0;

}

.rs-services-3 .common:hover {

  background: #4d6de6;

}

.rs-services-3 .common:hover .icon-part {

  color: #fff;

}

.rs-services-3 .common:hover h4,

.rs-services-3 .common:hover p {

  color: #fff;

}

.rs-services-3 .view-all-btn {

  margin: 0 auto;

  margin-top: 65px;

}

.rs-services-3 .view-all-btn.medical-space {

  margin-top: 30px;

}

.rs-services-3.creative-service .common {

  background: transparent;

  box-shadow: unset;

  padding: 0 35px 0 0;

  margin: 0 0 60px;

}

.rs-services-3.creative-service .common .icon-part {

  text-align: left;

  color: #212121;

  margin: 0 0 25px;

}

.rs-services-3.creative-service .common .text {

  position: relative;

}

.rs-services-3.creative-service .common .text a:hover {

  color: #4d6de6;

}

.rs-services-3.creative-service .common .text:before {

  content: '';

  position: absolute;

  height: 100%;

  width: 200px;

  background: rgba(0, 0, 0, 0.21);

  top: 0;

  right: 0;

  opacity: 0.2;

  border-radius: 208% 97% 10px 50%;

  transition: all .8s ease;

}

.rs-services-3.creative-service .common:hover {

  background: transparent;

}

.rs-services-3.creative-service .common:hover .text h4,

.rs-services-3.creative-service .common:hover .text p {

  color: unset;

}

.rs-services-3.creative-service .common:hover .text:before {

  right: 100px;

}

.rs-services-3.mobile-apps {

  padding-bottom: 70px;

}

.rs-services-3.mobile-apps .icon-part {

  box-shadow: unset;

  border-radius: unset;

}

.rs-services-3.mobile-apps .icon-part .icon-part {

  color: #4d6de6;

}

.rs-services-3.mobile-apps .icon-part .text h4 {

  color: #212121;

  font-size: 18px;

  font-weight: 600;

}

.rs-services-3.mobile-apps .icon-part .text p {

  color: unset;

}

.rs-services-3.mobile-apps .icon-part:hover {

  box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05);

}

.rs-services-3.mobile-apps .icon-part:hover .text a h4 {

  color: unset;

}

.rs-services-3.software-agency {

  background-color: #eef0fc !important;

  padding-bottom: 70px;

}

.rs-services-3.software-agency .common {

  padding: 25px 15px 22px 10px ! important;

  box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05) ! important;

  border-radius: 5px ! important;

}

.rs-services-3.software-agency .common .icon-part {

  box-shadow: unset;

  border-radius: unset;

  padding-left: 15px;

}

.rs-services-3.software-agency .common .icon-part .icon-part {

  color: #4d6de6;

}

.rs-services-3.software-agency .common .icon-part .text h4 {

  color: #212121;

  font-size: 18px;

  font-weight: 600;

}

.rs-services-3.software-agency .common .icon-part .text p {

  color: unset;

}

.rs-services-3.software-agency .common .icon-part:hover {

  box-shadow: 0 14px 20px rgba(0, 0, 0, 0.05);

}

.rs-services-3.software-agency .common .icon-part:hover .text a h4 {

  color: unset;

}

.rs-services-4 .service-grid {

  padding: 20px;

  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08);

  text-align: center;

  transition: all 0.3s ease 0s;

  overflow: hidden;

}

.rs-services-4 .service-grid img {

  max-width: 65px;

  margin: 0 auto;

  transition: all 0.3s ease 0s;

}

.rs-services-4 .service-grid h4 {

  margin: 13px 0 10px 0;

  transition: all 0.3s ease 0s;

}

.rs-services-4 .service-grid p {

  margin: 0;

}

.rs-services-4 .service-grid:hover {

  border-bottom: 5px solid #4d6de6;

  margin-top: -5px;

  border-bottom-right-radius: 3px;

  border-bottom-left-radius: 3px;

}

.rs-services-4 .service-grid:hover h4 {

  color: #4d6de6;

}

.single-service-part .service-sidebar .service-button .service-btn-list {

  padding: 40px 15px 20px;

}

.single-service-part .service-sidebar .service-button .service-btn-list .services-heading {

  font-size: 30px;

  font-weight: 700;

  margin-bottom: 45px;

}

.single-service-part .service-sidebar .service-button .service-btn-list .service-btn li {

  border-bottom: 1px solid #eee;

  padding: 10px 35px;

}

.single-service-part .service-sidebar .service-button .service-btn-list .service-btn li a {

  color: #212121;

  display: inline-block;

  width: 100%;

}

.single-service-part .service-sidebar .service-button .service-btn-list .service-btn li.active,

.single-service-part .service-sidebar .service-button .service-btn-list .service-btn li:hover {

  background: #4d6de6;

}

.single-service-part .service-sidebar .service-button .service-btn-list .service-btn li.active a,

.single-service-part .service-sidebar .service-button .service-btn-list .service-btn li:hover a {

  color: #ffffff;

}

.single-service-part .service-sidebar .service-button .service-btn-list .service-btn li:last-child {

  border: none;

}

.single-service-part .service-sidebar .service-button .service-download-btn {

  margin: 40px 0;

}

.single-service-part .service-sidebar .service-button .service-download-btn .download-btn li {

  background: #4d6de6;

  margin: 0 0 15px;

  padding: 12px 40px;

  position: relative;

}

.single-service-part .service-sidebar .service-button .service-download-btn .download-btn li i {

  color: #ffffff;

  position: absolute;

  left: 15px;

  line-height: 26px;

}

.single-service-part .service-sidebar .service-button .service-download-btn .download-btn li a {

  color: #ffffff;

  display: inline-block;

  width: 100%;

}

.single-service-part .service-sidebar .service-button .service-download-btn .download-btn li:last-child {

  margin: 0;

}

.single-service-part .service-sidebar .service-button .service-download-btn .download-btn li:hover {

  opacity: 0.9;

}

.single-service-part .service-details .single-service-slider .services-slider-item img {

  border-radius: 5px;

}

.single-service-part .service-details .single-service-slider .owl-carousel .owl-nav {

  top: 50%;

  right: unset;

  width: 100%;

  opacity: 0;

  transition: all 0.3s ease 0s;

}

.single-service-part .service-details .single-service-slider .owl-carousel .owl-nav [class*="owl-"] {

  position: absolute;

  background: unset;

  border: unset;

  border-radius: unset;

  width: 30px;

  height: 30px;

  line-height: 30px;

  left: 0;

  transform: translateY(-50%);

}

.single-service-part .service-details .single-service-slider .owl-carousel .owl-nav [class*="owl-"].owl-next {

  left: unset;

  right: 0;

}

.single-service-part .service-details .single-service-slider .owl-carousel .owl-nav [class*="owl-"]:hover {

  background: unset;

  color: #222222;

}

.single-service-part .service-details .single-service-slider .owl-carousel .owl-dots {

  width: 100%;

  position: absolute;

  bottom: 20px;

  text-align: center;

}

.single-service-part .service-details .single-service-slider .owl-carousel .owl-dots .owl-dot {

  display: inline-block;

  width: 10px;

  height: 10px;

  border-radius: 50%;

  border: 1px solid grey;

  background: grey;

  margin-right: 5px;

}

.single-service-part .service-details .single-service-slider .owl-carousel .owl-dots .owl-dot.active {

  background: transparent;

}

.single-service-part .service-details .single-service-slider .owl-carousel:hover .owl-nav {

  opacity: 1;

}

.single-service-part .service-details .single-service-text .service-desc {

  margin: 40px 0;

}

.single-service-part .service-details .single-service-text .service-desc p {

  margin-bottom: 0;

  display: block;

}

.single-service-part .service-details .single-service-text .service-desc span {

  display: block;

  margin: 20px;

  padding: 10px 20px;

  background: #f7f7f7;

  border-radius: 5px;

  border-left: 5px solid #4d6de6;

}

.single-service-part .service-details .single-service-text .services-img-text .sec-title {

  margin: 0 0 15px;

}

.single-service-part .service-details .single-service-text .services-img-text .img-part img {

  border-radius: 5px;

}

/* -------------------------------------

    10. Portfolio CSS

---------------------------------------*/

.rs-portfolio {

  padding-bottom: 68px !important;

}

.rs-portfolio .gridFilter {

  margin-bottom: 60px;

}

.rs-portfolio .gridFilter button {

  background: unset;

  border: none;

  padding: 0;

  outline: none;

  font-size: 16px;

  color: #212121;

  margin-right: 23px;

  cursor: pointer;

  transition: all 0.3s ease 0s;

}

.rs-portfolio .gridFilter button:last-child {

  margin-right: 0;

}

.rs-portfolio .gridFilter button:hover {

  color: #4d6de6;

}

.rs-portfolio .gridFilter .active {

  color: #4d6de6;

}

.rs-portfolio .gridFilter.construction-filter {

  margin-bottom: 48px;

  line-height: 16px;

}

.rs-portfolio .gridFilter.construction-filter button {

  margin-right: 45px;

  line-height: 16px;

}

.rs-portfolio .gridFilter.creative-filter {

  margin-bottom: 40px;

}

.rs-portfolio .gallery-item .gallery-content {

  text-align: center;

  position: relative;

  overflow: hidden;

  border-radius: 5px;

}

.rs-portfolio .gallery-item .gallery-content .popup-text {

  position: absolute;

  content: '';

  width: 100%;

  opacity: 0;

  height: 100%;

  top: 50%;

  left: 0;

  transition: all 0.3s ease 0s;

  background: rgba(0, 0, 0, 0.7);

}

.rs-portfolio .gallery-item .gallery-content .popup-text .contents-here {

  position: absolute;

  content: '';

  width: 100%;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.rs-portfolio .gallery-item .gallery-content .popup-text .contents-here .icon-part {

  text-align: center;

}

.rs-portfolio .gallery-item .gallery-content .popup-text .contents-here .icon-part i {

  color: #4d6de6;

  margin-bottom: 20px;

  width: 50px;

  height: 50px;

  line-height: 50px;

  border-radius: 50%;

  background: #ffffff;

  font-size: 20px;

  transition: all 0.3s ease 0s;

}

.rs-portfolio .gallery-item .gallery-content .popup-text .contents-here .icon-part i:hover {

  color: #ffffff;

  background: #4d6de6;

}

.rs-portfolio .gallery-item .gallery-content .popup-text .contents-here .title {

  margin: 0;

}

.rs-portfolio .gallery-item .gallery-content .popup-text .contents-here .title a {

  color: #ffffff;

}

.rs-portfolio .gallery-item .gallery-content .popup-text .contents-here .title a:hover {

  color: rgba(255, 255, 255, 0.7);

}

.rs-portfolio .gallery-item .gallery-content .popup-text .contents-here ul li {

  display: inline;

  margin-top: 5px;

}

.rs-portfolio .gallery-item .gallery-content .popup-text .contents-here ul li .desination {

  color: #ffffff;

}

.rs-portfolio .gallery-item .gallery-content .popup-text .contents-here ul li .desination:hover {

  color: rgba(255, 255, 255, 0.7);

}

.rs-portfolio .gallery-item.creative-item .gallery-content .popup-text {

  top: unset;

}

.rs-portfolio .gallery-item.creative-item .gallery-content .popup-text .contents-here {

  top: 10%;

  left: unset;

  transform: unset;

}

.rs-portfolio .gallery-item.creative-item .gallery-content .popup-text .filter-icon {

  position: absolute;

  right: 5%;

  bottom: 5%;

}

.rs-portfolio .gallery-item.creative-item .gallery-content .popup-text .filter-icon i {

  font-size: 35px;

  color: #ffffff;

}

.rs-portfolio .gallery-item:hover .gallery-content .popup-text {

  top: 0;

  opacity: 1;

}

.rs-portfolio.seo-portfolio .gallery-item .gallery-content {

  text-align: unset;

}

.rs-portfolio.seo-portfolio .gallery-item .gallery-content img {

  -webkit-transform: scale(1);

  transform: scale(1);

  transition: 1.3s;

}

.rs-portfolio.seo-portfolio .gallery-item .gallery-content .popup-text {

  background: #222222;

  top: unset;

  bottom: 0;

  transition: 1.3s;

}

.rs-portfolio.seo-portfolio .gallery-item .gallery-content .popup-text .contents-here {

  position: unset;

  top: unset;

  left: unset;

  transform: unset;

}

.rs-portfolio.seo-portfolio .gallery-item .gallery-content .popup-text .contents-here .title {

  position: absolute;

  left: 20px;

  bottom: 0;

  color: #ffffff;

  -webkit-transition: 0.6s all ease;

  transition: 0.6s all ease;

  opacity: 0;

}

.rs-portfolio.seo-portfolio .gallery-item .gallery-content .popup-text .contents-here .icon-part i {

  background: unset;

  position: absolute;

  width: unset;

  height: unset;

  line-height: unset;

  right: 20px;

  top: 0;

  font-size: 32px;

  color: #ffffff;

  -webkit-transition: 0.6s all ease;

  transition: 0.6s all ease;

  opacity: 0;

}

.rs-portfolio.seo-portfolio .gallery-item .gallery-content .popup-text .contents-here .icon-part i:hover {

  color: rgba(255, 255, 255, 0.7);

}

.rs-portfolio.seo-portfolio .gallery-item:hover .gallery-content img {

  -webkit-transform: scale(1.3);

  transform: scale(1.3);

}

.rs-portfolio.seo-portfolio .gallery-item:hover .gallery-content .popup-text .contents-here .title {

  opacity: 1;

  bottom: 20px;

}

.rs-portfolio.seo-portfolio .gallery-item:hover .gallery-content .popup-text .contents-here .icon-part i {

  opacity: 1;

  top: 20px;

}

.rs-portfolio2 .portfolio-item {

  position: relative;

  overflow: hidden;

  border-radius: 5px;

}

.rs-portfolio2 .portfolio-item .portfolio-content {

  position: absolute;

  content: '';

  background: rgba(0, 0, 0, 0.7);

  opacity: 0;

  transition: all 0.3s ease 0s;

  top: 50%;

  left: 0;

  text-align: center;

  width: 100%;

  height: 100%;

}

.rs-portfolio2 .portfolio-item .portfolio-content .p-title a {

  color: #ffffff;

}

.rs-portfolio2 .portfolio-item .portfolio-content .p-title a:hover {

  color: rgba(255, 255, 255, 0.7);

}

.rs-portfolio2 .portfolio-item .portfolio-content a:hover {

  color: #222222;

}

.rs-portfolio2 .portfolio-item:hover .portfolio-content {

  top: 0;

  opacity: 1;

}

/* ----------------------------------

    11. Pricing Tables

-------------------------------------*/

.rs-pricing .selected .pricing-head {

  background: #4d6de6;

}

.rs-pricing .selected .pricing-head .name {

  color: #fff !important;

}

.rs-pricing .selected .pricing-head .price .value {

  color: #fff !important;

}

.rs-pricing .selected .pricing-head .price .value sup {

  color: #fff !important;

}

.rs-pricing .selected .pricing-head .price .duration {

  color: #fff !important;

}

.rs-pricing .pricing-plan {

  background: #fff;

  border: 1px solid #eee;

  text-align: center;

  border-radius: 10px;

  margin: 15px 0;

  transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

  position: relative;

  z-index: 10;

}

.rs-pricing .pricing-plan .pricing-head {

  position: relative;

  padding: 35px;

  padding-bottom: 0;

  z-index: 10;

  transition: all 0.3s ease 0s;

  -webkit-transition: all 0.3s ease 0s;

}

.rs-pricing .pricing-plan .pricing-head .name {

  font-size: 20px;

  font-weight: 400;

  line-height: normal;

  text-transform: uppercase;

  margin-bottom: 35px;

  display: inline-block;

  overflow: hidden;

  color: #212121;

  transition: all 0.3s ease 0s;

}

.rs-pricing .pricing-plan .pricing-head .value {

  display: inline-block;

  color: #212121;

  font-size: 60px;

  font-weight: 300;

  transition: all 0.3s ease 0s;

}

.rs-pricing .pricing-plan .pricing-head .value sup {

  color: #212121;

  font-size: 22px;

  font-weight: 800;

  text-transform: lowercase;

  top: -22px;

  transition: all 0.3s ease 0s;

}

.rs-pricing .pricing-plan .pricing-head .duration {

  font-size: 18px;

  color: #212121;

  transition: all 0.3s ease 0s;

}

.rs-pricing .pricing-plan .pricing-body ul {

  list-style-type: none;

  padding-left: 0;

  font-size: 15px;

  padding-top: 20px;

  transition: all 0.3s ease 0s;

}

.rs-pricing .pricing-plan .pricing-body ul li {

  padding: 7px 10px;

  color: #212121;

}

.rs-pricing .pricing-plan .pricing-footer {

  position: relative;

  z-index: 100;

  padding: 35px 0 30px;

}

.rs-pricing .pricing-plan .pricing-footer .p-button {

  display: inline-block;

  min-width: 192px;

  height: 50px;

  line-height: 50px;

  font-weight: 400;

  background-color: #4d6de6;

  color: #ffffff;

  border-radius: 4px;

  transition: all 0.3s ease 0s;

}

.rs-pricing .pricing-plan.featured .pricing-footer .p-button {

  color: #212121 !important;

}

.rs-pricing .pricing-plan.featured .pricing-footer .p-button:hover {

  color: #4d6de6 !important;

}

.rs-pricing .pricing-plan:hover,

.rs-pricing .pricing-plan.featured {

  background: #4d6de6;

  border: 1px solid #4d6de6;

  margin: 0;

}

.rs-pricing .pricing-plan:hover .pricing-head,

.rs-pricing .pricing-plan.featured .pricing-head {

  padding-bottom: 35px;

}

.rs-pricing .pricing-plan:hover .name,

.rs-pricing .pricing-plan.featured .name,

.rs-pricing .pricing-plan:hover .duration,

.rs-pricing .pricing-plan.featured .duration,

.rs-pricing .pricing-plan:hover .pricing-body ul li,

.rs-pricing .pricing-plan.featured .pricing-body ul li {

  color: #ffffff;

}

.rs-pricing .pricing-plan:hover .value,

.rs-pricing .pricing-plan.featured .value {

  color: #ffffff;

}

.rs-pricing .pricing-plan:hover .value sup,

.rs-pricing .pricing-plan.featured .value sup {

  color: #ffffff;

}

.rs-pricing .pricing-plan:hover .pricing-footer .p-button,

.rs-pricing .pricing-plan.featured .pricing-footer .p-button {

  background: #ffffff;

  color: #4d6de6;

}

#rs-pricing2 .pricing-plan {

  border: 1px solid #e1e1e1;

  text-align: center;

  margin-bottom: 30px;

  -webkit-transition: .3s ease all;

  -moz-transition: .3s ease all;

  -o-transition: .3s ease all;

  -ms-transition: .3s ease all;

  transition: .3s ease all;

  position: relative;

  z-index: 10;

}

#rs-pricing2 .pricing-plan:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  border: 2px solid #222222;

  opacity: 0;

  -webkit-transition: .3s ease all;

  -moz-transition: .3s ease all;

  -o-transition: .3s ease all;

  -ms-transition: .3s ease all;

}

#rs-pricing2 .pricing-plan.featured-plan .pricing-head,

#rs-pricing2 .pricing-plan:hover .pricing-head {

  background: #222222;

}

#rs-pricing2 .pricing-plan.featured-plan .pricing-head .name,

#rs-pricing2 .pricing-plan:hover .pricing-head .name,

#rs-pricing2 .pricing-plan.featured-plan .pricing-head .value,

#rs-pricing2 .pricing-plan:hover .pricing-head .value,

#rs-pricing2 .pricing-plan.featured-plan .pricing-head sup,

#rs-pricing2 .pricing-plan:hover .pricing-head sup,

#rs-pricing2 .pricing-plan.featured-plan .pricing-head .duration,

#rs-pricing2 .pricing-plan:hover .pricing-head .duration {

  color: #fff !important;

}

#rs-pricing2 .pricing-plan .pricing-head {

  position: relative;

  padding: 35px;

  z-index: 10;

  background: #f0f0f0;

  -webkit-transition: .3s ease all;

  -moz-transition: .3s ease all;

  -o-transition: .3s ease all;

  -ms-transition: .3s ease all;

}

#rs-pricing2 .pricing-plan .pricing-head .name {

  font-size: 20px;

  font-weight: bold;

  line-height: normal;

  margin-bottom: 20px;

  font-family: 'Poppins', sans-serif;

  letter-spacing: 1px;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

#rs-pricing2 .pricing-plan .pricing-head .value {

  display: inline-block;

  font-size: 60px;

  font-weight: 300;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

#rs-pricing2 .pricing-plan .pricing-head .value sup {

  font-family: 'Roboto', sans-serif;

  font-size: 20px;

  font-weight: 600;

  top: 0px;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

#rs-pricing2 .pricing-plan .pricing-body ul {

  list-style-type: none;

  padding-left: 0;

  padding-top: 20px;

  font-size: 15px;

  color: #666666;

}

#rs-pricing2 .pricing-plan .pricing-body ul li {

  padding: 7px 15px;

}

#rs-pricing2 .pricing-plan .pricing-footer {

  position: relative;

  z-index: 100;

  padding: 25px 40px 40px;

}

#rs-pricing2 .pricing-plan .pricing-footer a {

  font-weight: 500;

  padding: 17px 28px;

}

#rs-pricing2 .pricing-plan:hover .name,

#rs-pricing2 .pricing-plan.featured .name,

#rs-pricing2 .pricing-plan:hover .duration,

#rs-pricing2 .pricing-plan.featured .duration {

  color: #4d6de6;

}

#rs-pricing2 .pricing-plan:hover .value,

#rs-pricing2 .pricing-plan.featured .value {

  color: #4d6de6;

}

#rs-pricing2 .pricing-plan:hover .value sup,

#rs-pricing2 .pricing-plan.featured .value sup {

  color: #4d6de6;

}

#rs-pricing2 .pricing-plan:hover:before,

#rs-pricing2 .pricing-plan.featured:before {

  opacity: 1;

}

#rs-pricing2 .pricing-plan:hover .p-button,

#rs-pricing2 .pricing-plan.featured .p-button {

  background-color: #4d6de6;

}

.rs-pricing3 .sec-title3 {

  margin-bottom: 65px;

}

.rs-pricing3 .pricing-plan {

  margin: 0;

  text-align: center;

  box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1);

  position: relative;

  overflow: hidden;

  background: transparent;

  border-radius: 5px;

  transition: all 0.3s ease 0s;

}

.rs-pricing3 .pricing-plan .top .cl-header h4 {

  background: #4d6de6;

  font-weight: 400;

  padding-top: 35px;

  text-transform: uppercase;

  color: #ffffff;

  transition: all 0.3s ease 0s;

}

.rs-pricing3 .pricing-plan .top .cl-header h4 span.dolar {

  border-radius: 100px;

  box-shadow: 0 5px 20px #dddddd inset, 0 3px 0 #999999 inset;

  display: block;

  height: 100px;

  position: relative;

  font: bold 25px/100px Georgia, serif;

  margin: 20px auto -65px;

  width: 100px;

  border: 5px solid #ffffff;

  line-height: 90px !important;

  background: #ffffff;

  color: #4d6de6 !important;

  transition: all 0.3s ease 0s;

}

.rs-pricing3 .pricing-plan .bottom-wrappar {

  background: #ffffff;

  padding-top: 66px;

  padding-bottom: 30px;

  transition: all 0.3s ease 0s;

}

.rs-pricing3 .pricing-plan .bottom-wrappar .bottom .readon {

  padding: 11px 47px;

  text-transform: capitalize;

}

.rs-pricing3 .pricing-plan .bottom-wrappar .bottom ul {

  margin-top: 43px;

  text-align: center;

}

.rs-pricing3 .pricing-plan .bottom-wrappar .bottom ul li {

  font-weight: 400;

  padding-bottom: 5px;

  transition: all 0.3s ease 0s;

}

.rs-pricing3 .pricing-plan .bottom-wrappar .bottom ul li:last-child {

  padding-bottom: 0;

}

.rs-pricing3 .pricing-plan.center {

  margin-top: -15px;

}

.rs-pricing3 .pricing-plan.center .top .cl-header h4 {

  padding-top: 70px;

}

.rs-pricing3 .pricing-plan.center .bottom-wrappar {

  background: #4d6de6;

}

.rs-pricing3 .pricing-plan.center .bottom-wrappar .readon {

  background: #ffffff;

  color: #4d6de6;

}

.rs-pricing3 .pricing-plan.center .bottom-wrappar li {

  color: #ffffff;

}

.rs-pricing3 .pricing-plan:hover {

  margin-top: -15px;

}

.rs-pricing3 .pricing-plan:hover .top .cl-header h4 {

  padding-top: 70px;

}

.rs-pricing3 .pricing-plan:hover .top .cl-header h4 span {

  transform: rotate(360deg);

}

.rs-pricing3 .pricing-plan:hover .bottom-wrappar {

  background: #4d6de6;

}

.rs-pricing3 .pricing-plan:hover .bottom-wrappar .readon {

  background: #ffffff;

  color: #4d6de6;

}

.rs-pricing3 .pricing-plan:hover .bottom-wrappar li {

  color: #ffffff;

}

.rs-pricing4 .sec-title {

  overflow: hidden;

  display: block;

}

.rs-pricing4 .pricing-plan {

  padding: 20px 20px 1px;

  margin: 0;

  padding-bottom: 25px;

  text-align: center;

  box-shadow: 0 6px 25px 7px #e5e5e5;

  position: relative;

  overflow: hidden;

  background: #ffffff;

  border-radius: 0;

  border: 1px solid #4d6de6;

  transition: .20s;

}

.rs-pricing4 .pricing-plan .top {

  padding-bottom: 30px;

}

.rs-pricing4 .pricing-plan .top .cl-header h4 {

  background: #4d6de6;

  font-size: 18px;

  font-weight: 500;

  margin: -20px -20px 64px;

  padding: 20px;

  text-transform: uppercase;

  line-height: 20px;

  color: #fff;

  transition: .20s;

}

.rs-pricing4 .pricing-plan .top .cl-header h4 span.dolar {

  border-radius: 100px;

  box-shadow: 0 5px 20px #dddddd inset, 0 3px 0 #999999 inset;

  display: block;

  font: bold 25px/100px Georgia, serif;

  height: 100px;

  margin: 20px auto -65px;

  width: 100px;

  border: 5px solid #fff;

  background: #fff;

  color: #4d6de6 !important;

  line-height: 90px !important;

  transition: .40s;

}

.rs-pricing4 .pricing-plan .top a.btn-table {

  border: 2px solid #4d6de6;

  border-radius: 30px;

  transition: all 0.2s linear;

  font-weight: 400;

  font-size: 16px;

  padding: 10px 44px;

  text-transform: uppercase;

  color: #666;

  transition: .30s;

}

.rs-pricing4 .pricing-plan .top a.btn-table:hover {

  color: #fff;

  background: #222222 !important;

  border: 2px solid #222222;

}

.rs-pricing4 .pricing-plan .bottom ul {

  text-align: center;

}

.rs-pricing4 .pricing-plan .bottom ul li {

  border-top: 1px solid #ddd;

  color: #333;

  padding: 10px 0;

  line-height: 24px;

  font-size: 15px;

  font-weight: 400;

}

.rs-pricing4 .pricing-plan:hover {

  border: 1px solid #222222;

}

.rs-pricing4 .pricing-plan:hover .top .cl-header h4 {

  background: #222222;

}

.rs-pricing4 .pricing-plan:hover .top .cl-header h4 span {

  transform: rotate(360deg);

}

.rs-pricing4 .pricing-plan:hover .top a.btn-table {

  background: #4d6de6;

  color: #fff;

}

.rs-pricing4 .action {

  height: 490px;

  margin-top: -23px;

  border: 1px solid #222222;

}

.rs-pricing4 .action .top .cl-header h4 {

  background: #222222;

  padding-top: 43px;

}

.rs-pricing4 .action .top a.btn-table {

  background: #4d6de6;

  color: #fff;

  bordr: 2px solid #4d6de6;

}

/* -----------------------

    12. Team Member

--------------------------*/

.rs-team.new-style .rs-defult-team {

  background: none;

}

/* -----------------------

    12. Team Member

--------------------------*/

.owl-carousel {

  padding-top: 0;

}

.owl-carousel .owl-nav {

  position: absolute;

  right: 0;

  top: -99px;

}

.owl-carousel .owl-nav [class*="owl-"] {

  font-size: 0;

  width: 35px;

  height: 35px;

  line-height: 35px;

  color: #131313;

  border: 1px solid #d7d7d7;

  display: inline-block;

  position: relative;

  transition: all 0.3s ease 0s;

}

.owl-carousel .owl-nav [class*="owl-"]:before {

  font-family: FontAwesome;

  position: absolute;

  font-size: 20px;

  top: 50%;

  left: 50%;

  -webkit-transform: translateY(-50%) translateX(-50%);

  transform: translateY(-50%) translateX(-50%);

}

.owl-carousel .owl-nav [class*="owl-"].owl-prev {

  border-color: transparent;

  background: #4d6de6;

  color: #fff;

  left: -2px;

  border-radius: 4px 0 0 4px;

}

.owl-carousel .owl-nav [class*="owl-"].owl-prev:before {

  content: "\f104";

}

.owl-carousel .owl-nav [class*="owl-"].owl-next {

  border-color: transparent;

  background: #4d6de6;

  color: #fff;

  border-radius: 0 4px 4px 0;

}

.owl-carousel .owl-nav [class*="owl-"].owl-next:before {

  content: "\f105";

  margin-left: 2px;

}

.owl-carousel .owl-nav [class*="owl-"]:hover {

  background-color: #222222;

}

.rs-team.team-pages .team-item {

  margin-bottom: 20px;

}

.rs-team .team-item .grid-style-1 .team-item-wrap {

  position: relative;

  overflow: hidden;

  margin-bottom: 10px;

}

.rs-team .team-item .grid-style-1 .team-item-wrap a {

  text-decoration: none;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-img {

  position: relative;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-img img {

  width: 100%;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-img .normal-text {

  position: absolute;

  left: 0px;

  bottom: 10px;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-img .normal-text .team-name {

  background: #4d6de6;

  margin-bottom: 2px;

  padding: 10px 20px;

  display: block;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-img .normal-text .team-name a {

  color: #fff;

  position: relative;

  margin-bottom: 6px;

  padding-left: 9px;

  font-size: 20px;

  text-transform: capitalize;

  font-weight: 600;

  z-index: 111;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-img .normal-text .team-name a:hover {

  color: #4d6de6;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-img .normal-text .subtitle {

  background: #333;

  color: #fff;

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 8px;

  padding: 10px 27px;

  display: block;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-content {

  position: absolute;

  width: 100%;

  height: 100%;

  color: #fff;

  top: 55px;

  left: 0;

  text-align: center;

  z-index: 11;

  padding: 30px;

  opacity: 0;

  -webkit-transition: .3s;

  transition: .3s;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-content:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background: rgba(0, 0, 0, 0.8);

  z-index: -1;

  transition: .5s;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-content .display-table {

  display: table;

  height: 100%;

  width: 100%;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell {

  display: table-cell;

  vertical-align: middle;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-name a {

  margin-bottom: 6px;

  font-size: 20px;

  color: #fff;

  text-transform: capitalize;

  font-weight: 600;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-name a:hover {

  color: #4d6de6;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-title {

  font-size: 14px;

  padding-bottom: 12px;

  border: none;

  color: #4d6de6;

  position: relative;

  z-index: 111;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social {

  position: relative;

  width: 100%;

  text-align: center;

  z-index: 111;

  opacity: 0;

  margin-top: 0;

  transition: .5s;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social a {

  border: 1px solid #363636;

  color: #4d6de6;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon {

  display: inline-block;

  background-color: #4d6de6;

  width: 40px;

  height: 40px;

  line-height: 40px;

  text-align: center;

  margin-right: 6px;

  border-radius: unset;

  border: 1px solid #4d6de6;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon:hover {

  background-color: #fff;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon i {

  font-size: 14px;

  color: #000;

}

.rs-team .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell p {

  margin: 15px 0 8px;

}

.rs-team .team-item .grid-style-1 .team-item-wrap:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  display: block;

  height: 32px;

  width: 45px;

  background: transparent;

  border-top: 3px solid;

  border-top-color: #4d6de6;

  border-left: 18px solid;

  border-left-color: #4d6de6;

  transition: all 0.2s;

  z-index: 11;

}

.rs-team .team-item .grid-style-1 .team-item-wrap:after {

  content: '';

  position: absolute;

  right: 0;

  bottom: 0;

  display: block;

  height: 32px;

  width: 45px;

  background: transparent;

  border-right: 19px solid;

  border-right-color: #4d6de6;

  border-bottom: 3px solid;

  border-bottom-color: #4d6de6;

  transition: 0.5s;

}

.rs-team .team-item .grid-style-1 .team-item-wrap:before,

.rs-team .team-item .grid-style-1 .team-item-wrap:after {

  border-color: #4d6de6;

}

.rs-team .team-item .grid-style-1 .team-item-wrap:hover:before {

  width: 0px;

  height: 0px;

  border-bottom: 50px solid transparent;

  border-left: 50px solid transparent;

  border-right: none;

  z-index: 100;

  top: -3px;

}

.rs-team .team-item .grid-style-1 .team-item-wrap:hover:after {

  width: 0px;

  height: 0px;

  border-top: 50px solid transparent;

  border-right: 50px solid transparent;

  border-bottom: none;

  z-index: 100;

}

.rs-team .team-item .grid-style-1 .team-item-wrap:hover .team-content {

  opacity: 1;

  top: 0;

}

.rs-team .team-item .grid-style-1 .team-item-wrap:hover .team-content .display-table .display-table-cell .team-social {

  opacity: 1;

}

.rs-team .team-item .grid-style-1 .team-item-wrap:hover .team-img .normal-text {

  opacity: 0;

  visibility: hidden;

}

.rs-team .team-item {

  position: relative;

  overflow: hidden;

  transition: .25s;

}

.rs-team .team-item .team-img img {

  width: 100%;

}

.rs-team .team-item .team-content {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 10%;

  left: 0;

  text-align: center;

  z-index: 10;

  padding: 30px;

  opacity: 0;

  -webkit-transition: 0.3s all ease-out;

  transition: 0.3s all ease-out;

}

.rs-team .team-item .team-content:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background: rgba(0, 0, 0, 0.8);

  z-index: -1;

  -webkit-transition: .25s opacity ease;

  transition: .25s opacity ease;

}

.rs-team .team-item .team-content .display-table {

  margin-top: 0;

}

.rs-team .team-item .team-icon {

  font-size: 50px;

  color: #4d6de6;

  margin-bottom: 20px;

}

.rs-team .team-item .team-name {

  margin-bottom: 6px;

  font-size: 20px;

  color: #fff;

}

.rs-team .team-item .team-title {

  font-size: 12px;

  color: #4d6de6;

}

.rs-team .team-item .team-desc {

  color: #fff;

  margin-bottom: 0;

  margin-top: 12px;

}

.rs-team .team-item .team-social {

  text-align: center;

  z-index: 1;

}

.rs-team .team-item .team-social .social-icon {

  display: inline-block;

  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  background-color: #4d6de6;

  margin-right: 6px;

  border-radius: 50%;

  margin-top: 20px;

}

.rs-team .team-item .team-social .social-icon i {

  font-size: 14px;

  color: #fff;

}

.rs-team .team-item .team-social .social-icon:hover {

  background-color: #222222;

}

.rs-team .team-item:hover .team-content {

  opacity: 1;

  top: 0;

}

.rs-team-details {

  padding: 100px 0 90px;

}

.rs-team-details .figure img {

  margin-bottom: 30px;

}

.rs-team-details .clear-it {

  clear: both;

  padding-top: 20px;

}

.rs-team-details .description .member-title h3 {

  margin-bottom: 0;

  font-size: 30px;

}

.rs-team-details .description .member-title span {

  display: block;

  margin: 6px 0 4px;

}

.rs-team-details .description .social-share .social-icons {

  padding: 10px 0;

}

.rs-team-details .description .social-share .social-icons a i {

  font-size: 16px;

  height: 32px;

  line-height: 32px;

  margin-right: 7px;

  text-align: center;

  width: 32px;

  background: #222222;

  color: #fff;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

.rs-team-details .description .social-share .social-icons a:hover i {

  background: #4d6de6;

}

.rs-team-details .contact-details {

  margin-bottom: 30px;

}

.rs-team-details .contact-details ul li {

  padding: 6px 0;

}

.rs-team-details .contact-details ul li a {

  color: #666666;

}

.rs-team-details .contact-details ul li a:hover {

  color: #4d6de6;

}

.rs-team-details .contact-details ul li i {

  border: 1px solid #222222;

  color: #222222;

  font-size: 15px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  width: 30px;

  display: inline-block;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

.rs-team-details .contact-details ul li span {

  margin-left: 10px;

}

.rs-team-details .contact-details ul li:hover i {

  background: #222222;

  color: #fff;

}

.rs-team-details .cl-skill-bar .skillbar {

  background: #eeeeee;

  display: inline-block;

  height: 30px;

  margin: 5px 0;

  position: relative;

  width: 100%;

}

.rs-team-details .cl-skill-bar .skillbar .skillbar-title {

  color: #fff;

  font-size: 12px;

  font-weight: 500;

  height: 30px;

  left: 0;

  line-height: 30px;

  padding: 0 20px;

  position: absolute;

  top: 0;

  width: 160px;

  background: #4d6de6;

}

.rs-team-details .cl-skill-bar .skillbar .skillbar-bar {

  background: #222222;

  border-radius: 3px;

  display: inline-block;

  height: 30px;

  width: 0;

  margin-bottom: 0;

}

.rs-team-details .cl-skill-bar .skillbar .skill-bar-percent {

  color: rgba(0, 0, 0, 0.4);

  font-size: 11px;

  height: 30px;

  line-height: 30px;

  position: absolute;

  right: 10px;

  top: 0;

}

.rs-defult-team {

  background: #f2f2f2 url('../images/diagmonds-light.png');

  background-position: 0 0 !important;

  background-repeat: repeat !important;

}

.rs-defult-team .team-item {

  text-align: center;

  z-index: 1;

}

.rs-defult-team .team-item .team-img {

  overflow: hidden;

  position: relative;

}

.rs-defult-team .team-item .team-img img {

  width: 100%;

  height: auto;

}

.rs-defult-team .team-item .team-social {

  list-style: none;

  transition: all 0.5s ease 0s;

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 100%;

  opacity: 0;

  height: 55px;

  line-height: 55px;

  z-index: 1;

}

.rs-defult-team .team-item .team-social li {

  display: inline-block;

}

.rs-defult-team .team-item .team-social li a {

  display: block;

  color: #ffffff;

  padding: 0 10px;

}

.rs-defult-team .team-item .team-social li a:hover {

  color: #ffffff;

}

.rs-defult-team .team-item .team-overlay {

  position: relative;

}

.rs-defult-team .team-item .team-overlay:after {

  content: "";

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7);

  opacity: 0;

  position: absolute;

  top: 0;

  left: 0;

  transition: all 0.5s ease 0s;

}

.rs-defult-team .team-item .team-content {

  width: 100%;

  height: 0px;

  position: absolute;

  bottom: 0;

  left: 0;

  transition: all 0.5s ease 0s;

  background: #fff;

}

.rs-defult-team .team-item .title {

  font-size: 20px;

  font-weight: 600;

  color: #212121;

  margin: 18px 0 0;

  transition: all 0.5s ease 0s;

}

.rs-defult-team .team-item .title:hover {

  color: #4d6de6;

}

.rs-defult-team .team-item .post {

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 8px;

  padding: 0;

  display: block;

}

.rs-defult-team .team-item:hover .team-social,

.rs-defult-team .team-item:hover .team-img:after {

  opacity: 1;

}

.rs-defult-team .team-item:hover .team-content {

  height: 55px;

  background: rgba(29, 36, 42, 0.8);

  border: none;

}

.rs-defult-team .team-item:hover .team-content span.post {

  color: #ccc;

}

.rs-defult-team .team-item:hover .team-content .team-social {

  opacity: 1;

}

.rs-defult-team.defult-style {

  position: relative;

  padding-top: 233px;

  padding-bottom: 215px;

}

.rs-defult-team.defult-style.about-team {

  padding-top: 220px;

  padding-bottom: 94px;

}

.rs-defult-team.defult-style.about-team .team-info .post {

  margin: 0;

}

.rs-defult-team.construction-team {

  background-image: unset;

}

.rs-defult-team.construction-team .team-item .team-overlay:after {

  border-radius: 5px 5px 0 0;

}

.rs-defult-team.construction-team .team-item .team-img {

  border-radius: 5px 5px 0 0;

}

.rs-defult-team.construction-team .team-item .team-info {

  padding: 23px;

  border-radius: 0 0 5px 5px;

  background: #4d6de6;

}

.rs-defult-team.construction-team .team-item .team-info .title {

  margin: 0;

  padding: 0;

  font-size: 22px;

  font-weight: normal;

  line-height: normal;

  color: #ffffff;

  text-transform: uppercase;

}

.rs-defult-team.construction-team .team-item .team-info .post {

  margin: 0;

  font-size: 12px;

  text-transform: uppercase;

  color: #ffffff;

}

.rs-defult-team.construction-team .team-item .team-content {

  background: #4d6de6;

  border-radius: 5px 0 0 0;

  height: 185px;

  width: 0px;

  opacity: 0;

  bottom: unset;

  top: 0;

  left: 0;

  z-index: 9;

}

.rs-defult-team.construction-team .team-item .team-content .team-social {

  top: 15px;

  left: 0;

  bottom: unset;

  transform: unset;

  width: 50px;

  height: unset;

  line-height: 39px;

  font-size: 25px;

}

.rs-defult-team.construction-team .team-item .team-content .team-social li a {

  line-height: 1;

}

.rs-defult-team.construction-team .team-item .team-content .team-social li a:hover {

  opacity: 0.7;

}

.rs-defult-team.construction-team .team-item:hover .team-overlay:after {

  opacity: 1;

}

.rs-defult-team.construction-team .team-item:hover .team-content {

  opacity: 1;

  width: 50px;

}

.rs-defult-team.creative-team {

  background-image: unset;

}

.rs-defult-team.creative-team .team-item {

  padding-bottom: 95px;

  position: relative;

  overflow: hidden;

}

.rs-defult-team.creative-team .team-item .team-img {

  border-radius: 5px 5px 0 0;

}

.rs-defult-team.creative-team .team-item .team-img img {

  moz-transform: scale(1);

  transform: scale(1);

  transition: all 0.3s ease 0s;

}

.rs-defult-team.creative-team .team-item .team-content {

  position: absolute;

  height: 100px;

  padding: 20px;

  opacity: 1;

  border-bottom: 2px solid #4d6de6;

  border-radius: 0 0 5px 5px;

}

.rs-defult-team.creative-team .team-item .team-content .team-info {

  padding: 10px 0;

}

.rs-defult-team.creative-team .team-item .team-content .team-info .title {

  margin: 0;

}

.rs-defult-team.creative-team .team-item .team-content .team-info .title:hover {

  color: #4d6de6 !important;

}

.rs-defult-team.creative-team .team-item .team-content .team-info .post {

  color: #212121;

  text-transform: uppercase;

  margin: 0;

}

.rs-defult-team.creative-team .team-item .team-content .social-icon {

  height: 0px;

  opacity: 0;

  padding: 10px 0;

  position: relative;

  bottom: -100px;

  transition: all 0.3s ease 0s;

}

.rs-defult-team.creative-team .team-item .team-content .social-icon li {

  display: inline-block;

  margin-right: 5px;

}

.rs-defult-team.creative-team .team-item .team-content .social-icon li a {

  color: #ffffff;

  background: #4d6de6;

  display: inline-block;

  font-size: 14px;

  width: 25px;

  height: 25px;

  line-height: 25px;

  border-radius: 50%;

  padding: 0px;

  border: none;

  text-align: center;

}

.rs-defult-team.creative-team .team-item .team-content .social-icon li a:hover {

  opacity: 0.9;

}

.rs-defult-team.creative-team .team-item .team-content .social-icon li:last-child {

  margin-right: 0;

}

.rs-defult-team.creative-team .team-item:hover .team-img img {

  moz-transform: scale(1.1);

  transform: scale(1.1);

}

.rs-defult-team.creative-team .team-item:hover .team-content {

  background: #1d242a;

  height: 140px;

}

.rs-defult-team.creative-team .team-item:hover .team-content .team-info .title,

.rs-defult-team.creative-team .team-item:hover .team-content .team-info .post {

  color: #ffffff;

}

.rs-defult-team.creative-team .team-item:hover .team-content .social-icon {

  height: auto;

  opacity: 1;

  padding: 10px 0;

  bottom: 8px;

}

.rs-defult-team.medical-team {

  background: #ffffff;

  background-image: none;

}

.rs-defult-team.medical-team .team-item .team-overlay {

  overflow: hidden;

  position: relative;

}

.rs-defult-team.medical-team .team-item .team-overlay .team-img img {

  border-radius: 5px 5px 0 0;

}

.rs-defult-team.medical-team .team-item .team-overlay .team-content {

  background: #4d6de6;

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  content: '';

  border-top-right-radius: 30px;

  border-top-left-radius: 30px;

}

.rs-defult-team.medical-team .team-item .team-overlay .team-content ul.team-social {

  content: unset;

}

.rs-defult-team.medical-team .team-item .team-info {

  background: #4d6de6;

  padding: 20px;

  border-radius: 0 0 5px 5px;

  transition: all 0.3s ease 0s;

  position: relative;

  top: 0;

}

.rs-defult-team.medical-team .team-item .team-info a .title {

  color: #ffffff;

  font-weight: normal;

  font-size: 17px;

  margin: 0;

  padding: 0;

  text-transform: uppercase;

}

.rs-defult-team.medical-team .team-item .team-info .post {

  color: #ffffff;

  text-transform: uppercase;

  font-size: 12px;

  margin: 0;

  padding: 0;

  font-weight: normal;

}

.rs-defult-team.medical-team .team-item:hover .team-info {

  top: 5px;

}

.rs-defult-team.medical-team.defult-style {

  padding-top: 216px;

  padding-bottom: 230px;

}

.rs-team2 .team-item-wrap {

  position: relative;

  overflow: hidden;

}

.rs-team2 .team-item-wrap a {

  text-decoration: none;

}

.rs-team2 .team-item-wrap .team-img {

  position: relative;

}

.rs-team2 .team-item-wrap .team-img img {

  width: 100%;

}

.rs-team2 .team-item-wrap .team-img .normal-text {

  position: absolute;

  left: -50px;

  bottom: 32px;

  width: 175px;

  transform: rotate(-90deg);

}

.rs-team2 .team-item-wrap .team-img .normal-text .team-name {

  background: #4d6de6;

  margin-bottom: 0;

  padding: 10px 15px;

  display: block;

  position: relative;

  z-index: 999;

}

.rs-team2 .team-item-wrap .team-img .normal-text .team-name a {

  color: #ffffff;

  position: relative;

  margin-bottom: 6px;

  font-size: 20px;

  text-transform: capitalize;

  font-weight: 400;

  z-index: 111;

}

.rs-team2 .team-item-wrap .team-img .normal-text .team-name a:hover {

  color: #4d6de6;

}

.rs-team2 .team-item-wrap .team-img .normal-text .subtitle {

  background: #333;

  color: #fff;

  font-size: 14px;

  font-weight: 400;

  margin-bottom: 8px;

  padding: 10px 20px;

  display: block;

}

.rs-team2 .team-item-wrap .team-content {

  position: absolute;

  width: 100%;

  height: 100%;

  color: #fff;

  top: 10%;

  left: 0;

  text-align: center;

  z-index: 11;

  padding: 30px;

  opacity: 0;

  -webkit-transition: 0.3s all ease-out;

  transition: 0.3s all ease-out;

}

.rs-team2 .team-item-wrap .team-content:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background: #1c2549;

  z-index: -1;

  -webkit-transition: .25s opacity ease;

  transition: .25s opacity ease;

}

.rs-team2 .team-item-wrap .team-content .overly-border:before,

.rs-team2 .team-item-wrap .team-content .overly-border:after {

  position: absolute;

  top: 20px;

  right: 20px;

  bottom: 20px;

  left: 20px;

  content: '';

  opacity: 0;

  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

  transition: opacity .35s,transform .35s;

  z-index: 1;

}

.rs-team2 .team-item-wrap .team-content .overly-border:before {

  border-top: 5px solid #4d6de6;

  border-bottom: 5px solid #4d6de6;

  -webkit-transform: scale(0, 1);

  transform: scale(0, 1);

}

.rs-team2 .team-item-wrap .team-content .overly-border:after {

  border-right: 5px solid #4d6de6;

  border-left: 5px solid #4d6de6;

  -webkit-transform: scale(1, 0);

  transform: scale(1, 0);

}

.rs-team2 .team-item-wrap .team-content .display-table {

  display: table;

  height: 100%;

  width: 100%;

}

.rs-team2 .team-item-wrap .team-content .display-table .display-table-cell {

  display: table-cell;

  vertical-align: middle;

}

.rs-team2 .team-item-wrap .team-content .display-table .display-table-cell .team-name {

  position: relative;

  z-index: 999;

  margin-bottom: 5px;

}

.rs-team2 .team-item-wrap .team-content .display-table .display-table-cell .team-name a {

  font-size: 20px;

  color: #fff;

  text-transform: capitalize;

  font-weight: 400;

}

.rs-team2 .team-item-wrap .team-content .display-table .display-table-cell .team-name a:hover {

  color: #4d6de6;

}

.rs-team2 .team-item-wrap .team-content .display-table .display-table-cell .team-title {

  font-size: 14px;

  padding-bottom: 7px;

  border: none;

  display: inline-block;

  color: #4d6de6;

  position: relative;

  z-index: 111;

}

.rs-team2 .team-item-wrap .team-content .display-table .display-table-cell .team-title:after {

  position: absolute;

  content: "";

  left: 0;

  bottom: 0;

  width: 100%;

  height: 2px;

  background: #4d6de6;

}

.rs-team2 .team-item-wrap .team-content .display-table .display-table-cell .team-social {

  position: relative;

  width: 100%;

  text-align: center;

  z-index: 111;

  opacity: 0;

  margin-top: 25px;

  -webkit-transition: .4s all ease;

  transition: all 0.3s ease 0s;

}

.rs-team2 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon {

  display: inline-block;

  background-color: #4d6de6;

  width: 40px;

  height: 40px;

  border-radius: 30px;

  transition: all 0.3s ease 0s;

  line-height: 40px;

  text-align: center;

  margin-right: 6px;

}

.rs-team2 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon i {

  font-size: 14px;

  color: #ffffff;

  transition: all 0.3s ease 0s;

}

.rs-team2 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon:hover {

  background: #ffffff;

}

.rs-team2 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon:hover i {

  color: #4d6de6;

}

.rs-team2 .team-item-wrap .team-content .display-table .display-table-cell p {

  margin: 15px 0 25px;

}

.rs-team2 .team-item-wrap:hover .team-content {

  opacity: 1;

  top: 0;

}

.rs-team2 .team-item-wrap:hover .display-table .display-table-cell .team-social {

  opacity: 1;

}

.rs-team2 .team-item-wrap:hover .team-img .normal-text {

  opacity: 0;

  visibility: hidden;

}

.rs-team2 .team-item-wrap:hover .overly-border:before,

.rs-team2 .team-item-wrap:hover .overly-border:after {

  opacity: 1;

  -webkit-transform: scale(1);

  transform: scale(1);

}

.rs-team4 .team-item {

  background: #fff;

  border: 1px solid #e0dfdf;

  text-align: center;

  transition: all 0.25s;

  padding: 40px 20px;

}

.rs-team4 .team-item .team-img img {

  width: 120px;

  height: auto;

  margin: 0 auto 35px;

  border-radius: 50%;

  transition: all 0.25s;

}

.rs-team4 .team-item .team-content .display-table .display-table-cell h4.team-name {

  font-size: 20px;

  margin: 0 0 10px;

  color: #4d6de6;

  transition: 0.25s;

}

.rs-team4 .team-item .team-content .display-table .display-table-cell h4.team-name:hover {

  color: #222222;

}

.rs-team4 .team-item .team-content .display-table .display-table-cell span.team-title {

  color: #222222;

  margin-bottom: 15px;

  display: block;

  text-transform: uppercase;

}

.rs-team4 .team-item .team-content .display-table .display-table-cell p {

  margin: 0 0 26px;

}

.rs-team4 .team-item .team-social a {

  color: #4d6de6;

  font-size: 18px;

  padding: 0 10px;

  transition: .20s;

}

.rs-team4 .team-item .team-social a:hover {

  color: #222222;

}

.rs-team4 .team-item:hover {

  border: 1px solid #4d6de6;

}

.rs-team4 .team-item:hover .team-img img {

  transform: scale(1.1);

}

.rs-team-inner .team-grid {

  position: relative;

}

.rs-team-inner .team-grid .text-bottom {

  padding: 20px 0 0 25px;

}

.rs-team-inner .team-grid .text-bottom h4.person-name {

  margin-bottom: 10px;

  font-weight: normal;

}

.rs-team-inner .team-grid .text-bottom h4.person-name a {

  color: #212121;

}

.rs-team-inner .team-grid .text-bottom span.designation {

  display: block;

  color: #212121;

  text-transform: uppercase;

  font-size: 12px;

}

.rs-team-inner .team-grid .team-content {

  position: absolute;

  content: '';

  top: 0;

  left: 0;

  width: 100%;

  opacity: 0;

  visibility: hidden;

  transition: all 0.3s ease 0s;

  text-align: center;

  height: 100%;

  background: #4d6de6;

  z-index: 1;

}

.rs-team-inner .team-grid .team-content .text-box {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  content: '';

}

.rs-team-inner .team-grid .team-content .text-box h4.person-name {

  margin-bottom: 7px;

  font-weight: 400;

}

.rs-team-inner .team-grid .team-content .text-box h4.person-name a {

  color: #ffffff;

}

.rs-team-inner .team-grid .team-content .text-box h4.person-name a:hover {

  color: #e6e6e6;

}

.rs-team-inner .team-grid .team-content .text-box span.designation {

  display: block;

  color: #ffffff;

  margin-bottom: 10px;

  text-transform: uppercase;

  font-size: 14px;

}

.rs-team-inner .team-grid .team-content .text-box .team-social ul li {

  display: inline;

  padding: 0 5px;

}

.rs-team-inner .team-grid .team-content .text-box .team-social ul li a {

  color: #ffffff;

}

.rs-team-inner .team-grid .team-content .text-box .team-social ul li a:hover {

  color: #e6e6e6;

}

.rs-team-inner .team-grid:hover .team-content {

  opacity: 1;

  visibility: visible;

}

.rs-team-inner.rs-team-inner-3 .team-grid {

  overflow: hidden;

  position: relative;

}

.rs-team-inner.rs-team-inner-3 .team-grid .team-image {

  margin-bottom: 107px;

}

.rs-team-inner.rs-team-inner-3 .team-grid .team-image img {

  transition: all 0.3s ease 0s;

}

.rs-team-inner.rs-team-inner-3 .team-grid .text-bottom {

  text-align: center;

  border-bottom: 3px solid #4d6de6;

  border-radius: 0 0 3px 3px;

  background: #ffffff;

  padding: 30px 0 15px 0;

  position: absolute;

  content: '';

  width: 100%;

  left: 0;

  bottom: 0;

  z-index: 1;

  transition: all 0.3s ease 0s;

}

.rs-team-inner.rs-team-inner-3 .team-grid .text-bottom h4.person-name {

  font-weight: 600;

}

.rs-team-inner.rs-team-inner-3 .team-grid .text-bottom h4.person-name a {

  color: #212121;

}

.rs-team-inner.rs-team-inner-3 .team-grid .text-bottom span.designation {

  color: #212121;

  font-weight: 600;

  transition: all 0.3s ease 0s;

}

.rs-team-inner.rs-team-inner-3 .team-grid .text-bottom .social-links {

  margin-top: 20px;

  padding-bottom: 10px;

  transition: all 0.3s ease 0s;

  margin-bottom: -50px;

  opacity: 0;

}

.rs-team-inner.rs-team-inner-3 .team-grid .text-bottom .social-links ul li {

  display: inline;

  padding: 0 5px;

}

.rs-team-inner.rs-team-inner-3 .team-grid .text-bottom .social-links ul li a i {

  width: 30px;

  height: 30px;

  line-height: 30px;

  text-align: center;

  color: #ffffff;

  border-radius: 30px;

  background: #4d6de6;

}

.rs-team-inner.rs-team-inner-3 .team-grid:hover .team-image img {

  transform: scale(1.1);

}

.rs-team-inner.rs-team-inner-3 .team-grid:hover .text-bottom {

  background: #222222;

}

.rs-team-inner.rs-team-inner-3 .team-grid:hover .text-bottom .person-name a {

  color: #ffffff;

}

.rs-team-inner.rs-team-inner-3 .team-grid:hover .text-bottom .designation {

  color: #ffffff;

}

.rs-team-inner.rs-team-inner-3 .team-grid:hover .text-bottom .social-links {

  margin-bottom: 0;

  opacity: 1;

}

.rs-team-inner.lawyer-team .team-grid .team-image {

  text-align: center;

}

.rs-team-inner.lawyer-team .team-grid .text-bottom {

  background: #ffffff;

  padding: 20px;

}

.rs-team-inner-4 img {

  width: 100%;

}

.rs-team-inner-4 .single-team-member {

  width: 100%;

}

.rs-team-inner-4 .single-team-member .image-section {

  width: 50%;

  float: left;

  position: relative;

  background-color: #000;

  opacity: 0.8;

}

.rs-team-inner-4 .single-team-member .image-section .overlay-section {

  background-color: #000;

  opacity: 0;

  transition: all 0.3s ease 0s;

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

.rs-team-inner-4 .single-team-member .image-section .overlay-section .detail-link {

  position: absolute;

  top: 45%;

  left: 46%;

}

.rs-team-inner-4 .single-team-member .image-section .overlay-section .detail-link i {

  color: #fff;

  font-size: 19px;

  background: #4d6de6;

  border-radius: 50%;

  height: 46px;

  width: 46px;

  line-height: 47px;

  display: inline-block;

  text-align: center;

  transition: all 0.3s ease 0s;

}

.rs-team-inner-4 .single-team-member .image-section .overlay-section .detail-link i:hover {

  background: #4d6de6;

}

.rs-team-inner-4 .single-team-member .image-section img {

  width: 100%;

  transform: scale(0.9);

  transition: all 0.3s ease 0s;

}

.rs-team-inner-4 .single-team-member .image-section:hover .overlay-section {

  opacity: 0.8;

}

.rs-team-inner-4 .single-team-member .box-section {

  width: 50%;

  float: left;

  position: relative;

  background-color: #f2f2f2;

  transition: all 0.3s ease 0s;

}

.rs-team-inner-4 .single-team-member .box-section:before {

  position: absolute;

  content: "";

  border-right: 15px solid #4d6de6;

  border-bottom: 15px solid transparent;

  border-top: 15px solid transparent;

  bottom: 30px;

  left: -15px;

  opacity: 0;

  transition: all 0.3s ease 0s;

}

.rs-team-inner-4 .single-team-member .box-section .box-text {

  text-align: center;

  padding: 32.40% 0;

}

.rs-team-inner-4 .single-team-member .box-section .box-text .box-title h1 {

  font-size: 18px;

  font-weight: bold;

  margin-bottom: 5px;

}

.rs-team-inner-4 .single-team-member .box-section .box-text .box-title h1 a {

  text-decoration: none;

}

.rs-team-inner-4 .single-team-member .box-section .box-text .box-title h1 a:hover {

  color: #212121 !important;

}

.rs-team-inner-4 .single-team-member .box-section .box-text .box-title h2 {

  font-size: 15px;

  font-weight: 600;

  transition: all 0.3s ease 0s;

  margin-bottom: 15px;

}

.rs-team-inner-4 .single-team-member .box-section .box-text .social-icons {

  padding: 0;

  text-align: center;

}

.rs-team-inner-4 .single-team-member .box-section .box-text .social-icons a {

  background: #4d6de6;

  color: #fff;

  display: inline-block;

  font-size: 16px;

  height: 30px;

  margin-bottom: 6px;

  margin-right: 4px;

  padding: 0;

  text-align: center;

  text-decoration: none;

  width: 30px;

  border-radius: 50%;

  transition: all 0.3s ease 0s;

}

.rs-team-inner-4 .single-team-member .box-section .box-text .social-icons a i {

  padding: 7px 0 0;

}

.rs-team-inner-4 .single-team-member .box-section .box-text .social-icons a:hover i {

  color: #fff;

  height: 30px;

  width: 30px;

  border-radius: 50%;

}

.rs-team-inner-4 .single-team-member .box-section .box-text .social-icons a:hover .fa-facebook {

  background: #3b5999;

}

.rs-team-inner-4 .single-team-member .box-section .box-text .social-icons a:hover .fa-twitter {

  background: #3aa9e0;

}

.rs-team-inner-4 .single-team-member .box-section .box-text .social-icons a:hover .fa-google-plus {

  background: #d04333;

}

.rs-team-inner-4 .single-team-member .box-section .box-text .social-icons a:hover .fa-linkedin {

  background: #0080b1;

}

.rs-team-inner-4 .single-team-member:hover .image-section img {

  transform: scale(1);

}

.rs-team-inner-4 .single-team-member:hover .box-section {

  background-color: #4d6de6;

}

.rs-team-inner-4 .single-team-member:hover .box-section .box-text .box-title h1 a {

  color: #ffffff;

}

.rs-team-inner-4 .single-team-member:hover .box-section .box-text .box-title h2 {

  color: #ffffff;

}

.rs-team-inner-4 .single-team-member:hover .box-section .box-text .social-icons a {

  background: #ffffff;

  color: #000;

}

.rs-team-inner-4 .single-team-member:hover .box-section:before {

  opacity: 1;

}

/* -----------------------

    13. Testimonial CSS

--------------------------*/

.rs-testimonial .testi-filter.nav-tabs {

  border: 0;

}

.rs-testimonial .testi-filter .testi-img {

  position: relative;

}

.rs-testimonial .testi-filter .testi-img:before {

  content: '';

  position: absolute;

  left: 50%;

  top: 50%;

  height: 100%;

  width: 100%;

  z-index: 1;

  background: rgba(0, 0, 0, 0.7);

  opacity: 1;

  -webkit-transform: translateX(-50%) translateY(-50%);

  transform: translateX(-50%) translateY(-50%);

  -webkit-transition: 0.4s all ease-out;

  transition: 0.4s all ease-out;

}

.rs-testimonial .testi-filter .testi-img img {

  width: 100%;

}

.rs-testimonial .testi-filter li {

  margin-bottom: 0;

}

.rs-testimonial .testi-filter li a {

  padding: 0;

  border: 0 !important;

  background: transparent !important;

  text-align: center;

}

.rs-testimonial .testi-filter li.active .testi-img:before,

.rs-testimonial .testi-filter li:hover .testi-img:before {

  width: 80%;

  height: 80%;

  opacity: 0;

}

.rs-testimonial .testi-name {

  margin-bottom: 3px;

  font-size: 16px;

  line-height: normal;

  margin-top: 20px;

}

.rs-testimonial .testi-title {

  font-size: 13px;

  line-height: normal;

  color: #666666;

}

.rs-testimonial .testi-content {

  position: relative;

  margin-top: 35px;

  padding: 30px 45px;

  background-color: #4d6de6;

  color: #fff;

}

.rs-testimonial .testi-content:before {

  content: '';

  position: absolute;

  top: -18px;

  height: 38px;

  width: 38px;

  background: transparent;

  border: 1px solid #4d6de6;

  -webkit-transform: rotate(45deg);

  transform: rotate(45deg);

  z-index: -1;

}

.rs-testimonial .testi-content p {

  margin-bottom: 0;

  position: relative;

  padding: 0 55px;

}

.rs-testimonial .testi-content p:before,

.rs-testimonial .testi-content p:after {

  position: absolute;

  font-family: FontAwesome;

  font-size: 26px;

  color: #fff;

  opacity: 0.3;

}

.rs-testimonial .testi-content p:before {

  content: "\f10d";

  left: 0;

}

.rs-testimonial .testi-content p:after {

  content: "\f10e";

  right: 0;

}

.rs-testimonial .tab-pane:nth-child(1) .testi-content:before {

  margin-left: -30px;

  left: 17%;

}

.rs-testimonial .tab-pane:nth-child(2) .testi-content:before {

  margin-left: -19px;

  left: 50%;

}

.rs-testimonial .tab-pane:nth-child(3) .testi-content:before {

  margin-right: -30px;

  right: 17%;

}

.rs-testimonial .testi-carousel .slick-slide {

  outline: none;

}

.rs-testimonial .testi-carousel .slick-arrow {

  position: absolute;

  top: -70px;

  right: 0;

  font-size: 0;

  width: 35px;

  height: 35px;

  line-height: 35px;

  color: #131313;

  background: transparent;

  border: 1px solid #d7d7d7;

  display: inline-block;

  transition: all .3s ease 0s;

  outline: none;

}

.rs-testimonial .testi-carousel .slick-arrow:before {

  font-family: FontAwesome;

  position: absolute;

  font-size: 26px;

  top: 50%;

  left: 50%;

  -webkit-transform: translateY(-50%) translateX(-50%);

  transform: translateY(-50%) translateX(-50%);

}

.rs-testimonial .testi-carousel .slick-arrow.slick-prev {

  right: 38px;

  border-bottom-left-radius: 20px;

  border-top-left-radius: 20px;

  background: #4d6de6;

  color: #fff;

  border: transparent;

}

.rs-testimonial .testi-carousel .slick-arrow.slick-prev:before {

  content: "\f104";

}

.rs-testimonial .testi-carousel .slick-arrow.slick-next {

  border-bottom-right-radius: 20px;

  border-top-right-radius: 20px;

  background: #4d6de6;

  color: #fff;

  border: transparent;

}

.rs-testimonial .testi-carousel .slick-arrow.slick-next:before {

  content: "\f105";

  margin-left: 2px;

}

.rs-testimonial .testi-carousel .slick-arrow:hover {

  background: #222222;

}

.rs-testimonial-section .testi-item {

  margin-top: 50px;

  padding: 30px 0 68px;

  background: #fff;

  border-bottom: 1px solid #f0f0f0;

}

.rs-testimonial-section .testi-item:first-child {

  margin-top: 0;

  padding-top: 0;

}

.rs-testimonial-section .testi-item .item-img {

  width: 120px;

  height: 120px;

  margin: 0 auto 15px;

}

.rs-testimonial-section .testi-item .item-img img {

  border-radius: 100%;

  transition: .25s;

}

.rs-testimonial-section .testi-item:hover .item-img img {

  transform: scale(0.95);

}

.rs-testimonial-section .testi-item .item-detail p {

  margin-bottom: 0px;

  font-style: italic;

  font-weight: normal;

}

.rs-testimonial-section .testi-item .item-detail p i {

  margin-right: 5px;

  font-size: 16px;

  color: #222222;

}

.rs-testimonial-section .testi-item .title {

  font-weight: 500;

  font-size: 16px;

  margin-top: 15px;

  color: #222222;

  position: relative;

}

.rs-testimonial-section .testi-item .title:after {

  position: absolute;

  content: '';

  /*background: @hover-color;*/

  width: 0px;

  height: 1px;

  left: 0;

  bottom: 0px;

  transition: .40s;

}

.rs-testimonial-section .testi-item .designation {

  font-weight: 600;

}

.rs-testimonial-section .testi-item .stars ul {

  list-style: none;

}

.rs-testimonial-section .testi-item .stars ul li {

  display: inline;

  color: #222222;

}

.rs-testimonial-section .testi-item:hover .title:after {

  width: 92px;

}

.pagination-style {

  margin-top: 20px;

  text-align: center;

  overflow: hidden;

}

.pagination-style ul li {

  display: inline-block;

  margin-right: 10px;

}

.pagination-style ul li a {

  padding: 8px 13px;

  border: 1px solid #4d6de6;

  display: block;

}

.pagination-style ul li a:hover {

  background: #4d6de6;

  color: #fff;

}

.pagination-style ul .active a {

  color: #fff;

  background: #4d6de6;

}

.rs-home-testimonial .sec-title h3 {

  margin: 0 0 12px;

}

.rs-home-testimonial .testimonial {

  margin: 0 15px;

}

.rs-home-testimonial .testimonial .img-text {

  width: 100%;

  height: 50px;

  position: relative;

  border-radius: 100px 0 0 0;

}

.rs-home-testimonial .testimonial .img-text .image {

  position: absolute;

  width: 80px;

  height: 80px;

  overflow: hidden;

  margin: 0;

  display: inline-block;

  left: 50%;

  bottom: -40px;

  border-radius: 50%;

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

}

.rs-home-testimonial .testimonial .img-text .image img {

  width: 100%;

  height: 100%;

}

.rs-home-testimonial .testimonial .description {

  width: 100%;

  line-height: 26px;

  padding: 50px 20px 10px;

  background-color: #4d6de6;

  margin: 0;

}

.rs-home-testimonial .testimonial .description p {

  margin: 0;

  color: #fff;

  padding: 10px 0 20px;

}

.rs-home-testimonial .testimonial .client-info {

  text-align: center;

  background-color: #f2f2f2;

  padding-bottom: 35px;

  border-radius: 0 0 100px 0;

}

.rs-home-testimonial .testimonial .client-info .testimonial-title {

  display: inline-block;

  text-transform: capitalize;

  margin-top: 35px;

}

.rs-home-testimonial .testimonial .client-info .testimonial-title span {

  color: #4d6de6;

  display: block;

  font-weight: 600;

  margin-bottom: 0;

}

.rs-home-testimonial .testimonial .client-info .testimonial-title small {

  display: block;

  font-size: 14px;

  margin: 0;

  color: #101010;

}

ul.rs-testimonial-page .testi-item:last-child {

  border: none !important;

}

.pagination-testimonial .pagination-area {

  padding-top: 0;

}

#rs-testimonial2 {

  padding: 100px 0 100px;

  background: #f2f2f2;

}

#rs-testimonial2 .sec-title {

  text-align: center;

}

#rs-testimonial2 .sec-title h2 {

  font-size: 40px;

  font-weight: 700;

}

#rs-testimonial2 .sec-title p {

  font-weight: 300;

  font-size: 18px;

  color: #505050;

  margin-bottom: 50px;

}

#rs-testimonial2 .slick-slide {

  margin: 0px 45px;

  transition: all ease-in-out 0.3s;

  opacity: .2;

  width: 100px;

  position: relative;

}

#rs-testimonial2 .slick-slide:focus {

  outline: none;

}

#rs-testimonial2 .container {

  padding: 0;

  position: relative;

}

#rs-testimonial2 .container .rs-tst-content {

  padding: 0 70px !important;

}

#rs-testimonial2 .rs-tst-slider {

  max-width: 860px;

  margin: 0 auto;

  padding: 0;

}

#rs-testimonial2 .rs-tst-slider .slick-list {

  padding-top: 50px !important;

}

#rs-testimonial2 .slick-slide img {

  width: 100%;

  border-radius: 50%;

}

#rs-testimonial2 .slick-slide img:focus {

  outline: none;

}

#rs-testimonial2 .slick-prev {

  border: none;

  box-shadow: none;

  background: none;

  font-size: 0;

  color: #fff;

  position: absolute;

  top: 35%;

  left: -180px;

  transform: translateX(-50%);

}

#rs-testimonial2 .slick-prev:before {

  color: #fff !important;

}

#rs-testimonial2 .slick-next {

  border: none;

  box-shadow: none;

  background: none;

  font-size: 0;

  color: #fff;

  position: absolute;

  top: 35%;

  right: -180px;

  transform: translateX(-50%);

}

#rs-testimonial2 .slick-next:before {

  color: #fff !important;

}

#rs-testimonial2 .slick-prev:before,

#rs-testimonial2 .slick-next:before {

  color: black;

  font-size: 36px;

}

#rs-testimonial2 .slick-prev:before:focus,

#rs-testimonial2 .slick-next:before:focus {

  outline: none;

}

#rs-testimonial2 .slick-prev:hover:before,

#rs-testimonial2 .slick-next:hover:before {

  color: #222222;

}

#rs-testimonial2 .slick-prev:before {

  font-family: FontAwesome;

  content: "\f104";

}

#rs-testimonial2 .slick-prev:before:focus {

  outline: none;

}

#rs-testimonial2 .slick-next:before {

  font-family: FontAwesome;

  content: "\f105";

}

#rs-testimonial2 .slick-next:before:focus {

  outline: none;

}

#rs-testimonial2 .slick-active {

  opacity: .5;

}

#rs-testimonial2 .slick-active:focus {

  outline: none;

}

#rs-testimonial2 .slick-current {

  opacity: 1;

  transition: all 0.3s ease 0s;

}

#rs-testimonial2 .slick-current:focus {

  outline: none;

}

#rs-testimonial2 .slick-current img {

  transform: scale(1.7);

  transition: all 0.3s ease 0s;

}

#rs-testimonial2 .slick-current img:focus {

  outline: none;

}

#rs-testimonial2 .rs-tst-content {

  margin: 0px -340%;

  padding-bottom: 15px;

  text-align: center;

  display: none;

}

#rs-testimonial2 .rs-tst-content:focus {

  outline: none;

}

#rs-testimonial2 .slick-current .rs-tst-content {

  display: block;

}

#rs-testimonial2 .slick-current .rs-tst-content:focus {

  outline: none;

}

#rs-testimonial2 .rs-tst-title {

  font-family: 'Poppins', sans-serif;

  font-size: 20px;

  color: #101010;

  font-weight: 600;

  margin-top: 58px;

}

#rs-testimonial2 .rs-tst-title:focus {

  outline: none;

}

#rs-testimonial2 .rs-tst-designation {

  font-family: 'Roboto', sans-serif;

  color: #222222;

  font-weight: 400;

  font-size: 13px;

  margin-bottom: 7px;

}

#rs-testimonial2 .rs-tst-designation:focus {

  outline: none;

}

#rs-testimonial2 .rs-tst-details p {

  font-family: 'Roboto', sans-serif;

  font-weight: 400;

  font-size: 15px;

  color: #757575;

}

#rs-testimonial2 .rs-tst-details p:focus {

  outline: none;

}

#rs-testimonial2.skew-testimonial2 {

  background: #fff;

}

#rs-testimonial2.skew-testimonial2 .slick-prev {

  border: none;

  box-shadow: none;

  background: none;

  font-size: 0;

  color: #fff;

  position: absolute;

  top: 35%;

  left: -180px;

  transform: translateX(-50%);

}

#rs-testimonial2.skew-testimonial2 .slick-prev:before {

  color: #4d6de6 !important;

}

#rs-testimonial2.skew-testimonial2 .slick-next {

  border: none;

  box-shadow: none;

  background: none;

  font-size: 0;

  color: #fff;

  position: absolute;

  top: 35%;

  right: -180px;

  transform: translateX(-50%);

}

#rs-testimonial2.skew-testimonial2 .slick-next:before {

  color: #4d6de6 !important;

}

.bs-sidebar .bs-latest-post .post-item:last-child {

  margin-bottom: 7px;

}

/* -----------------------

    14. Blog Post

--------------------------*/

.rs-blog .blog-item .blog-img {

  position: relative;

  overflow: hidden;

}

.rs-blog .blog-item .blog-img img {

  width: 100%;

  border-top-right-radius: 5px;

  border-top-left-radius: 5px;

}

.rs-blog .blog-item .blog-img .blog-img-content {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 30%;

  left: 0;

  text-align: center;

  z-index: 10;

  padding: 20px;

  opacity: 0;

  -webkit-transition: 0.3s all ease-out;

  transition: 0.3s all ease-out;

}

.rs-blog .blog-item .blog-img .blog-img-content:before {

  content: '';

  position: absolute;

  left: 0;

  top: 0;

  height: 100%;

  width: 100%;

  background: rgba(0, 0, 0, 0.8);

  border-radius: 5px 5px 0 0;

  z-index: -1;

  -webkit-transition: .25s opacity ease;

  transition: .25s opacity ease;

}

.rs-blog .blog-item .blog-img .blog-img-content .blog-link {

  display: inline-block;

  font-size: 27px;

  color: #4d6de6;

  background: #ffffff;

  width: 50px;

  height: 50px;

  line-height: 55px;

  text-align: center;

  border-radius: 50%;

  transition: all 0.3s ease 0s;

}

.rs-blog .blog-item .blog-img .blog-img-content .blog-link:hover {

  opacity: 1;

  color: #ffffff;

  background: #4d6de6;

}

.rs-blog .blog-item .blog-img .blog-img-content .blog-title {

  font-size: 18px;

  line-height: normal;

  margin-top: 15px;

  color: #fff;

  margin-bottom: 0;

}

.rs-blog .blog-item .blog-img .blog-img-content .blog-title a {

  color: #fff;

}

.rs-blog .blog-item .blog-img .blog-img-content .blog-title a:hover {

  color: rgba(255, 255, 255, 0.6);

}

.rs-blog .blog-item .content-wrapper {

  padding: 20px 25px 28px 25px;

  border: 1px solid rgba(0, 0, 0, 0.04);

  border-top: none;

  background: #ffffff;

  border-bottom-left-radius: 5px;

  border-bottom-right-radius: 5px;

}

.rs-blog .blog-item .content-wrapper .blog-meta {

  margin-bottom: 10px;

}

.rs-blog .blog-item .content-wrapper .blog-meta ul li {

  display: inline;

  margin-right: 20px;

  color: #aeaeae;

  font-size: 12px;

}

.rs-blog .blog-item .content-wrapper .blog-meta ul li i {

  margin-right: 10px;

}

.rs-blog .blog-item .content-wrapper .blog-desc {

  clear: both;

}

.rs-blog .blog-item .content-wrapper .blog-desc a {

  font-size: 20px;

  font-weight: 600;

  color: #212121;

  display: block;

  margin: 0 0 20px;

}

.rs-blog .blog-item .content-wrapper .blog-desc a:hover {

  color: #4d6de6;

}

.rs-blog .blog-item .content-wrapper .blog-desc.big-font a {

  font-size: 22px;

  font-family: 'Poppins', sans-serif;

  text-transform: uppercase;

}

.rs-blog .blog-item .content-wrapper .readon {

  padding: 8px 25px;

}

.rs-blog .blog-item:hover .blog-img-content {

  top: 0;

  opacity: 1;

}

.rs-blog .blog-item:hover .content-wrapper .readon {

  background: transparent;

  color: #212121 !important;

}

.rs-blog .pagination-style {

  margin-top: 10px;

}

.rs-blog.modified {

  padding: 100px 0 20px 0;

}

.rs-blog.modified .blog-item .blog-img .blog-img-content .blog-link {

  font-size: 20px;

}

.rs-blog.modified .blog-item .content-wrapper {

  border-radius: unset;

  border: none;

  padding-right: 0;

  padding-bottom: 80px;

  background: transparent;

  padding-left: 0;

}

.rs-blog.modified .blog-item .content-wrapper .title {

  font-size: 22px;

  font-weight: 600;

  text-transform: capitalize;

  color: #212121;

}

.rs-blog.modified .blog-item .content-wrapper .title:hover {

  color: #4d6de6;

}

.rs-blog.modified .blog-item .content-wrapper .blog-meta {

  margin-top: 10px;

}

.rs-blog.modified-2 {

  padding: 100px 0;

}

.rs-blog.modified-2 .h-sidebar {

  padding-bottom: 0;

}

.rs-blog.modified-2 .blog-item .content-wrapper {

  padding-bottom: 50px;

  padding-top: 35px;

  border-bottom: 1px solid #ededed;

}

.rs-blog.modified-2 .blog-item .content-wrapper .h-info .h-meta {

  font-size: 13px;

  margin: 17px 0 20px 0;

}

.rs-blog.modified-2 .blog-item .content-wrapper .h-info .h-meta li {

  display: inline-block;

  color: #aaa;

}

.rs-blog.modified-2 .blog-item .content-wrapper .h-info .h-meta li span i {

  margin-right: 5px;

}

.rs-blog.modified-2 .blog-item .content-wrapper .h-info .h-meta li ul li {

  padding: 0;

  margin: 0;

}

.rs-blog.modified-2 .blog-item .content-wrapper .h-info .h-meta li ul li i {

  margin-right: 5px;

}

.rs-blog.modified-2 .blog-item .content-wrapper .h-info .h-meta li ul li:after {

  content: ",";

  margin-left: 3px;

  margin-right: 0;

}

.rs-blog.modified-2 .blog-item .content-wrapper .h-info .h-meta li ul li:last-child:after,

.rs-blog.modified-2 .blog-item .content-wrapper .h-info .h-meta li ul li:first-child:after {

  content: unset;

  margin: 0;

}

.rs-blog.modified-2 .blog-item .content-wrapper .h-info .h-meta li + li {

  margin-left: 15px;

}

.rs-blog.modified-2 .blog-item .content-wrapper .h-info .h-meta li a {

  color: #aaa;

}

.rs-blog.modified-2 .blog-item .content-wrapper .h-info .h-meta li a:hover {

  color: #4d6de6;

}

.rs-blog.modified-2 .blog-item .content-wrapper.last-item {

  padding-bottom: 0;

  border-bottom: none;

}

.rs-blog.modified-2 .h-pagination {

  margin-top: 50px;

  margin-left: 15px;

}

.rs-blog.modified-2 .h-pagination ul li {

  display: inline-block;

  margin: 0 3px;

  font-size: 18px;

  color: #aaa;

}

.rs-blog.modified-2 .h-pagination ul li a {

  color: #aaa;

  width: 40px;

  height: 40px;

  text-align: center;

  line-height: 40px;

  display: block;

  border-radius: 50%;

  background: transparent;

}

.rs-blog.modified-2 .h-pagination ul li a:hover {

  background: #4d6de6;

  color: #ffffff;

}

.rs-blog.modified-2 .h-pagination ul li:first-child {

  margin-left: 0;

}

.rs-blog.modified-2 .h-pagination ul li:last-child {

  margin-right: 0;

  margin-left: 7px;

}

.rs-blog.modified-2 .h-pagination ul li:last-child a {

  background: unset;

}

.rs-blog.modified-2 .h-pagination ul li:last-child a:hover {

  color: #4d6de6;

}

.rs-blog.modified-2 .h-pagination ul li.active a {

  background: #4d6de6;

  color: #ffffff;

}

.pagination-area {

  padding-top: 30px;

}

.pagination-area ul {

  text-align: center;

}

.pagination-area ul li {

  display: inline-block;

  margin: 0 3px 0 0;

}

.pagination-area ul li.active a {

  background: #4d6de6;

  color: #ffffff;

}

.pagination-area ul li a {

  display: block;

  width: 40px;

  height: 40px;

  line-height: 40px;

  background: transparent;

  border: 1px solid #4d6de6;

  color: #000000;

  font-size: 18px;

  text-decoration: none;

  transition: all 0.3s ease 0s;

  text-align: center;

}

.pagination-area ul li a:hover {

  background: #4d6de6;

  color: #ffffff;

}

/* ------------------------------------

    15. Blog Details

---------------------------------------*/

.rs-blog-details {

  padding-top: 100px !important;

}

.rs-blog-details .h-sidebar {

  padding-bottom: 0;

}

.rs-blog-details .h-img img {

  width: 100%;

}

.rs-blog-details .h-info .h-meta {

  font-size: 13px;

  margin: 30px 0 20px 0;

}

.rs-blog-details .h-info .h-meta li {

  display: inline-block;

  color: #aaa;

}

.rs-blog-details .h-info .h-meta li span i {

  margin-right: 5px;

}

.rs-blog-details .h-info .h-meta li ul li {

  padding: 0;

  margin: 0;

}

.rs-blog-details .h-info .h-meta li ul li i {

  margin-right: 5px;

}

.rs-blog-details .h-info .h-meta li ul li:after {

  content: ",";

  margin-left: 3px;

  margin-right: 0;

}

.rs-blog-details .h-info .h-meta li ul li:last-child:after,

.rs-blog-details .h-info .h-meta li ul li:first-child:after {

  content: unset;

  margin: 0;

}

.rs-blog-details .h-info .h-meta li + li {

  margin-left: 15px;

}

.rs-blog-details .h-info .h-meta li a {

  color: #aaa;

}

.rs-blog-details .h-info .h-meta li a:hover {

  color: #4d6de6;

}

.rs-blog-details .blockquote {

  padding: 30px;

  border-left: 4px solid #4d6de6;

  display: block;

  margin: 40px 0;

  background: #f7f7f7;

  font-size: 14px;

  border-radius: 5px;

}

.rs-blog-details .author-block {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

  margin-top: 38px;

  border-top: 1px solid #f0f0f0;

  border-bottom: 1px solid #f0f0f0;

  padding: 30px 0;

}

.rs-blog-details .author-block .author-img {

  margin-right: 30px;

}

.rs-blog-details .author-block .author-img img {

  width: 300px;

  border-radius: 5px;

}

.rs-blog-details .author-block .author-title {

  margin-bottom: 15px;

}

.rs-blog-details .author-block p {

  margin-bottom: 15px;

}

.rs-blog-details .page-nav {

  padding: 65px 0 60px 0;

}

.rs-blog-details .page-nav.padding-change {

  padding-top: 60px;

}

.rs-blog-details .page-nav ul li {

  display: inline;

}

.rs-blog-details .page-nav ul li a {

  color: unset;

}

.rs-blog-details .page-nav ul .next {

  float: right;

}

.rs-blog-details .page-nav ul .next a:hover {

  color: #4d6de6;

}

.rs-blog-details .page-nav ul .prev a:hover {

  color: #4d6de6;

}

.rs-blog-details .rs-contact {

  background: transparent;

}

.rs-blog-details .rs-contact .comment-title {

  font-weight: 600;

  margin-bottom: 48px;

  font-size: 22px;

  position: relative;

}

.rs-blog-details .rs-contact .comment-title:after {

  position: absolute;

  content: '';

  height: 2px;

  width: 50px;

  background: #4d6de6;

  left: 0;

  top: 40px;

}

.rs-blog-details .rs-contact .contact-form {

  padding: 0;

  max-width: 100%;

}

.rs-blog-details .rs-contact .contact-form .form-field {

  margin-bottom: 22px;

}

.rs-blog-details .rs-contact .contact-form .form-field textarea {

  height: 160px;

}

.rs-blog-details .rs-contact .contact-form .form-button {

  text-align: left;

}

.rs-blog-details .rs-contact .contact-form .form-button .readon {

  padding: 11px 27px;

  font-size: 14px;

  height: unset;

  border: none;

}

/* ------------------------------------

    16. Blog Sidebar

---------------------------------------*/

.h-sidebar {

  padding-bottom: 80px;

}

.h-sidebar .h-widget-title {

  font-weight: 600;

  margin-bottom: 48px;

  position: relative;

}

.h-sidebar .h-widget-title:after {

  position: absolute;

  content: '';

  height: 2px;

  width: 50px;

  background: #4d6de6;

  left: 0;

  top: 40px;

}

.h-sidebar .h-search {

  overflow: hidden;

  position: relative;

  margin-bottom: 18px;

}

.h-sidebar .h-search input {

  border: 1px solid #ddd;

  color: #444444;

  padding: 10px 17px;

  width: 100%;

  border-radius: 5px;

}

.h-sidebar .h-search button {

  background: transparent;

  border: medium none;

  color: #666666;

  padding: 11px 16px;

  position: absolute;

  right: 0px;

  top: 0;

  z-index: 10;

  font-size: 20px;

  outline: none;

  border-radius: 25px;

}

.h-sidebar .h-caterories ul li + li {

  padding-top: 14px;

}

.h-sidebar .h-caterories ul li a {

  color: #444;

  transition: all 0.3s ease 0s;

}

.h-sidebar .h-caterories ul li a:hover {

  color: #4d6de6;

}

.h-sidebar .h-caterories ul li:before {

  content: "\f105";

  font-family: FontAwesome;

  margin-right: 5px;

  color: #444;

}

.h-sidebar .h-tags a {

  display: inline-block;

  margin: 10px 3px 0px 0;

  line-height: 20px;

  padding: 6px 11px;

  font-size: 13px !important;

  text-transform: capitalize;

  -webkit-transition: all .3s ease;

  transition: all 0.3s ease 0s;

  background: #ffffff;

  color: #666666;

  border: 1px solid #f0f0f0;

  border-radius: 5px;

}

.h-sidebar .h-tags a:hover {

  background-color: #4d6de6;

  color: #fff;

  border: 1px solid #4d6de6;

}

/* -----------------------

    17. Counter Us

--------------------------*/

.rs-best-skills .progressbar-part {

  padding-top: 50px;

  padding-right: 50px;

  padding-bottom: 50.5px;

  padding-left: 50px;

  background-color: #ffffff;

  box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);

  overflow: hidden;

}

.rs-best-skills .progressbar-part .title {

  font-size: 24px;

  line-height: 34px;

  margin-bottom: 20px;

  text-transform: uppercase;

  color: #212121;

  font-weight: 700;

}

.rs-best-skills .progressbar-part label {

  font-size: 13px;

  line-height: 12px;

  font-weight: 500;

  color: #666666;

  text-transform: uppercase;

}

.rs-best-skills .progressbar-part .progress {

  background-color: #ffffff;

  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);

  height: 12px;

  line-height: 12px;

  width: 100%;

}

.rs-best-skills .progressbar-part .progress .progress-bar {

  background-color: #222222;

}

.rs-best-skills .progressbar-part .progress.scientific-skills .progress-bar {

  width: 90%;

}

.rs-best-skills .progressbar-part .progress.communication-skills .progress-bar {

  width: 80%;

}

.rs-best-skills .progressbar-part .progress.patient-care .progress-bar {

  width: 70%;

}

.rs-best-skills .progressbar-part .progress.career-overview .progress-bar {

  width: 65%;

}

.rs-best-skills .progressbar-part .progress.work-environment .progress-bar {

  width: 95%;

}

/* -----------------------

    Testimonial

--------------------------*/

.rs-testimonial-tatto .image-slick-slide {

  text-align: center;

  padding: 0;

  max-width: 650px;

  margin: 0 auto 20px;

}

.rs-testimonial-tatto .image-slick-slide i {

  font-size: 100px;

  opacity: .2;

  display: block;

  color: #4d6de6;

  padding-bottom: 10px;

}

.rs-testimonial-tatto .image-slick-slide p {

  max-width: 600px;

  font-size: 22px;

  line-height: 36px;

  font-style: italic;

  color: #ffffff;

  margin: 0 auto;

  padding-bottom: 25px;

}

.rs-testimonial-tatto .image-slick-slide ul li {

  line-height: 35px;

  font-size: 25px;

  font-weight: bold;

  color: #ffffff;

}

/* -----------------------

    Portfolio Shawcase

--------------------------*/

.rs-portfolio-showcase .portfolio-item {

  position: relative;

  overflow: hidden;

  border-radius: 5px;

}

.rs-portfolio-showcase .portfolio-item .portfolio-img {

  position: relative;

  z-index: 10;

}

.rs-portfolio-showcase .portfolio-item .portfolio-img img {

  border-radius: 5px;

  -webkit-transform: scale(1);

  transform: scale(1);

  transition: all 1.3s ease 0s;

}

.rs-portfolio-showcase .portfolio-item .portfolio-img span a {

  position: absolute;

  padding: 15px 20px;

  opacity: 0;

  z-index: 10;

  top: 70%;

  left: 50%;

  -webkit-transform: translateY(-50%) translateX(-50%);

  transform: translateY(-50%) translateX(-50%);

  text-align: center;

  width: 100%;

  color: #ffffff;

  transition: all 1.3s ease 0s;

  font-size: 20px;

  font-weight: 700;

}

.rs-portfolio-showcase .portfolio-item .portfolio-img:before {

  content: '';

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: #222222;

  transition: all 1s ease 0s;

  opacity: 0;

  z-index: 10;

  border-radius: 5px;

}

.rs-portfolio-showcase .portfolio-item:hover .portfolio-img:before,

.rs-portfolio-showcase .portfolio-item:hover .portfolio-img span a {

  opacity: 1;

  visibility: visible;

}

.rs-portfolio-showcase .portfolio-item:hover .portfolio-img:before {

  opacity: 0.8;

}

.rs-portfolio-showcase .portfolio-item:hover .portfolio-img img {

  -webkit-transform: scale(1.3);

  transform: scale(1.3);

}

.rs-portfolio-showcase .portfolio-item:hover .portfolio-img span a {

  top: 50%;

}

/* -----------------------

    About Tatto

--------------------------*/

.rs-about-tatto .title {

  color: #ffffff;

  font-size: 35px;

  line-height: 1.2;

  font-weight: 700;

  margin: 0;

}

.rs-about-tatto .btn-part {

  float: right;

}

/* -----------------------

    17. Counter Us

--------------------------*/

.top-history-style2 .rs-counter-part .rs-counter-list {

  box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);

  overflow: hidden;

  padding-left: 25px;

}

.top-history-style2 .rs-counter-part .rs-counter-list .rs-counter {

  font-size: 40px;

  font-weight: 700;

  padding: 0;

  margin: 25px 0 5px;

  color: #4d6de6;

}

.top-history-style2 .rs-counter-part .rs-counter-list h3 {

  font-weight: 400;

  letter-spacing: 2px;

  margin-bottom: 25px;

  margin-left: 5px;

  font-size: 16px;

  color: #222;

}

/* -----------------------

    17. Contact Us

--------------------------*/

.rs-contact-style2 .rs-contact {

  z-index: 10;

  max-width: 1000px;

  width: 100%;

  left: 0;

  right: 0;

  background: #f9f9f9;

  position: relative;

  margin: 0 auto;

}

.rs-contact-style2 .rs-contact .contact-address {

  display: flex;

  text-align: left;

}

.rs-contact-style2 .rs-contact .contact-address .address-item {

  text-align: center;

  border-right: 1px solid #ededed;

  padding: 40px 0;

  display: block;

  padding-right: 30px;

  position: relative;

  width: 25%;

}

.rs-contact-style2 .rs-contact .contact-address .address-item .address-icon {

  margin-right: 0;

  margin-bottom: 10px;

}

.rs-contact-style2 .rs-contact .contact-address .address-item .address-icon i:before {

  font-size: 50px;

  width: auto;

  height: auto;

  color: #4d6de6;

  border-radius: 0;

  background: none !important;

}

.rs-contact-style2 .rs-contact .contact-address .address-item .address-text .contact-title {

  color: #303745;

  font-weight: 500;

  font-size: 26px;

  line-height: 36px;

  padding-bottom: 5px;

  margin: 0;

}

.rs-contact-style2 .rs-contact .contact-address .address-item .address-text a {

  color: #666666;

}

.rs-contact-style2 .rs-contact .contact-address .address-item .address-text a:hover {

  color: #4d6de6;

}

.rs-contact-style2 .rs-contact .contact-address .address-item:last-child {

  border: none;

}

.rs-contact-style2 .g-map {

  margin-top: -110px;

}

/* -----------------------

    17. Contact Us

--------------------------*/

.rs-contact .contact-bg {

  background: white;

  overflow: hidden;

  margin-top: -300px;

  position: relative;

}

.rs-contact .contact-bg .margin {

  padding: 0;

  margin: 0;

}

.rs-contact .contact-bg .contact-address {

  padding: 70px 55px;

  background: #4d6de6;

  color: #fff;

}

.rs-contact .contact-bg .contact-address p.contact-title {

  color: #fff;

  margin: 0 0 20px;

  font-size: 24px;

  font-weight: 600;

}

.rs-contact .contact-bg .contact-address p {

  line-height: 24px;

  margin: 0 0 26px;

}

.rs-contact .contact-bg .contact-address .address-item {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

}

.rs-contact .contact-bg .contact-address .address-item + .address-item {

  margin-top: 25px;

}

.rs-contact .contact-bg .contact-address .address-item .address-icon {

  width: 40px;

  height: 40px;

  line-height: 40px;

  border: 1px solid #fff;

  text-align: center;

  font-size: 24px;

  margin-right: 20px;

  transition: all 0.3s ease 0s;

}

.rs-contact .contact-bg .contact-address .address-item:hover .address-icon {

  background-color: #4d6de6;

  color: #fff;

}

.rs-contact .contact-bg .contact-address .social-icon-bottom {

  margin-top: 55px;

  margin-bottom: 55px;

  text-align: center;

}

.rs-contact .contact-bg .contact-address .social-icon-bottom ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.rs-contact .contact-bg .contact-address .social-icon-bottom ul li {

  display: inline;

  padding: 0;

  margin: 0;

  margin-right: 10px;

}

.rs-contact .contact-bg .contact-address .social-icon-bottom ul li a {

  text-align: center;

  text-decoration: none;

  color: #fff;

}

.rs-contact .contact-bg .contact-address .social-icon-bottom ul li a i {

  height: 40px;

  width: 40px;

  border-radius: 50%;

  border: 2px solid #fff;

  line-height: 40px;

  transition: .20s;

  box-shadow: inset 2px 2px 2px;

}

.rs-contact .contact-bg .contact-address .social-icon-bottom ul li a i:hover {

  background: #fff;

  color: #4d6de6;

}

.rs-contact .contact-bg #form-messages {

  padding: 15px;

  background: #fff;

  margin-bottom: 30px;

  border-left: 3px solid;

  box-shadow: 0 2px 2px rgba(6, 6, 6, 0.04);

  transition: all 0.3s ease 0s;

}

.rs-contact .contact-bg #form-messages.success {

  border-color: #4caf50;

  color: #4caf50;

}

.rs-contact .contact-bg #form-messages.error {

  border-color: #ff3c3c;

  color: #ff3c3c;

}

.rs-contact .contact-bg #form-messages:empty {

  display: none;

}

.rs-contact .contact-form {

  max-width: 750px;

  margin: 0 auto;

}

.rs-contact .contact-form .form-field {

  margin-bottom: 30px;

  position: relative;

}

.rs-contact .contact-form .form-field i {

  position: absolute;

  top: 50%;

  left: 16px;

  transform: translateY(-50%);

}

.rs-contact .contact-form .form-field input {

  width: 100%;

  height: 50px;

  padding: 10px 20px;

  color: #666666;

  border: 1px solid #ddd;

  border-radius: 5px;

}

.rs-contact .contact-form .form-field input:focus {

  border: 1px solid #c4c4c4;

  outline: none;

  box-shadow: none;

}

.rs-contact .contact-form .form-field textarea {

  width: 100%;

  padding: 30px 20px;

  color: #666666;

  border: 1px solid #ddd;

  border-radius: 5px;

  resize: none;

}

.rs-contact .contact-form .form-field textarea:focus {

  border: 1px solid #c4c4c4;

  outline: none;

  box-shadow: none;

}

.rs-contact .contact-form .form-button button {

  border: 2px solid #4d6de6;

  outline: none;

  height: 48px;

  padding: 9px 30px;

  font-size: 15px;

  text-transform: capitalize;

  background: #4d6de6;

  color: #ffffff;

  cursor: pointer;

}

.rs-contact .contact-form .form-button button:hover {

  border: 2px solid #375be3;

  background: #375be3;

  box-shadow: unset;

}

.rs-contact-inner {

  display: grid;

}

.rs-contact-inner .giant-content {

  max-width: 940px;

  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);

  margin: 0 auto;

  background: #ffffff;

  padding: 40px;

  position: relative;

  margin-top: -230px;

  z-index: 1;

}

.rs-contact-inner .giant-content form input {

  width: 100%;

  border: 1px solid #ddd;

  margin-bottom: 20px;

  border-radius: 5px;

  padding-left: 20px;

  outline: none;

  height: 48px;

  line-height: 48px;

  clear: both;

  color: #b6b6b6;

}

.rs-contact-inner .giant-content form textarea {

  width: 100%;

  color: #b6b6b6;

  outline: none;

  border: 1px solid #ddd;

  border-radius: 5px;

  padding: 15px 0 0 20px;

  height: 184px !important;

  resize: none;

  outline-color: #4d6de6;

}

.rs-contact-inner .giant-content form .form-button {

  text-align: right;

  margin-top: 13px;

}

.rs-contact-inner .giant-content form .form-button .readon {

  outline: none;

  border-radius: 5px;

  width: 143px;

  height: 45px;

  padding: 0;

  cursor: pointer;

  text-transform: capitalize;

}

.rs-contact-inner .giant-content form .form-button .readon:hover {

  background: #375be3;

  color: #ffffff;

}

.rs-contact-inner .contact-bottom {

  padding: 100px 0;

}

.rs-contact-inner .contact-bottom .social-links {

  text-align: center;

}

.rs-contact-inner .contact-bottom .social-links ul li {

  display: inline;

  margin-right: 30px;

}

.rs-contact-inner .contact-bottom .social-links ul li a i {

  color: #555555;

  font-size: 30px;

  width: 55px;

  height: 55px;

  line-height: 55px;

  text-align: center;

  border-radius: 50%;

  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06);

  background: #ffffff;

  transition: all 0.3s ease 0s;

}

.rs-contact-inner .contact-bottom .social-links ul li a i:hover {

  color: #ffffff;

  background: #4d6de6;

}

.rs-contact-inner .contact-bottom .social-links ul li:last-child {

  margin-right: 0;

}

/* -----------------------

    18. Footer CSS

--------------------------*/

.rs-footer {

  background-color: #222;

  color: #fff;

}

.rs-footer .footer-title {

  margin-bottom: 40px;

  padding-bottom: 5px;

  color: #fff;

  font-size: 16px;

  position: relative;

  text-transform: uppercase;

}

.rs-footer .footer-title:after {

  content: '';

  position: absolute;

  left: 0;

  bottom: -5px;

  height: 1px;

  width: 50px;

  background-color: #fff;

}

.rs-footer .footer-top {

  padding: 57px 0;

  background: #222222;

}

.rs-footer .footer-top .about-widget img {

  margin-bottom: 32px;

  height: 25px;

}

.rs-footer .footer-top .about-widget ul.footer-address li {

  font-size: 15px;

  margin-bottom: 10px;

}

.rs-footer .footer-top .about-widget ul.footer-address li i {

  margin-right: 10px;

}

.rs-footer .footer-top .about-widget ul.footer-address li a {

  color: #fff;

}

.rs-footer .footer-top .about-widget ul.footer-address li a:hover {

  color: #eee;

}

.rs-footer .footer-top .about-widget ul.footer-address li p {

  display: inline;

}

.rs-footer .footer-top .about-widget ul.footer-address li:last-child {

  margin-bottom: 0;

}

.rs-footer .footer-top .about-widget ul.social-links {

  margin-top: 20px;

}

.rs-footer .footer-top .about-widget ul.social-links li {

  display: inline;

  margin-right: 10px;

}

.rs-footer .footer-top .about-widget ul.social-links li a {

  color: #ffffff;

}

.rs-footer .footer-top .about-widget ul.social-links li a i {

  width: 40px;

  height: 40px;

  line-height: 40px;

  border-radius: 50%;

  background: #3c3c3c;

  text-align: center;

  transition: all 0.3s ease 0s;

}

.rs-footer .footer-top .about-widget ul.social-links li a i:hover {

  background: #ffffff;

  color: #222222;

}

.rs-footer .footer-top .about-widget ul.social-links li:last-child {

  margin-right: 0;

}

.rs-footer .footer-top .recent-post-widget .post-item {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

}

.rs-footer .footer-top .recent-post-widget .post-item .post-image {

  max-width: 70px;

  margin-right: 10px;

}

.rs-footer .footer-top .recent-post-widget .post-item .post-image img {

  border-radius: 3px;

}

.rs-footer .footer-top .recent-post-widget .post-item .post-desc a {

  color: #ffffff;

}

.rs-footer .footer-top .recent-post-widget .post-item .post-desc a:hover {

  color: #eee;

}

.rs-footer .footer-top .recent-post-widget .post-item .post-desc span {

  display: block;

  font-size: 12px;

  color: #aaa;

}

.rs-footer .footer-top .recent-post-widget .post-item .post-desc span i {

  margin-right: 5px;

}

.rs-footer .footer-bottom {

  padding: 20px 0 20px;

  background: #3c3c3c;

}

.rs-footer .footer-bottom .copyright p {

  margin: 5px 0 0;

  font-size: 14px;

}

.rs-footer .footer-bottom .copyright a {

  color: #fff;

}

.rs-footer .footer-bottom .copyright a:hover,

.rs-footer .footer-bottom .copyright a:focus {

  color: #afb0b2;

}

.rs-footer .footer-bottom .footer-bottom-menu {

  display: inline-block;

}

.rs-footer .footer-bottom .footer-bottom-menu ul {

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -ms-flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  flex-wrap: wrap;

  margin-left: -10px;

  padding: 0;

  list-style: none;

}

.rs-footer .footer-bottom .footer-bottom-menu ul > * {

  -ms-flex: none;

  -webkit-flex: none;

  flex: none;

  padding-left: 10px;

  position: relative;

}

.rs-footer .footer-bottom .footer-bottom-menu ul li:before {

  display: inline-block;

}

.rs-footer .footer-bottom .footer-bottom-menu ul li:nth-child(n+2):before {

  content: ":";

  margin-right: 10px;

}

.rs-footer .footer-bottom .footer-bottom-menu ul li a {

  color: #afb0b2;

}

.rs-footer .footer-bottom .footer-bottom-menu ul li a:hover,

.rs-footer .footer-bottom .footer-bottom-menu ul li a:focus {

  color: #fff;

}

.rs-footer .footer-bottom .footer-bottom-share {

  float: right;

}

.rs-footer .footer-bottom .footer-bottom-share ul li {

  display: inline-block;

  position: relative;

}

.rs-footer .footer-bottom .footer-bottom-share ul li a {

  color: #ffffff;

  padding: 0 15px;

}

.rs-footer .footer-bottom .footer-bottom-share ul li a:hover {

  color: #4d6de6;

}

.rs-footer .footer-bottom .footer-bottom-share ul li:after {

  content: "\f111";

  font-family: FontAwesome;

  font-size: 6px;

  top: 2px;

  position: absolute;

}

.rs-footer .footer-bottom .footer-bottom-share ul li:last-child a {

  padding-right: 0;

}

.rs-footer .footer-bottom .footer-bottom-share ul li:last-child:after {

  content: none;

}

.rs-footer .footer-bottom .footer-bottom-share ul li:first-child a {

  padding-left: 0;

}

.rs-footer .footer-bottom .footer-bottom-share ul li.active a {

  color: #4d6de6;

}

div#rs-partner {

  padding: 60px 0 63px;

}

div#rs-partner .partner-item img {

  width: inherit;

}

.about-partner {

  position: relative;

  padding-top: 235px;

}

.footer-form {

  background: #fff;

  border-radius: 30px 30px 30px 30px;

  position: relative;

  max-width: 280px;

  outline: unset;

}

.footer-form .form-input {

  border: none;

  border-radius: 30px 30px 30px 30px;

  padding: 10px 0 10px 16px;

  background: #fff;

  color: #666666;

  outline: none;

  width: 100%;

}

.footer-form .form-input ::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */

  color: #666666;

}

.footer-form .form-input ::-moz-placeholder {

  /* Firefox 19+ */

  color: #666666;

}

.footer-form .form-input :-ms-input-placeholder {

  /* IE 10+ */

  color: #666666;

}

.footer-form .form-input :-moz-placeholder {

  /* Firefox 18- */

  color: #666666;

}

.footer-form .form-button {

  position: absolute;

  border-radius: 30px;

  top: 2px;

  right: 3px;

  background: #4d6de6;

  color: #ffffff;

  padding: 8px 16px;

  border: none;

  outline: none;

  cursor: pointer;

  transition: all 0.3s ease 0s;

}

.footer-form .form-button i {

  padding: 0 13px;

}

.footer-form .form-button:hover {

  background: #222222;

}

.rs-defult-partner .owl-carousel .owl-item img {

  width: auto;

}

.rs-defult-partner .owl-nav {

  display: none !important;

}

.pr-md-50 {

  padding-right: 50px;

}

/* -----------------------

    19. Scroll Up

--------------------------*/

#scrollUp {

  text-align: center;

  bottom: 40px;

  cursor: pointer;

  display: none;

  position: fixed;

  right: 20px;

  z-index: 999;

  border-radius: 50px 50px 4px 4px;

}

#scrollUp i {

  background: #4d6de6;

  border-radius: 50%;

  height: 40px;

  font-size: 24px;

  font-weight: 600;

  width: 42px;

  color: #fff;

  line-height: 36px;

  transition: all 0.3s ease 0s;

  margin-left: 2px;

  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);

}

#scrollUp i:hover {

  background-color: #222222;

}

/*----------------------------------

    20. video Section

-----------------------------------*/

.video-sec {

  background: url("../images/video/2.jpg");

  background-size: cover;

  background-attachment: fixed;

  position: relative;

}

.video-sec .sec-title {

  margin-bottom: 38px;

}

.video-sec .pr-md-50 {

  padding-right: 30px;

}

.video-sec .overly {

  padding-top: 100px;

  padding-bottom: 83px;

}

.video-sec .overly:before {

  position: absolute;

  content: '';

  background: rgba(44, 62, 80, 0.9);

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

}

.video-sec .overly .sec-title h2,

.video-sec .overly .sec-title p {

  color: #fff;

}

.video-sec .panel-group .panel {

  margin-bottom: 19px;

}

.mfp-container.mfp-iframe-holder {

  position: fixed;

}

.mfp-container.mfp-iframe-holder .mfp-close {

  top: -10px;

}

.video-section-area {

  position: relative;

}

.video-section-area img.video-icon {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  ms-transform: translate(-50%, -50%);

  z-index: 11;

}

.rs-video-area2 {

  margin-bottom: -196px;

  position: relative;

  z-index: 2;

}

.rs-video-area2 .video-section-area {

  max-width: 860px;

  margin: 0 auto;

  box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);

}

@keyframes pulse-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

.video-icon-here {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

}

.video-icon-here .popup-videos {

  box-sizing: content-box;

  display: block;

  width: 32px;

  height: 44px;

  border-radius: 50%;

  padding: 18px 20px 6px 33px;

  margin: 0 auto;

}

.video-icon-here .popup-videos i {

  display: none;

}

.video-icon-here .popup-videos:after {

  content: "";

  position: absolute;

  z-index: 1;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 80px;

  height: 80px;

  background: #4d6de6;

  border-radius: 50%;

  transition: all 200ms;

}

.video-icon-here .popup-videos:before {

  content: "";

  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 80px;

  height: 80px;

  background: #4d6de6;

  border-radius: 50%;

  animation: pulse-border 1500ms ease-out infinite;

}

.video-icon-here .popup-videos:hover {

  border-color: rgba(255, 255, 255, 0.7);

}

.video-icon-here .popup-videos span {

  display: block;

  position: relative;

  z-index: 3;

  width: 0;

  height: 0;

  border-left: 27px solid #fff;

  border-top: 17px solid transparent;

  border-bottom: 17px solid transparent;

}

.rs-video-area {

  height: 700px;

  position: relative;

}

.rs-video-area .rs-video-content-wrap .display-table .over-content {

  z-index: 999;

  position: relative;

  overflow: hidden;

  margin-top: 165px;

}

.rs-video-area .rs-video-content-wrap .display-table .over-content .sl-subtitle {

  font-size: 45px;

  line-height: 50px;

  margin-bottom: 8px;

  font-weight: 700;

}

.rs-video-area .rs-video-content-wrap .display-table .over-content .sl-title {

  display: inline-block;

  margin-bottom: 20px;

  font-size: 65px;

  font-weight: 700;

}

.rs-video-area .rs-video-content-wrap .display-table .over-content .sl-desc {

  font-size: 22px;

  font-family: 'Poppins', sans-serif;

  line-height: 22px;

  margin-bottom: 47px;

}

.rs-video-area:after {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: rgba(0, 0, 0, 0.55);

}

/* ------------------------------------

    21. Counter Section

  ---------------------------------------*/

.counter-top-area {

  background: url(../images/about/counter-up.jpg) no-repeat scroll 0 0;

  background-attachment: fixed;

  transition: all 0.3s ease 0s;

  background-size: cover;

  background-position: center center;

  position: relative;

}

.counter-top-area .form-overlay {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7);

}

.counter-top-area .overlay {

  position: absolute;

  top: 0;

  left: 0;

  background: #4d6de6;

  width: 100%;

  height: 100%;

  opacity: 0.9;

}

.counter-top-area .sec-title {

  position: relative;

}

.counter-top-area .sec-title p {

  line-height: 26px;

}

.counter-top-area .sec-title-index-3 h2 {

  color: #fff;

  margin: 0 0 20px;

}

.counter-top-area .sec-title-index-3 p {

  color: #fff;

  line-height: 23px;

  margin: 0 0 12px;

}

.counter-top-area .counter-slider {

  position: relative;

  margin-top: 0;

}

.counter-top-area .counter-slider:after {

  position: absolute;

  content: '';

  height: 50px;

  width: 100%;

  bottom: 0;

  background: #0000003b;

}

.counter-top-area .counter-slider .carousel-indicators {

  bottom: 9px;

}

.counter-top-area .rs-counter-list {

  text-align: center;

  padding: 25px 20px;

  transition: .20s;

}

.counter-top-area .rs-counter-list .parsent:after {

  content: '%';

}

.counter-top-area .rs-counter-list h3 {

  font-size: 30px;

  font-weight: 700;

  padding: 0;

  color: #ffffff;

  margin-top: 20px !important;

  margin-bottom: 12px;

}

.counter-top-area .rs-counter-list h3.thin-txt {

  font-weight: 600;

}

.counter-top-area .rs-counter-list h4 {

  color: #fff;

  font-weight: 500;

  letter-spacing: 1px;

  margin-bottom: 0;

  margin-left: 5px;

  font-size: 15px;

}

.counter-top-area .rs-counter-list h4.thin-txt {

  font-size: 15px;

  font-weight: 400;

  letter-spacing: 2px;

}

.counter-top-area .rs-counter-list i {

  color: #fff;

  display: inline-block;

  font-size: 50px;

}

.counter-top-area .sidebar-count .rs-counter-list {

  border: none;

  padding-top: 0;

  padding-bottom: 35px;

}

.counter-top-area .sidebar-count .rs-counter-list h3 {

  margin-top: 9px !important;

}

.counter-top-area.defult-style {

  background: none;

  position: absolute;

  top: -140px;

  width: 100%;

}

.counter-top-area.defult-style .rs-count {

  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);

  z-index: 9;

  background: #fff;

  border-radius: 5px;

  padding: 35px 15px 0;

}

.counter-top-area.defult-style .rs-count.counter-bg {

  background-image: url('../images/bg/counter-bg.jpg');

  background-position: center !important;

  background-repeat: no-repeat !important;

  background-size: cover !important;

  position: relative;

  border-radius: 5px;

}

.counter-top-area.defult-style .rs-count.counter-bg:before {

  content: '';

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  opacity: 0.8;

  width: 100%;

  height: 100%;

  background: #111;

  border-radius: 5px;

}

.counter-top-area.defult-style .rs-count.counter-bg .rs-counter-list h3,

.counter-top-area.defult-style .rs-count.counter-bg .rs-counter-list h4 {

  color: #ffffff;

}

.counter-top-area.defult-style .rs-counter-list {

  border-radius: 0;

  padding: 30px 0;

  margin: 0 0 30px;

}

.counter-top-area.defult-style .rs-counter-list h3 {

  margin: 20px 0 10px !important;

}

.counter-top-area.defult-style .rs-counter-list h4 {

  margin: 0;

  position: relative;

  padding: 0;

}

.counter-top-area.defult-style .rs-counter-list i {

  color: #4d6de6;

}

.counter-top-area.defult-style .rs-counter-list h3,

.counter-top-area.defult-style .rs-counter-list h4 {

  color: #212121;

}

.counter-top-area.construction-counter {

  background: url(../images/about/counter.jpg) no-repeat scroll 0 0;

  background-attachment: fixed;

  transition: all 0.3s ease 0s;

  background-size: cover;

  background-position: center center;

  position: relative;

}

.counter-top-area.construction-counter .rs-counter-list {

  padding: 0;

}

.counter-top-area.construction-counter .rs-counter-list .rs-counter {

  margin: 12px 0 0 !important;

  font-weight: 600;

}

.counter-top-area.construction-counter .rs-counter-list h4 {

  letter-spacing: 2px;

  font-size: 15px;

  font-weight: 400;

  line-height: 26px;

}

.counter-top-area.construction-counter .rs-counter-list i {

  color: #4d6de6;

}

.counter-top-area.construction-counter:before {

  content: "" !important;

  background: rgba(16, 16, 16, 0.8);

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: block !important;

  z-index: 0;

}

.counter-top-area.corporate-style {

  background-image: unset !important;

}

.counter-top-area.corporate-style .rs-counter-list h3 {

  color: #000;

  font-weight: 600;

  margin: 5px 0 15px !important;

}

.counter-top-area.corporate-style .rs-counter-list h4 {

  color: #000;

  font-size: 15px;

  font-weight: 400;

}

.counter-top-area.corporate-style .rs-counter-list i {

  color: #4d6de6;

}

.counter-top-area.about-counter .rs-count .rs-counter-list h4 {

  font-size: 15px;

  font-weight: 400;

}

.counter-top-area.service-counter {

  background: transparent;

}

.counter-top-area.service-counter .rs-counter-list i:hover {

  color: #4d6de6;

}

.counter-top-area.service-counter .rs-counter-list h4 {

  color: #cccccc;

}

.counter-top-area.lawyer-counter {

  background: #212121;

}

.counter-top-area.lawyer-counter .rs-count .rs-counter-list {

  padding: 0;

}

.counter-top-area.lawyer-counter .rs-count .rs-counter-list i {

  font-size: 54px;

}

.counter-top-area.lawyer-counter .rs-count .rs-counter-list h3 {

  font-size: 90px;

  line-height: 90px;

  font-weight: 700;

}

.counter-top-area.lawyer-counter .rs-count .rs-counter-list h4 {

  font-size: 35px;

  line-height: 40px;

  font-weight: 400;

}

.rs-counter-2 .rs-counter-list {

  padding: 20px 0 20px 0;

  text-align: center;

  box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);

}

.rs-counter-2 .rs-counter-list i {

  font-size: 54px;

  color: #a4a7af;

  transition: all 0.3s ease 0s;

  margin-bottom: 17px;

}

.rs-counter-2 .rs-counter-list .rs-counter {

  font-weight: 600;

  margin-bottom: 10px;

}

.rs-counter-2 .rs-counter-list .title {

  font-weight: 400;

  letter-spacing: 2px;

  margin: 0;

}

.rs-counter-2 .rs-counter-list:hover i {

  color: #4d6de6;

}

/* ------------------------------------

    22. Breadcrumbs CSS

  ---------------------------------------*/

.rs-breadcrumbs .breadcrumbs-image {

  position: relative;

  overflow: hidden;

}

.rs-breadcrumbs .breadcrumbs-image .breadcrumbs-inner {

  width: 100%;

  position: absolute;

  top: 50%;

  left: 0;

  transform: translateY(-50%);

}

.rs-breadcrumbs .breadcrumbs-image .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-title {

  width: 100%;

  font-size: 38px;

  font-weight: 700;

  letter-spacing: 0.5px;

  text-transform: capitalize;

  margin: 0 0 10px;

  color: #ffffff;

  float: left;

  line-height: 42px;

}

.rs-breadcrumbs .breadcrumbs-image .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-subtitle li {

  color: #ffffff;

  display: inline-block;

  font-size: 14px;

  font-weight: 500;

}

.rs-breadcrumbs .breadcrumbs-image .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-subtitle li a {

  color: #ffffff;

  position: relative;

  padding-right: 24px;

}

.rs-breadcrumbs .breadcrumbs-image .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-subtitle li a i {

  color: #ffffff;

  padding-right: 5px;

}

.rs-breadcrumbs .breadcrumbs-image .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-subtitle li a:after {

  background-color: #ffffff;

  content: "";

  height: 12px;

  width: 2px;

  position: absolute;

  right: 8px;

  top: 5px;

  transform: rotate(20deg);

}

.rs-breadcrumbs .breadcrumbs-image .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-subtitle li a:hover {

  color: #ddd;

}

.rs-breadcrumbs .breadcrumbs-image .breadcrumbs-inner .breadcrumbs-text .breadcrumbs-subtitle li a:hover i {

  color: #ddd;

}

/* -----------------------

    23. Banner Area

--------------------------*/

.rs-banner {

  position: relative;

}

.rs-banner .banner-img img {

  width: 100%;

}

.rs-banner .banner-content {

  position: absolute;

  content: '';

  top: 50%;

  transform: translateY(-50%);

}

.rs-banner .banner-content .banner-btn {

  margin-top: 40px;

}

.rs-banner .banner-content .banner-btn ul li {

  display: inline;

  margin-right: 20px;

}

.rs-banner .banner-content .banner-btn ul li a {

  width: 166px;

  text-align: center;

}

.rs-banner .banner-content .banner-btn ul li:last-child {

  margin-right: 0;

}

.rs-banner .arrow-btn {

  position: absolute;

  top: 85%;

  left: 50%;

  transform: translate(-50%, -15%);

}

.rs-banner .arrow-btn a {

  color: #ffffff;

  background: transparent;

  border: 1px solid #ffffff;

  padding: 38px 10px 5px 10px;

  text-align: center;

  border-radius: 30px;

  font-size: 20px;

}

.rs-banner .arrow-btn a:hover {

  color: #222222;

}

/* -----------------------

    23. Banner Area

--------------------------*/

.rs-banner-style2 {

  background: url(../images/banner/Software-agency.jpg);

  background-repeat: no-repeat;

  background-attachment: fixed;

  position: relative;

  padding: 250px 0 230px;

}

.rs-banner-style2 .banner-content {

  text-align: center;

}

.rs-banner-style2 .banner-content .title1 {

  font-size: 30px;

  color: #ffffff;

  font-weight: 400;

  line-height: 40px;

  margin: 0;

}

.rs-banner-style2 .banner-content .title2 {

  font-size: 60px;

  color: #ffffff;

  font-weight: 700;

  line-height: 70px;

  margin: 0;

}

.rs-banner-style2 .banner-content p {

  color: #ffffff;

  font-size: 20px;

  margin: 0 0 45px;

}

/* ------------------------------------

    24. Portfolio Details

---------------------------------------*/

.rs-portfolio-details .ps-informations {

  margin-top: 50px;

}

.rs-portfolio-details .ps-informations .info-title {

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 20px;

}

.rs-portfolio-details .ps-informations ul li + li {

  padding-top: 7px;

  margin-top: 7px;

  border-top: 1px solid rgba(0, 0, 0, 0.05);

}

.rs-portfolio-details .ps-informations ul li span {

  width: 120px;

  display: inline-block;

}

.rs-portfolio-details .ps-share {

  margin-top: 40px;

}

.rs-portfolio-details .ps-share .share-title {

  font-size: 20px;

  font-weight: 600;

  margin-bottom: 20px;

}

.rs-portfolio-details .ps-share ul li {

  display: inline-block;

  margin: 0 10px 14px 0;

}

.rs-portfolio-details .ps-share ul li a {

  font-size: 20px;

  display: block;

  width: 50px;

  height: 48px;

  line-height: 48px;

  border: 1px solid #4d6de6;

  text-align: center;

  transition: all 0.3s ease 0s;

}

.rs-portfolio-details .ps-share ul li a:hover {

  background-color: #4d6de6;

  color: #fff;

}

.rs-portfolio-details .project-desc {

  margin-top: 35px;

  line-height: 30px;

}

.rs-portfolio-details .project-desc .ps-title {

  margin-bottom: 20px;

}

.rs-portfolio-details .ps-related-project {

  margin-top: 50px;

}

.rs-portfolio-details .ps-related-project .ps-related-title {

  font-size: 20px;

  margin-bottom: 30px;

  font-weight: 600;

}

.rs-portfolio-details .ps-related-project .portfolio-item {

  margin-bottom: 20px;

}

.rs-portfolio-details .ps-navigation {

  margin-top: 30px;

}

.rs-portfolio-details .ps-navigation ul {

  display: -webkit-flex;

  /* Safari */

  -webkit-justify-content: space-between;

  /* Safari 6.1+ */

  justify-content: space-between;

}

.rs-portfolio-details .ps-navigation ul a {

  padding: 10px 20px;

  text-transform: uppercase;

}

/* ------------------------------------

    25. Our History Section

---------------------------------------*/

.our-hostory-section .single-service {

  margin-bottom: 50px;

  border: 1px solid #d7d7d7;

}

@media screen and (max-width: 991px) {

  .our-hostory-section .single-service {

    margin-bottom: 30px;

  }

}

.our-hostory-section .single-service .service-img {

  position: relative;

}

.our-hostory-section .single-service .service-img:after {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  content: "";

  background: #101010;

  opacity: 0.7;

  transform: scaleY(0);

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -mz-transition: 0.4s;

}

.our-hostory-section .single-service .service-img i {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  ms-transform: translate(-50%, -50%);

  z-index: 999;

  font-size: 30px;

  opacity: 0;

  visibility: hidden;

  transition: 0.3s;

  -webkit-transition: 0.3s;

  -ms-transition: 0.3s;

}

.our-hostory-section .single-service .service-details {

  padding: 0 9px;

}

.our-hostory-section .single-service .service-details h3 {

  margin: 18px 0 8px;

}

.our-hostory-section .single-service .service-details h3 a {

  font-weight: 600;

  font-size: 20px;

  color: #101010;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -mz-transition: 0.4s;

}

.our-hostory-section .single-service .service-details a.primary-btn {

  background: #4d6de6;

  color: #101010;

  font-size: 15px;

  padding: 5px 24px;

  display: inline-block;

  margin-bottom: 25px;

  transition: 0.5s;

  -webkit-transition: 0.5s;

  -ms-transition: 0.5s;

}

.our-hostory-section .single-service:hover .service-img:after {

  transform: scaleY(1);

}

.our-hostory-section .single-service:hover .service-details a.primary-btn {

  color: #fff;

  background: #101010;

}

.our-hostory-section .single-service:hover .service-details h3 a {

  color: #4d6de6;

}

.our-hostory-section .single-service:hover i {

  opacity: 1;

  visibility: visible;

}

.our-hostory-section .service-list-sidebar ul#service-menu li {

  display: block;

  position: relative;

}

.our-hostory-section .service-list-sidebar ul#service-menu li a {

  color: #666666;

  font-weight: 400;

  padding: 10px 0;

  border-bottom: 1px solid #ebebeb;

  display: block;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -mz-transition: 0.4s;

}

.our-hostory-section .service-list-sidebar ul#service-menu li a:after {

  content: "›";

  font-size: 17px;

  font-family: Georgia, serif;

  position: absolute;

  right: 11px;

  top: 7px;

  color: #666666;

}

.our-hostory-section .service-list-sidebar ul#service-menu li a:hover:after,

.our-hostory-section .service-list-sidebar ul#service-menu li a:hover {

  color: #4d6de6;

}

.our-hostory-section .service-list-sidebar ul#service-menu li.active a {

  color: #4d6de6;

}

.our-hostory-section .services-left-side {

  margin-top: 40px;

}

.our-hostory-section .services-left-side h4 {

  font-size: 20px;

  margin: 15px 0 8px;

  padding-bottom: 12px;

}

.our-hostory-section .services-left-side h4:after {

  height: 3px;

}

.our-hostory-section .services-left-side ul#brochures-list {

  margin-top: 30px;

}

.our-hostory-section .services-left-side ul#brochures-list li {

  border: 1px solid #ebebeb;

  margin-bottom: 20px;

}

.our-hostory-section .services-left-side ul#brochures-list li a {

  color: #666666;

  text-transform: uppercase;

  display: block;

}

.our-hostory-section .services-left-side ul#brochures-list li a i {

  background: #ccc;

  padding: 14px;

  color: #666666;

  margin-right: 20px;

}

.our-hostory-section .services-left-side ul#brochures-list li a:hover {

  color: #4d6de6;

}

.our-hostory-section .services-left-side.our-office {

  margin-top: 48px;

}

.our-hostory-section .services-left-side.our-office ul#office-address {

  margin-top: 30px;

}

.our-hostory-section .services-left-side.our-office ul#office-address li {

  margin-bottom: 20px;

  color: #666666;

  font-size: 15px;

  font-weight: 400;

  overflow: hidden;

  padding-left: 35px;

  position: relative;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -ms-transition: 0.4s;

}

.our-hostory-section .services-left-side.our-office ul#office-address li a {

  color: #666666;

  transition: 0.4s;

  -webkit-transition: 0.4s;

  -ms-transition: 0.4s;

}

.our-hostory-section .services-left-side.our-office ul#office-address li i {

  color: #666666;

  position: absolute;

  left: 0;

  top: 5px;

}

.our-hostory-section .services-left-side.our-office ul#office-address li span {

  overflow: hidden;

}

.our-hostory-section .services-left-side.our-office ul#office-address li a:hover {

  color: #4d6de6;

}

.our-hostory-section#services-sliders {

  padding-bottom: 100px;

}

.our-hostory-section#services-sliders .single-service {

  margin-bottom: 1px;

}

.our-hostory-section .include {

  margin-top: 35px;

}

.our-hostory-section .include .panel-body p {

  margin: 12px 0;

}

.our-hostory-section .include .panel-body .panel-title a.collapsed {

  background: #000;

}

.our-hostory-section .services-btm {

  margin-top: 35px;

}

.our-hostory-section .services-btm .title-border {

  margin-left: 15px;

}

.our-hostory-section .services-btm ul li {

  position: relative;

  padding-left: 30px;

}

.our-hostory-section .services-btm ul li:before {

  content: "\f00c";

  font-family: FontAwesome;

  left: 0;

  position: absolute;

  top: 0;

  z-index: 99999;

  color: #4d6de6;

  font-size: 18px;

}

/* ---------------------------

    26. Faq Section Start 

------------------------------*/

.faq-section {

  padding: 92px 0 90px;

}

.faq-section .sec-title {

  margin-bottom: 30px;

}

.faq-section .sec-title h2 {

  margin-bottom: 20px;

  font-size: 30px;

  line-height: 30px;

  text-align: left;

}

.faq-section .keyword-left .keyword-image {

  background: #f2f2f2;

}

.faq-section #accordion .panel {

  border-radius: 0;

  margin-bottom: 12px;

}

.faq-section #accordion .panel .panel-heading {

  background: #ededed;

  border: none;

  border-radius: 0;

  padding: 17px 25px;

  position: relative;

}

.faq-section #accordion .panel .panel-heading .panel-title {

  margin: 0;

  line-height: 1;

}

.faq-section #accordion .panel .panel-heading .panel-title a {

  font-family: 'Roboto', sans-serif;

  font-weight: 600;

  color: #666666;

  position: relative;

  display: block;

  padding-left: 65px;

}

.faq-section #accordion .panel .panel-heading .panel-title a:after {

  color: #fff;

  content: "";

  font-family: FontAwesome;

  font-size: 20px;

  height: 50px;

  left: -27px;

  padding: 16px 26px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  z-index: 9;

}

.faq-section #accordion .panel .panel-heading .panel-title a.collapsed:after {

  content: "\f067";

}

.faq-section .form-group {

  margin-bottom: 29px;

}

.faq-section .form-group input[type=text],

.faq-section .form-group input[type=email],

.faq-section .form-group textarea#message {

  width: 100%;

  border: 1px solid #4d6de6;

  padding: 15px;

  height: auto;

  border-radius: 0;

}

.faq-section .form-group input[type=submit] {

  width: 100%;

  height: 55px;

  font-size: 20px;

  margin-top: 20px;

  display: block;

  border: 1px solid #222222;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

  border-radius: 30px;

  background: #222222;

  color: #fff;

  text-transform: uppercase;

}

.faq-section .form-group input[type=submit]:hover {

  background: #4d6de6;

  border: 1px solid #4d6de6;

}

.rs-faq .accordion-title h3 {

  margin-bottom: 50px;

}

.rs-faq .accordion .card {

  border: none;

  box-shadow: none;

  background: unset;

}

.rs-faq .accordion .card .card-header {

  color: #666;

  border: 1px solid #f0f0f0 !important;

  padding: 0;

  margin-bottom: 10px;

}

.rs-faq .accordion .card .card-header .card-title {

  height: 50px;

  padding: 0 0 0 0;

  margin: 0;

}

.rs-faq .accordion .card .card-header .card-title .accordion-toggle {

  display: block;

  height: 50px;

  line-height: 50px;

  padding: 0;

  padding-left: 20px;

  border: unset;

  background: #4d6de6;

  color: #ffffff;

  cursor: pointer;

  width: 100%;

  text-align: left;

  outline: none;

  transition: all 0.3s ease 0s;

}

.rs-faq .accordion .card .card-header .card-title .accordion-toggle:hover {

  color: #ffffff;

}

.rs-faq .accordion .card .card-header .card-title .accordion-toggle.collapsed {

  background: #ffffff;

  color: #666;

  box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);

}

.rs-faq .accordion .card .card-header .card-title .accordion-toggle.collapsed:after {

  position: absolute;

  font-family: FontAwesome;

  content: "\f107" !important;

  right: 1px;

  top: 1px;

  height: 50px;

  font-weight: 700;

  width: 55px;

  text-align: center;

  background: #ffffff;

  color: #666;

  padding: unset;

  transition: all 0.3s ease 0s;

}

.rs-faq .accordion .card .card-header .card-title .accordion-toggle:after {

  position: absolute;

  font-family: FontAwesome;

  content: "\f106";

  right: 1px;

  top: 1px;

  font-weight: 700;

  height: 50px;

  width: 55px;

  text-align: center;

  background: #4d6de6;

  color: #ffffff;

  padding: unset;

  transition: all 0.3s ease 0s;

}

.rs-faq .accordion .collapse .card-body {

  border-top: none !important;

  width: 100%;

  background: #f8f8f8;

  transition: all 0.3s ease 0s;

  margin-top: -10px;

  margin-bottom: 10px;

  z-index: -1;

}

.rs-faq .accordion .collapse .card-body p {

  margin: 0;

}

.rs-faq .accordion .collapse .card-last {

  margin-top: 0;

  margin-bottom: 0;

}

/* ---------------------------

    27. CTA Section Start 

------------------------------*/

.rs-home-cta {

  padding: 45px 0 47px;

  background: #4d6de6;

}

.rs-home-cta .cta-home-text {

  text-align: left;

}

.rs-home-cta .cta-home-text h3 {

  font-size: 36px;

  line-height: 100%;

  font-weight: 700;

  color: #ffffff;

  text-transform: uppercase;

  margin-bottom: 10px;

  letter-spacing: 2px;

}

.rs-home-cta .cta-home-text p {

  margin-bottom: 0px;

  color: #ffffff;

  font-size: 15px;

  line-height: 120%;

}

.rs-home-cta .rs-home-cta-button {

  text-align: right;

  margin-top: 5px;

}

.rs-home-cta .rs-home-cta-button .cta-button {

  width: 190px;

  height: 56px;

  color: #fff;

  border: 2px solid #fff;

  border-radius: 30px;

  display: inline-block;

  right: 0;

  text-align: center;

  line-height: 54px;

  font-size: 15px;

  text-transform: uppercase;

  cursor: pointer;

  font-weight: 500;

}

.rs-home-cta .rs-home-cta-button .cta-button:hover {

  background-color: #222222;

}

/* ---------------------------

    28. Responsibiity Section Start 

------------------------------*/

.rs-responsibiity .sec-title {

  margin-bottom: 35px;

}

.rs-responsibiity .sec-title h3 {

  margin-bottom: 12px;

}

.rs-responsibiity .services-middle-img.pr-md-50 {

  padding-right: 15px;

}

.rs-responsibiity .services-item {

  z-index: 10;

  overflow: hidden;

  width: 100%;

}

.rs-responsibiity .services-item i {

  font-size: 45px;

}

.rs-responsibiity .services-item .service-mid-icon {

  width: 80px;

  float: left;

  margin-bottom: 10px;

}

.rs-responsibiity .services-item .services-desc {

  overflow: hidden;

}

.rs-responsibiity .services-item .services-desc .services-title {

  font-size: 20px;

  margin-top: 0px;

  margin-bottom: 10px;

}

.rs-responsibiity .services-item .services-desc .services-title a {

  color: #101010;

}

.rs-responsibiity .services-item .services-desc p {

  font-size: 14px;

}

.rs-responsibiity .services-item:last-child .services-desc p {

  margin-bottom: 0;

}

.rs-responsibiity .services-wrap {

  margin-top: 30px;

}

.rs-responsibiity .services-wrap .services-item {

  padding: 0 0 20px;

}

.rs-responsibiity .services-wrap .services-item .service-mid-icon {

  width: 100%;

}

.rs-responsibiity .services-wrap .services-item .service-mid-icon i {

  font-size: 36px;

  text-align: center;

  color: #fff;

  background-color: #4d6de6;

  padding: 12px 12px 0;

}

.rs-responsibiity .services-wrap .services-item .service-mid-icon i:before {

  line-height: 2;

}

.rs-responsibiity .services-wrap .services-item .services-desc {

  width: 100%;

}

.rs-responsibiity .services-wrap .services-item .services-desc p {

  font-size: 14px;

  margin: 0;

}

.rs-responsibiity .services-wrap .services-item:last-child {

  padding-bottom: 0;

}

.include.history-page {

  margin-top: 70px;

}

/*-----------------------------------

    29. Why Choose US

-----------------------------------*/

.why-choose-us {

  padding-bottom: 94px;

}

.why-choose-us .video-section-area .image-here {

  position: relative;

}

.why-choose-us .video-section-area .image-here img {

  border-radius: 5px;

}

.why-choose-us .services-responsibiity .sec-title {

  margin-bottom: 40px;

}

.why-choose-us .services-responsibiity .sec-title h3 {

  margin-bottom: 18px;

}

.why-choose-us .services-responsibiity .sec-title p {

  margin: 0;

}

.why-choose-us .services-responsibiity .services-item {

  z-index: 10;

  margin-bottom: 25px;

  width: 100%;

}

.why-choose-us .services-responsibiity .services-item:last-child {

  margin-bottom: 0;

}

.why-choose-us .services-responsibiity .services-item i {

  font-size: 20px;

}

.why-choose-us .services-responsibiity .services-item .service-mid-icon {

  position: relative;

  width: 50px;

  height: 50px;

  float: left;

  background: #4d6de6;

  border-radius: 50%;

  text-align: center;

  line-height: 50px;

  border: 1px solid #4d6de6;

  margin-right: 15px;

  box-shadow: 6px 2px 13px rgba(0, 0, 0, 0.1);

}

.why-choose-us .services-responsibiity .services-item .service-mid-icon .service-mid-icon-container i {

  color: #ffffff;

  line-height: 57px;

}

.why-choose-us .services-responsibiity .services-item .service-mid-icon .service-mid-icon-container.lh i {

  line-height: 42px;

}

.why-choose-us .services-responsibiity .services-item .service-mid-icon:after {

  content: "";

  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

  transform: translateX(-50%) translateY(-50%);

  display: block;

  width: 50px;

  height: 50px;

  background: #2280fc;

  border-radius: 50%;

  animation: pulse-border 1500ms ease-out infinite;

  opacity: 0;

  transition: all .3s ease 0s;

  visibility: hidden;

}

.why-choose-us .services-responsibiity .services-item .services-desc {

  overflow: hidden;

}

.why-choose-us .services-responsibiity .services-item .services-desc .services-title {

  margin-top: 0px;

  font-size: 18px;

  margin-bottom: 6px;

  font-weight: 600;

}

.why-choose-us .services-responsibiity .services-item .services-desc .services-title a {

  color: #212121;

}

.why-choose-us .services-responsibiity .services-item .services-desc .services-title:hover a {

  color: #4d6de6;

}

.why-choose-us .services-responsibiity .services-item .services-desc p {

  margin-bottom: 15px;

  color: #666666;

}

.why-choose-us .services-responsibiity .services-item:last-child .services-desc p {

  margin-bottom: 0;

}

.why-choose-us .services-responsibiity .services-item:hover .service-mid-icon {

  background: #4d6de6;

}

.why-choose-us .services-responsibiity .services-item:hover .service-mid-icon a {

  color: #fff;

}

.why-choose-us .services-responsibiity .services-item:hover .service-mid-icon:after {

  opacity: 1;

  visibility: visible;

}

.why-choose-us .services-responsibiity .services-item:hover .services-desc p {

  color: #212121;

}

.why-choose-us.defult-style {

  padding-bottom: 240px;

}

.choose-Us .choose-Us-title h3 {

  font-size: 30px;

  margin-bottom: 26px;

}

.choose-Us .choose-Us-content {

  margin-right: 15px;

}

.choose-Us .choose-Us-content .main-goal h5 {

  font-weight: 700;

  color: #555;

}

.choose-Us .choose-Us-content .main-goal p {

  padding-bottom: 5px;

  margin: 0;

  color: #000;

  position: relative;

  padding-left: 16px;

}

.choose-Us .choose-Us-content .main-goal p i {

  color: #4d6de6;

  font-weight: 500;

  position: absolute;

  left: 0;

  top: 4px;

}

.choose-Us .choose-Us-content .main-goal p.mb-15 {

  margin-bottom: 15px;

}

.choose-Us .choose-Us-content .main-goal p:last-child {

  padding-bottom: 0;

}

.rs-skills .sec-title {

  margin-bottom: 0;

}

.rs-skills .sec-title h3 {

  margin-bottom: 40px;

}

.rs-skills .rs-team-details {

  padding: 0px !important;

}

.rs-skills .skillbar-title {

  font-size: 14px;

  font-weight: 500;

  margin-bottom: 4px;

}

.rs-skills .rs-team-details .cl-skill-bar .skillbar .skillbar-bar {

  height: 25px;

}

.rs-skills .rs-team-details .cl-skill-bar .skillbar .skill-bar-percent {

  height: 25px;

  line-height: 25px;

  font-size: 12px;

}

.rs-skills .rs-team-details .cl-skill-bar .skillbar .skillbar-title {

  height: 25px;

  line-height: 25px;

}

.rs-skills .cl-skill-bar .skillbar {

  background: #f0f0f0;

  border-radius: 3px;

  display: inline-block;

  height: 25px;

  margin-top: 0px;

  margin-bottom: 23px;

  position: relative;

  width: 100%;

}

.rs-skills .cl-skill-bar .skillbar .skillbar-title {

  border-bottom-left-radius: 3px;

  border-top-left-radius: 3px;

  color: #ffffff;

  font-size: 12px;

  font-weight: 500;

  height: 30px;

  left: 0;

  line-height: 30px;

  padding: 0 20px;

  position: absolute;

  top: 0;

  width: 150px;

  background: #3b8a3e;

  text-transform: uppercase;

}

.rs-skills .cl-skill-bar .skillbar .skillbar-bar {

  background: #4d6de6;

  border-radius: 3px;

  display: inline-block;

  height: 30px;

  width: 0;

  margin-bottom: 0;

}

.rs-skills .cl-skill-bar .skillbar .skill-bar-percent {

  color: rgba(0, 0, 0, 0.9);

  font-size: 12px;

  height: 30px;

  line-height: 30px;

  position: absolute;

  left: 50%;

  font-weight: 500;

  top: 0;

}

.rs-skills .panel-heading {

  background: #4caf50;

  border-radius: 0;

  border: none;

}

.rs-skills .panel-heading .panel-title a {

  color: #fff;

  font-weight: 400;

  font-size: 20px;

  display: block;

}

.rs-skills .panel-default {

  border: none;

  box-shadow: none;

}

.rs-skills .rs-skills .sec-title p {

  color: #555;

  margin: 20px 0 0;

}

.rs-skills .cl-skill-bar {

  margin-top: -5px;

}

.rs-skills.lawyer-skills .skill-area .skill-title {

  text-transform: uppercase;

}

.rs-skills.lawyer-skills .skill-area .progress .progress-bar {

  background-color: #4d6de6;

}

.rs-skills .title {

  font-size: 24px;

  font-weight: 700;

  text-transform: uppercase;

}

.rs-skills .skill-area {

  /*-- progress width start --*/

  /*-- progress width end --*/

}

.rs-skills .skill-area .skill-title {

  margin-bottom: 7px;

  font-size: 13px;

  display: block;

  color: #444;

}

.rs-skills .skill-area .progress {

  background-color: #ffffff;

  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.1);

  height: 12px;

}

.rs-skills .skill-area .progress .progress-bar {

  background-color: #212121;

  border-radius: 3px;

}

.rs-skills .skill-area .progress .style-1 {

  width: 99%;

}

.rs-skills .skill-area .progress .style-2 {

  width: 85%;

}

.rs-skills .skill-area .progress .style-3 {

  width: 70%;

}

.rs-skills .skill-area .progress .style-4 {

  width: 60%;

}

.rs-skills .skill-area .progress .style-5 {

  width: 90%;

}

.rs-skills .skill-area .progress .style-6 {

  width: 80%;

}

.rs-skills .skill-area .progress .style-7 {

  width: 70%;

}

.rs-skills .skill-area .progress .style-8 {

  width: 65%;

}

.rs-skills .skill-area .progress .style-9 {

  width: 95%;

}

.rs-skills .skill-area .progress .style-10 {

  width: 80%;

}

.rs-skills .skill-area .progress .style-11 {

  width: 72%;

}

.rs-skills .skill-area .progress .style-12 {

  width: 60%;

}

.rs-skills .skill-area .progress .style-13 {

  width: 75%;

}

.rs-skills.corporate-skills {

  background: url('../images/video/video-1.jpg');

  background-repeat: no-repeat;

  background-size: cover;

  padding: 0 !important;

}

.rs-skills.corporate-skills .skill-area .progress {

  height: 5px;

  box-shadow: unset;

  background: #f7f7f7;

}

.rs-skills.corporate-skills .skill-area .progress .progress-bar {

  background: #4d6de6;

}

.rs-skills.corporate-skills .corporate-skills-inner {

  padding: 70px 80px 0;

  background: #f0f3f9;

}

.rs-skills.corporate-skills .video-section-area img {

  border-radius: unset !important;

}

.rs-skills.startup-skills {

  background: url('../images/video/video-1.jpg');

  background-repeat: no-repeat;

  background-size: cover;

  padding: 0 !important;

}

.rs-skills.startup-skills .skill-area .progress {

  height: 5px;

  box-shadow: unset;

  background: #bbb;

}

.rs-skills.startup-skills .skill-area .progress .progress-bar {

  background: #4d6de6;

}

.rs-skills.startup-skills .corporate-skills-inner {

  padding: 70px 80px 0;

  background: #f0f3f9;

}

.rs-skills.startup-skills .video-section-area img {

  border-radius: unset !important;

}

.right-skills-bar .counter-top-area .rs-counter-list {

  text-align: left;

}

.right-skills-bar .skill-area .skill-title {

  text-transform: uppercase;

}

/*-----------------------------------

    30. How We Work

-----------------------------------*/

.how-we-work .work-sec-title h2 {

  font-size: 40px;

  letter-spacing: 2px;

  font-weight: 700;

}

.how-we-work .work-sec-title p {

  font-weight: 300;

  font-size: 18px;

  color: #505050;

  margin-bottom: 48px;

}

.how-we-work .work-column {

  position: relative;

  text-align: center;

  overflow: hidden;

  -webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08);

  -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08);

  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.08);

  -webkit-transition-duration: .3s;

  transition-duration: .3s;

  border-radius: 0 0 5px 5px;

}

.how-we-work .work-column .common-box {

  overflow: hidden;

}

.how-we-work .work-column .work-gallery-caption {

  padding: 15px 18px 22px 18px;

}

.how-we-work .work-column .work-gallery-caption h4 {

  margin: 10px 0 4px;

  font-size: 18px;

  font-weight: 600;

  color: #212121;

  line-height: normal;

}

.how-we-work .work-column .work-gallery-caption p {

  color: #666;

  font-size: 14px;

  margin: 0;

}

.how-we-work .work-column:hover {

  webkit-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);

  -moz-box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);

  box-shadow: 0 10px 30px 0 rgba(50, 50, 50, 0.16);

}

.how-we-work .work-column img {

  transition: all 0.3s;

  border-radius: 5px 5px 0 0;

}

.how-we-work .work-column:hover img {

  transform: scale(1.1);

}

.how-we-work .work-column:hover .work-gallery-caption h4 a {

  color: #4d6de6;

}

.how-we-work.defult-style .work-column .work-gallery-caption h4 {

  letter-spacing: 0;

  font-weight: 600;

}

.how-we-work.defult-style .work-column .work-gallery-caption h4 a {

  color: #212121;

}

.how-we-work.defult-style .work-column .work-gallery-caption h4 a:hover {

  color: #4d6de6;

}

.how-we-work.defult-style .work-column:hover .work-gallery-caption h4 a {

  color: #4d6de6;

}

.how-we-work.about-work .sec-title3 {

  margin: 0;

  text-align: left;

}

.how-we-work.about-work .sec-title3 h3:after {

  right: unset;

  transform: unset;

  left: 0;

}

.how-we-work.about-work.top-history .history-column {

  background: unset;

  box-shadow: -2px 7px 20px rgba(0, 0, 0, 0.03);

  padding: 20px;

  text-align: left;

}

.how-we-work.about-work.top-history .history-column i {

  color: #4d6de6;

  padding: 0;

}

.how-we-work.about-work.top-history .history-column h4 {

  padding-top: 10px;

}

.how-we-work.about-work.top-history .history-column h4 a {

  color: #212121;

}

.how-we-work.about-work.top-history .history-column h4:after {

  left: 0;

  transform: unset;

}

.how-we-work.about-work.top-history .history-column p {

  color: #666666;

  padding: 0;

}

.how-we-work.about-work.top-history .history-column:hover h4 a {

  color: #4d6de6;

}

/*-----------------------------------------

    31. Project Style

-----------------------------------------*/

.rs-project-style .project-slider {

  position: relative;

  margin-bottom: 60px;

}

.rs-project-style .project-slider .owl-nav {

  position: unset;

  content: unset;

  opacity: 0;

  transition: all 0.3s ease 0s;

}

.rs-project-style .project-slider .owl-nav .owl-prev,

.rs-project-style .project-slider .owl-nav .owl-next {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 42px;

  height: 42px;

  line-height: 42px;

  border-radius: 50% !important;

}

.rs-project-style .project-slider .owl-nav .owl-prev:hover,

.rs-project-style .project-slider .owl-nav .owl-next:hover {

  background-color: #4d6de6;

  color: #222222;

}

.rs-project-style .project-slider .owl-nav .owl-prev {

  left: 2% !important;

  right: unset;

}

.rs-project-style .project-slider .owl-nav .owl-next {

  right: 2%;

}

.rs-project-style .project-slider:hover .owl-nav {

  opacity: 1;

}

.rs-project-style .project-desc h3 {

  line-height: 23px;

  font-size: 26px;

  margin-bottom: 32px;

}

.rs-project-style .project-img {

  margin-bottom: 47px;

}

.rs-project-style .ps-informations {

  padding: 40px 40px 45px;

  background: rgba(16, 16, 16, 0.05);

}

.rs-project-style .ps-informations .info-title {

  font-size: 20px;

  font-weight: 500;

  text-transform: uppercase;

  margin-bottom: 20px;

}

.rs-project-style .ps-informations ul li {

  padding-top: 10px;

  margin-top: 10px;

  border-top: 1px solid rgba(54, 54, 54, 0.05);

}

.rs-project-style .ps-informations ul li span {

  width: 150px;

  display: inline-block;

  font-weight: 700;

}

.rs-project-style .ps-informations ul li:first-child {

  padding-top: 0;

  margin-top: 0;

  border-top: none;

}

.rs-project-style .p-style-wrap .p-style-title {

  font-size: 26px;

  text-transform: uppercase;

}

.rs-project-style .p-style-wrap .item-grid .image-icon {

  position: relative;

  overflow: hidden;

}

.rs-project-style .p-style-wrap .item-grid .image-icon img {

  border-radius: 5px;

  transition: all 0.3s ease 0s;

}

.rs-project-style .p-style-wrap .item-grid .image-icon a i {

  position: absolute;

  content: '';

  left: 50%;

  top: 55%;

  transform: translate(-50%, -45%);

  text-align: center;

  margin: 0 auto;

  color: #4d6de6;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  opacity: 0;

  background: transparent;

  line-height: 50px;

  border: 1px solid #4d6de6;

  transition: all 0.3s ease 0s;

  z-index: 1;

}

.rs-project-style .p-style-wrap .item-grid .image-icon a i:hover {

  color: #ffffff;

  background: #4d6de6;

}

.rs-project-style .p-style-wrap .item-grid .image-icon:after {

  position: absolute;

  content: '';

  width: 100%;

  border-radius: 5px;

  height: 100%;

  top: 0;

  opacity: 0;

  transition: all 0.3s ease 0s;

  left: 0;

  background: rgba(0, 0, 0, 0.6);

}

.rs-project-style .p-style-wrap .item-grid:hover .image-icon img {

  transform: scale(1.1);

}

.rs-project-style .p-style-wrap .item-grid:hover .image-icon a i {

  top: 50%;

  transform: translate(-50%, -50%);

  opacity: 1;

}

.rs-project-style .p-style-wrap .item-grid:hover .image-icon:after {

  opacity: 1;

}

.rs-project-style .page-nav {

  padding-top: 45px;

  margin-bottom: -5px;

}

.rs-project-style .page-nav.padding-change {

  padding-top: 60px;

}

.rs-project-style .page-nav ul li {

  display: inline;

}

.rs-project-style .page-nav ul li a {

  color: unset;

}

.rs-project-style .page-nav ul .next {

  float: right;

}

.rs-project-style .page-nav ul .next a:hover {

  color: #4d6de6;

}

.rs-project-style .page-nav ul .prev a:hover {

  color: #4d6de6;

}

/* ---------------------------------------

    32. App Download Section

-----------------------------------------*/

.rs-download-store {

  position: relative;

  background-image: url(../images/bg/download-app.jpg);

  background-size: cover;

  background-repeat: no-repeat;

}

.rs-download-store .sec-title3 h3 {

  position: relative;

  z-index: 1;

  color: #ffffff;

}

.rs-download-store .sec-title3 h3:after {

  background: #ffffff;

}

.rs-download-store .logo-area {

  position: relative;

  z-index: 9;

}

.rs-download-store .logo-area ul {

  text-align: center;

}

.rs-download-store .logo-area ul li {

  margin-right: 25px;

  display: inline;

}

.rs-download-store .logo-area ul li img {

  opacity: 1;

  border-radius: 5px;

}

.rs-download-store .logo-area ul li img:hover {

  opacity: .8;

}

.rs-download-store .logo-area ul li:last-child {

  margin-right: 0;

}

.rs-download-store:after {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: #4d6de6;

  opacity: 0.8;

}

/* ------------------------------------

    32. App ScreenShot

---------------------------------------*/

.rs-app-scrnshoot {

  padding-bottom: 87px !important;

}

.rs-app-scrnshoot .sec-title3 h3 {

  margin-bottom: 31px;

}

.rs-app-scrnshoot .scrnshoot-carousel .slick-arrow {

  background: #4d6de6 !important;

  width: 50px;

  height: 50px;

  border-radius: 50%;

  line-height: 68px;

  transition: all 0.3s ease 0s;

  z-index: 1;

  opacity: 0;

}

.rs-app-scrnshoot .scrnshoot-carousel .slick-arrow:before {

  font-family: FontAwesome;

  text-align: center;

  opacity: 1;

  font-size: 30px;

}

.rs-app-scrnshoot .scrnshoot-carousel .slick-prev {

  left: 5%;

}

.rs-app-scrnshoot .scrnshoot-carousel .slick-prev:before {

  content: "\f104";

  padding-right: 5px;

}

.rs-app-scrnshoot .scrnshoot-carousel .slick-next {

  right: 5%;

}

.rs-app-scrnshoot .scrnshoot-carousel .slick-next:before {

  content: "\f105";

  padding-left: 5px;

}

.rs-app-scrnshoot .scrnshoot-carousel:hover .slick-arrow {

  opacity: 1;

}

.rs-app-scrnshoot img {

  width: 100%;

}

.rs-app-scrnshoot .slick-current img {

  box-shadow: 0px 0px 12px 0px #0000007d;

}

.rs-app-scrnshoot .app-item {

  z-index: 1;

  -webkit-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}

.rs-app-scrnshoot .app-item.slick-active.slick-center {

  position: relative;

  -webkit-transform: scale(1.3);

  -ms-transform: scale(1.3);

  transform: scale(1.3);

  z-index: 3;

}

.rs-app-scrnshoot .app-item.slick-active {

  -webkit-transform: scale(1.15);

  -ms-transform: scale(1.15);

  transform: scale(1.15);

  z-index: 2;

}

.rs-app-scrnshoot .slick-list.draggable {

  padding-top: 70px !important;

  padding-bottom: 70px !important;

}

/*-------------------------------------

    33. Testimonial CSS

-------------------------------------*/

.rs-testimonial-part {

  background: #f9f9f9;

}

.rs-testimonial-part .owl-item .customer-item {

  text-align: center;

  background: #f4f7fc;

  padding: 25px 20px;

  border-radius: 3px;

  transition: all 0.3s ease 0s;

  box-shadow: none;

}

.rs-testimonial-part .owl-item .customer-item .item-img {

  margin-bottom: 25px;

}

.rs-testimonial-part .owl-item .customer-item .item-img img {

  width: 80px !important;

  border-radius: 50%;

  margin: 0 auto;

}

.rs-testimonial-part .owl-item .customer-item .item-details {

  padding: 20px 0 0 !important;

}

.rs-testimonial-part .owl-item .customer-item .item-details p {

  margin: 0 0 20px;

  font-size: 14px;

  position: relative;

}

.rs-testimonial-part .owl-item .customer-item .item-details p:after {

  bottom: 60px;

  left: 50%;

  transform: translateX(-50%);

  content: "\f10d";

  font-family: "FontAwesome";

  font-size: 20px;

  position: absolute;

  color: #4d6de6;

  font-weight: 700;

  transition: 0.4s;

}

.rs-testimonial-part .owl-item .customer-item .item-author .item-name {

  font-size: 16px;

  line-height: 100%;

  color: #101010;

  text-transform: capitalize;

  font-weight: 600;

  display: block;

  margin-bottom: 5px;

}

.rs-testimonial-part .owl-item .customer-item .item-author .item-designation {

  font-size: 14px;

  line-height: 100%;

  font-weight: normal;

  color: #505050;

  display: block;

}

.rs-testimonial-part .owl-item .customer-item:hover {

  background: #4d6de6;

}

.rs-testimonial-part .owl-item .customer-item:hover .item-img img {

  border-color: #ffffff;

}

.rs-testimonial-part .owl-item .customer-item:hover .item-details {

  color: #ffffff;

}

.rs-testimonial-part .owl-item .customer-item:hover .item-details p:after {

  color: #ffffff;

}

.rs-testimonial-part .owl-item .customer-item:hover .item-author .item-name {

  color: #ffffff;

}

.rs-testimonial-part .owl-item .customer-item:hover .item-author .item-designation {

  color: #ffffff;

}

.rs-testimonial-part .owl-item.center .customer-item {

  background: #4d6de6;

}

.rs-testimonial-part .owl-item.center .customer-item .item-img img {

  border-color: #ffffff;

}

.rs-testimonial-part .owl-item.center .customer-item .item-details {

  color: #ffffff;

}

.rs-testimonial-part .owl-item.center .customer-item .item-details p:after {

  color: #ffffff;

}

.rs-testimonial-part .owl-item.center .customer-item .item-author .item-name {

  color: #ffffff;

}

.rs-testimonial-part .owl-item.center .customer-item .item-author .item-designation {

  color: #ffffff;

}

/*-------------------------------------

    33. Testimonial Style

-------------------------------------*/

.rs-testimonial-item {

  background-image: url('../images/testimonial/home17.jpg');

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

.rs-testimonial-item .rs-carousel .owl-dots {

  text-align: center;

}

.rs-testimonial-item .rs-carousel .owl-dots .owl-dot {

  width: 20px;

  height: 8px;

  display: inline-block;

  margin: 0 6px;

  padding: 3px 0;

  border-radius: 30px;

  border: 1px solid #4d6de6;

}

.rs-testimonial-item .rs-carousel .owl-dots .owl-dot:hover {

  background: #4d6de6;

}

.rs-testimonial-item .rs-carousel .owl-dots .active {

  background: #4d6de6;

}

.rs-testimonial-item .testimonial-content {

  display: flex;

  align-items: center;

}

.rs-testimonial-item .testimonial-content .images-testimonial {

  float: left;

  width: 31.5%;

}

.rs-testimonial-item .testimonial-content .images-testimonial img {

  width: 82%;

  border-radius: 50%;

  border: dashed;

  border-color: #4d6de6;

}

.rs-testimonial-item .testimonial-content .cl-author {

  width: 68.5%;

  position: relative;

  float: right;

}

.rs-testimonial-item .testimonial-content .cl-author p {

  padding: 20px 30px;

  border: dashed;

  border-color: #4d6de6;

  border-radius: 60px;

  position: relative;

  padding-left: 40px;

  font-style: italic;

}

.rs-testimonial-item .testimonial-content .cl-author p i {

  position: absolute;

  right: 0;

  top: -16px;

  width: 65px;

  text-align: center;

  height: 45px;

  background: #EEF0FC;

  font-size: 20px;

  z-index: 111;

  line-height: 45px;

  color: #4d6de6;

}

.rs-testimonial-item .testimonial-content .cl-author p:before {

  font-family: FontAwesome;

  content: "\f10d";

  position: absolute;

  bottom: 0;

  left: -7px;

  color: #4d6de6;

  font-size: 19px;

  height: 35px;

  width: 44px;

  line-height: 35px;

  background: #EEF0FC;

  text-align: center;

}

.rs-testimonial-item .testimonial-content .cl-author .cl-author-info li {

  font-weight: 600;

  font-size: 20px;

  color: #212121;

}

.rs-testimonial-item .testimonial-content .cl-author .cl-author-info li Span {

  font-weight: 400;

  font-size: 14px;

  color: #666666;

  display: block;

  text-transform: uppercase;

}

/*-------------------------------------

    33. Customer Review CSS

-------------------------------------*/

.rs-customer {

  background: #ffffff;

}

.rs-customer .customer-item {

  text-align: center;

  background: #f0f0f0;

  padding: 25px 20px;

  border-radius: 3px;

  transition: all 0.3s ease 0s;

}

.rs-customer .customer-item .item-img {

  margin-bottom: 25px;

}

.rs-customer .customer-item .item-img img {

  width: 80px !important;

  border-radius: 50%;

  margin: 0 auto;

}

.rs-customer .customer-item .item-details {

  padding: 20px 0 0 !important;

}

.rs-customer .customer-item .item-details p {

  margin: 0 0 20px;

  font-size: 14px;

}

.rs-customer .customer-item .item-author .item-name {

  font-size: 16px;

  line-height: 100%;

  color: #101010;

  text-transform: capitalize;

  font-weight: 600;

  display: block;

  margin-bottom: 5px;

}

.rs-customer .customer-item .item-author .item-designation {

  font-size: 14px;

  line-height: 100%;

  font-weight: normal;

  color: #505050;

  display: block;

}

.rs-customer .customer-item:hover {

  background: #4d6de6;

}

.rs-customer .customer-item:hover .item-img img {

  border-color: #ffffff;

}

.rs-customer .customer-item:hover .item-details {

  color: #ffffff;

}

.rs-customer .customer-item:hover .item-details:after {

  color: #ffffff;

}

.rs-customer .customer-item:hover .item-author .item-name {

  color: #ffffff;

}

.rs-customer .customer-item:hover .item-author .item-designation {

  color: #ffffff;

}

.rs-customer3 {

  background-image: url('../images/home-call.jpg');

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

}

.rs-customer3 .rs-carousel .owl-dots {

  text-align: center;

}

.rs-customer3 .rs-carousel .owl-dots .owl-dot {

  width: 20px;

  height: 8px;

  display: inline-block;

  margin: 0 6px;

  padding: 3px 0;

  border-radius: 30px;

  border: 1px solid #4d6de6;

}

.rs-customer3 .rs-carousel .owl-dots .owl-dot:hover {

  background: #4d6de6;

}

.rs-customer3 .rs-carousel .owl-dots .active {

  background: #4d6de6;

}

.rs-customer3 .customer-item {

  text-align: center;

  background: unset !important;

  padding: 30px 20px;

  border-radius: 3px;

  transition: all 0.3s ease 0s;

}

.rs-customer3 .customer-item .item-img {

  margin-bottom: 25px;

}

.rs-customer3 .customer-item .item-img img {

  width: 130px;

  border-radius: 50%;

  margin: 0 auto;

}

.rs-customer3 .customer-item .item-details {

  font-style: italic;

}

.rs-customer3 .customer-item .item-details p {

  margin: 0 0 15px;

  color: #ffffff;

}

.rs-customer3 .customer-item .item-author .item-name {

  color: #ffffff;

  font-size: 16px;

  line-height: 100%;

  text-transform: capitalize;

  font-weight: 600;

  display: block;

  margin-bottom: 5px;

}

.rs-customer3 .customer-item .item-author .item-designation {

  color: #ffffff;

  font-size: 14px;

  line-height: 100%;

  font-weight: normal;

  display: block;

}

.rs-customer3.about-customer {

  background-image: unset;

}

.rs-customer3.about-customer .customer-item .item-details p {

  color: #212121;

}

.rs-customer3.about-customer .customer-item .item-author .item-name {

  color: #212121;

}

.rs-customer3.about-customer .customer-item .item-author .item-designation {

  color: #212121;

}

.rs-customer3.services-customer {

  background: url('../images/services-call.jpg');

}

.rs-customer4 {

  background-image: url(../images/bg/apps-client.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  position: relative;

  padding-bottom: 92px;

}

.rs-customer4.padding-style {

  padding-top: 292px;

}

.rs-customer4 .sec-title3 {

  z-index: 1;

  position: relative;

}

.rs-customer4 .sec-title3 h3 {

  color: #ffffff;

}

.rs-customer4 .sec-title3 h3:after {

  background: #ffffff;

}

.rs-customer4 .rs-carousel .owl-dots {

  margin-top: 25px;

  text-align: center;

}

.rs-customer4 .rs-carousel .owl-dots .owl-dot {

  width: 20px;

  height: 8px;

  display: inline-block;

  margin: 0 6px;

  padding: 3px 0;

  border-radius: 30px;

  border: 1px solid #ffffff;

}

.rs-customer4 .rs-carousel .owl-dots .owl-dot:hover {

  background: #ffffff;

}

.rs-customer4 .rs-carousel .owl-dots .active {

  background: #ffffff;

}

.rs-customer4 .customer-item {

  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.19);

  background-color: #fafafa;

  border-radius: 3px;

  padding: 18px;

  text-align: center;

}

.rs-customer4 .customer-item .item-img img {

  box-shadow: 10px 15px 16px rgba(21, 21, 21, 0.15);

  width: 130px;

  border-radius: 50%;

  margin: 0 auto;

}

.rs-customer4 .customer-item .item-details p {

  padding-top: 15px;

  font-style: italic;

  padding-left: 20px;

  position: relative;

}

.rs-customer4 .customer-item .item-details p:before {

  position: absolute;

  content: "\f10d";

  color: #4d6de6;

  left: 5px;

  top: 8px;

  font-family: FontAwesome;

}

.rs-customer4 .customer-item .item-author .item-name {

  color: #050505;

  font-weight: 700;

}

.rs-customer4 .customer-item .item-author .item-designation {

  font-size: 14px;

}

.rs-customer4:after {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background: #4d6de6;

  opacity: .7;

}

.rs-defult-customer .sec-title .contact-title {

  color: #ffffff;

  margin: 0;

  padding: 0 0 40px;

}

.rs-defult-customer .sec-title .contact-title:after {

  background: #ffffff;

  right: unset;

  left: 95px;

  top: unset;

  bottom: 20px;

  width: 88px;

}

.rs-defult-customer .owl-stage-outer {

  padding-top: 38px;

}

.rs-defult-customer .customer-item {

  padding-top: 0;

}

.rs-defult-customer .customer-item .item-details {

  font-style: normal;

  position: relative;

  padding: 20px 38px 0;

}

.rs-defult-customer .customer-item .item-details p {

  margin: 0 0 15px;

}

.rs-defult-customer .customer-item .item-details:after {

  top: -20px;

  left: 50%;

  transform: translateX(-50%);

  content: "\f10d";

  font-family: "FontAwesome";

  font-size: 20px;

  position: absolute;

  color: #4d6de6;

  font-weight: 700;

  transition: 0.4s;

}

.rs-defult-customer .customer-item .item-img {

  margin-bottom: 0;

}

.rs-defult-customer .customer-item .item-img img {

  top: -34px;

  position: relative;

  border: none;

  padding: 0;

  width: 130px;

}

.rs-defult-customer .rs-contact {

  background: #4d6de6;

  position: relative;

  margin-top: -30px;

}

.rs-defult-customer .rs-contact:after {

  background: #4d6de6;

  transform: skewY(-174deg);

  content: "";

  height: 100px;

  left: 0;

  position: absolute;

  top: -70px;

  width: 100%;

  border-top-right-radius: 5px;

  border-top-left-radius: 5px;

  -webkit-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

  box-shadow: 0 -26px 12px transparent;

  outline: 1px solid transparent;

}

.rs-defult-customer .rs-contact .contact-bg {

  margin-top: unset;

}

.rs-defult-customer .rs-contact .contact-bg .contact-form {

  background: #4d6de6;

  padding: 50px 45px 60px;

}

.rs-defult-customer .rs-contact .contact-bg .contact-form .form-field {

  margin-bottom: 10px;

}

.rs-defult-customer .rs-contact .contact-bg .contact-form .form-field input,

.rs-defult-customer .rs-contact .contact-bg .contact-form .form-field textarea {

  padding-left: 20px;

  border: 1px solid transparent;

  border-bottom: 1px solid rgba(60, 65, 84, 0.2);

  background: transparent;

  color: #ffffff;

  outline: none;

}

.rs-defult-customer .rs-contact .contact-bg .contact-form .form-field input::-webkit-input-placeholder,

.rs-defult-customer .rs-contact .contact-bg .contact-form .form-field textarea::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */

  color: #ffffff;

}

.rs-defult-customer .rs-contact .contact-bg .contact-form .form-field input::-moz-placeholder,

.rs-defult-customer .rs-contact .contact-bg .contact-form .form-field textarea::-moz-placeholder {

  /* Firefox 19+ */

  color: #ffffff;

}

.rs-defult-customer .rs-contact .contact-bg .contact-form .form-field input:-ms-input-placeholder,

.rs-defult-customer .rs-contact .contact-bg .contact-form .form-field textarea:-ms-input-placeholder {

  /* IE 10+ */

  color: #ffffff;

}

.rs-defult-customer .rs-contact .contact-bg .contact-form .form-field input:-moz-placeholder,

.rs-defult-customer .rs-contact .contact-bg .contact-form .form-field textarea:-moz-placeholder {

  /* Firefox 18- */

  color: #ffffff;

}

.rs-defult-customer .rs-contact .contact-bg .contact-form .form-field textarea {

  max-height: 65px !important;

  padding: 25px 0 0 20px;

  resize: none;

  overflow: auto;

  outline: none;

}

.rs-defult-customer .rs-contact .contact-bg .contact-form .form-button {

  margin-top: 20px;

}

.rs-defult-customer .rs-contact .contact-bg .contact-form .form-button button {

  border: 2px solid #ffffff;

  background: transparent;

  color: #ffffff;

  cursor: pointer;

  height: 48px;

  padding: 9px 30px;

  font-size: 15px;

  font-weight: 400;

  text-transform: capitalize;

}

.rs-defult-customer .rs-contact .contact-bg .contact-form .form-button button:hover {

  background: #ffffff;

  color: #212121;

}

.rs-defult-customer .rs-contact.inverse-skew {

  margin: 0 !important;

}

.rs-defult-customer .rs-contact.inverse-skew:before {

  background: #4d6de6;

  transform: skewY(174deg);

  content: "";

  height: 130px;

  left: 0;

  position: absolute;

  top: -70px;

  width: 100%;

  border-top-right-radius: 5px;

  border-top-left-radius: 5px;

  -webkit-backface-visibility: hidden;

  -ms-backface-visibility: hidden;

  -moz-backface-visibility: hidden;

  backface-visibility: hidden;

  box-shadow: 0 -26px 12px transparent;

  outline: 1px solid transparent;

}

.rs-defult-customer.construction-testimonial .owl-stage-outer {

  padding-top: 0;

}

.rs-defult-customer.construction-testimonial .customer-item {

  padding: 45px 30px;

}

.rs-defult-customer.construction-testimonial .customer-item .item-img img {

  margin: 0 auto;

  border-radius: 50%;

  top: 0;

  width: 100px;

}

.rs-defult-customer.construction-testimonial .customer-item .item-details {

  text-align: center;

  padding: 0;

}

.rs-defult-customer.construction-testimonial .customer-item .item-details p {

  max-width: 670px;

  margin: 0 auto 30px;

  line-height: 26px;

  padding: 15px 0 0;

  font-style: italic;

  position: relative;

}

.rs-defult-customer.construction-testimonial .customer-item .item-details p span {

  position: absolute;

  content: '';

  top: 10px;

  left: 50%;

  transform: translateX(-50%);

  font-size: 80px;

  text-transform: uppercase;

  font-weight: 800;

  opacity: .07;

  width: 100%;

}

.rs-defult-customer.construction-testimonial .customer-item .item-details:after {

  display: none;

}

.rs-defult-customer.construction-testimonial .customer-item .item-author .item-name {

  font-weight: bold;

  font-size: 18px;

  color: #212121;

}

.rs-defult-customer.construction-testimonial .rs-carousel .owl-dots {

  position: absolute;

  right: 30px;

  bottom: 45px;

}

.rs-defult-customer.construction-testimonial .rs-carousel .owl-dots .owl-dot {

  width: 20px;

  height: 8px;

  display: inline-block;

  margin: 0 6px;

  padding: 3px 0;

  border-radius: 30px;

  border: 1px solid #4d6de6;

}

.rs-defult-customer.construction-testimonial .rs-carousel .owl-dots .owl-dot:hover {

  background: #4d6de6;

}

.rs-defult-customer.construction-testimonial .rs-carousel .owl-dots .active {

  background: #4d6de6;

}

.rs-defult-customer.construction-testimonial .partner-image {

  padding: 26px;

  margin: 0 0 35px;

}

.rs-defult-customer.seo-video {

  background: url('../images/bg/seo-bg.jpg');

  background-repeat: repeat;

  background-size: auto auto;

  padding: 0 !important;

}

.rs-customer3 .sec-title {

  margin-bottom: 20px;

}

/*----------------------------------

    34. Map Section

-------------------------------------*/

.rs-map #googleMap {

  height: 500px;

}

/* ------------------------------------

    35. Different Pages CSS

---------------------------------------*/

.home-personal .rs-about .contents-here {

  text-align: center;

}

.home-personal .rs-about .contents-here h4 {

  font-weight: normal;

}

.home-personal .rs-about .contents-here p {

  margin-bottom: 40px;

}

.home-personal .rs-about .contents-here ul li {

  display: inline;

  margin-right: 20px;

}

.home-personal .rs-about .contents-here ul li:last-child {

  margin-right: 0;

}

.home-personal .rs-about .contents-here .readon {

  width: 140px;

  padding: 13px 0;

  text-align: center;

}

.home-personal .rs-customer3 {

  background-image: unset;

}

.home-personal .rs-customer3 .customer-item {

  padding: 0;

  border-radius: unset;

}

.home-personal .rs-customer3 .customer-item .item-img {

  margin-bottom: 13px;

  margin-top: 5px;

}

.home-personal .rs-customer3 .customer-item .item-details p {

  color: #212121;

  margin-bottom: 35px;

  display: inline-block;

  position: relative;

}

.home-personal .rs-customer3 .customer-item .item-details p:before {

  position: absolute;

  content: "\f10d";

  font-family: FontAwesome;

  color: #4d6de6;

  top: -5px;

  left: -20px;

}

.home-personal .rs-customer3 .customer-item .item-author {

  margin-bottom: 31px;

}

.home-personal .rs-customer3 .customer-item .item-author .item-name,

.home-personal .rs-customer3 .customer-item .item-author .item-designation {

  color: #212121;

}

.home-personal .rs-customer3 .client-logo {

  padding: 93px 100px 0;

}

.home-personal .rs-customer3 .client-logo a {

  transition: all 0.3s ease 0s;

  opacity: 0.7;

}

.home-personal .rs-customer3 .client-logo a:hover {

  opacity: 1;

}

.home-personal .rs-blog {

  padding-bottom: 330px;

}

.home-personal .rs-blog .owl-nav {

  display: none;

}

.home-personal .rs-blog .blog-item {

  margin-top: 5px;

}

.creative-agency .sec-title-2 h3 {

  text-transform: capitalize;

}

.creative-agency .sec-title-2 h3 span {

  text-transform: uppercase;

}

.minimal-alt .sec-title h3:after {

  display: none;

}

.home-medical .rs-slider .display-table .display-table-cell .slider-des {

  text-align: center;

}

.home-medical .rs-slider .display-table .display-table-cell .slider-des .sl-title {

  color: #ffffff;

  text-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px;

  white-space: nowrap;

  letter-spacing: 0;

  text-transform: uppercase;

  font-size: 70px;

  font-weight: 900;

  line-height: 1.15;

}

.home-medical .rs-slider .display-table .display-table-cell .slider-des .sl-desc {

  color: #ffffff;

  text-align: center;

}

.home-medical .rs-slider .display-table .display-table-cell .slider-bottom {

  text-align: center;

  display: block;

}

.home-medical .rs-slider .display-table .display-table-cell .slider-bottom ul li a.readon {

  background: #4d6de6;

  text-transform: uppercase;

}

.home-medical .rs-slider .display-table .display-table-cell .slider-bottom ul li a.readon:hover {

  background: #637fe9;

  color: #ffffff;

  border-color: #637fe9;

}

.home-business2 .rs-slider .display-table-cell {

  text-align: center;

}

.home-business2 .rs-slider .display-table-cell .sl-desc {

  text-align: center;

  color: #cccccc !important;

}

.home-business2 .rs-slider .display-table-cell .slider-bottom {

  text-align: center;

}

.home-business2 .rs-slider .display-table-cell .slider-bottom li {

  display: inline-block;

}

.home-business2 .rs-slider .display-table-cell .slider-bottom li .readon,

.home-business2 .rs-slider .display-table-cell .slider-bottom li .active-btn {

  text-transform: capitalize;

  padding: 17px 44px;

  font-size: 17px;

}

.home-business2 .rs-slider .display-table-cell .slider-bottom li .readon {

  background: #4d6de6;

  color: #ffffff;

  border: none !important;

}

.home-business2 .rs-slider .display-table-cell .slider-bottom li .active-btn {

  background: #ffffff;

  color: #222222;

  border: 2px solid #ffffff;

}

.home-business2 .rs-slider .display-table-cell .slider-bottom li .active-btn:hover {

  background: #4d6de6;

  color: #ffffff;

  border: 2px solid #4d6de6;

}

.home-business2 .rs-slider .display-table-cell .slider-bottom li:first-child {

  margin-right: 32px;

}

.home-business2 .why-choose-us.defult-style {

  padding-bottom: 240px;

}

.home-business2 .rs-defult-team.defult-style {

  padding-top: 225px;

}

.home-business2 .rs-defult-team.defult-style .counter-top-area .rs-count {

  background: url(../images/bg.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  background-attachment: fixed;

  position: relative;

  border-radius: 10px;

}

.home-business2 .rs-defult-team.defult-style .counter-top-area .rs-count .rs-counter-list .rs-counter {

  color: #ffffff;

}

.home-business2 .rs-defult-team.defult-style .counter-top-area .rs-count .rs-counter-list h4 {

  color: #ffffff;

}

.home-minimal #rs-header .rs-defult-header {

  background: transparent !important;

  position: absolute;

}

.home-minimal #rs-header .sticky {

  background: #ffffff !important;

}

.home-minimal .rs-banner .banner-content {

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  text-align: center;

}

.home-minimal .rs-banner .banner-content .bnr-title {

  font-size: 65px;

  color: #050505;

  font-weight: 700;

}

.home-minimal .rs-banner .banner-content .banner-btn ul li .readon {

  width: unset;

  padding: 15px 30px;

}

.home-mobile-apps .rs-banner {

  position: relative;

  background: url(../images/banner-mobile-apps.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  height: 800px;

}

.home-mobile-apps .rs-banner .bnr-content-area {

  position: absolute;

  content: '';

  top: 50%;

  transform: translateY(-50%);

  width: 100%;

  z-index: 1;

}

.home-mobile-apps .rs-banner .bnr-content-area .bnr-text .bnr-sub-title {

  font-size: 17px;

  font-weight: 400;

  max-width: 81%;

  margin: 0;

  letter-spacing: 2px;

  line-height: 29px;

}

.home-mobile-apps .rs-banner .bnr-content-area .bnr-text .bnr-btn {

  margin-top: 30px;

}

.home-mobile-apps .rs-banner .bnr-content-area .bnr-text .bnr-btn li {

  display: initial;

  margin-right: 40px;

}

.home-mobile-apps .rs-banner .bnr-content-area .bnr-text .bnr-btn li .readon {

  font-size: 17px;

  font-weight: 300;

  transition: all 0.3s ease 0s;

}

.home-mobile-apps .rs-banner .bnr-content-area .bnr-text .bnr-btn li:last-child {

  margin-right: 0;

}

.home-mobile-apps .rs-banner .bnr-content-area .bnr-top-img {

  text-align: right;

}

.home-mobile-apps .rs-banner .bnr-content-area .bnr-top-img img {

  max-height: 600px;

}

.home-mobile-apps .rs-banner:after {

  position: absolute;

  content: '';

  width: 100%;

  height: 100%;

  top: 0;

  left: 0;

  background: rgba(22, 35, 54, 0.9);

}

.rs-page-error {

  background: #4d6de6;

  padding: 127px 0 145px 0;

}

.rs-page-error .error-text {

  color: #ffffff;

  text-align: center;

}

.rs-page-error .error-text .error-code {

  font-size: 100px;

  color: #ffffff;

  position: relative;

}

.rs-page-error .error-text .error-code:after {

  position: absolute;

  content: '';

  background: #eee;

  height: 1px;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  width: 600px;

}

.rs-page-error .error-text h3.error-message {

  color: #ffffff;

}

.rs-page-error .error-text form {

  position: relative;

  max-width: 400px;

  margin: 0 auto;

}

.rs-page-error .error-text form input {

  border: 1px solid #ddd;

  color: #444444;

  padding: 10px 17px;

  width: 100%;

  border-radius: 5px;

  margin-bottom: 19px;

}

.rs-page-error .error-text form button {

  background: transparent;

  border: medium none;

  color: #666666;

  padding: 11px 16px;

  position: absolute;

  right: 0px;

  top: 0;

  z-index: 10;

  font-size: 20px;

  outline: none;

  border-radius: 25px;

}

.rs-page-error .error-text .back-home {

  color: #ffffff;

}

.rs-shop .product-grid .shop-item,

.shop-rp .product-grid .shop-item {

  position: relative;

  overflow: hidden;

  text-align: center;

  background: #f8f8f8;

}

.rs-shop .product-grid .shop-item .icon-area,

.shop-rp .product-grid .shop-item .icon-area {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  content: '';

  z-index: 1;

  opacity: 0;

  transition: all 0.3s ease 0s;

}

.rs-shop .product-grid .shop-item .icon-area ul li,

.shop-rp .product-grid .shop-item .icon-area ul li {

  display: inline;

}

.rs-shop .product-grid .shop-item .icon-area ul li i,

.shop-rp .product-grid .shop-item .icon-area ul li i {

  width: 30px;

  height: 30px;

  line-height: 30px;

  border: 1px solid #ffffff;

  color: #ffffff;

  transition: all 0.3s ease 0s;

  text-align: center;

}

.rs-shop .product-grid .shop-item .icon-area ul li i:hover,

.shop-rp .product-grid .shop-item .icon-area ul li i:hover {

  border-color: #4d6de6;

  color: #4d6de6;

}

.rs-shop .product-grid .shop-item:after,

.shop-rp .product-grid .shop-item:after {

  position: absolute;

  content: '';

  left: 0;

  top: 0;

  opacity: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.6);

  transition: all 0.3s ease 0s;

}

.rs-shop .product-grid .shop-content,

.shop-rp .product-grid .shop-content {

  text-align: center;

  background: #f8f8f8;

  padding: 30px 10px 35px 10px;

}

.rs-shop .product-grid .shop-content h4.title,

.shop-rp .product-grid .shop-content h4.title {

  margin-bottom: 10px;

}

.rs-shop .product-grid .shop-content span.price,

.shop-rp .product-grid .shop-content span.price {

  display: block;

  margin-bottom: 11px;

  font-weight: 700;

  color: #4d6de6;

}

.rs-shop .product-grid .shop-content span.price del,

.shop-rp .product-grid .shop-content span.price del {

  opacity: .4;

  margin-right: 5px;

}

.rs-shop .product-grid .shop-content a.readon,

.shop-rp .product-grid .shop-content a.readon {

  padding: 11px 32px;

  width: unset;

  text-transform: uppercase;

  font-weight: 600;

  border: 1px solid #4d6de6;

}

.rs-shop .product-grid:hover .shop-item:after,

.shop-rp .product-grid:hover .shop-item:after {

  opacity: 1;

}

.rs-shop .product-grid:hover .shop-item .icon-area,

.shop-rp .product-grid:hover .shop-item .icon-area {

  opacity: 1;

}

.rs-shop .product-grid:hover .shop-content a.readon,

.shop-rp .product-grid:hover .shop-content a.readon {

  background: transparent;

  color: #212121;

}

.rs-shop .product-grid:hover .shop-content a.readon:hover,

.shop-rp .product-grid:hover .shop-content a.readon:hover {

  color: #4d6de6;

}

.rs-shop .product-grid.offer-product,

.shop-rp .product-grid.offer-product {

  position: relative;

}

.rs-shop .product-grid.offer-product:after,

.shop-rp .product-grid.offer-product:after {

  position: absolute;

  content: "Sale!";

  top: 10px;

  right: 10px;

  width: 40px;

  height: 40px;

  line-height: 40px;

  font-weight: 600;

  border-radius: 50%;

  text-align: center;

  background: #4d6de6;

  color: #ffffff;

  z-index: 1;

}

.rs-shop .rp-title,

.shop-rp .rp-title {

  margin-top: 65px;

  font-weight: 700;

  margin-bottom: 30px;

}

.rs-shop .bullet,

.shop-rp .bullet {

  text-align: center;

  margin-top: 25px;

}

.rs-shop .bullet ul li,

.shop-rp .bullet ul li {

  display: inline;

  margin-right: 10px;

}

.rs-shop .bullet ul li a,

.shop-rp .bullet ul li a {

  border-radius: 50%;

  background: transparent;

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  display: inline-block;

  color: #212121;

}

.rs-shop .bullet ul li:last-child,

.shop-rp .bullet ul li:last-child {

  margin-right: 0;

}

.rs-shop .bullet ul li.active a,

.shop-rp .bullet ul li.active a {

  background: #4d6de6;

  color: #ffffff;

}

.rs-shop .bullet ul li:hover a,

.shop-rp .bullet ul li:hover a {

  background: #4d6de6;

  color: #ffffff;

}

.rs-single-product .single-product-nav {

  margin-top: 15px;

  text-align: center;

}

.rs-single-product .single-product-nav .images-slide-single img {

  opacity: .5;

}

.rs-single-product .single-product-nav .images-slide-single img:hover {

  opacity: 1;

}

.rs-single-product .single-product-nav .slick-list .slick-track {

  margin: 0 auto;

}

.rs-single-product .single-product-nav .slick-current img {

  opacity: 1;

}

.rs-single-product .single-price-info .product-title {

  font-size: 25px;

  font-weight: 700;

  margin-bottom: 12px;

}

.rs-single-product .single-price-info .single-price {

  color: #4d6de6;

  font-weight: 600;

}

.rs-single-product .single-price-info .some-text {

  margin-top: 15px;

}

.rs-single-product .single-price-info form {

  margin-bottom: 30px;

}

.rs-single-product .single-price-info form input {

  height: 40px;

  width: 70px;

  line-height: 40px;

  text-align: center;

  padding-left: 10px;

  border: 1px solid rgba(54, 54, 54, 0.1);

  outline: none;

}

.rs-single-product .single-price-info form .readon {

  outline: none;

  font-weight: 500;

  padding: 10px 17px !important;

  border: 1px solid #4d6de6;

  text-transform: uppercase;

}

.rs-single-product .single-price-info p.category {

  margin: 0;

}

.rs-single-product .single-price-info p.category span {

  font-weight: 700;

}

.rs-single-product .single-price-info .tag {

  margin: 0;

}

.rs-single-product .single-price-info .tag span {

  font-weight: 700;

}

.rs-single-product .tab-area {

  margin-top: 50px;

}

.rs-single-product .tab-area ul.nav-tabs {

  border-bottom: 1px solid #f0f0f0;

  margin-bottom: 32px;

}

.rs-single-product .tab-area ul.nav-tabs li {

  margin-right: 3px;

}

.rs-single-product .tab-area ul.nav-tabs li a {

  padding: 10px 15px;

  display: inline-block;

  border-radius: 5px 5px 0 0;

  background: #f0f0f0;

  color: #212121;

  font-weight: 600;

}

.rs-single-product .tab-area ul.nav-tabs li a.active {

  color: #ffffff;

  background: #4d6de6;

}

.rs-single-product .tab-area ul.nav-tabs li a:hover {

  color: #ffffff;

  background: #4d6de6;

}

.rs-single-product .tab-area ul.nav-tabs li:last-child {

  margin-right: 0;

}

.rs-single-product .tab-area .tab-content .tab-pane .tab-title {

  font-weight: 700;

  margin-bottom: 34px;

}

.rs-single-product .tab-area .tab-content .tab-pane .dsc-p {

  margin: 0;

}

.rs-single-product .tab-area .tab-content .tab-pane table .table-box tr {

  border: 1px solid #f0f0f0;

}

.rs-single-product .tab-area .tab-content .tab-pane table .table-box tr th {

  padding: 10px 20px;

  width: 150px;

  border-right: 1px solid #f0f0f0;

  display: inline-block;

}

.rs-single-product .tab-area .tab-content .tab-pane table .table-box tr td {

  width: 100%;

  padding: 10px 20px;

  font-style: italic;

}

.rs-single-product .tab-area .tab-content .tab-pane .reviews-grid .top-area {

  margin-bottom: 5px;

}

.rs-single-product .tab-area .tab-content .tab-pane .reviews-grid .top-area p {

  margin-bottom: 23px;

}

.rs-single-product .tab-area .tab-content .tab-pane .reviews-grid .top-area h4 {

  font-weight: 400;

  color: unset;

}

.rs-single-product .tab-area .tab-content .tab-pane .reviews-grid .comment-form p.comment-notes {

  margin-bottom: 15px;

}

.rs-single-product .tab-area .tab-content .tab-pane .reviews-grid .comment-form .placeholder-cntrl label {

  font-weight: 600;

}

.rs-single-product .tab-area .tab-content .tab-pane .reviews-grid .comment-form .placeholder-cntrl input {

  border: 1px solid rgba(54, 54, 54, 0.1);

  padding: 10px 15px;

  margin-bottom: 10px;

}

.rs-single-product .tab-area .tab-content .tab-pane .reviews-grid .comment-form .placeholder-cntrl textarea {

  display: block;

  width: 100%;

  padding: 10px 15px;

  height: 75px;

  border: 1px solid rgba(54, 54, 54, 0.1);

  margin-bottom: 20px;

}

.rs-single-product .tab-area .tab-content .tab-pane .reviews-grid .comment-form .ratings {

  font-weight: 600;

  margin-bottom: 18px;

  display: block;

}

.rs-single-product .tab-area .tab-content .tab-pane .reviews-grid .comment-form .ratings ul li {

  display: inline;

}

.rs-single-product .tab-area .tab-content .tab-pane .reviews-grid .comment-form .ratings ul li i {

  color: #4d6de6;

  font-weight: normal;

}

.rs-single-product .tab-area .tab-content .tab-pane .reviews-grid .comment-form .readon {

  text-transform: uppercase;

  font-weight: 600;

  border: 1px solid #4d6de6;

  font-size: 14px;

  padding: 11px 22px;

}

.rs-checkout .checkout-title {

  margin-bottom: 30px;

}

.rs-checkout .checkout-title h3 {

  font-size: 26px;

  margin: 0;

}

.rs-checkout .coupon-toggle .accordion .card {

  border: unset;

  border-top: 3px solid #4d6de6;

}

.rs-checkout .coupon-toggle .accordion .card .card-header {

  border: none;

  margin: 0;

  border-radius: unset;

}

.rs-checkout .coupon-toggle .accordion .card .card-header .card-title {

  margin: 0;

}

.rs-checkout .coupon-toggle .accordion .card .card-header .card-title span i {

  margin-right: 10px;

}

.rs-checkout .coupon-toggle .accordion .card .card-header .card-title button {

  background: unset;

  border: none;

  color: #4d6de6;

  transition: all 0.3s ease 0s;

  outline: none;

}

.rs-checkout .coupon-toggle .accordion .card .card-header .card-title button:hover {

  color: #212121;

}

.rs-checkout .coupon-toggle .accordion .card .card-body {

  border: 1px solid #d3ced2;

  padding: 20px 20px 30px 20px;

  margin-top: 2em;

  text-align: left;

  border-radius: 5px;

}

.rs-checkout .coupon-toggle .accordion .card .card-body .coupon-code-input {

  width: 47%;

  float: left;

  margin-right: 70px;

}

.rs-checkout .coupon-toggle .accordion .card .card-body .coupon-code-input input {

  width: 100%;

  height: 45px;

  outline: none;

  padding: 10px 18px;

  color: #666666;

  border: 1px solid rgba(54, 54, 54, 0.1);

}

.rs-checkout .coupon-toggle .accordion .card .card-body .readon {

  border: 1px solid #4d6de6;

  outline: none;

  padding: 11px 22px;

  font-size: 14px;

  text-transform: uppercase;

  font-weight: 500;

  cursor: pointer;

}

.rs-checkout .coupon-toggle .accordion .card .card-body .readon:focus {

  background: unset;

  color: unset;

}

.rs-checkout .full-grid {

  margin-top: 25px;

}

.rs-checkout .full-grid .form-content-box {

  margin-bottom: 50px;

}

.rs-checkout .full-grid .form-content-box .form-group label {

  line-height: 2;

  display: block;

  margin-bottom: 5px;

  font-weight: 600;

}

.rs-checkout .full-grid .form-content-box .form-group select {

  color: #666666;

  opacity: .5;

  padding-left: 8px;

  padding-right: 20px;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

  border: 1px solid #ccc;

  border-radius: 0;

  height: 45px;

  line-height: 45px;

  cursor: pointer;

  width: 100%;

  outline: none;

}

.rs-checkout .full-grid .form-content-box .form-group textarea {

  height: 4em;

  line-height: 1.5;

  display: block;

  box-shadow: none;

  width: 100%;

  border: 1px solid rgba(54, 54, 54, 0.1);

  padding: 10px 18px;

  margin: 0;

  outline: none;

}

.rs-checkout .full-grid .form-content-box .form-group .form-control-mod {

  border: 1px solid rgba(54, 54, 54, 0.1);

  height: 45px;

  padding: 10px 18px;

  width: 100%;

  margin: 0;

  outline: none;

  line-height: normal;

  border-radius: unset;

}

.rs-checkout .full-grid .form-content-box .form-group .form-control-mod.margin-bottom {

  margin-bottom: 10px !important;

}

.rs-checkout .full-grid .ordered-product table {

  width: 100%;

}

.rs-checkout .full-grid .ordered-product table tr th {

  border: 1px solid #ccc;

  padding: 9px 12px;

}

.rs-checkout .full-grid .ordered-product table tr td {

  border: 1px solid #ccc;

  padding: 6px 12px;

}

.rs-checkout .full-grid .payment-method {

  background: #ebe9eb;

  border-radius: 5px;

  margin-top: 25px;

}

.rs-checkout .full-grid .payment-method .top-area {

  border-bottom: 1px solid #d3ced2;

  padding: 1em;

}

.rs-checkout .full-grid .payment-method .top-area .payment-co {

  margin-bottom: 20px;

}

.rs-checkout .full-grid .payment-method .top-area .payment-co span {

  font-weight: 600;

  margin-right: 10px;

}

.rs-checkout .full-grid .payment-method .top-area .p-msg {

  position: relative;

  box-sizing: border-box;

  width: 100%;

  padding: 1em;

  margin: 1em 0;

  font-size: .92em;

  border-radius: 2px;

  line-height: 1.5;

  background-color: #dfdcde;

  color: #515151;

}

.rs-checkout .full-grid .payment-method .top-area .p-msg:before {

  content: '';

  display: block;

  border: 1em solid #dfdcde;

  border-right-color: transparent;

  border-left-color: transparent;

  border-top-color: transparent;

  position: absolute;

  top: -0.75em;

  left: 0;

  margin: -1em 0 0 2em;

}

.rs-checkout .full-grid .payment-method .bottom-area {

  padding: 1em;

  text-align: right;

}

.rs-checkout .full-grid .payment-method .bottom-area .readon {

  padding: 11px 22px;

  border: 1px solid #4d6de6;

  text-transform: uppercase;

  font-weight: 500;

  font-size: 14px;

  outline: none;

}

.rs-cart .cart-body .cart-detail table {

  width: 100%;

}

.rs-cart .cart-body .cart-detail table tr th,

.rs-cart .cart-body .cart-detail table tr td {

  padding: 25px;

  text-align: center;

  border-top: 1px solid #ccc;

  border-left: 1px solid #ccc;

  border-right: 1px solid #ccc;

  border-bottom: 1px solid #ccc;

}

.rs-cart .cart-body .cart-detail table tr .product-remove i {

  color: red;

  width: 25px;

  height: 25px;

  line-height: 25px;

  text-align: center;

  border-radius: 50%;

  cursor: pointer;

  background: transparent;

  transition: all 0.3s ease 0s;

}

.rs-cart .cart-body .cart-detail table tr .product-remove i:hover {

  background: red;

  color: #ffffff;

}

.rs-cart .cart-body .cart-detail table tr .product-thumbnail img {

  width: 50px;

}

.rs-cart .cart-body .cart-detail table tr .product-quantity input {

  width: 70px;

  height: 40px;

  border: 1px solid #ccc;

  text-align: center;

}

.rs-cart .cart-body .cart-detail .action {

  padding: 25px;

  border: 1px solid #ccc;

  border-top: none;

}

.rs-cart .cart-body .cart-detail .action .cupon {

  display: initial;

}

.rs-cart .cart-body .cart-detail .action .cupon form {

  display: inline;

}

.rs-cart .cart-body .cart-detail .action .cupon form input {

  height: 40px;

  width: 140px;

  text-align: center;

  border-radius: 30px;

  border: 1px solid #ccc;

  outline: none;

}

.rs-cart .cart-body .cart-detail .action .cupon form input::placeholder {

  color: #212121;

  font-weight: 500;

  opacity: 1;

}

.rs-cart .cart-body .cart-detail .action .cupon form .apply-cupon {

  height: 40px;

  width: 140px;

  padding: 0;

  text-align: center;

  border: 1px solid #4d6de6;

  text-transform: uppercase;

  font-weight: 500;

  outline: none;

  cursor: pointer;

}

.rs-cart .cart-body .cart-detail .action span {

  float: right;

}

.rs-cart .cart-body .cart-detail .action span .update-cart {

  height: 40px;

  width: 140px;

  padding: 0;

  text-align: center;

  border: 1px solid #4d6de6;

  text-transform: uppercase;

  font-weight: 500;

  outline: none;

  cursor: pointer;

}

.rs-cart .cart-body .cart-total {

  padding-top: 62px;

}

.rs-cart .cart-body .cart-total table {

  width: 100%;

}

.rs-cart .cart-body .cart-total table tbody tr {

  border: 1px solid #ccc;

}

.rs-cart .cart-body .cart-total table tbody tr th {

  padding: 20px;

  width: 40%;

}

.rs-cart .cart-body .cart-total table tbody tr td {

  padding: 20px;

}

.rs-cart .cart-body .cart-total .proceed-checkout {

  width: 100%;

  height: 40px;

  padding: 0;

  text-align: center;

  margin-top: 20px;

  text-transform: uppercase;

  border: 1px solid #4d6de6;

  outline: none;

  cursor: pointer;

  line-height: 40px;

  background: #4d6de6;

  color: #ffffff;

}

.rs-cart .cart-body .cart-total .proceed-checkout:hover {

  background: transparent;

  color: #212121;

}

/* ------------------------------------

    36. Preloader CSS

---------------------------------------*/

#loading {

  background-color: #4d6de6;

  height: 100%;

  width: 100%;

  position: fixed;

  z-index: 1;

  margin-top: 0px;

  top: 0px;

}

#loading-center {

  width: 100%;

  height: 100%;

  position: relative;

}

#loading-center-absolute {

  position: absolute;

  left: 50%;

  top: 50%;

  height: 60px;

  width: 60px;

  margin-top: -30px;

  margin-left: -30px;

  -webkit-animation: loading-center-absolute 1s infinite;

  animation: loading-center-absolute 1s infinite;

}

.object {

  width: 20px;

  height: 20px;

  background-color: #FFF;

  float: left;

  -moz-border-radius: 50% 50% 50% 50%;

  -webkit-border-radius: 50% 50% 50% 50%;

  border-radius: 50% 50% 50% 50%;

  margin-right: 20px;

  margin-bottom: 20px;

}

.object:nth-child(2n+0) {

  margin-right: 0px;

}

#object_one {

  -webkit-animation: object_one 1s infinite;

  animation: object_one 1s infinite;

}

#object_two {

  -webkit-animation: object_two 1s infinite;

  animation: object_two 1s infinite;

}

#object_three {

  -webkit-animation: object_three 1s infinite;

  animation: object_three 1s infinite;

}

#object_four {

  -webkit-animation: object_four 1s infinite;

  animation: object_four 1s infinite;

}

@-webkit-keyframes loading-center-absolute {

  100% {

    -ms-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@keyframes loading-center-absolute {

  100% {

    -ms-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg);

  }

}

@-webkit-keyframes object_one {

  50% {

    -ms-transform: translate(20px, 20px);

    -webkit-transform: translate(20px, 20px);

    transform: translate(20px, 20px);

  }

}

@keyframes object_one {

  50% {

    -ms-transform: translate(20px, 20px);

    -webkit-transform: translate(20px, 20px);

    transform: translate(20px, 20px);

  }

}

@-webkit-keyframes object_two {

  50% {

    -ms-transform: translate(-20px, 20px);

    -webkit-transform: translate(-20px, 20px);

    transform: translate(-20px, 20px);

  }

}

@keyframes object_two {

  50% {

    -ms-transform: translate(-20px, 20px);

    -webkit-transform: translate(-20px, 20px);

    transform: translate(-20px, 20px);

  }

}

@-webkit-keyframes object_three {

  50% {

    -ms-transform: translate(20px, -20px);

    -webkit-transform: translate(20px, -20px);

    transform: translate(20px, -20px);

  }

}

@keyframes object_three {

  50% {

    -ms-transform: translate(20px, -20px);

    -webkit-transform: translate(20px, -20px);

    transform: translate(20px, -20px);

  }

}

@-webkit-keyframes object_four {

  50% {

    -ms-transform: translate(-20px, -20px);

    -webkit-transform: translate(-20px, -20px);

    transform: translate(-20px, -20px);

  }

}

@keyframes object_four {

  50% {

    -ms-transform: translate(-20px, -20px);

    -webkit-transform: translate(-20px, -20px);

    transform: translate(-20px, -20px);

  }

}





.label-container{

	position:fixed;

	bottom:48px;

	right:105px;

	display:table;

	visibility: hidden;

}



.label-text{

	color:#FFF;

	background:rgba(51,51,51,0.5);

	display:table-cell;

	vertical-align:middle;

	padding:10px;

	border-radius:3px;

}



.label-arrow{

	display:table-cell;

	vertical-align:middle;

	color:#333;

	opacity:0.5;

}



.float{

	position:fixed;

	width:60px;

	height:60px;

	bottom:40px;

	right:40px;

	background-color:#06C;

	color:#FFF;

	border-radius:50px;

	text-align:center;

	box-shadow: 2px 2px 3px #999;

}



.my-float{

	font-size:24px;

	margin-top:18px;

}



a.float + div.label-container {

  visibility: hidden;

  opacity: 0;

  transition: visibility 0s, opacity 0.5s ease;

}



a.float:hover + div.label-container{

  visibility: visible;

  opacity: 1;

}