@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');

/**
*
* -----------------------------------------------------------------------------
*
* Template : Brickx - Construction HTML5 Template 
* Author : rs-theme
* Author URI : http://www.rstheme.com/
*
* -----------------------------------------------------------------------------
*
**/


/* Table Of Content
---------------------------------------------------------
01. General CSS
02. Global Class
03. Header Section 
04. Sticky Menu
05. Slider Section
06. About Us
07. Services
08. Services Pages
09. project
10. Newsletter
11. Testimonial
12. Blog Post
13. Blog Details 
14. Blog Sidebar 
15. Contact Page
16. Footer css
17. CTA Section Start
18. Counter up css
19. Breadcrumbs css
20. Team Section Start
21. Team details
22. Pricing Table css
23. Home Banner css
24. What We Do section
25. Welcome section start 
26. Get In Touch 
27 .Faq Section 
28. Skill Bar 2
29. Collot image bg
30.Timeline Section
31. Scroll Up
32. 404 Page Area Start Here 
33. Coming Soon Page Start
34. Preloader css
--------------------------------------------------------*/


/*@hover-color:  #fdd835;  old and not match*/


/*@hover-color:  #fdd835;  old and not match*/


/* -----------------------------------
    01. General CSS
-------------------------------------*/

html,
body {
    font-size: 15px;
    color: #505050;
    font-family: 'Poppins', sans-serif;
    vertical-align: baseline;
    line-height: 26px;
    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: #101010;
    margin: 0 0 26px;
    font-weight: 700;
}

b,
strong,
h4,
h5,
h6 {
    font-weight: 600;
}

a {
    color: #e88e2e;
    transition: all 0.3s ease 0s;
    text-decoration: none !important;
    outline: none !important;
}

ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.clear {
    clear: both;
}

::-moz-selection {
    background: #e88e2e;
    text-shadow: none;
    color: #ffffff;
}

::selection {
    background: #e88e2e;
    text-shadow: none;
    color: #ffffff;
}

.sec-spacer {
    padding: 100px 0;
}

.sec-spacer-2 {
    padding: 50px 0 100px;
}

.sec-spacer-3 {
    padding: 50px 0;
}

.sec-color {
    background-color: #f9f9f9;
}

.drak-color {
    background-color: #252525;
}

.gray-color {
    background-color: #f0f0f0;
}

.primary-bg {
    background: #e88e2e;
}

.white-bg {
    background-color: #fff;
}

.white-header .menu-area {
    background: #fff !important;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05);
}

.white-header .menu-area li a {
    color: #505050;
}

.gray-bg {
    background-color: #f0f0f0;
}

.bg-fixed {
    background-attachment: fixed;
    background-repeat: no-repeat;
}


/********************************/


/*       Slides backgrounds     */


/********************************/

.bg1 {
    background-image: url(images/bg/bg1.jpg);
    background-size: cover;
    background-attachment: fixed;
}

.bg2 {
    background-image: url(images/bg/bg2.jpg);
    background-size: cover;
    background-attachment: fixed;
}


/* ------------------------------------
    02. Global Class
---------------------------------------*/

.drak-color .owl-nav .owl-prev,
.drak-color .owl-nav .owl-next,
.drak-color .sec-title h3 {
    color: #ffffff;
}

.sec-title {
    margin-bottom: 50px;
}

.sec-title h4 {
    font-size: 15px;
    margin-bottom: 8px;
    color: #e88e2e;
}

.sec-title h3 {
    font-size: 30px;
    line-height: 24px;
    margin-bottom: 0;
    position: relative;
    display: block;
    padding-bottom: 25px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

.sec-title h3 span {
    color: #e88e2e;
}

.sec-title h3:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 0;
    height: 5px;
    width: 100px;
    background: #e88e2e;
}

.sec-title p {
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 0;
    color: #505050;
    display: inline-block;
    max-width: 60%;
}

.sec-title.left h3:after {
    left: 0;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
}

.animation-delay-700 {
    animation-delay: .7s;
    animation-duration: 1.40s;
}

a.sl-btn2,
.readon {
    position: relative;
    display: inline-block;
    padding: 12px 20px;
    background: #e88e2e;
    color: #fff;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
}

a.sl-btn2:hover,
.readon:hover,
a.sl-btn2:focus,
.readon:focus {
    background: #303745;
    color: #fff;
}

a.sl-btn2.border,
.readon.border {
    background: transparent;
    border: 1px solid #e88e2e;
    color: #e88e2e;
}

a.sl-btn2.border:hover,
.readon.border:hover {
    color: #fff;
    background: #e88e2e;
}

a.sl-btn2.border.white,
.readon.border.white {
    border-color: #fff;
    color: #fff;
}

a.sl-btn2.border.white:hover,
.readon.border.white:hover {
    color: #e88e2e;
    background: #fff;
}

a.sl-btn2 {
    background: transparent;
    color: #fff;
    transition: all 0.3s ease 0s;
    border: 1px solid #e88e2e;
}

a.sl-btn2:hover {
    background: #e88e2e;
}


/*overly border*/

.overly-border::before,
.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 0.35s, transform 0.35s;
    z-index: 1;
}

.about-right-img .overly-border::before,
.about-right-img .overly-border::after {
    top: 50px;
    right: 50px;
    bottom: 50px;
    left: 50px;
}

.about-right-img:hover .overly-border:before,
.about-right-img:hover .overly-border:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.overly-border::before {
    border-top: 5px solid #e88e2e;
    border-bottom: 5px solid #e88e2e;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.rs-blog .blog-item.slick-current .team-content {
    opacity: 1;
    top: 0;
}

.overly-border::after {
    border-right: 5px solid #e88e2e;
    border-left: 5px solid #e88e2e;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.padding-0 {
    padding: 0;
}

.pt-30 {
    padding-top: 30px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-85 {
    padding-top: 85px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-100 {
    padding-bottom: 100px;
}

.mt-5 {
    margin-top: 5px;
}

.sparator-15 {
    height: 15px;
    clear: both;
}

.mt-30 {
    margin-top: 30px;
}

.mt-45 {
    margin-top: 45px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-100 {
    margin-top: 100px;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-45 {
    margin-bottom: 45px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mr-25 {
    margin-right: 25px;
}

.mr-30 {
    margin-right: 30px;
}

.margin-remove {
    margin: 0 !important;
}

.padding-remove {
    padding: 0 !important;
}

.display-table {
    display: table;
    height: 100%;
    width: 100%;
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.white-color {
    color: #fff !important;
}

.default-pagination {
    padding-top: 40px;
}

.default-pagination ul li {
    display: inline-block;
}

.default-pagination ul li.active a,
.default-pagination ul li a:hover {
    background: #e88e2e;
    color: #101010;
}

.default-pagination ul li a {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: transparent;
    border: 1px solid #d7d7d7;
    color: #505050;
    font-size: 18px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease 0s;
    text-align: center;
}

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

.rs-pagination ul li {
    display: inline-block;
    margin-right: -4px;
}

.rs-pagination ul li a {
    padding: 10px 16px;
    border-left: 1px solid #e88e2e;
    border-bottom: 1px solid #e88e2e;
    border-top: 1px solid #e88e2e;
    transition: .25s;
    display: block;
    color: #303745;
}

.rs-pagination ul li a:hover {
    color: #fff;
    background: #e88e2e;
}

.rs-pagination ul li:last-child a {
    border-right: 1px solid #e88e2e;
}

.rs-pagination ul .active a {
    color: #fff;
    background: #e88e2e;
}

.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;
}


/* ---------------------------
03.Header Section 
------------------------------*/

#rs-header {
    width: 100%;
    top: 0;
    z-index: 111;
    bottom: auto;
}

#rs-header .rs-menu ul ul {
    background: #303745 !important;
    border-top: 4px solid #e88e2e;
}

#rs-header .rs-menu ul ul li {
    border-top: 1px solid #444 !important;
    border-bottom: none !important;
}

#rs-header .rs-menu ul ul li:first-child {
    border-top: none !important;
}

#rs-header .rs-menu ul ul li:hover {
    background: #e88e2e;
}

#rs-header .rs-menu ul ul li.active {
    background: #e88e2e !important;
}

#rs-header .rs-menu ul ul li a {
    color: #fff !important;
}

#rs-header #logo-sticky {
    display: none;
}

#rs-header .menu-sticky1.sticky1 {
    padding: 15px 0 0;
}

#rs-header .menu-sticky1.sticky1 #logo-sticky {
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    z-index: 999;
}

#rs-header .menu-sticky1.sticky1 #logo-sticky img {
    max-width: 270px;
}

#rs-header .menu-sticky1.sticky1 .rs-menu ul {
    text-align: right;
}

#rs-header .menu-sticky1.sticky1 .rs-menu ul li a {
    padding: 16px 14px 30px;
}

#rs-header .menu-sticky1.sticky1 .rs-menu ul li ul li a {
    padding: 10px 14px;
}

#rs-header.error-page {
    position: static !important;
    background-color: rgba(37, 37, 37, 0.8);
}

.full-width-header {
    position: relative;
}

.full-width-header #rs-header {
    position: absolute;
    width: 100%;
    bottom: 0 !important;
    top: auto;
    z-index: 111;
}

.full-width-header #rs-header .main-menu {
    border-top: 1px solid #464646;
    border-bottom: 1px solid #464646;
}

.full-width-header #rs-header .menu-area.menu-sticky.sticky,
.full-width-header #rs-header .menu-area.menu-sticky4.sticky4 {
    background-color: rgba(37, 37, 37, 0.9);
}

.full-width-header #rs-header .menu-area.menu-sticky.sticky .logo-area,
.full-width-header #rs-header .menu-area.menu-sticky4.sticky4 .logo-area {
    line-height: 85px !important;
}

.full-width-header #rs-header .menu-area.menu-sticky.sticky .navbar ul li,
.full-width-header #rs-header .menu-area.menu-sticky4.sticky4 .navbar ul li {
    height: 85px !important;
    line-height: 85px !important;
}

.full-width-header #rs-header .menu-area {
    background: transparent;
}

.full-width-header #rs-header .menu-area .navbar ul {
    text-align: center;
}

.full-width-header #rs-header .menu-area .navbar ul li {
    height: 60px;
    line-height: 60px;
}

.full-width-header #rs-header .menu-area .toolbar-contact a,
.full-width-header #rs-header .menu-area .toolbar-contact i {
    font-size: 14px;
    color: #fff;
}

.full-width-header #rs-header .menu-area .toolbar-contact i {
    margin-right: 10px;
}

.full-width-header #rs-header .menu-area .toolbar-contact,
.full-width-header #rs-header .menu-area .toolbar-share-icon,
.full-width-header #rs-header .menu-area .logo-area {
    line-height: 62px;
    margin-bottom: 40px;
}

.full-width-header #rs-header .menu-area .toolbar-share-icon ul {
    text-align: right;
}

.full-width-header #rs-header .menu-area .toolbar-share-icon ul li {
    display: inline-block;
    padding-left: 25px;
}

.full-width-header #rs-header .menu-area .toolbar-share-icon ul li a {
    display: block;
    color: #ffffff;
}

.full-width-header #rs-header .menu-area .toolbar-share-icon ul li a:hover {
    color: #e88e2e;
}

.full-width-header #first-slider h1 {
    background: rgba(217, 184, 38, 0.6);
    padding: 10px 20px;
    font-size: 50px;
    color: #101010;
}

.full-width-header #first-slider .item p {
    margin-bottom: 30px;
}

.full-width-header .carousel-inner .item .container {
    top: -26%;
}

.full-width-header #first-slider .carousel .item .content-details {
    margin: 0 auto;
}

.full-width-header .menu-area.menu-sticky1.sticky1,
.full-width-header .main-menu.menu-sticky.sticky {
    background: rgba(37, 37, 37, 0.9) !important;
}

.full-width-header .menu-sticky1.sticky1 .btm-toolbar {
    display: none;
}

.full-width-header .menu-sticky1.sticky1 .main-menu {
    border-top: 0 !important;
}

#rs-header .toolbar-top-area {
    background: #303745 !important;
    padding: 9px 0;
}

#rs-header .toolbar-top-area .welcome-text {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
}

#rs-header .toolbar-top-area .toolbar-contact ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#rs-header .toolbar-top-area .toolbar-contact ul li {
    display: inline-block;
    margin-right: 25px;
    color: #fff;
}

#rs-header .toolbar-top-area .toolbar-contact ul li i {
    font-weight: 600;
    font-size: 14px;
    margin-right: 10px;
    color: #e88e2e;
}

#rs-header .toolbar-top-area .toolbar-contact ul li a {
    transition: all 0.3s ease 0s;
    color: #fff;
}

#rs-header .toolbar-top-area .toolbar-contact ul li a:hover {
    color: rgba(255, 255, 255, 0.7);
}

#rs-header .toolbar-top-area .toolbar-sl-share ul {
    text-align: right;
}

#rs-header .toolbar-top-area .toolbar-sl-share ul li.follow {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}

#rs-header .toolbar-top-area .toolbar-sl-share ul li {
    display: inline-block;
}

#rs-header .toolbar-top-area .toolbar-sl-share ul li+li {
    margin-left: 15px;
}

#rs-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 .toolbar-top-area .toolbar-sl-share ul li a:hover {
    color: rgba(255, 255, 255, 0.7);
}

#rs-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 .toolbar-top-area .toolbar-sl-share ul li a i:hover {
    color: #e88e2e;
}

#rs-header .toolbar-top-area .toolbar-sl-share ul li a.quote-button {
    font-size: 14px;
    padding: 0 10px;
    background-color: #fff;
    color: #666;
}

#rs-header .toolbar-area {
    background: #e88e2e;
    padding: 7px 0;
}

#rs-header .toolbar-area .toolbar-contact ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#rs-header .toolbar-area .toolbar-contact ul li {
    display: inline-block;
    margin-right: 25px;
    color: #fff;
}

#rs-header .toolbar-area .toolbar-contact ul li i {
    font-weight: 600;
    font-size: 14px;
    margin-right: 10px;
    color: #fff;
}

#rs-header .toolbar-area .toolbar-contact ul li a {
    transition: all 0.3s ease 0s;
    color: #fff;
}

#rs-header .toolbar-area .toolbar-contact ul li a:hover {
    color: rgba(255, 255, 255, 0.7);
}

#rs-header .toolbar-area .toolbar-sl-share ul {
    text-align: right;
}

#rs-header .toolbar-area .toolbar-sl-share ul li {
    display: inline-block;
}

#rs-header .toolbar-area .toolbar-sl-share ul li+li {
    margin-left: 15px;
}

#rs-header .toolbar-area .toolbar-sl-share ul li a {
    display: block;
    color: #fff;
    transition: all 0.3s ease 0s;
    text-decoration: none;
}

#rs-header .toolbar-area .toolbar-sl-share ul li a:hover {
    color: rgba(255, 255, 255, 0.7);
}

#rs-header .toolbar-area .toolbar-sl-share ul li a i {
    text-align: center;
    display: inline-block;
}

#rs-header .toolbar-area .toolbar-sl-share ul li a.quote-button {
    font-size: 14px;
    padding: 0 10px;
    background-color: #fff;
    color: #666;
}

#rs-header .menu-area {
    background-color: #303745;
}

#rs-header .menu-area.sticky {
    background-color: #303745;
}

#rs-header .menu-area .logo-area {
    line-height: 90px;
}

#rs-header .menu-area .logo-area a {
    font-weight: 700;
    font-size: 27px;
    color: #e88e2e;
    display: block;
    text-transform: lowercase;
    transition: all 0.3s ease 0s;
}

#rs-header .menu-area .logo-area a img {
    display: inline-block;
    vertical-align: middle;
}

#rs-header .menu-area ul.nav-menu li:hover ul li a,
#rs-header .menu-area ul.nav-menu li ul li:hover ul li a {
    color: #101010;
}

#rs-header .menu-area ul.nav-menu li.current-menu-item a,
#rs-header .menu-area ul.nav-menu li ul li.active a,
#rs-header .menu-area ul.nav-menu li ul li ul li.active a,
#rs-header .menu-area ul.nav-menu li:hover a,
#rs-header .menu-area ul.nav-menu li ul li:hover a,
#rs-header .menu-area ul.nav-menu li ul li ul li a:hover {
    color: #e88e2e;
}

#rs-header .menu-area .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

#rs-header .menu-area .navbar {
    margin-bottom: 0;
    border: 0;
}

#rs-header .menu-area .navbar ul {
    margin: 0;
    padding: 0;
    text-align: right;
}

#rs-header .menu-area .navbar ul li {
    height: 120px;
    line-height: 120px;
    position: relative;
    display: inline-block;
    transition: all 0.3s ease 0s;
    /* Dropdown Menu area */
}

#rs-header .menu-area .navbar ul li+li {
    margin-left: 36px;
}

#rs-header .menu-area .navbar ul li>a {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    color: #ffffff;
    font-weight: 400;
    font-size: 16px;
    transition: all 0.3s ease 0s;
}

#rs-header .menu-area .navbar ul li>a i {
    margin-left: 5px;
}

#rs-header .menu-area .navbar ul li .navbar-dropdown {
    background: #ffffff;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transform: scaleY(0);
    transform-origin: 0 0 0;
    transition: all 0.3s ease 0s;
    width: 200px;
    z-index: 99999 !important;
    text-align: left;
    visibility: hidden;
}

#rs-header .menu-area .navbar ul li .navbar-dropdown li {
    line-height: normal;
    height: auto;
    display: block;
    border-top: 1px dashed #dddddd;
    margin: 0;
    padding: 0;
    border-right: 0px solid transparent;
}

#rs-header .menu-area .navbar ul li .navbar-dropdown li:last-child {
    border-bottom: 0;
}

#rs-header .menu-area .navbar ul li .navbar-dropdown li a {
    display: block;
    padding: 12px 20px;
    text-transform: none;
    transition: all 0.3s ease 0s;
    color: #444444 !important;
    font-weight: 300;
}

#rs-header .menu-area .navbar ul li .navbar-dropdown li a:hover {
    padding-left: 30px;
    color: #e88e2e !important;
}

#rs-header .menu-area .navbar ul li .navbar-dropdown li a:before,
#rs-header .menu-area .navbar ul li .navbar-dropdown li a:after {
    display: none;
}

#rs-header .menu-area .navbar ul li.active a,
#rs-header .menu-area .navbar ul li:hover a {
    color: #e88e2e;
}

#rs-header .menu-area .navbar ul li:hover ul {
    opacity: 1;
    transform: scaleY(1);
    visibility: visible;
}

#rs-header .menu-area .navbar .navbar-toggle {
    background-color: #e88e2e;
    border-radius: 2px;
    -webkit-transition: .4s ease all;
    transition: .4s ease all;
}

#rs-header .menu-area .navbar .navbar-toggle .icon-bar {
    background-color: #fff;
}

#rs-header .menu-area .navbar .navbar-toggle:hover {
    opacity: 0.8;
}

#rs-header.rs-header2 .toolbar-top-area,
#rs-header.rs-header3 .toolbar-top-area,
#rs-header.inner-pages .toolbar-top-area {
    background-color: rgba(37, 37, 37, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}


/*Home Style 2 CSS*/

.home2 #rs-header.rs-header2 {
    position: absolute;
    z-index: 111;
    top: 0;
    width: 100%;
}

.home2 #rs-header .menu-area {
    background: transparent;
}

.home2 #rs-header .sticky {
    background: #303745;
}

.home2 .rs-video-area {
    position: relative;
    overflow: hidden;
}

.home2 .rs-video-area:before {
    background-color: rgba(0, 0, 0, 0.8);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.home2 .rs-video-area .rs-video-content-wrap {
    height: 100vh;
    position: relative;
    color: #ffffff;
    width: 100%;
}

.home2 .rs-video-area .rs-video-content-wrap:before {
    background-color: rgba(0, 0, 0, 0.55);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.home2 .rs-video-area .rs-video-content-wrap .content-details {
    position: absolute;
    top: 60%;
    width: 100%;
    left: 50%;
    text-align: center;
    max-width: 700px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 11;
}

.home2 .rs-video-area .rs-video-content-wrap .sl-title {
    color: #ffffff;
    display: block;
    margin-bottom: 25px;
    font-size: 50px;
    font-weight: 700;
    position: relative;
    z-index: 9;
    line-height: 64px;
    text-transform: uppercase;
}

.home2 .rs-video-area .rs-video-content-wrap .sl-title span {
    color: #e88e2e;
}

.home2 .rs-video-area .rs-video-content-wrap .sl-desc {
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 50px;
}

.home2 .rs-video-area .rs-video-content-wrap .slider-botton {
    text-align: center;
}

.home2 .rs-video-area .rs-video-content-wrap .slider-botton ul li {
    display: inline;
}

.home2 .rs-video-area .rs-video-content-wrap .slider-botton ul li:last-child {
    margin-left: 25px;
}

.home2 .rs-video-area .rs-video-content-wrap a.sl-btn:hover {
    background: transparent;
}

.home2 #rs-header.rs-header3 {
    position: absolute;
    z-index: 111;
    top: 0;
    width: 100%;
}

.home1 .rs-menu>ul>li:first-child>a,
.home3 .rs-menu>ul>li:first-child>a {
    padding-left: 28px;
}

.home4 #rs-header,
.home1 #rs-header,
.home3 #rs-header,
.home4.icon-header,
.home1.icon-header,
.home3.icon-header {
    position: static !important;
}

.home4 #rs-header .menu-area,
.home1 #rs-header .menu-area,
.home3 #rs-header .menu-area,
.home4.icon-header .menu-area,
.home1.icon-header .menu-area,
.home3.icon-header .menu-area {
    background: #ffffff;
}

.home4 #rs-header .middle-header-home4,
.home1 #rs-header .middle-header-home4,
.home3 #rs-header .middle-header-home4,
.home4.icon-header .middle-header-home4,
.home1.icon-header .middle-header-home4,
.home3.icon-header .middle-header-home4 {
    padding: 25px 0 60px;
    position: relative;
}

.home4 #rs-header .middle-header-home4 .logo img,
.home1 #rs-header .middle-header-home4 .logo img,
.home3 #rs-header .middle-header-home4 .logo img,
.home4.icon-header .middle-header-home4 .logo img,
.home1.icon-header .middle-header-home4 .logo img,
.home3.icon-header .middle-header-home4 .logo img {
    max-width: 260px;
}

.home4 #rs-header .middle-header-home4 .header-contact-info,
.home1 #rs-header .middle-header-home4 .header-contact-info,
.home3 #rs-header .middle-header-home4 .header-contact-info,
.home4.icon-header .middle-header-home4 .header-contact-info,
.home1.icon-header .middle-header-home4 .header-contact-info,
.home3.icon-header .middle-header-home4 .header-contact-info {
    margin-top: 1%;
}

.home4 #rs-header .middle-header-home4 .header-contact-info ul,
.home1 #rs-header .middle-header-home4 .header-contact-info ul,
.home3 #rs-header .middle-header-home4 .header-contact-info ul,
.home4.icon-header .middle-header-home4 .header-contact-info ul,
.home1.icon-header .middle-header-home4 .header-contact-info ul,
.home3.icon-header .middle-header-home4 .header-contact-info ul {
    float: right;
}

.home4 #rs-header .middle-header-home4 .header-contact-info ul li,
.home1 #rs-header .middle-header-home4 .header-contact-info ul li,
.home3 #rs-header .middle-header-home4 .header-contact-info ul li,
.home4.icon-header .middle-header-home4 .header-contact-info ul li,
.home1.icon-header .middle-header-home4 .header-contact-info ul li,
.home3.icon-header .middle-header-home4 .header-contact-info ul li {
    list-style: none;
    display: inline;
    font-size: 17px;
    margin-right: 30px;
}

.home4 #rs-header .middle-header-home4 .header-contact-info ul li i,
.home1 #rs-header .middle-header-home4 .header-contact-info ul li i,
.home3 #rs-header .middle-header-home4 .header-contact-info ul li i,
.home4.icon-header .middle-header-home4 .header-contact-info ul li i,
.home1.icon-header .middle-header-home4 .header-contact-info ul li i,
.home3.icon-header .middle-header-home4 .header-contact-info ul li i {
    color: #e88e2e;
    font-size: 26px !important;
    margin-right: 10px;
}

.home4 #rs-header .middle-header-home4 .header-contact-info ul li a,
.home1 #rs-header .middle-header-home4 .header-contact-info ul li a,
.home3 #rs-header .middle-header-home4 .header-contact-info ul li a,
.home4.icon-header .middle-header-home4 .header-contact-info ul li a,
.home1.icon-header .middle-header-home4 .header-contact-info ul li a,
.home3.icon-header .middle-header-home4 .header-contact-info ul li a {
    color: #505050;
}

.home4 #rs-header .middle-header-home4 .header-contact-info ul li a:hover,
.home1 #rs-header .middle-header-home4 .header-contact-info ul li a:hover,
.home3 #rs-header .middle-header-home4 .header-contact-info ul li a:hover,
.home4.icon-header .middle-header-home4 .header-contact-info ul li a:hover,
.home1.icon-header .middle-header-home4 .header-contact-info ul li a:hover,
.home3.icon-header .middle-header-home4 .header-contact-info ul li a:hover {
    color: #e88e2e;
}

.home4 #rs-header .middle-header-home4 .header-contact-info ul li:last-child,
.home1 #rs-header .middle-header-home4 .header-contact-info ul li:last-child,
.home3 #rs-header .middle-header-home4 .header-contact-info ul li:last-child,
.home4.icon-header .middle-header-home4 .header-contact-info ul li:last-child,
.home1.icon-header .middle-header-home4 .header-contact-info ul li:last-child,
.home3.icon-header .middle-header-home4 .header-contact-info ul li:last-child {
    margin-right: 0;
}

.home4 #rs-header .middle-header-home4 .header-contact-info form input,
.home1 #rs-header .middle-header-home4 .header-contact-info form input,
.home3 #rs-header .middle-header-home4 .header-contact-info form input,
.home4.icon-header .middle-header-home4 .header-contact-info form input,
.home1.icon-header .middle-header-home4 .header-contact-info form input,
.home3.icon-header .middle-header-home4 .header-contact-info form input {
    background: transparent;
    padding: 7px 14px;
    padding-right: 70px;
    border: 1px solid #ccc;
    outline: none;
    display: none;
    position: absolute;
    right: 15px;
}

.home4 #rs-header .middle-header-home4 .header-contact-info form .search-btn,
.home1 #rs-header .middle-header-home4 .header-contact-info form .search-btn,
.home3 #rs-header .middle-header-home4 .header-contact-info form .search-btn,
.home4.icon-header .middle-header-home4 .header-contact-info form .search-btn,
.home1.icon-header .middle-header-home4 .header-contact-info form .search-btn,
.home3.icon-header .middle-header-home4 .header-contact-info form .search-btn {
    background: transparent;
    border: none;
    outline: none;
    padding: 8px 13px;
    font-size: 18px;
    transition: all 0.3s ease 0s;
    font-weight: 600;
    background: #e88e2e;
    color: #fff;
    float: right;
    position: relative;
    z-index: 11;
}

.home4 #rs-header .middle-header-home4 .header-contact,
.home1 #rs-header .middle-header-home4 .header-contact,
.home3 #rs-header .middle-header-home4 .header-contact,
.home4.icon-header .middle-header-home4 .header-contact,
.home1.icon-header .middle-header-home4 .header-contact,
.home3.icon-header .middle-header-home4 .header-contact {
    float: right;
}

.home4 #rs-header .middle-header-home4 .header-contact .widget-text,
.home1 #rs-header .middle-header-home4 .header-contact .widget-text,
.home3 #rs-header .middle-header-home4 .header-contact .widget-text,
.home4.icon-header .middle-header-home4 .header-contact .widget-text,
.home1.icon-header .middle-header-home4 .header-contact .widget-text,
.home3.icon-header .middle-header-home4 .header-contact .widget-text {
    position: relative;
    padding-left: 70px;
}

.home4 #rs-header .middle-header-home4 .header-contact .widget-text i,
.home1 #rs-header .middle-header-home4 .header-contact .widget-text i,
.home3 #rs-header .middle-header-home4 .header-contact .widget-text i,
.home4.icon-header .middle-header-home4 .header-contact .widget-text i,
.home1.icon-header .middle-header-home4 .header-contact .widget-text i,
.home3.icon-header .middle-header-home4 .header-contact .widget-text i {
    position: absolute;
    width: 50px;
    height: 50px;
    text-align: center;
    left: 0;
    line-height: 50px;
    background: #e88e2e;
    color: #101010;
    font-size: 18px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}

.home4 #rs-header .middle-header-home4 .header-contact .widget-text .info-text,
.home1 #rs-header .middle-header-home4 .header-contact .widget-text .info-text,
.home3 #rs-header .middle-header-home4 .header-contact .widget-text .info-text,
.home4.icon-header .middle-header-home4 .header-contact .widget-text .info-text,
.home1.icon-header .middle-header-home4 .header-contact .widget-text .info-text,
.home3.icon-header .middle-header-home4 .header-contact .widget-text .info-text {
    line-height: 1.4;
}

.home4 #rs-header .middle-header-home4 .header-contact .widget-text .info-text span,
.home1 #rs-header .middle-header-home4 .header-contact .widget-text .info-text span,
.home3 #rs-header .middle-header-home4 .header-contact .widget-text .info-text span,
.home4.icon-header .middle-header-home4 .header-contact .widget-text .info-text span,
.home1.icon-header .middle-header-home4 .header-contact .widget-text .info-text span,
.home3.icon-header .middle-header-home4 .header-contact .widget-text .info-text span {
    display: block;
    font-weight: 700;
    color: #101010;
}

.home4 #rs-header .middle-header-home4 .menu-sticky.sticky,
.home1 #rs-header .middle-header-home4 .menu-sticky.sticky,
.home3 #rs-header .middle-header-home4 .menu-sticky.sticky,
.home4.icon-header .middle-header-home4 .menu-sticky.sticky,
.home1.icon-header .middle-header-home4 .menu-sticky.sticky,
.home3.icon-header .middle-header-home4 .menu-sticky.sticky,
.home4 #rs-header .middle-header-home4 .menu-sticky4.sticky4,
.home1 #rs-header .middle-header-home4 .menu-sticky4.sticky4,
.home3 #rs-header .middle-header-home4 .menu-sticky4.sticky4,
.home4.icon-header .middle-header-home4 .menu-sticky4.sticky4,
.home1.icon-header .middle-header-home4 .menu-sticky4.sticky4,
.home3.icon-header .middle-header-home4 .menu-sticky4.sticky4 {
    background: #303745;
}

.home4 #rs-header .middle-header-home4 .menu-sticky.sticky .header-bottom-area,
.home1 #rs-header .middle-header-home4 .menu-sticky.sticky .header-bottom-area,
.home3 #rs-header .middle-header-home4 .menu-sticky.sticky .header-bottom-area,
.home4.icon-header .middle-header-home4 .menu-sticky.sticky .header-bottom-area,
.home1.icon-header .middle-header-home4 .menu-sticky.sticky .header-bottom-area,
.home3.icon-header .middle-header-home4 .menu-sticky.sticky .header-bottom-area,
.home4 #rs-header .middle-header-home4 .menu-sticky4.sticky4 .header-bottom-area,
.home1 #rs-header .middle-header-home4 .menu-sticky4.sticky4 .header-bottom-area,
.home3 #rs-header .middle-header-home4 .menu-sticky4.sticky4 .header-bottom-area,
.home4.icon-header .middle-header-home4 .menu-sticky4.sticky4 .header-bottom-area,
.home1.icon-header .middle-header-home4 .menu-sticky4.sticky4 .header-bottom-area,
.home3.icon-header .middle-header-home4 .menu-sticky4.sticky4 .header-bottom-area {
    position: static;
}

.home4 #rs-header .middle-header-home4 .header-bottom-area,
.home1 #rs-header .middle-header-home4 .header-bottom-area,
.home3 #rs-header .middle-header-home4 .header-bottom-area,
.home4.icon-header .middle-header-home4 .header-bottom-area,
.home1.icon-header .middle-header-home4 .header-bottom-area,
.home3.icon-header .middle-header-home4 .header-bottom-area {
    background: #303745;
    position: absolute;
    top: 26px;
    border-radius: 0;
    width: 100%;
    z-index: 999;
    left: 0;
    max-width: 1170px;
    margin: 0 auto;
}

.home4 #rs-header .middle-header-home4 .header-bottom-area .navbar ul,
.home1 #rs-header .middle-header-home4 .header-bottom-area .navbar ul,
.home3 #rs-header .middle-header-home4 .header-bottom-area .navbar ul,
.home4.icon-header .middle-header-home4 .header-bottom-area .navbar ul,
.home1.icon-header .middle-header-home4 .header-bottom-area .navbar ul,
.home3.icon-header .middle-header-home4 .header-bottom-area .navbar ul {
    text-align: left;
}

.home4 #rs-header .middle-header-home4 .header-bottom-area .navbar ul li,
.home1 #rs-header .middle-header-home4 .header-bottom-area .navbar ul li,
.home3 #rs-header .middle-header-home4 .header-bottom-area .navbar ul li,
.home4.icon-header .middle-header-home4 .header-bottom-area .navbar ul li,
.home1.icon-header .middle-header-home4 .header-bottom-area .navbar ul li,
.home3.icon-header .middle-header-home4 .header-bottom-area .navbar ul li {
    margin-right: 0;
    margin-left: 36px;
    line-height: 70px;
    height: 70px;
}

.home4 #rs-header .middle-header-home4 .header-bottom-area .navbar ul li a,
.home1 #rs-header .middle-header-home4 .header-bottom-area .navbar ul li a,
.home3 #rs-header .middle-header-home4 .header-bottom-area .navbar ul li a,
.home4.icon-header .middle-header-home4 .header-bottom-area .navbar ul li a,
.home1.icon-header .middle-header-home4 .header-bottom-area .navbar ul li a,
.home3.icon-header .middle-header-home4 .header-bottom-area .navbar ul li a {
    color: #ffffff;
}

.home4 #rs-header .middle-header-home4 .header-bottom-area .navbar ul li a:hover,
.home1 #rs-header .middle-header-home4 .header-bottom-area .navbar ul li a:hover,
.home3 #rs-header .middle-header-home4 .header-bottom-area .navbar ul li a:hover,
.home4.icon-header .middle-header-home4 .header-bottom-area .navbar ul li a:hover,
.home1.icon-header .middle-header-home4 .header-bottom-area .navbar ul li a:hover,
.home3.icon-header .middle-header-home4 .header-bottom-area .navbar ul li a:hover {
    color: #e88e2e;
}

.home4 #rs-header .middle-header-home4 .header-bottom-area .navbar ul li.active a,
.home1 #rs-header .middle-header-home4 .header-bottom-area .navbar ul li.active a,
.home3 #rs-header .middle-header-home4 .header-bottom-area .navbar ul li.active a,
.home4.icon-header .middle-header-home4 .header-bottom-area .navbar ul li.active a,
.home1.icon-header .middle-header-home4 .header-bottom-area .navbar ul li.active a,
.home3.icon-header .middle-header-home4 .header-bottom-area .navbar ul li.active a {
    color: #e88e2e;
}

.home4 #rs-header .middle-header-home4 .header-bottom-area .get-quote,
.home1 #rs-header .middle-header-home4 .header-bottom-area .get-quote,
.home3 #rs-header .middle-header-home4 .header-bottom-area .get-quote,
.home4.icon-header .middle-header-home4 .header-bottom-area .get-quote,
.home1.icon-header .middle-header-home4 .header-bottom-area .get-quote,
.home3.icon-header .middle-header-home4 .header-bottom-area .get-quote {
    position: absolute;
    right: 0;
    top: 0;
}

.home4 #rs-header .middle-header-home4 .header-bottom-area .get-quote a,
.home1 #rs-header .middle-header-home4 .header-bottom-area .get-quote a,
.home3 #rs-header .middle-header-home4 .header-bottom-area .get-quote a,
.home4.icon-header .middle-header-home4 .header-bottom-area .get-quote a,
.home1.icon-header .middle-header-home4 .header-bottom-area .get-quote a,
.home3.icon-header .middle-header-home4 .header-bottom-area .get-quote a {
    line-height: 70px;
    height: 70px;
    padding: 0 20px;
    background: #e88e2e;
    display: block;
    text-transform: uppercase;
    color: #fff;
}

.home4 #rs-header .middle-header-home4 .header-bottom-area .get-quote a:hover,
.home1 #rs-header .middle-header-home4 .header-bottom-area .get-quote a:hover,
.home3 #rs-header .middle-header-home4 .header-bottom-area .get-quote a:hover,
.home4.icon-header .middle-header-home4 .header-bottom-area .get-quote a:hover,
.home1.icon-header .middle-header-home4 .header-bottom-area .get-quote a:hover,
.home3.icon-header .middle-header-home4 .header-bottom-area .get-quote a:hover {
    background: #df8a2f;
}

.home4 .carousel-inner .item .container,
.home1 .carousel-inner .item .container,
.home3 .carousel-inner .item .container {
    top: 0;
}

.home4 #first-slider .item p,
.home1 #first-slider .item p,
.home3 #first-slider .item p {
    margin-bottom: 50px;
}

.home4 #first-slider .item h1,
.home1 #first-slider .item h1,
.home3 #first-slider .item h1 {
    margin-bottom: 20px;
}

.home3 #rs-header .middle-header-home4 .header-contact-info {
    margin-top: 2px;
}

.home3 #rs-header .middle-header-home4 .logo {
    padding-top: 6px;
}

.home4 #rs-header .menu-sticky4.sticky4 ul li ul li a {
    padding: 16px 14px;
}


/*------------------------------------
    04. Sticky Menu
--------------------------------------*/

.menu-sticky1.sticky1 {
    background: #ffffff;
    position: fixed !important;
    top: 0;
    z-index: 9999;
    margin: 0 auto !important;
    padding: 0;
    left: 0;
    right: 0;
    -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.sticky,
.menu-sticky4.sticky4 {
    background: #ffffff;
    position: fixed !important;
    z-index: 9999;
    width: 100%;
    top: 0;
    transition: 0.8s;
    -webkit-transition: 0.8s;
    -ms-transition: 0.8s;
}

#rs-header .menu-sticky.sticky .logo-area {
    height: 90px;
    line-height: 90px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
}

#rs-header .menu-sticky.sticky .rs-menu ul li a {
    padding: 32px 12px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
}

#rs-header .menu-sticky.sticky .rs-menu ul li ul li a {
    padding: 10px 14px;
}

@-webkit-keyframes sticky-animation {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes sticky-animation {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


/*------------------------------------
    05. Slider Section
--------------------------------------*/

#first-slider .main-container {
    padding: 0;
}

#first-slider .slide1 h3,
#first-slider .slide2 h3,
#first-slider .slide3 h3,
#first-slider .slide4 h3 {
    color: #fff;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 700;
}

#first-slider .item {
    background-size: cover;
    background-repeat: no-repeat;
}

#first-slider .item p {
    padding: 0;
    color: #ffffff;
    line-height: 24px;
    margin-bottom: 35px;
    letter-spacing: 1px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}

#first-slider .slide1 h4,
#first-slider .slide2 h4,
#first-slider .slide3 h4,
#first-slider .slide4 h4 {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
}

#first-slider .slide1 .text-left,
#first-slider .slide3 .text-left {
    padding-left: 40px;
}


/*---------- INDICATORS CONTROL ----------*/

#first-slider .carousel-indicators {
    right: 45%;
    bottom: 3%;
    left: auto;
    width: 90%;
    height: 20px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    white-space: nowrap;
}

#first-slider .carousel-indicators li {
    padding: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #9e9e9e;
    text-indent: 0;
    overflow: hidden;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    background: #9e9e9e;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    -webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
    transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99);
    z-index: 10;
    cursor: pointer;
}

#first-slider .carousel-indicators li:last-child {
    margin-right: 0;
}

#first-slider .carousel-indicators .active {
    margin: 1px 5px 1px 1px;
    box-shadow: 0 0 0 2px #ffd200;
    background-color: transparent;
    position: relative;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

#first-slider .carousel-indicators .active:before {
    transform: scale(0.5);
    background-color: #ffd200;
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

#first-slider .carousel-control.right,
#first-slider .carousel-control.left {
    background-image: none;
}

#first-slider .carousel .item img {
    width: 100%;
}

#first-slider .carousel .item .content-details {
    z-index: 1000;
    position: relative;
    max-width: 725px;
}

#first-slider .carousel .item:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
}

.carousel-inner .item .container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 22%;
    left: 0;
    right: 0;
}

#first-slider h3 {
    animation-delay: 1s;
}

#first-slider h4 {
    animation-delay: 2s;
}

#first-slider h2 {
    animation-delay: 3s;
}

#first-slider .carousel-control {
    width: 6%;
    text-shadow: none;
}

#first-slider h1 {
    color: #fff;
    margin-bottom: 30px;
    font-size: 50px;
    line-height: 64px;
    font-weight: 700;
    text-transform: uppercase;
}

#first-slider h1 span {
    color: #e88e2e;
}

#first-slider .p {
    padding-top: 125px;
    font-size: 30px !important;
    text-align: center;
}

a.sl-btn {
    background: #e88e2e;
    color: #fff;
    display: inline-block;
    padding: 12px 20px;
    font-size: 15px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

a.sl-btn:hover {
    background: #303745;
}

a.sl-btn i {
    margin-left: 12px;
    -webkit-transition: 0.4s ease;
    -moz-transition: 0.4s ease;
    -o-transition: 0.4s ease;
    transition: 0.4s ease;
    position: relative;
    left: 0;
}

a.sl-btn:hover i {
    left: 10px;
}

#first-slider .p a {
    text-decoration: underline;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-control .fa-angle-right,
.carousel-control .fa-angle-left {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    transition: all 0.8s ease 0s;
    left: -100px;
    width: 60px;
    height: 60px;
    margin-top: -15px;
    font-size: 30px;
    color: #e88e2e;
    border: 1px solid #e88e2e;
    line-height: 58px;
}

.carousel-control .fa-angle-right {
    left: auto;
    right: -100px;
}

#first-slider:hover .carousel-control .fa-angle-right {
    right: 50%;
}

#first-slider:hover .carousel-control .fa-angle-left {
    left: 50%;
}

.hvr-ripple-out::before {
    border: 2px solid;
}

.carousel-control .fa-angle-left:hover,
.carousel-control .fa-angle-right:hover {
    background: #e88e2e;
    color: #101010;
}

.carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
}


/* ------------------------------------
    06. About Us
---------------------------------------*/

.rs-about.pb-70 {
    padding-bottom: 64px;
}

.rs-about.primary-section .panel .panel-heading a {
    background: #e88e2e;
}

.rs-about .panel-group {
    margin-bottom: 0;
}

.rs-about .sec-title h3:after {
    left: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.rs-about .panel {
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.rs-about .panel .panel-heading {
    border-radius: 0;
    position: relative;
    background: #101010;
    padding: 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -mz-transition: 0.4s;
}

.rs-about .panel .panel-heading.active,
.rs-about .panel .panel-heading:hover {
    background: #e88e2e !important;
}

.rs-about .panel .panel-heading.active h4.panel-title a,
.rs-about .panel .panel-heading:hover h4.panel-title a {
    color: #ffffff;
    background: #e88e2e !important;
}

.rs-about .panel .panel-heading.active:after,
.rs-about .panel .panel-heading:hover:after {
    background: #ffffff;
}

.rs-about .panel .panel-heading.active h4.panel-title a {
    background: #252525;
}

.rs-about .panel .panel-heading h4.panel-title a {
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    padding: 14px 20px;
    display: block;
}

.rs-about .panel .panel-heading h4.panel-title a:hover {
    background: #252525;
}

.rs-about .panel .panel-body {
    padding: 10px 20px;
}

.rs-about .panel-group .panel+.panel {
    margin-top: 18px !important;
}

.rs-about .panel-heading.active .accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f0d7";
    float: none;
    color: #ffffff;
    display: block;
    background: #101010;
    padding: 14px 19px;
    right: 0;
    position: absolute;
    top: 0;
}

.rs-about .panel-heading .accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f0da";
    float: none;
    color: #fff;
    display: block;
    background: #e88e2e;
    padding: 14px 19px;
    right: 0;
    position: absolute;
    top: 0;
}

.rs-about .panel-heading:hover .accordion-toggle:after {
    color: #ffffff;
}

.rs-about .about-right-img {
    background: #000;
    position: relative;
}

.rs-about .about-right-img img {
    z-index: 1;
}

.rs-about .about-right-img img.video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    ms-transform: translate(-50%, -50%);
    z-index: 11;
}

.rs-about .about-des ul.servic-list {
    overflow: hidden;
}

.rs-about .about-des ul.servic-list li {
    float: left;
    width: 50%;
    margin-bottom: 24px;
}

.rs-about .about-des ul.servic-list li i {
    width: 50px;
    height: 32px;
    font-size: 30px;
    color: #e88e2e;
    float: left;
}

.rs-about .about-des ul.servic-list li span {
    display: inline-block;
    font-size: 16px;
    color: #303745;
}

h3.title-border {
    font-size: 30px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 20px;
    margin: 0 0 25px;
}

h3.title-border:after {
    position: absolute;
    content: "";
    height: 5px;
    width: 100px;
    background: #e88e2e;
    bottom: 0;
    left: 0;
}

.vision-section .vision-img {
    position: relative;
}

.vision-section .vision-img:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #101010;
    opacity: 0.4;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -mz-transition: 0.4s;
}

.vision-section .vision-img:hover:after {
    opacity: 0.6;
}

.vision-section .vision-img img.video-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    ms-transform: translate(-50%, -50%);
    z-index: 999;
}

.about-section-2 {
    padding-bottom: 70px;
}

.about-section-2 .company-overview {
    margin-top: 30px;
}

.about-section-2 .about-details {
    margin-bottom: 30px;
}

.about-section-2 .about-details h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin: 15px 0 8px;
    padding-bottom: 12px;
}

.about-section-2 .about-details h3:after {
    height: 3px;
}

.about-section-2 .about-details p {
    font-size: 14px;
    line-height: 22px;
    margin: 0 0 15px;
}

.history-details p:last-child {
    margin-bottom: 0;
}

.rs-about3.pt-100 {
    padding-top: 100px !important;
}

.rs-about3 .about-left-img {
    float: right;
}

.rs-about3 .about-right-text {
    padding: 0 65px 0 0;
}

.rs-about3 .about-right-text .title {
    margin-top: 0px;
    margin-bottom: 20px;
    color: #101010;
    font-size: 30px;
    line-height: 40px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

.rs-about3 .about-right-text .ceo p {
    margin-bottom: 0;
    color: #303745;
    font-size: 20px;
}

.rs-about3 .about-right-text .ceo .signature img {
    max-width: 100px;
}


/* ----------------------------------
    07. Services
-------------------------------------*/

.rs-services .services-list .single-services {
    padding: 50px 25px;
    float: left;
    width: 33.333%;
    overflow: hidden;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.rs-services .services-list .single-services:nth-child(2n+1) {
    background: #e1e1e1;
}

.rs-services .services-list .single-services:nth-child(2n) {
    background: #e7e7e7;
}

.rs-services .services-list .single-services .serivec-icon {
    float: left;
    margin-right: 25px;
    font-size: 40px;
    line-height: 50px;
    color: #e88e2e;
}

.rs-services .services-list .single-services .serivec-icon .glyph-icon:before {
    margin-left: 0;
    font-size: 50px;
}

.rs-services .services-list .single-services .serices-details {
    overflow: hidden;
}

.rs-services .services-list .single-services .serices-details h3 {
    font-size: 22px;
    margin: 0 0 20px;
    color: #101010;
    font-weight: 700;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
}

.rs-services .services-list .single-services .serices-details p {
    margin-bottom: 0;
    font-size: 14px;
    color: #505050;
    font-weight: 400;
}

.rs-services .services-list .single-services:hover .serices-details h3 {
    color: #e88e2e;
}

.rs-services.drak-color .services-list .single-services:nth-child(2n+1) {
    background: #0f0f0f;
}

.rs-services.drak-color .services-list .single-services:nth-child(2n) {
    background: #181818;
}

.rs-services.drak-color .services-list .single-services h3 {
    color: #ffffff;
}

.rs-services.drak-color .services-list .single-services:hover {
    background: #e88e2e;
}

.rs-services.drak-color .services-list .single-services:hover .serivec-icon,
.rs-services.drak-color .services-list .single-services:hover .serices-details p,
.rs-services.drak-color .services-list .single-services:hover h3 {
    color: #101010 !important;
}

.rs-services.drak-color .serices-details h3 a {
    color: #fff;
    font-weight: 700;
}

.rs-services.drak-color .serices-details p {
    color: #ddd !important;
}

.rs-services.drak-color .serices-details p:hover {
    color: #101010 !important;
}

.defult-services .service-item {
    overflow: hidden;
}

.defult-services .service-item .services-desc {
    overflow: hidden;
    padding: 25px 20px 0;
    background: #fff;
    -webkit-box-shadow: 0 13px 20px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 13px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    border-bottom: 4px solid transparent;
}

.defult-services .service-item .services-desc h4 {
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
    font-weight: 600;
}

.defult-services .service-item .services-desc h4 a {
    color: #101010;
}

.defult-services .service-item .service-image {
    overflow: hidden;
}

.defult-services .service-item .service-image img {
    -webkit-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    -webkit-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
}

.defult-services .service-item:hover .service-image img {
    transform: rotate(5deg) scale(1.2);
}

.defult-services .service-item:hover .services-desc {
    border-bottom: 4px solid #e88e2e;
}

.defult-services .service-item:hover .services-desc h3 a {
    color: #e88e2e;
}

.services-logo {
    background: #f9f9f9;
    margin-top: 100px;
}

.rs-service1 {
    padding-bottom: 70px !important;
}

.rs-service1 .grid-style-1 img {
    width: 100%;
}

.rs-service1 .grid-style-1 .item-wrap {
    position: relative;
    overflow: hidden;
    padding: 25px 25px 12px 25px;
    background: #fff;
    margin-bottom: 30px;
}

.rs-service1 .grid-style-1 .item-wrap .item {
    text-align: center;
    padding: 25px 0 10px;
}

.rs-service1 .grid-style-1 .item-wrap .item .icon {
    margin-bottom: 20px;
}

.rs-service1 .grid-style-1 .item-wrap .item .icon a {
    color: #e88e2e;
}

.rs-service1 .grid-style-1 .item-wrap .item .icon a i {
    font-size: 55px;
    width: 55px;
    height: 55px;
    line-height: 55px;
}

.rs-service1 .grid-style-1 .item-wrap .item .title h4 {
    margin-top: 0px;
    margin-bottom: 14px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    letter-spacing: 1px;
}

.rs-service1 .grid-style-1 .item-wrap .item .title h4 a {
    color: #101010;
    transition: all 0.3s ease 0s;
}

.rs-service1 .grid-style-1 .item-wrap .item .title h4 a:hover {
    color: #e88e2e;
}

.rs-service1 .grid-style-1 .item-wrap .item .some-text {
    color: #505050;
    margin-bottom: 26px;
}

.rs-service1 .grid-style-1 .item-wrap:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 32px;
    width: 32px;
    background: transparent;
    border-top: 3px solid;
    border-top-color: currentcolor;
    border-left: 3px solid;
    border-left-color: currentcolor;
    transition: all 0.2s;
    z-index: 11;
}

.rs-service1 .grid-style-1 .item-wrap:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    height: 32px;
    width: 32px;
    background: transparent;
    border-right: 3px solid;
    border-right-color: currentcolor;
    border-bottom: 3px solid;
    border-bottom-color: currentcolor;
    transition: 0.5s;
}

.rs-service1 .grid-style-1 .item-wrap:before,
.rs-service1 .grid-style-1 .item-wrap:after {
    border-color: #e88e2e;
}

.rs-service1 .grid-style-1 .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-service1 .grid-style-1 .item-wrap:hover:before {
    border-left: 52px solid #e88e2e;
}

.rs-service1 .grid-style-1 .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-service1 .grid-style-1 .item-wrap:hover:after {
    border-right: 50px solid #e88e2e;
}

.rs-services2 {
    padding-bottom: 70px;
}

.rs-services2 .services-item {
    margin-bottom: 30px;
    background: #fff;
}

.rs-services2 .services-item .image {
    position: relative;
    overflow: hidden;
}

.rs-services2 .services-item .image img {
    width: 100%;
}

.rs-services2 .services-item .image .service-des {
    position: absolute;
    top: 105%;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    height: auto;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.rs-services2 .services-item .image .service-des:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

.rs-services2 .services-item .title {
    position: relative;
    z-index: 11;
    margin-top: 20px;
}

.rs-services2 .services-item .title a {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    transition: all 0.3s ease 0s;
}

.rs-services2 .services-item .title a:hover {
    color: #e88e2e;
}

.rs-services2 .services-item .title,
.rs-services2 .services-item .some-text {
    position: relative;
    z-index: 11;
}

.rs-services2 .services-item .some-text {
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.rs-services2 .services-item:hover .service-des {
    top: 50%;
    height: 100%;
}

.rs-services2 .services-item:hover .service-des .some-text {
    opacity: 1;
    visibility: visible;
}

.rs-services2 .services-item:hover .title {
    margin-top: 0;
}

.rs-services3 .sec-title {
    margin-bottom: 85px;
}

.rs-services3 .services {
    background: #ffffff;
    transition: all 0.5s;
    padding: 25px 15px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.01);
    transition: all .4s;
    margin-bottom: 40px;
}

.rs-services3 .services:last-child {
    margin-bottom: 0;
}

.rs-services3 .services .text-box {
    text-align: right;
}

.rs-services3 .services .text-box .title {
    margin-top: 0px;
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 22px;
    text-transform: uppercase;
    font-weight: 600;
}

.rs-services3 .services .text-box .title a {
    color: #303745;
}

.rs-services3 .services .text-box .title a:hover {
    color: #e88e2e;
}

.rs-services3 .services .text-box .some-text {
    width: 99%;
    margin-bottom: 15px;
}

.rs-services3 .services .col-md-2 {
    padding: 0;
}

.rs-services3 .services .service-icon {
    float: left;
    display: block;
}

.rs-services3 .services .service-icon a {
    font-size: 40px;
    color: #e88e2e;
}

.rs-services3 .services:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.rs-services3 .right-col .services {
    padding-left: 20px;
}

.rs-services3 .right-col .services .text-box {
    text-align: left;
}

.rs-services3 .right-col .services .service-icon {
    float: right;
}

.rs-services3 .right-col .services .some-text {
    width: 95%;
}


/* ----------------------------------
    08. Services Pages
-------------------------------------*/

.services-section#homepages-services,
.services-section#services-sections {
    padding-bottom: 50px;
}

@media screen and (max-width: 590px) {
    .services-section .col-xs-6 {
        width: 100%;
    }
}

.services-section .single-service {
    margin-bottom: 50px;
    border: 1px solid #d7d7d7;
}

@media screen and (max-width: 991px) {
    .services-section .single-service {
        margin-bottom: 30px;
    }
}

.services-section .single-service .service-img {
    position: relative;
}

.services-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);
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -mz-transition: 0.4s;
}

.services-section .single-service .service-img i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-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;
}

.services-section .single-service .service-details {
    padding: 0 9px;
}

.services-section .single-service .service-details h3 {
    margin: 18px 0 8px;
}

.services-section .single-service .service-details h3 a {
    font-weight: 600;
    font-size: 18px;
    color: #101010;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -mz-transition: 0.4s;
}

.services-section .single-service .service-details a.primary-btn {
    background: #e88e2e;
    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;
}

.services-section .single-service:hover .service-img:after {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
}

.services-section .single-service:hover .service-details a.primary-btn {
    color: #ffffff;
    background: #101010;
}

.services-section .single-service:hover .service-details h3 a {
    color: #e88e2e;
}

.services-section .single-service:hover i {
    opacity: 1;
    visibility: visible;
}

.services-section .service-list-sidebar ul#service-menu li {
    display: block;
    position: relative;
}

.services-section .service-list-sidebar ul#service-menu li a {
    color: #505050;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px 0;
    border-bottom: 1px solid #ebebeb;
    display: block;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -mz-transition: 0.4s;
}

.services-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: #505050;
}

.services-section .service-list-sidebar ul#service-menu li a:hover:after,
.services-section .service-list-sidebar ul#service-menu li a:hover {
    color: #e88e2e;
}

.services-section .service-list-sidebar ul#service-menu li.active a {
    color: #e88e2e;
}

.services-section .services-left-side {
    margin-top: 40px;
}

.services-section .services-left-side h3 {
    font-weight: 600px;
    font-size: 18px;
    text-transform: uppercase;
    margin: 15px 0 8px;
    padding-bottom: 12px;
}

.services-section .services-left-side h3:after {
    height: 3px;
}

.services-section .services-left-side ul#brochures-list {
    margin-top: 30px;
}

.services-section .services-left-side ul#brochures-list li {
    border: 1px solid #ebebeb;
    margin-bottom: 20px;
}

.services-section .services-left-side ul#brochures-list li a {
    color: #505050;
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
}

.services-section .services-left-side ul#brochures-list li a i {
    background: #ccc;
    padding: 14px;
    color: #505050;
    margin-right: 20px;
}

.services-section .services-left-side ul#brochures-list li a:hover {
    color: #e88e2e;
}

.services-section .services-left-side.our-office {
    margin-top: 48px;
}

.services-section .services-left-side.our-office ul#office-address {
    margin-top: 30px;
}

.services-section .services-left-side.our-office ul#office-address li {
    margin-bottom: 20px;
    color: #505050;
    font-size: 15px;
    font-weight: 400;
    overflow: hidden;
    padding-left: 35px;
    position: relative;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
}

.services-section .services-left-side.our-office ul#office-address li a {
    color: #505050;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
}

.services-section .services-left-side.our-office ul#office-address li i {
    color: #505050;
    position: absolute;
    left: 0;
    top: 5px;
}

.services-section .services-left-side.our-office ul#office-address li span {
    overflow: hidden;
}

.services-section .services-left-side.our-office ul#office-address li a:hover {
    color: #e88e2e;
}

.services-section#services-sliders {
    padding-bottom: 100px;
}

.services-section#services-sliders .single-service {
    margin-bottom: 1px;
}

.services-section .include {
    margin-top: 35px;
}

.services-section .include .panel-body p {
    margin: 12px 0;
}

.services-section .include .panel-body .panel-title a.collapsed {
    background: #000;
}

.services-section .services-btm {
    margin-top: 35px;
}

.services-section .services-btm .title-border {
    margin-left: 15px;
}

.services-section .services-btm ul li {
    position: relative;
    padding-left: 30px;
}

.services-section .services-btm ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 99999;
    color: #e88e2e;
    font-size: 18px;
}

.service-details-section .services-left-sidebar {
    overflow: hidden;
}

.service-details-section .services-left-sidebar .serives-content-one {
    overflow: hidden;
}

.service-details-section .services-left-sidebar .serives-content-one .single-services-details {
    float: left;
    width: 45%;
    text-align: justify;
}

.service-details-section .services-left-sidebar .serives-content-one .single-service-img {
    width: 50%;
    float: right;
}

.service-details-section .services-left-sidebar .serives-content-one .single-service-img img {
    margin-top: 2px;
}

.service-details-section .services-left-sidebar .serives-content-one .banner-top {
    padding-bottom: 30px;
}

.service-details-section .services-left-sidebar .serives-content-one .banner-top img {
    width: 100%;
}

.service-details-section .services-left-sidebar .two-content-box ul,
.service-details-section .services-left-sidebar .sinlge-middle-content ul {
    list-style: none;
    margin: 0px 0px 20px;
    padding: 0px;
}

.service-details-section .services-left-sidebar .two-content-box ul li,
.service-details-section .services-left-sidebar .sinlge-middle-content ul li {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: normal;
    line-height: 30px;
    color: #000000;
}

.service-details-section .services-left-sidebar .two-content-box ul li:before,
.service-details-section .services-left-sidebar .sinlge-middle-content ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 10px;
    color: #fbc02d;
    font-weight: bold;
}

.service-details-section .services-left-sidebar .two-content-box h4 {
    color: #101010;
    margin: 20px 0 25px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
}

.service-details-section .services-left-sidebar .two-content-box p {
    margin: 0;
}

.service-details-section .services-sidebar .service-cats-area {
    border: 2px solid #d2dde2;
    padding: 15px;
    padding-bottom: 25px;
}

.service-details-section .services-sidebar .service-cats-area h4 {
    padding: 15px 15px;
    margin: -15px -15px 20px;
    background-color: #303745;
    color: #fff;
    text-transform: uppercase;
}

.service-details-section .services-sidebar .service-cats-area ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.service-details-section .services-sidebar .service-cats-area ul li {
    margin-bottom: 0px;
    margin-top: 0px;
    padding: 3px 0px;
    font-size: 15px;
    font-weight: normal;
    line-height: 40px;
    color: #303745;
}

.service-details-section .services-sidebar .service-cats-area ul li a {
    color: #303745;
}

.service-details-section .services-sidebar .service-cats-area ul li a:hover {
    color: #df8a2f;
}

.service-details-section .services-sidebar .service-cats-area ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 10px;
    font-weight: bold;
}

.service-details-section .services-sidebar .service-cats-contact {
    color: #fff;
    padding: 20px;
    background-color: #303745;
    margin-top: 40px;
}

.service-details-section .services-sidebar .service-cats-contact .service-cats-title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    border-bottom: 1px solid #2c2c2c;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -20px;
    padding: 15px 20px;
    color: #fff;
    text-transform: uppercase;
    line-height: 1;
}

.service-details-section .services-sidebar .service-cats-contact .contact-form {
    margin: 0 auto;
    text-align: center;
    display: block;
}

.service-details-section .services-sidebar .service-cats-contact .contact-form .contact-button {
    width: 100%;
    outline: none;
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    height: 56px;
    line-height: 52px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
}

.service-details-section .services-sidebar .service-cats-contact .contact-form .contact-button:hover {
    background-color: #fff;
    color: #303745;
}

.service-details-section .services-sidebar .service-cats-contact .contact-form form {
    margin: 0 auto;
    text-align: center;
    display: block;
    max-width: 570px;
}

.service-details-section .services-sidebar .service-cats-contact .contact-form form .form-field {
    margin-bottom: 14px;
    position: relative;
}

.service-details-section .services-sidebar .service-cats-contact .contact-form form .form-field span.sscf-error {
    left: 0px;
    top: 0px;
    padding: 0 20px;
    text-align: left;
    margin: 0px;
    height: 50px;
    line-height: 48px;
    font-size: 14px;
    color: red;
}

.service-details-section .services-sidebar .service-cats-contact .contact-form form .form-field .sscf-error {
    font-family: Helvetica, Arial, sans-serif;
    display: block;
    position: absolute;
    line-height: 0;
    margin: 0;
    height: 0;
    padding: 0;
    font-size: 10px;
    z-index: 90;
    margin-top: 12px;
    right: 15px;
    color: #dc0000;
    pointer-events: none;
    opacity: 0;
    transition: all 0.3s ease;
}

.service-details-section .services-sidebar .service-cats-contact .contact-form form .form-field input {
    width: 100%;
    height: 50px;
    padding: 5px 40px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    box-shadow: none;
    font-size: 15px;
    min-width: inherit;
    text-transform: capitalize;
    background: #ffffff;
    color: #757575;
    border-radius: 0;
}

.service-details-section .services-sidebar .service-cats-contact .contact-form form .form-field input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #757575;
    opacity: 1;
}

.service-details-section .services-sidebar .service-cats-contact .contact-form form .form-field input::-moz-placeholder {
    /* Firefox 19+ */
    color: #757575;
    opacity: 1;
}

.service-details-section .services-sidebar .service-cats-contact .contact-form form .form-field input:-ms-input-placeholder {
    /* IE 10+ */
    color: #757575;
    opacity: 1;
}

.service-details-section .services-sidebar .service-cats-contact .contact-form form .form-field input:-moz-placeholder {
    /* Firefox 18- */
    color: #757575;
    opacity: 1;
}

.service-details-section .services-sidebar .service-cats-contact .contact-form form .form-field textarea {
    width: 100%;
    padding: 10px 20px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    height: 100%;
    box-shadow: none;
    font-size: 15px;
    border-radius: 0;
    color: #757575;
}

.service-details-section .services-sidebar .service-cats-contact .contact-form form .form-field i {
    color: #555555;
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    font-size: 15px;
}


/* ----------------------------------
    9. project
-------------------------------------*/

.rs-home-project.project-page {
    padding: 85px 0;
}

.rs-home-project .portfolio-filter {
    margin-bottom: 30px;
    text-align: center;
}

.rs-home-project .portfolio-filter button {
    color: #505050;
    background: #fff;
    padding: 12px 10px;
    line-height: 100%;
    border: none;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 30px;
    margin: 0 5px;
    outline: none;
}

.rs-home-project .portfolio-filter button:hover,
.rs-home-project .portfolio-filter button.active {
    color: #df8a2f;
}

.rs-home-project .case-item {
    padding: 15px;
}

.rs-home-project .project-img .single-img {
    position: relative;
    overflow: hidden;
}

.rs-home-project .project-img .single-img .img-part img {
    float: left;
    width: 100%;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.rs-home-project .project-img .single-img .case-study-overlay {
    opacity: 0;
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    z-index: 2;
}

.rs-home-project .project-img .single-img .case-study-overlay .case-middle-align {
    opacity: 0;
    height: 100%;
    width: 100%;
    display: table;
    vertical-align: middle;
}

.rs-home-project .project-img .single-img .case-study-overlay .case-middle-align .case-study-text {
    display: table-cell;
    vertical-align: middle;
}

.rs-home-project .project-img .single-img .case-study-overlay .case-middle-align .case-study-text .case-study-icon i {
    display: inline-block;
    padding: 0;
    margin: 3px;
    font-size: 22px;
    letter-spacing: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    vertical-align: middle;
    background: transparent;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.rs-home-project .project-img .single-img .case-study-overlay .case-middle-align .case-study-text .case-study-icon i:hover {
    color: #e88e2e;
    border-color: #e88e2e;
}

.rs-home-project .project-img .single-img .case-study-overlay .case-middle-align .case-study-text .case-study-icon-text .icon-title {
    display: block;
    margin: 25px 0 0;
    letter-spacing: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: normal;
    color: #ffffff;
    font-weight: 600;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.rs-home-project .project-img .single-img .case-study-overlay .case-middle-align .case-study-text .case-study-icon-text .icon-title:hover {
    color: rgba(255, 255, 255, 0.6);
}

.rs-home-project .project-img .single-img .case-study-overlay .case-middle-align .case-study-text .case-study-icon-text .icon-subtitle {
    display: block;
    margin: 10px 0 0;
    letter-spacing: 0px;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: normal;
    color: #ffffff;
    -webkit-transform: translate3d(0, 15px, 0);
    transform: translate3d(0, 15px, 0);
    -webkit-transition: all 500ms;
    transition: all 500ms;
}

.rs-home-project .project-img .single-img .case-study-overlay:before {
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-bottom: none;
    border-top: none;
    left: 2em;
    right: 2em;
    bottom: 1em;
    top: 1em;
    content: '';
    opacity: 0;
    position: absolute;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: 0.6s 0.2s;
    transition: 0.6s 0.2s;
    z-index: -1;
}

.rs-home-project .project-img .single-img .case-study-overlay:after {
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-left: none;
    border-right: none;
    top: 2em;
    bottom: 2em;
    left: 1em;
    right: 1em;
    content: '';
    opacity: 0;
    position: absolute;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-transition: 0.6s 0.2s;
    transition: 0.6s 0.2s;
    z-index: -1;
}

.rs-home-project .project-img .single-img .case-study-overlay:hover:before,
.rs-home-project .project-img .single-img .case-study-overlay:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.rs-home-project .project-img .single-img:hover .img-part img {
    webkit-transform: scale3d(1.15, 1.15, 1);
    transform: scale3d(1.15, 1.15, 1);
}

.rs-home-project .project-img .single-img:hover .case-study-overlay {
    opacity: 1;
}

.rs-home-project .project-img .single-img:hover .case-middle-align {
    opacity: 1;
}

.rs-home-project .project-img .single-img:hover .case-middle-align .case-study-text .case-study-icon i {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.rs-home-project .project-img .single-img:hover .case-middle-align .case-study-text .case-study-icon-text .icon-title {
    opacity: 1;
    webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.rs-home-project .project-img .single-img:hover .case-middle-align .case-study-text .case-study-icon-text .icon-subtitle {
    opacity: 1;
    webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.rs-home-project .project-four-column .single-img .case-study-overlay .case-middle-align .case-study-text .case-study-icon i {
    font-size: 20px;
    width: 35px;
    height: 35px;
    line-height: 35px;
}

.rs-home-project .project-four-column .single-img .case-study-overlay .case-middle-align .case-study-text .case-study-icon-text .icon-title {
    font-size: 18px;
    margin: 15px 0 0;
}

.rs-home-project .project-four-column .single-img .case-study-overlay .case-middle-align .case-study-text .case-study-icon-text .icon-subtitle {
    font-size: 11px;
}

.rs-project2 {
    padding-bottom: 70px;
}

.rs-project2 .sec-title {
    text-align: center;
}

.rs-project2 .sec-title h4 {
    font-family: 'Poppins', sans-serif;
    color: #101010;
    font-weight: 600;
}

.rs-project2 .sec-title p {
    font-family: 'Poppins', sans-serif;
    color: #101010;
    color: #505050;
    margin-bottom: 0;
    width: 54%;
}

.rs-project2 .project-filter {
    margin-bottom: 40px;
    text-align: center;
}

.rs-project2 .project-filter button {
    display: inline-block;
    border: 0;
    outline: none;
    font-weight: 500;
    transition: all 0.3s ease 0s;
    margin-right: 15px;
    background: transparent;
}

.rs-project2 .project-filter button:hover {
    color: #e88e2e;
}

.rs-project2 .project-filter .active {
    color: #e88e2e;
}

.rs-project2 .project-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.rs-project2 .project-item .project-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 10;
    padding: 25px;
    opacity: 0;
    -webkit-transition: 0.3s all ease-out;
    transition: 0.3s all ease-out;
}

.rs-project2 .project-item .project-content:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: -1;
    -webkit-transition: .25s opacity ease;
    transition: .25s opacity ease;
}

.rs-project2 .project-item .project-content .border-overly:after {
    border-right: 5px solid #e88e2e;
    border-left: 5px solid #e88e2e;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.rs-project2 .project-item .project-content .border-overly:after,
.rs-project2 .project-item .project-content .border-overly:before {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    z-index: 1;
}

.rs-project2 .project-item .project-content .border-overly:before {
    border-top: 5px solid #e88e2e;
    border-bottom: 5px solid #e88e2e;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.rs-project2 .project-item .project-content .display-table .display-table-cell {
    vertical-align: middle;
    position: relative;
    z-index: 999;
}

.rs-project2 .project-item .project-img img {
    width: 100%;
    transition: all 0.3s ease 0s;
}

.rs-project2 .project-item .p-zoom {
    display: inline-block;
}

.rs-project2 .project-item .p-zoom i {
    width: 48px;
    height: 48px;
    line-height: 44px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #fff;
    font-size: 22px;
    color: #ffffff;
    padding: 0px;
    margin-right: 20px;
    transition: .20s;
}

.rs-project2 .project-item .p-zoom i:hover {
    border: 2px solid #e88e2e;
    color: #e88e2e;
}

.rs-project2 .project-item .btn-view {
    display: inline-block;
}

.rs-project2 .project-item .btn-view i {
    width: 48px;
    height: 48px;
    line-height: 44px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid #fff;
    font-size: 22px;
    color: #ffffff;
    padding: 0px;
    transition: .20s;
}

.rs-project2 .project-item .btn-view i:hover {
    border: 2px solid #e88e2e;
    color: #e88e2e;
}

.rs-project2 .project-item .p-title {
    font-size: 18px;
    line-height: normal;
    margin-top: 25px;
    color: #fff;
    margin-bottom: 0;
    font-weight: 600;
}

.rs-project2 .project-item .p-title a {
    color: #fff;
}

.rs-project2 .project-item .p-title a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.rs-project2 .project-item .p-desc {
    font-size: 15px;
    color: #fff;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 10px;
}

.rs-project2 .project-item .project-content:hover {
    opacity: 1;
    top: 0;
}

.rs-project2 .project-item:hover .project-content .border-overly:after,
.rs-project2 .project-item:hover .project-content .border-overly:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.rs-project2 .project-item:hover .project-img img {
    transform: scale(1.2);
}

.rs-project-details .display-table {
    top: 35%;
    position: absolute;
    width: 210px !important;
}

.rs-project-details .portfolio-content:after {
    content: '';
    position: absolute;
    left: 15px;
    top: 15px;
    right: 15px;
    border: 1px solid #ccc;
    -webkit-transition: .25s opacity ease;
    transition: .25s opacity ease;
    height: 90%;
    z-index: -1;
}

.rs-project-details .sec-sub-title {
    margin: 5px 0 41px;
}

.rs-project-details .top-images .top-img {
    margin-bottom: 45px;
}

.rs-project-details .top-images .inner-top {
    background: #f0f0f0;
    padding: 15px;
}

.rs-project-details .top-images .inner-top .inner {
    border: 1px solid #e88e2e;
    margin: 0;
    border-radius: 4px;
    position: relative;
    left: -3px;
    top: -3px;
}

.rs-project-details .top-images .inner-top .inner .details {
    border: 1px solid #e88e2e;
    margin: -1px -1px -2px -1px;
    border-radius: 4px;
    position: relative;
    left: 6px;
    top: 6px;
    padding: 22px 35px 44px;
}

.rs-project-details .top-images .inner-top .inner .details h3 {
    font-size: 30px;
    font-weight: normal;
    margin: 0 0 26px;
    text-align: center;
    color: #101010;
    position: relative;
    padding-bottom: 12px;
}

.rs-project-details .top-images .inner-top .inner .details h3:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: #ccc;
}

.rs-project-details .top-images .inner-top .inner .details h3:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 75%;
    bottom: -2px;
    left: 0;
    background: #ccc;
    margin: 0 auto;
    right: 0;
}

.rs-project-details .top-images .inner-top .inner .details ul {
    padding: 0;
    margin: 0;
}

.rs-project-details .top-images .inner-top .inner .details ul li {
    list-style: none;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    font-weight: 700;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.rs-project-details .top-images .inner-top .inner .details ul li span {
    float: right;
    text-transform: capitalize;
    font-weight: normal;
}

.rs-project-details .inner2 {
    margin-top: -7px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 20px;
}

.rs-project-details .bottom-inner h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #101010;
    margin: 0 0 20px;
    font-weight: 600;
}

.rs-project-details .bottom-inner ul {
    overflow: hidden;
    margin-bottom: 20px;
}

.rs-project-details .bottom-inner ul li {
    float: left;
    width: 50%;
    margin-bottom: 8px;
}

.rs-project-details .bottom-inner ul li a {
    color: #505050;
    font-size: 15px;
    padding-right: 15px;
}

.rs-project-details .bottom-inner ul li a i {
    margin-right: 3px;
}

.rs-project-details .bottom-inner ul li a:hover {
    color: #e88e2e;
}

#relatade-project {
    padding-top: 70px;
}

#relatade-project .sec-title {
    margin-bottom: 50px;
}


/* -----------------------
    10. Newsletter
--------------------------*/

.rs-newsletter {
    background-attachment: fixed;
    transition: all 0.3s ease 0s;
    background-size: cover;
    background-position: center center;
    padding: 100px 0;
    line-height: 0;
    position: relative;
}

.rs-newsletter .overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
}

.rs-newsletter .news-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.rs-newsletter .news-note {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0;
    color: #e88e2e !important;
}

.rs-newsletter .news-form {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 10px;
}

.rs-newsletter .news-form .form-input {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 5px 20px;
    background: transparent;
    outline: none;
    color: #fff;
    border: 1px solid #e88e2e;
}

.rs-newsletter .news-form .form-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

.rs-newsletter .news-form .form-input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

.rs-newsletter .news-form .form-input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

.rs-newsletter .news-form .form-input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

.rs-newsletter .news-form .form-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    min-width: 200px;
    background-color: #e88e2e;
    font-size: 15px;
    text-transform: uppercase;
    border: 0;
    color: #101010;
    transition: all 0.3s ease 0s;
}

.rs-newsletter .news-form .form-button:hover {
    background-color: #df8a2f;
}


/* -----------------------
    11. Testimonial
--------------------------*/

.rs-testimonial .testimonial {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
    padding: 20px;
    margin: 6px;
    text-align: center;
    transition: all 0.3s ease 0s;
    position: relative;
}

.rs-testimonial .testimonial .image {
    max-width: 130px;
    margin: 0 auto;
    margin-top: 5px;
}

.rs-testimonial .testimonial .image img {
    border-radius: 100%;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.rs-testimonial .testimonial .description .some-text {
    margin-top: 15px;
    margin-bottom: 15px;
    color: #505050;
}

.rs-testimonial .testimonial .description .some-text:before {
    content: "\f10d";
    color: #e88e2e;
    margin-right: 5px;
    font-family: FontAwesome;
    font-size: 20px;
}

.rs-testimonial .testimonial .description .title {
    font-weight: 600;
    font-size: 16px;
}

.rs-testimonial .testimonial .description .designation {
    font-style: italic;
    text-transform: capitalize;
}

.rs-testimonial .testimonial:after {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    border-top: 3px solid #e88e2e;
    border-left: 3px solid #e88e2e;
    background: transparent;
    transition: all 0.3s ease 0s;
    top: 10px;
    left: 10px;
    opacity: 0;
    visibility: hidden;
}

.rs-testimonial .testimonial:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    border-bottom: 3px solid #e88e2e;
    border-right: 3px solid #e88e2e;
    background: transparent;
    transition: all 0.3s ease 0s;
    bottom: 10px;
    right: 10px;
    opacity: 0;
    visibility: hidden;
}

.rs-testimonial .testimonial:hover:after {
    top: 0;
    left: 0;
    visibility: visible;
    opacity: 1;
}

.rs-testimonial .testimonial:hover:before {
    bottom: 0;
    right: 0;
    visibility: visible;
    opacity: 1;
}

#rs-testimonial.clients-say {
    padding-bottom: 90px;
}

#rs-testimonial .sec-title h2 {
    text-align: center;
}

#rs-testimonial .slider {
    width: 100%;
    max-width: 880px;
    margin: 0px auto;
}

#rs-testimonial .slider:focus {
    outline: none;
}

#rs-testimonial .slider .slick-track {
    top: 35px;
}

#rs-testimonial .slider .slick-track:focus {
    outline: none;
}

#rs-testimonial .slider .slick-dots {
    position: static;
    margin-top: 24px;
    margin-bottom: 15px;
}

#rs-testimonial .slick-slide {
    margin: 0px 45px;
    transition: all ease-in-out 0.3s;
    opacity: .2;
    width: 100px;
    position: relative;
}

#rs-testimonial .slick-slide:focus {
    outline: none;
}

#rs-testimonial .slick-slide img {
    width: 100%;
    border-radius: 50%;
}

#rs-testimonial .slick-slide img:focus {
    outline: none;
}

#rs-testimonial .slick-prev {
    position: absolute;
    left: 35%;
    top: 84px;
    z-index: 999;
    width: 36px;
    height: 36px;
    border: 2px solid #e88e2e;
}

#rs-testimonial .slick-prev:hover {
    outline: none;
    background-color: #e88e2e;
}

#rs-testimonial .slick-prev:hover:before {
    color: #ffffff;
}

#rs-testimonial .slick-next {
    position: absolute;
    right: 35%;
    top: 84px;
    z-index: 999;
    width: 36px;
    height: 36px;
    background-color: transparent;
    border: 2px solid #e88e2e;
}

#rs-testimonial .slick-next:hover {
    outline: none;
    background-color: #e88e2e;
}

#rs-testimonial .slick-next:hover:before {
    color: #ffffff;
}

#rs-testimonial .slick-prev:before,
#rs-testimonial .slick-next:before {
    font-size: 33px;
    line-height: 32px;
    color: #e88e2e;
}

#rs-testimonial .slick-prev:before:focus,
#rs-testimonial .slick-next:before:focus {
    outline: none;
}

#rs-testimonial .slick-prev:before {
    font-family: FontAwesome;
    content: "\f104";
}

#rs-testimonial .slick-prev:before:focus {
    outline: none;
}

#rs-testimonial .slick-next:before {
    font-family: FontAwesome;
    content: "\f105";
}

#rs-testimonial .slick-next:before:focus {
    outline: none;
}

#rs-testimonial .slick-current {
    opacity: 1;
    transition: all 0.3s ease 0s;
}

#rs-testimonial .slick-current:focus {
    outline: none;
}

#rs-testimonial .slick-current img {
    transform: scale(1.7);
    transition: all 0.3s ease 0s;
}

#rs-testimonial .slick-current img:focus {
    outline: none;
}

#rs-testimonial .rs-tst-content {
    margin: 0px -340%;
    padding-bottom: 15px;
    text-align: center;
    display: none;
}

#rs-testimonial .rs-tst-content:focus {
    outline: none;
}

#rs-testimonial .slick-current .rs-tst-content {
    display: block;
}

#rs-testimonial .slick-current .rs-tst-content:focus {
    outline: none;
}

#rs-testimonial .rs-tst-title {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #101010 !important;
    font-weight: 600;
    margin-top: 58px;
}

#rs-testimonial .rs-tst-title:focus {
    outline: none;
}

#rs-testimonial .rs-tst-designation {
    font-family: 'Poppins', sans-serif;
    color: #df8a2f;
    font-weight: 400;
    font-size: 13px;
    margin-bottom: 7px;
}

#rs-testimonial .rs-tst-designation:focus {
    outline: none;
}

#rs-testimonial .rs-tst-details p {
    font-family: 'Poppins', sans-serif;
    color: #505050;
}

#rs-testimonial .rs-tst-details p:focus {
    outline: none;
}

.rs-testimonial2 .sec-title p {
    width: 60%;
}

.rs-testimonial2 .testi-filter.nav-tabs {
    border: 0;
}

.rs-testimonial2 .testi-filter .testi-img {
    position: relative;
}

.rs-testimonial2 .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-testimonial2 .testi-filter .testi-img img {
    width: 100%;
}

.rs-testimonial2 .testi-filter li {
    margin-bottom: 0;
}

.rs-testimonial2 .testi-filter li a {
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    text-align: center;
}

.rs-testimonial2 .testi-filter li.active .testi-img:before,
.rs-testimonial2 .testi-filter li:hover .testi-img:before {
    width: 80%;
    height: 80%;
    opacity: 0;
}

.rs-testimonial2 .testi-name {
    margin-bottom: 3px;
    font-size: 16px;
    line-height: normal;
    margin-top: 20px;
}

.rs-testimonial2 .testi-title {
    font-size: 13px;
    line-height: normal;
    color: #505050;
}

.rs-testimonial2 .testi-content {
    position: relative;
    margin-top: 35px;
    padding: 30px 45px;
    text-align: justify;
    background-color: #e88e2e;
    color: #fff;
}

.rs-testimonial2 .testi-content:before {
    content: '';
    position: absolute;
    top: -18px;
    height: 38px;
    width: 38px;
    background: transparent;
    border: 1px solid #e88e2e;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
}

.rs-testimonial2 .testi-content p {
    margin-bottom: 0;
    position: relative;
    padding: 0 55px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.rs-testimonial2 .testi-content p:before,
.rs-testimonial2 .testi-content p:after {
    position: absolute;
    font-family: FontAwesome;
    font-size: 26px;
    color: #fff;
}

.rs-testimonial2 .testi-content p:before {
    content: "\f10d";
    left: 0;
}

.rs-testimonial2 .testi-content p:after {
    content: "\f10e";
    right: 0;
}

.rs-testimonial2 .tab-pane:nth-child(1) .testi-content:before {
    margin-left: -30px;
    left: 17%;
}

.rs-testimonial2 .tab-pane:nth-child(2) .testi-content:before {
    margin-left: -19px;
    left: 50%;
}

.rs-testimonial2 .tab-pane:nth-child(3) .testi-content:before {
    margin-right: -30px;
    right: 17%;
}

.rs-testimonial2 .testi-carousel .slick-slide {
    outline: none;
}

.rs-testimonial2 .testi-carousel .slick-arrow {
    position: absolute;
    top: -91px !important;
    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-testimonial2 .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-testimonial2 .testi-carousel .slick-arrow.slick-prev {
    right: 38px;
    border: 1px solid #d7d7d7;
    color: #131313;
    padding: 3px 12px;
    font-weight: 400;
    transition: all 0.3s ease 0s;
}

.rs-testimonial2 .testi-carousel .slick-arrow.slick-prev:before {
    content: "\f104";
}

.rs-testimonial2 .testi-carousel .slick-arrow.slick-next {
    border: 1px solid #d7d7d7;
    color: #131313;
    padding: 3px 12px;
    font-weight: 400;
    transition: all 0.3s ease 0s;
}

.rs-testimonial2 .testi-carousel .slick-arrow.slick-next:before {
    content: "\f105";
    margin-left: 2px;
}

.rs-testimonial2 .testi-carousel .slick-arrow:hover {
    background: #131313;
    color: #fff;
    border: 1px solid transparent;
}

#services-sliders .owl-dots,
.rs-project .owl-dots,
.rs-testimonial .owl-dots,
.rs-team .owl-dots,
.test-list .owl-dots {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 5px;
}

#services-sliders .owl-dots .owl-dot,
.rs-project .owl-dots .owl-dot,
.rs-testimonial .owl-dots .owl-dot,
.rs-team .owl-dots .owl-dot,
.test-list .owl-dots .owl-dot {
    width: 6px;
    height: 8px;
    background: #e88e2e;
    display: inline-block;
    margin: 0 5px;
    position: relative;
    top: 14px;
}

#services-sliders .owl-dots .owl-dot.active,
.rs-project .owl-dots .owl-dot.active,
.rs-testimonial .owl-dots .owl-dot.active,
.rs-team .owl-dots .owl-dot.active,
.test-list .owl-dots .owl-dot.active {
    height: 20px;
    width: 8px;
}

.rs-partner .partner-item {
    border: 1px solid #ccc;
    transition: all 0.3s ease 0s;
    text-align: center;
}

.rs-partner .partner-item:hover {
    border-color: #e88e2e;
}

.rs-partner .partner-item img {
    width: auto;
    margin: 0 auto;
}

.rs-partner.style1 .partner-item {
    border: 1px solid transparent;
    padding: 8px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    background: #ffffff;
}

.rs-partner.style1 .partner-item:hover {
    border-color: #ccc;
}

.rs-partner {
    padding: 100px 0;
}

.rs-testimonial-pages {
    padding-top: 70px;
}

.rs-testimonial-pages #testimonial-slider10 .testimonial {
    margin: 80px 0 0;
}

.rs-testimonial-pages .single-test {
    margin-bottom: 40px;
}

.rs-testimonial-pages .single-testimonial {
    margin-top: 30px;
    background-color: #fafafa;
    border-radius: 3px;
    padding: 18px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.19);
    overflow: auto;
}

.rs-testimonial-pages .single-testimonial .cl-client-img {
    width: 120px;
    margin: 0 auto 20px;
}

.rs-testimonial-pages .single-testimonial .cl-client-img img {
    border-radius: 100%;
}

.rs-testimonial-pages .single-testimonial .cl-client-testimonial {
    text-align: center;
    font-style: italic;
    padding-left: 10px;
    font-size: 14px;
}

.rs-testimonial-pages .single-testimonial .fa-quote-left {
    color: #aaaaaa;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    font-size: 22px;
    margin-top: 5px;
}

.rs-testimonial-pages .single-testimonial .cl-client-info {
    text-align: center;
    padding-top: 10px;
}

.rs-testimonial-pages .single-testimonial .cl-client-info .cl-client-name {
    font-size: 18px;
    color: #101010;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
}

.rs-testimonial-pages .single-testimonial .cl-client-info .cl-client-designation {
    font-size: 16px;
    color: #505050;
    font-weight: bold;
    margin: 10px 0;
}

.rs-testimonial-pages .single-testimonial .testimonial-left {
    float: left;
    margin-right: 15px;
    width: 30%;
}

@media screen and (max-width: 600px) {
    .rs-testimonial-pages .single-testimonial .testimonial-left {
        width: 100%;
    }
}

.rs-testimonial-pages .single-testimonial .right-content {
    width: 66%;
    float: left;
}

.rs-testimonial-pages .single-testimonial .right-content .cl-client-testimonial {
    text-align: left;
}

@media screen and (max-width: 600px) {
    .rs-testimonial-pages .single-testimonial .right-content {
        width: 100%;
    }
}

.rs-testimonial-pages .single-testimonial:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.19);
    background-color: #e88e2e;
}

.rs-testimonial-pages .single-testimonial:hover .fa-quote-left,
.rs-testimonial-pages .single-testimonial:hover .cl-client-info .cl-client-name,
.rs-testimonial-pages .single-testimonial:hover .cl-client-info .cl-client-designation,
.rs-testimonial-pages .single-testimonial:hover .cl-client-testimonial {
    color: #fff;
}

.rs-testimonial2 .slider {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}

.rs-testimonial2 .slider .item {
    text-align: center;
}

.rs-testimonial2 .slider .item .slider-image {
    margin-top: 35px;
    transition: all 0.3s ease 0s;
}

.rs-testimonial2 .slider .item .slider-image img {
    margin: 0 auto;
    border-radius: 50%;
    width: 92px;
    transition: all 0.3s ease 0s;
}

.rs-testimonial2 .slider .item .bio-text {
    margin-top: 75px;
    transition: all 0.3s ease 0s;
}

.rs-testimonial2 .slick-active .slider-image img {
    opacity: .5;
}

.rs-testimonial2 .slick-active .bio-text {
    display: none;
}

.rs-testimonial2 .slick-center .slider-image img {
    transform: scale(1.7);
    opacity: 1;
}

.rs-testimonial2 .slick-center .bio-text {
    display: block;
    margin: 0 -110%;
}

#testimonial-slider1 .item {
    text-align: center;
}

#testimonial-slider1 .item p {
    font-style: italic;
}

#testimonial-slider1 .item img {
    width: 80px;
    margin: 0 auto 30px;
    border-radius: 50%;
}

#testimonial-slider1 .item ul.cl-author-info li:first-child {
    color: #000;
}

#testimonial-slider1 .owl-dots {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 5px;
}

#testimonial-slider1 .owl-dots .owl-dot {
    width: 6px;
    height: 8px;
    background: #e88e2e;
    display: inline-block;
    margin: 0 5px;
    position: relative;
    top: 14px;
}

#testimonial-slider1 .owl-dots .owl-dot.active {
    height: 20px;
    width: 8px;
}


/* -----------------------
    12. Blog Post
--------------------------*/

.rs-blog {
    padding-bottom: 92px;
}

.rs-blog.block-page {
    padding-bottom: 100px;
}

.rs-blog .blog-list {
    position: relative;
}

.rs-blog .blog-list .blog-item {
    outline: none;
}

.rs-blog .blog-list .blog-item .blog-img {
    position: relative;
    overflow: hidden;
}

.rs-blog .blog-list .blog-item .blog-img .blog-icon a i {
    position: absolute;
    bottom: -20px;
    left: 46%;
    opacity: 0;
    font-size: 30px;
    transition: all .5s;
    z-index: 1;
    color: #e88e2e;
}

.rs-blog .blog-list .blog-item .blog-img .blog-icon a i:hover {
    transform: scale(1.1);
    opacity: 0;
}

.rs-blog .blog-list .blog-item .blog-img:after {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 0;
    left: 0;
    bottom: 0;
    transition: all .5s;
    opacity: 0;
}

.rs-blog .blog-list .blog-item .blog-content .blog-meta {
    text-align: right;
}

.rs-blog .blog-list .blog-item .blog-content .blog-meta .meta-date {
    float: left;
    display: inline-block;
    background: #e88e2e;
    padding: 8.5px 14px;
    width: 62px;
    margin-top: -32px;
    line-height: 20px;
    position: relative;
    text-align: center;
    color: #101010;
}

.rs-blog .blog-list .blog-item .blog-content .blog-meta .meta-icon {
    display: inline-block;
    margin-top: 5px;
    margin-left: -105px;
}

.rs-blog .blog-list .blog-item .blog-content .blog-meta .meta-icon li {
    margin-right: 15px;
    display: inline;
}

.rs-blog .blog-list .blog-item .blog-content .blog-meta .meta-icon li i {
    margin-right: 8px;
}

.rs-blog .blog-list .blog-item .blog-content .blog-meta .meta-icon li:last-child {
    margin-right: 0;
}

.rs-blog .blog-list .blog-item .blog-content .blog-text .title {
    font-size: 18px;
    line-height: normal;
    margin-top: 18px;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: capitalize;
    clear: both;
    display: block;
    overflow: hidden;
}

.rs-blog .blog-list .blog-item .blog-content .blog-text .title a {
    color: #303745;
    transition: all 0.3s ease 0s;
}

.rs-blog .blog-list .blog-item .blog-content .blog-text .title a:hover {
    color: #e88e2e;
}

.rs-blog .blog-list .blog-item .blog-content .blog-text .desc {
    margin-top: 10px;
    clear: both;
    text-align: left;
}

.rs-blog .blog-list .blog-item .blog-content .blog-text .desc p {
    margin-bottom: 0;
}

.rs-blog .blog-list .blog-item .blog-content .blog-text .read-more {
    margin-top: 10px;
}

.rs-blog .blog-list .blog-item .blog-content .blog-text .read-more a {
    color: #303745;
    font-weight: normal;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
    font-weight: 500;
}

.rs-blog .blog-list .blog-item .blog-content .blog-text .read-more a:after {
    content: "\f101";
    font-family: FontAwesome;
    margin-left: 5px;
}

.rs-blog .blog-list .blog-item .blog-content .blog-text .read-more a:hover {
    color: #e88e2e;
}

.rs-blog .blog-list .blog-item:hover .blog-img:after {
    height: 100%;
    opacity: 1;
}

.rs-blog .blog-list .blog-item:hover .blog-img .blog-icon a i {
    bottom: 47%;
    opacity: 1;
}

.rs-blog .slick-arrow {
    font-size: 28px;
    position: absolute;
    top: -90px;
    right: 15px;
}

.rs-blog .fa-angle-left,
.rs-blog .fa-angle-right {
    color: #505050;
    padding: 3px 12px;
    font-weight: 400;
    transition: all 0.3s ease 0s;
}

.rs-blog .slick-slider {
    cursor: pointer;
}

.rs-blog .slick-slider .slick-arrow {
    border: 1px solid #d7d7d7;
    color: #131313;
    padding: 3px 12px;
    font-weight: 400;
    transition: all 0.3s ease 0s;
}

.rs-blog .slick-slider .slick-arrow:hover {
    background: #131313;
    color: #fff;
    border: 1px solid transparent;
}

.rs-blog .slick-slider .fa-angle-left {
    right: 60px;
}

.rs-blog .blog-content.full-blog .item {
    max-width: 800px;
    margin: 0 auto 50px;
}

.rs-blog .blog-content .item {
    margin-bottom: 50px;
}

.rs-blog .blog-content .item .article-info {
    padding-top: 15px;
    padding-bottom: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid #e1e1e1;
}

.rs-blog .blog-content .item .article-info ul li {
    display: inline;
    margin-right: 10px;
}

.rs-blog .blog-content .item .article-info ul li i {
    color: #e88e2e;
    margin-right: 3px;
}

.rs-blog .blog-content .item .article-info ul li span {
    color: #666;
}

.rs-blog .blog-content .item .article-info ul li.date {
    display: none !important;
}

.rs-blog .blog-content .item .item-title {
    margin-top: 20px;
    margin-bottom: 20px;
}

.rs-blog .blog-content .item .item-title h4 {
    margin: 0px;
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}

.rs-blog .blog-content .item .item-title h4 a {
    color: #212121;
    transition: .30s;
}

.rs-blog .blog-content .item .item-title h4 a:hover {
    color: #df8a2f;
}

.rs-blog .blog-content .item .item-title h4 a:hover i {
    color: #e88e2e !important;
}

.rs-blog .blog-content .item .some-text p {
    margin-bottom: 18px;
    font-weight: normal;
}

.rs-blog .blog-content .item .read-more a {
    font-size: 15px;
    color: #666666;
    transition: all 0.3s ease 0s;
    padding: 0px;
    border: none;
    box-shadow: none;
    text-transform: uppercase;
}

.rs-blog .blog-content .item .read-more a:hover {
    color: #df8a2f;
}

.rs-blog .blog-content .item .read-more a:hover i {
    color: #e88e2e !important;
}

.rs-blog .sidebar form.search {
    position: relative;
}

.rs-blog .sidebar form.search input {
    border: 2px solid #303745;
    padding: 10px;
    width: 100%;
}

.rs-blog .sidebar form.search button {
    background: transparent;
    border: none;
    position: absolute;
    bottom: 0;
    right: 0px;
    padding: 11px;
    font-size: 20px;
}

.rs-blog .sidebar form.search button:focus {
    outline: unset;
}

.rs-blog .sidebar form.search button i {
    color: #e88e2e;
}

.rs-blog .sidebar .categories {
    margin-top: 40px;
    border: 2px solid #303745;
}

.rs-blog .sidebar .categories .title {
    background: #303745;
}

.rs-blog .sidebar .categories .title h4 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    padding: 15px;
}

.rs-blog .sidebar .categories .categories-item {
    padding: 15px;
    margin-top: 8px;
}

.rs-blog .sidebar .categories .categories-item ul li {
    line-height: 40px;
    border-bottom: 1px solid #f5f5f5;
}

.rs-blog .sidebar .categories .categories-item ul li:last-child {
    border-bottom: unset;
}

.rs-blog .sidebar .categories .categories-item ul li a {
    color: #444;
}

.rs-blog .sidebar .categories .categories-item ul li a i {
    font-weight: 700;
}

.rs-blog .sidebar .categories .categories-item ul li a:hover {
    color: #e88e2e;
}

.rs-blog .sidebar .categories .categories-item ul li span {
    float: right;
    color: #444;
    letter-spacing: 2px;
}

.rs-blog .sidebar .latest-post {
    margin-top: 40px;
    border: 2px solid #303745;
}

.rs-blog .sidebar .latest-post .title {
    background: #303745;
}

.rs-blog .sidebar .latest-post .title h4 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    padding: 15px;
}

.rs-blog .sidebar .latest-post .content {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 25px;
    padding-bottom: 0px;
}

.rs-blog .sidebar .latest-post .content .name a {
    display: block;
    font-size: 17px;
    color: #444;
    transition: all 0.3s ease 0s;
    padding-top: 20px;
}

.rs-blog .sidebar .latest-post .content .name a:hover {
    color: #e88e2e;
}

.rs-blog .sidebar .latest-post .content .date {
    margin-bottom: 40px;
    font-size: 13px;
    color: #888;
}

.rs-blog .sidebar .tags-cloud {
    margin-top: 40px;
    border: 2px solid #303745;
}

.rs-blog .sidebar .tags-cloud .title {
    background: #303745;
}

.rs-blog .sidebar .tags-cloud .title h4 {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    padding: 15px;
}

.rs-blog .sidebar .tags-cloud .menu {
    text-align: left;
    padding: 15px;
}

.rs-blog .sidebar .tags-cloud .menu ul li {
    display: inline-block;
    margin-bottom: 10px;
}

.rs-blog .sidebar .tags-cloud .menu ul li a {
    margin: 0 3px 7px 0;
    line-height: 33px;
    padding: 6px 10px;
    font-size: 13px;
    transition: all .3s ease;
    color: #303745;
    border: 1px solid #303745;
    border-radius: 2px;
    text-align: center;
    background: transparent;
}

.rs-blog .sidebar .tags-cloud .menu ul li a:hover {
    color: #fff;
    background: #e88e2e;
    border: 1px solid #e88e2e;
}

.blog-page-area .inner {
    background: #f0f0f0;
    border-top: 5px solid #e88e2e;
    padding: 30px 15px;
    overflow: hidden;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
}

.blog-page-area .inner .blog-content ul.blog-meta {
    margin: 0 0 5px;
}

.blog-page-area .inner .blog-content ul.blog-meta li {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #505050;
    padding-right: 18px;
}

.blog-page-area .inner .blog-content ul.blog-meta li:last-child {
    padding-right: 0;
}

.blog-page-area .inner .blog-content ul.blog-meta li i {
    font-size: 12px;
}

.blog-page-area .inner .blog-content ul.blog-meta li a {
    display: block;
}

.blog-page-area .inner .blog-content h4 {
    margin: 0 0 10px;
}

.blog-page-area .inner .blog-content h4 a {
    font-size: 18px;
    font-weight: 600;
    color: #101010;
}

.blog-page-area .inner .blog-content a {
    font-weight: 400;
    color: #e88e2e;
}

.blog-page-area .inner .blog-images {
    overflow: hidden;
    position: relative;
}

.blog-page-area .inner .blog-images i {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    /* IE 9 */
    -webkit-transform: translate(-50%, -50%);
    /* Safari */
    transform: translate(-50%, -50%);
    z-index: 99;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    border: 1px solid #e88e2e;
    color: #e88e2e;
    opacity: 0;
}

.blog-page-area .inner .blog-images:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
}

.blog-page-area .inner .blog-images img {
    transform: scale(1);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    width: 100%;
}

.blog-page-area .inner:hover .blog-images i {
    opacity: 1;
}

.blog-page-area .inner:hover .blog-images img {
    transform: scale(1.1);
    transition: all 0.3s ease 0s;
}

.blog-page-area .inner:hover .blog-images:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    ms-transform: scale(1) !important;
}

.blog-page-area .inner:hover .blog-content h4 a {
    color: #e88e2e;
}

.blog-page-area.sidebar-blog-section .inner {
    padding: 30px;
}

.blog-page-area.sidebar-blog-section .inner .blog-content h4 {
    margin-top: 20px;
}

.rs-blog2 .blog-item .blog-content .blog-meta .meta-date {
    width: 80px !important;
    margin-top: -37px !important;
    color: #fff !important;
}

.rs-blog2 .blog-item .blog-content .blog-meta .meta-icon {
    margin-left: 0;
    float: right;
}

.rs-blog2 .blog-item .blog-content .blog-meta .meta-icon ul {
    margin-top: -41px;
    position: relative;
    background: #e88e2e;
    padding: 5px 10px;
    margin-bottom: 20px;
}

.rs-blog2 .blog-item .blog-content .blog-meta .meta-icon ul li {
    color: #fff;
}

.rs-blog2 .blog-item .blog-content .blog-meta .meta-icon ul li:last-child {
    margin: 0;
}

.rs-blog2 .blog-item .blog-content .blog-meta .meta-icon ul li i {
    color: #fff;
}


/* ------------------------------------
    13. Blog Details 
---------------------------------------*/

.single-blog-details .single-image {
    margin-bottom: 25px;
    overflow: hidden;
}

.single-blog-details .single-image img {
    filter: grayscale(0%);
    transition: all 0.8s ease-in-out 0s;
}

.single-blog-details .single-image img:hover {
    filter: grayscale(100%);
    transform: scale(1.1);
}

.single-blog-details h4 {
    font-size: 18px;
    color: #101010;
    margin: 20px 0;
    padding: 0;
    line-height: 25px;
    font-weight: 600;
}

.single-blog-details blockquote {
    background: #f0f0f0;
    border: medium none;
    margin: 25px 0 25px;
    padding: 24px 25px 24px 63px;
    font-size: 18px;
    color: #101010;
    font-style: italic;
    position: relative;
    font-weight: 600;
}

.single-blog-details blockquote i {
    position: absolute;
    left: 22px;
    font-size: 25px;
    top: 21px;
}

.single-blog-details h2 {
    font-size: 18px;
    margin: 0 0 25px;
    font-weight: 600;
}

.single-blog-details .share-section {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    padding-bottom: 20px;
}

.single-blog-details .share-section .share-link1 {
    padding: 0;
    margin: 0;
    float: right;
}

.single-blog-details .share-section .share-link1 li {
    float: left;
    list-style: none;
}

.single-blog-details .share-section .share-link1 li:first-child a {
    margin-left: 0;
}

.single-blog-details .share-section .share-link1 li a {
    padding: 7px 8px;
    border: 1px solid #ddd;
    font-size: 12px;
    font-weight: 400;
    color: #505050;
    border-radius: 4px;
    margin-left: 14px;
}

.single-blog-details .share-section .share-link1 li a:hover {
    background: #e88e2e;
    color: #ffffff;
    border: 1px solid #e88e2e;
}

.single-blog-details .share-section .share-link1 li:first-child a {
    background: #e88e2e;
    color: #ffffff;
    border: 1px solid #e88e2e;
}

.single-blog-details .share-section .life-style span {
    font-size: 12px;
    font-weight: 400;
    color: #505050;
    margin-right: 12px;
}

.single-blog-details .share-section .life-style span:last-child {
    margin-right: 0;
}

.single-blog-details .share-section .life-style span i {
    margin-right: 4px;
}

.single-blog-details .share-section .life-style span a {
    font-size: 12px;
    font-weight: 400;
    color: #505050;
}

.single-blog-details .share-section .life-style span a i {
    font-size: 12px;
    margin-right: 4px;
}

.single-blog-details .share-section .life-style span a:hover {
    color: #e88e2e;
}

.single-blog-details .share-section .life-style span.author a {
    color: #777777;
}

.single-blog-details .share-section .life-style span.author a:hover {
    color: #e88e2e;
}

.single-blog-details .share-section2 {
    border: 1px solid #ddd;
    padding: 15px 15px 15px 15px;
}

.single-blog-details .share-section2 span {
    font-size: 15px;
    font-weight: 400;
    color: #101010;
}

.single-blog-details .share-section2 .share-link {
    float: right;
}

.single-blog-details .share-section2 .share-link li {
    float: left;
    list-style: none;
}

.single-blog-details .share-section2 .share-link li:first-child a {
    margin-left: 0;
}

.single-blog-details .share-section2 .share-link li a {
    font-size: 12px;
    font-weight: 400;
    color: #505050;
    padding: 7px 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-left: 14px;
}

.single-blog-details .share-section2 .share-link li a:hover {
    background: #e88e2e;
    color: #fff;
    border: 1px solid #e88e2e;
}

.single-blog-details .like-section .col-xs-12 h4.title-bg {
    font-size: 18px;
}

.single-blog-details .like-section .col-xs-12 h3 {
    margin: 14px 0 6px;
}

.single-blog-details .like-section .col-xs-12 h3 a {
    font-size: 15px;
    font-weight: 400;
    color: #101010;
}

.single-blog-details .like-section .col-xs-12 span {
    font-size: 12px;
    font-weight: 400;
}

.single-blog-details .like-section .col-xs-12 span i {
    font-size: 12px;
}

.single-blog-details .like-section .col-xs-12 .popular-post-img img {
    transition: all 0.3s ease 0s;
}

.single-blog-details .like-section .col-xs-12:hover a {
    color: #e88e2e;
}

.single-blog-details .like-section .col-xs-12:hover .popular-post-img img {
    opacity: .5;
}

.single-blog-details .next-pre-section {
    padding: 23px 0 15px;
    margin: 0;
    overflow: hidden;
}

.single-blog-details .next-pre-section li {
    margin: 0;
}

.single-blog-details .next-pre-section li a {
    font-size: 15px;
    color: #505050;
}

.single-blog-details .next-pre-section li a i {
    padding: 0;
    font-size: 15px;
    font-weight: 500;
    color: #101010;
}

.single-blog-details .next-pre-section li a:hover {
    color: #e88e2e;
}

.single-blog-details .next-pre-section li a:hover i {
    color: #e88e2e;
}

.single-blog-details .next-pre-section li.left-arrow {
    float: left;
    width: 50%;
}

.single-blog-details .next-pre-section li.left-arrow a {
    font-size: 15px;
    font-weight: 500;
    color: #505050;
}

.single-blog-details .next-pre-section li.left-arrow a i {
    padding-right: 5px;
}

.single-blog-details .next-pre-section li.right-arrow {
    float: right;
    width: 50%;
    text-align: right;
}

.single-blog-details .next-pre-section li.right-arrow a {
    font-size: 15px;
    font-weight: 500;
}

.single-blog-details .next-pre-section li.right-arrow a i {
    padding-left: 5px;
}

.single-blog-details .author-comment h4 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 42px 0 6px;
}

.single-blog-details .author-comment span {
    font-size: 12px;
    font-weight: 500;
}

.single-blog-details .author-comment span a {
    font-size: 12px;
    font-weight: 500;
}

.single-blog-details .author-comment span i {
    font-size: 12px;
}

.single-blog-details .author-comment h4 {
    font-size: 15px;
    font-weight: 500;
}

.single-blog-details .author-comment h4.title-bg {
    font-size: 18px;
}

.single-blog-details .author-comment ul {
    padding: 0;
    margin: 0;
}

.single-blog-details .author-comment ul li {
    margin: 0 0 2px;
    padding: 20px 22px;
    border-bottom: 1px solid #ddd;
}

.single-blog-details .author-comment ul li:nth-child(2) {
    margin-left: 100px;
}

.single-blog-details .author-comment ul li:nth-child(2) .col-sm-2 {
    padding: 0;
}

.single-blog-details .author-comment ul li:last-child {
    border-bottom: none;
}

.single-blog-details .author-comment ul li .image-comments {
    margin-top: 0;
}

.single-blog-details .author-comment ul li .image-comments img {
    width: 90px;
    border-radius: 100%;
}

.single-blog-details .author-comment ul li .reply {
    display: block;
    position: absolute;
    text-align: right;
    width: 95%;
}

.single-blog-details .author-comment ul li .reply a {
    color: #101010;
}

.single-blog-details .author-comment ul li .reply a:hover {
    color: #e88e2e;
}

.single-blog-details .author-comment ul li .reply i {
    color: #101010;
}

.single-blog-details .author-comment ul li .dsc-comments h4 {
    margin: 0 0 12px;
}

.single-blog-details .author-comment ul li .dsc-comments a {
    color: #e88e2e;
}

.single-blog-details .author-comment ul li .dsc-comments p {
    margin: 6px 0 0;
}

.single-blog-details .leave-comments-area {
    padding-top: 20px;
}

.single-blog-details .leave-comments-area .form-group {
    margin-bottom: 20px;
}

.single-blog-details .leave-comments-area h4 {
    font-size: 18px;
    text-transform: uppercase;
    padding-left: 15px;
    font-weight: 600;
    margin-bottom: 19px;
}

.single-blog-details .leave-comments-area label {
    color: #505050;
    font-weight: normal;
    letter-spacing: 1px;
}

.single-blog-details .leave-comments-area input,
.single-blog-details .leave-comments-area textarea {
    background: transparent;
    border: 1px solid #ddd;
    box-shadow: none;
    border-radius: 0;
    height: 45px;
    width: 100%;
}

.single-blog-details .leave-comments-area textarea {
    height: 150px;
    width: 100%;
    max-width: 100%;
}

.single-blog-details .leave-comments-area .btn-send {
    position: relative;
    display: inline-block;
    padding: 12px 20px;
    background: #e88e2e;
    color: #fff;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
    border: none;
    font-weight: 500;
}

.single-blog-details .leave-comments-area .btn-send:hover {
    background: #303745;
    color: #ffffff;
}


/* ------------------------------------
    14. Blog Sidebar 
---------------------------------------*/

.sidebar-area .search-box {
    margin-top: -6px;
}

.sidebar-area .search-box span {
    font-size: 20px;
    color: #101010;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 25px;
}

.sidebar-area .search-box .box-search {
    position: relative;
}

.sidebar-area .search-box .box-search .form-control {
    border-radius: 0;
    box-shadow: none;
    color: #101010;
    padding: 5px 20px;
    height: 45px;
}

.sidebar-area .search-box .btn {
    position: absolute;
    right: 5px;
    background: transparent;
    border: none;
    top: 6px;
}

.sidebar-area .search-box .btn:hover i {
    color: #e88e2e;
}

.sidebar-area .cate-box {
    margin-top: 44px;
}

.sidebar-area .cate-box span.title {
    font-size: 18px;
    color: #101010;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;
}

.sidebar-area .cate-box ul {
    padding: 0;
    margin: 0;
}

.sidebar-area .cate-box ul li {
    list-style: none;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    cursor: pointer;
}

.sidebar-area .cate-box ul li a {
    color: #505050;
    padding: 0 0 0 5px;
}

.sidebar-area .cate-box ul li a span {
    float: right;
}

.sidebar-area .cate-box ul li:hover a {
    color: #e88e2e;
}

.sidebar-area .cate-box ul li:first-child {
    padding-top: 0;
}

.sidebar-area .recent-post-area {
    margin-top: 44px;
}

.sidebar-area .recent-post-area span.title {
    font-size: 20px;
    color: #101010;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 25px;
}

.sidebar-area .recent-post-area ul li {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px solid #ddd;
}

.sidebar-area .recent-post-area ul li img {
    transition: all 0.3s ease 0s;
    cursor: pointer;
}

.sidebar-area .recent-post-area ul li h4 {
    margin: 0;
    line-height: 24px;
}

.sidebar-area .recent-post-area ul li a {
    font-size: 15px;
    font-weight: 400;
    color: #101010;
}

.sidebar-area .recent-post-area ul li span {
    font-size: 12px;
    margin-right: 12px;
}

.sidebar-area .recent-post-area ul li span a {
    font-size: 12px;
    font-weight: 300;
    color: #505050;
}

.sidebar-area .recent-post-area ul li span a i {
    font-size: 12px;
}

.sidebar-area .recent-post-area ul li span i {
    font-size: 12px;
    margin-right: 4px;
}

.sidebar-area .recent-post-area ul li:last-child {
    border-bottom: none;
}

.sidebar-area .recent-post-area ul li:hover a {
    color: #e88e2e;
}

.sidebar-area .recent-post-area ul li:hover img {
    opacity: .5;
}

.sidebar-area .tag-area {
    margin-top: 24px;
    overflow: hidden;
}

.sidebar-area .tag-area span.title {
    font-size: 20px;
    color: #101010;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 17px;
}

.sidebar-area .tag-area ul {
    padding: 0;
    margin: 0;
}

.sidebar-area .tag-area ul li {
    float: left;
    list-style: none;
}

.sidebar-area .tag-area ul li a {
    border: 1px solid #ddd;
    padding: 5px 10px;
    margin: 0 5px 5px 0;
    display: block;
    color: #505050;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 28px;
}

.sidebar-area .tag-area ul li a:hover {
    background: #e88e2e;
    border-color: #e88e2e;
}

.sidebar-area .newsletter-area {
    background: #f9f9f9;
    margin-top: 48px;
    text-align: center;
    padding: 30px 50px;
}

.sidebar-area .newsletter-area h3 {
    font-size: 20px;
    color: #101010;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin: 0;
}

.sidebar-area .newsletter-area p {
    font-size: 15px;
    color: #505050;
    margin: 7px 0 20px;
}

.sidebar-area .newsletter-area .box-newsletter {
    position: relative;
}

.sidebar-area .newsletter-area .box-newsletter .form-control {
    border-radius: 0;
    box-shadow: none;
    color: #101010;
    padding: 5px 20px;
    height: 50px;
}

.sidebar-area .newsletter-area .btn {
    position: absolute;
    right: 0;
    background: #e88e2e;
    border: none;
    top: 0;
    color: #101010;
    display: block;
    padding: 15px 20px;
    border-radius: 0;
}

.sidebar-area .newsletter-area .btn i {
    transition: all 0.3s ease 0s;
}

.sidebar-area .newsletter-area .btn:hover i {
    color: #101010;
}


/* ------------------------------------
    15. Contact Page
---------------------------------------*/

.rs-contact .contact-bg {
    overflow: hidden;
    position: relative;
}

.rs-contact .contact-bg .contact-address {
    margin-bottom: 45px;
}

.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 #e88e2e;
    text-align: center;
    font-size: 24px;
    margin-right: 20px;
    transition: .20s;
    color: #e88e2e;
}

.rs-contact .contact-bg .contact-address .address-item:hover .address-icon {
    background: #e88e2e;
    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: #000;
}

.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: .30s;
}

.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-bg .contact-form .form-field {
    margin-bottom: 30px;
    position: relative;
}

.rs-contact .contact-bg .contact-form .form-field i {
    color: #e88e2e;
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
}

.rs-contact .contact-bg .contact-form .form-field input {
    width: 100%;
    height: 50px;
    padding: 5px 40px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    transition: .20s;
}

.rs-contact .contact-bg .contact-form .form-field input:focus {
    border: 2px solid #e88e2e;
    outline: none;
}

.rs-contact .contact-bg .contact-form .form-field textarea {
    width: 100%;
    padding: 10px 20px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    transition: .20s;
}

.rs-contact .contact-bg .contact-form .form-field textarea:focus {
    border: 2px solid #e88e2e;
    outline: none;
}

.rs-contact .contact-bg .contact-form .form-button button {
    position: relative;
    display: inline-block;
    padding: 12px 20px;
    background: #e88e2e;
    color: #fff;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
    border: none;
}

.rs-contact .contact-bg .contact-form .form-button button:hover {
    background: #303745;
    color: #ffffff;
}

.contact-page #googleMap {
    height: 485px;
}

.contact-page .location-details {
    margin-top: 20px;
}

.contact-page .location-details h3 {
    font-size: 20px;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.contact-page .contact-form-area {
    padding-top: 20px;
}

.contact-page .contact-form-area .form-group {
    margin-bottom: 20px;
}

.contact-page .contact-form-area h4 {
    font-size: 18px;
    text-transform: uppercase;
    padding-left: 15px;
    font-weight: 600;
    margin-bottom: 19px;
}

.contact-page .contact-form-area label {
    color: #505050;
    font-weight: normal;
    letter-spacing: 1px;
}

.contact-page .contact-form-area input,
.contact-page .contact-form-area textarea {
    background: transparent;
    border: 1px solid #ddd;
    box-shadow: none;
    border-radius: 0;
    height: 45px;
    width: 100%;
}

.contact-page .contact-form-area textarea {
    height: 150px;
    width: 100%;
    max-width: 100%;
}

.contact-page .contact-form-area .btn-send {
    background: #e88e2e;
    font-weight: 700;
    color: #101010;
    font-size: 15px;
    line-height: 24px;
    border: none;
    border-radius: 0px;
    padding: 14px 23px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 14px;
    transition: all 0.3s ease 0s;
}

.contact-page .contact-form-area .btn-send:hover {
    background: #252525;
    color: #ffffff;
}

.contact-page ul#contact-list {
    background: #f0f0f0;
    padding: 25px;
}

.contact-page ul#contact-list li {
    font-size: 15px;
    font-weight: 400;
    color: #434343;
    padding-bottom: 20px;
}

.contact-page ul#contact-list li:last-child {
    padding-bottom: 0;
}

.contact-page ul#contact-list li i {
    float: left;
    font-size: 24px;
    font-weight: 700;
    color: #e88e2e;
    margin-top: 5px;
    width: 40px;
}

.contact-page ul#contact-list li .info-text {
    overflow: hidden;
}

.contact-page.contact-page3 .location-details,
.contact-page.contact-page2 .location-details,
.contact-page.contact-page3 .contact-form-area,
.contact-page.contact-page2 .contact-form-area {
    margin-top: 0;
    padding-top: 0;
}

.rs-contact .contact-top-section {
    position: relative;
}

.rs-contact .contact-top-section #googleMap {
    width: 100%;
    height: 660px;
}

.rs-contact .contact-top-section .contact-box-area {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 111;
}

.rs-contact .contact-top-section .contact-box-area .contact-box-inner {
    background: #e88e2e;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.15);
}

.rs-contact .contact-top-section .contact-box-area .contact-box-inner .contact-form {
    background: #ffffff;
    padding: 100px;
}

.rs-contact .contact-top-section .contact-box-area .contact-box-inner .contact-form .form-control {
    width: 100%;
    box-shadow: none;
    color: #2b323f;
    height: auto;
    margin-bottom: 30px;
    padding: 10px;
    border-radius: 0;
}

.rs-contact .contact-top-section .contact-box-area .contact-box-inner .contact-form textarea.form-control {
    height: 150px;
}

.rs-contact .contact-top-section .contact-box-area .contact-box-inner .contact-form .btn {
    background: #e88e2e;
    color: #101010;
    border-radius: 0;
    padding: 10px 20px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
    font-weight: 700;
}

.rs-contact .contact-top-section .contact-box-area .contact-box-inner .contact-form .btn:hover {
    background: #101010;
    color: #ffffff;
}

.rs-contact .contact-top-section .contact-box-area .contact-box-inner .address-box {
    padding: 100px;
    padding-left: calc(70px);
    color: #101010;
}

.rs-contact .contact-top-section .contact-box-area .contact-box-inner .address-box h2 {
    color: #101010;
}

.rs-contact .contact-top-section .contact-box-area .contact-box-inner .address-box .address-details li {
    margin-bottom: 15px;
}

.rs-contact .contact-top-section .contact-box-area .contact-box-inner .address-box .address-details li .info-icon {
    width: 30px;
}

.rs-contact .contact-top-section .contact-box-area .contact-box-inner .address-box .address-details li .info-icon i {
    font-size: 30px;
}

.rs-contact .contact-top-section .contact-box-area .contact-box-inner .address-box .address-details li .info-icon .fa-envelope-o {
    font-size: 25px;
}

.rs-contact .contact-top-section .contact-box-area .contact-box-inner .address-box .address-details li .info-details {
    padding-left: 20px;
}

.rs-contact .contact-top-section .contact-box-area .contact-box-inner .address-box .address-details li .info-details p {
    margin: 0;
}

.rs-contact .contact-top-section .contact-box-area .contact-box-inner .address-box .address-details li .info-details,
.rs-contact .contact-top-section .contact-box-area .contact-box-inner .address-box .address-details li .info-icon {
    display: table-cell;
    vertical-align: top;
}

.rs-contact .footer-bottom {
    background-color: #252525;
    padding-bottom: 50px;
    padding-top: 30em;
}

#about-slider {
    position: relative;
}

#about-slider img {
    webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

#about-slider .owl-item {
    overflow: hidden;
}

#about-slider .owl-nav {
    text-align: center;
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}

#about-slider .owl-nav .owl-prev {
    display: block !important;
    text-align: left;
    position: relative;
    left: 0;
    font-size: 0;
}

#about-slider .owl-nav .owl-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 99999;
    color: #fff;
    background: #e88e2e;
    width: 45px;
    text-align: center;
    padding: 7px 0;
    font-size: 30px;
    border-radius: 0 3px 3px 0;
}

#about-slider .owl-nav .owl-next {
    display: block !important;
    text-align: right;
    right: 0;
    font-size: 0;
}

#about-slider .owl-nav .owl-next:before {
    content: "\f105";
    font-family: FontAwesome;
    right: 0;
    position: absolute;
    top: 0;
    z-index: 99999;
    color: #fff;
    background: #e88e2e;
    width: 45px;
    text-align: center;
    padding: 7px 0;
    font-size: 30px;
    border-radius: 3px 0 0 3px;
}

#about-slider:hover .owl-next:before,
#about-slider:hover .owl-prev:before {
    background: #000;
}

#about-slider:hover img {
    webkit-transform: scale(1);
    transform: scale(1);
}

.contact-info2 .map-canvas {
    height: 360px;
}

.cmap2#googleMap {
    height: 420px;
}

.contact-page3 .control-inner {
    margin-bottom: 40px;
}

.contact-page3 .control-inner .info-details {
    background: #ddd;
    padding: 40px 15px;
    text-align: center;
}

.contact-page3 .control-inner .info-details i {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #e88e2e;
    color: #101010;
    margin: 0 auto 15px;
    font-size: 20px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}

.contact-page3 .control-inner .info-details .info-text a,
.contact-page3 .control-inner .info-details .info-text {
    color: #101010;
}

.contact-page3 .control-inner .info-details .info-text a:hover {
    color: #e88e2e;
}

.contact-page3 .cmap2#googleMap {
    height: 460px;
}


/* -----------------------
    16. Footer css
--------------------------*/

.rs-footer {
    background-color: #252525;
    color: #afb0b2;
    position: relative;
}

.rs-footer .footer-title {
    margin-bottom: 40px;
    padding-bottom: 5px;
    color: #fff;
    font-size: 16px;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
}

.rs-footer .footer-title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    height: 1px;
    width: 50px;
    background-color: #e88e2e;
}

.rs-footer .footer-top2 {
    z-index: unset !important;
}

.rs-footer .footer-top {
    padding: 80px 0 72px;
    z-index: 1;
    position: relative;
}

.rs-footer .footer-top .about-widget img {
    margin-bottom: 25px;
}

.rs-footer .footer-top .recent-post-widget .post-item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.rs-footer .footer-top .recent-post-widget .post-item .post-date {
    width: 70px;
    height: 65px;
    flex: 0 0 70px;
    text-align: center;
    background-color: #e88e2e;
    color: #101010;
    margin-right: 15px;
}

.rs-footer .footer-top .recent-post-widget .post-item .post-date>span {
    display: block;
}

.rs-footer .footer-top .recent-post-widget .post-item .post-date>span:first-child {
    margin-top: 6px;
}

.rs-footer .footer-top .recent-post-widget .post-item .post-date>span:last-child {
    font-size: 13px;
}

.rs-footer .footer-top .recent-post-widget .post-item .post-title {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0;
}

.rs-footer .footer-top .recent-post-widget .post-item .post-title a {
    color: #afb0b2;
    font-weight: 400;
}

.rs-footer .footer-top .recent-post-widget .post-item .post-title a:hover,
.rs-footer .footer-top .recent-post-widget .post-item .post-title a:focus {
    color: #e88e2e;
}

.rs-footer .footer-top .recent-post-widget .post-item .post-category {
    font-size: 13px;
}

.rs-footer .footer-top .recent-post-widget .post-item+.post-item {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(102, 102, 102, 0.5);
}

.rs-footer .footer-top .sitemap-widget {
    overflow: hidden;
}

.rs-footer .footer-top .sitemap-widget li.active a {
    color: #fff;
}

.rs-footer .footer-top .sitemap-widget li a {
    color: #afb0b2;
    display: block;
    position: relative;
    padding: 0px 0 4px 14px;
}

.rs-footer .footer-top .sitemap-widget li a:hover,
.rs-footer .footer-top .sitemap-widget li a:focus {
    color: #fff;
}

.rs-footer .footer-top .sitemap-widget li a:after {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 14px;
    left: 0;
    position: absolute;
    top: 4px;
    color: #afb0b2;
    font-weight: 400;
}

.rs-footer .footer-top .recent-project li {
    display: inline-block;
    margin: 2px 3px;
    overflow: hidden;
    position: relative;
    width: 78px;
}

.rs-footer .footer-top .recent-project li img {
    height: 100%;
}

.rs-footer .footer-top .recent-project li a {
    display: block;
}

.rs-footer .footer-top .recent-project li a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease 0s;
}

.rs-footer .footer-top .recent-project li a:hover:after {
    opacity: 1;
}

.rs-footer .footer-subscribe {
    position: relative;
}

.rs-footer .footer-subscribe input {
    font-size: 14px;
    padding: 8px 15px;
    border: none;
    border-radius: 0;
    height: 45px;
    position: relative;
    width: 186px;
    display: block;
    line-height: 1.428571429;
    color: #555555;
    background-color: #fff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    outline: none;
    width: 100%;
}

.rs-footer .footer-subscribe button {
    position: absolute;
    right: -2px;
    top: 0;
    height: 45px;
    border: none;
    background: #e88e2e;
    color: #fff;
    font-size: 0;
    padding: 10px 25px;
}

.rs-footer .footer-subscribe button:after {
    content: "\f1d8";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #fff;
    font-size: 18px;
    padding-right: 0;
    position: absolute;
    top: 10px;
    left: 14px;
    transition: all 0.3s ease 0s;
}

.footer-bottom {
    padding: 32px 0;
    border-top: 1px solid #3f361f;
    font-size: 14px;
    z-index: 99;
    position: relative;
}

.footer-bottom .copyright p {
    margin-bottom: 0;
}

.footer-bottom .copyright a {
    color: #fff;
}

.footer-bottom .copyright a:hover,
.footer-bottom .copyright a:focus {
    color: #afb0b2;
}

.footer-bottom .footer-bottom-menu {
    display: inline-block;
}

.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;
}

.footer-bottom .footer-bottom-menu ul>* {
    -ms-flex: none;
    -webkit-flex: none;
    flex: none;
    padding-left: 10px;
    position: relative;
}

.footer-bottom .footer-bottom-menu ul li:before {
    display: inline-block;
}

.footer-bottom .footer-bottom-menu ul li:nth-child(n+2):before {
    content: ":";
    margin-right: 10px;
}

.footer-bottom .footer-bottom-menu ul li a {
    color: #afb0b2;
}

.footer-bottom .footer-bottom-menu ul li a:hover,
.footer-bottom .footer-bottom-menu ul li a:focus {
    color: #fff;
}

.footer-bottom .footer-bottom-share {
    display: inline-block;
}

.footer-bottom .footer-bottom-share ul {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.footer-bottom .footer-bottom-share ul li {
    display: inline-block;
}

.footer-bottom .footer-bottom-share ul li+li {
    margin-left: 10px;
}

.footer-bottom .footer-bottom-share ul li a {
    font-size: 15px;
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 32px;
    text-align: center;
    color: #fff;
    transition: all 0.3s ease 0s;
    background: #383838;
}

.footer-bottom .footer-bottom-share ul li a:hover {
    color: #e88e2e;
}

.collto-action .collto-title p.collto-des {
    margin: 0;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    line-height: 34px;
}

.collto-action .collto-title p.collto-des span {
    display: block;
    font-size: 18px;
    font-weight: 600;
}

.collto-action,
.footer-collto-action {
    padding: 35px 0;
}

.collto-action h3,
.footer-collto-action h3 {
    line-height: 56px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0px;
    color: #fff;
}

.collto-action .get-start,
.footer-collto-action .get-start {
    margin-top: 15px;
}

.collto-action .get-start a,
.footer-collto-action .get-start a {
    font-size: 15px;
    text-transform: uppercase;
    background: transparent;
    color: #ffffff;
    padding: 12px 33px;
    border: 1px solid #fff;
    font-weight: 400;
    transition: all 0.3s ease 0s;
    -webkit-transition: 0.4s;
    -ms-transition: 0.4s;
}

.collto-action .get-start a:hover,
.footer-collto-action .get-start a:hover {
    border-color: #252525;
    background: #252525;
    color: #e88e2e;
}

.footer-collto-action {
    padding: 0;
    margin-top: 45px;
}

.footer-collto-action .primary-bg {
    padding: 35px;
    position: relative;
    margin-top: -60px;
    top: -76px;
}


/* ---------------------------
	17. CTA Section Start 
------------------------------*/

.rs-home-cta {
    background: #e88e2e;
}

.rs-home-cta .cta-home-text {
    text-align: left;
}

.rs-home-cta .cta-home-text h3 {
    font-size: 30px;
    line-height: 56px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0;
}

.rs-home-cta .rs-home-cta-button {
    text-align: right;
}

.rs-home-cta .rs-home-cta-button .cta-button {
    width: 190px;
    height: 56px;
    color: #ffffff;
    background-color: #303745;
    border: 2px solid #e88e2e;
    display: inline-block;
    right: 0;
    text-align: center;
    line-height: 52px;
    font-size: 20px;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 500;
}

.rs-home-cta .rs-home-cta-button .cta-button:hover {
    background-color: #e88e2e;
    border-color: #303745;
}


/* ------------------------------------
    18. Counter up css
  ---------------------------------------*/

.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;
    padding: 100px 0;
    line-height: 0;
    position: relative;
}

.counter-top-area.secondary-bg {
    background: url(images/about/counter-up2.jpg) no-repeat scroll 0 0;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.counter-top-area .sec-title h3 {
    color: #fff;
    letter-spacing: none;
}

.counter-top-area .sec-title p {
    color: #fff !important;
    position: relative;
    line-height: 26px;
}

.counter-top-area .col-md-3 {
    padding-right: 30px;
    padding-left: 30px;
}

.counter-top-area .title {
    font-weight: 400;
    color: #cacaca;
    font-weight: 500;
    font-size: 15px !important;
    margin: 0;
}

.counter-top-area .overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
}

.counter-top-area .rs-counter-list {
    text-align: center;
    padding: 40px;
    position: relative;
    transition: all 0.3s ease 0s;
}

.counter-top-area .rs-counter-list:after {
    position: absolute;
    content: '';
    background: transparent;
    width: 100px;
    height: 100px;
    top: 0;
    left: 0;
    border-top: 1px solid #e88e2e;
    border-left: 1px solid #e88e2e;
    transition: all 0.3s ease 0s;
}

.counter-top-area .rs-counter-list:before {
    position: absolute;
    content: '';
    background: transparent;
    width: 100px;
    height: 100px;
    bottom: 0;
    right: 0;
    border-bottom: 1px solid #e88e2e;
    border-right: 1px solid #e88e2e;
    transition: all 0.3s ease 0s;
}

.counter-top-area .rs-counter-list:hover:after,
.counter-top-area .rs-counter-list:hover:before {
    width: 100%;
    height: 100%;
}

.counter-top-area h2 {
    font-size: 30px;
    font-weight: 700;
    padding: 0;
    color: #ffffff;
    margin-top: 26px !important;
    margin-bottom: 7px !important;
}

.counter-top-area h2.percent {
    position: relative;
}

.counter-top-area h2.percent:after {
    content: "%";
}

.counter-top-area .rs-counter-list i {
    color: #e88e2e;
    font-size: 48px;
}

.counter-top-area .rs-counter-list i:hover {
    color: #df8a2f;
}


/* ------------------------------------
    19. Breadcrumbs css
  ---------------------------------------*/

.rs-breadcrumbs {
    position: relative;
    overflow: hidden;
}

.rs-breadcrumbs:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(54, 54, 54, 0.7);
}

.rs-breadcrumbs img {
    width: 100%;
}

.rs-breadcrumbs .breadcrumbs-inner {
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: 11;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    max-width: 100%;
}

.rs-breadcrumbs .page-title {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 0;
    letter-spacing: 2px;
    color: #ffffff;
    text-transform: uppercase;
}

.rs-breadcrumbs ul li {
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
}

.rs-breadcrumbs ul li a {
    position: relative;
    padding-right: 25px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -ms-transition: 0.3s;
    color: #ffffff;
}

.rs-breadcrumbs ul li a:after {
    background-color: #fff;
    content: "";
    height: 15px;
    width: 2px;
    position: absolute;
    right: 7px;
    top: 2px;
    transform: rotate(33deg);
}

.rs-breadcrumbs ul li a:before {
    right: 15px;
}

.rs-breadcrumbs ul li a:hover {
    color: #e88e2e;
}


/* -----------------------
	20. Team Section Start
--------------------------*/

.rs-team .team-style {
    /* Team Page 1 Section */
    /* Team Page 2 Section */
    /* Team Page 3 Section */
    /* Team Page 4 Section */
}

.rs-team .team-style .team-style-1 .col-md-4 {
    padding: 0;
    margin: 0;
}

.rs-team .team-style .team-style-1 img {
    width: 100%;
}

.rs-team .team-style .team-style-1 .team-item-wrap {
    position: relative;
    overflow: hidden;
}

.rs-team .team-style .team-style-1 .team-item-wrap a {
    text-decoration: none;
}

.rs-team .team-style .team-style-1 .team-item-wrap .team-img {
    position: relative;
}

.rs-team .team-style .team-style-1 .team-item-wrap .team-img img {
    width: 100%;
}

.rs-team .team-style .team-style-1 .team-item-wrap .team-img .normal-text {
    position: absolute;
    left: 0px;
    bottom: 10px;
}

.rs-team .team-style .team-style-1 .team-item-wrap .team-img .normal-text .team-name {
    background: #e88e2e;
    margin-bottom: 0;
    padding: 10px 20px;
    color: #fff;
    display: block;
}

.rs-team .team-style .team-style-1 .team-item-wrap .team-img .normal-text .team-name a {
    color: #000;
    position: relative;
    margin-bottom: 6px;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 600;
    z-index: 111;
}

.rs-team .team-style .team-style-1 .team-item-wrap .team-img .normal-text .team-name a:hover {
    color: #e88e2e;
}

.rs-team .team-style .team-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 20px;
    display: block;
}

.rs-team .team-style .team-style-1 .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: .3s;
    transition: .3s;
}

.rs-team .team-style .team-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-style .team-style-1 .team-item-wrap .team-content .display-table {
    display: table;
    height: 100%;
    width: 100%;
}

.rs-team .team-style .team-style-1 .team-item-wrap .team-content .display-table .display-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.rs-team .team-style .team-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-name {
    margin-bottom: 3px;
}

.rs-team .team-style .team-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-name a {
    margin-bottom: 6px;
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
}

.rs-team .team-style .team-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-name a:hover {
    color: #e88e2e;
}

.rs-team .team-style .team-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-title {
    font-size: 14px;
    display: block;
    border: none;
    position: relative;
    z-index: 111;
}

.rs-team .team-style .team-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;
    padding: 20px 0 10px;
    transition: .5s;
}

.rs-team .team-style .team-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social a {
    border: 1px solid #303745;
}

.rs-team .team-style .team-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon {
    display: inline-block;
    background-color: transparent;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 6px;
}

.rs-team .team-style .team-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon:hover {
    background-color: #e88e2e;
}

.rs-team .team-style .team-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon i {
    font-size: 14px;
    color: #fff;
}

.rs-team .team-style .team-style-1 .team-item-wrap .team-content .display-table .display-table-cell p {
    margin: 10px 0 15px;
}

.rs-team .team-style .team-style-1 .team-item-wrap:hover .team-content {
    opacity: 1;
    top: 0;
}

.rs-team .team-style .team-style-1 .team-item-wrap:hover .team-content .display-table .display-table-cell .team-social {
    opacity: 1;
}

.rs-team .team-style .team-style-1 .team-item-wrap:hover .team-img .normal-text {
    opacity: 0;
    visibility: hidden;
}

.rs-team .team-style .team-style-2 img {
    width: 100%;
}

.rs-team .team-style .team-style-2 .overlay-item .overflow {
    overflow: hidden;
    position: relative;
}

.rs-team .team-style .team-style-2 .overlay-item .overflow a {
    text-decoration: none;
}

.rs-team .team-style .team-style-2 .overlay-item .overflow .overlay-image {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: .5s;
    position: relative;
}

.rs-team .team-style .team-style-2 .overlay-item .overflow .team-meta {
    position: absolute;
    bottom: 20px;
    opacity: 1;
    left: 0px;
    color: #fff;
    transition: .60s;
}

.rs-team .team-style .team-style-2 .overlay-item .overflow .team-meta .name {
    font-size: 20px;
    font-weight: 700;
    padding: 10px 30px;
    background: #e88e2e;
    margin-bottom: 2px;
}

.rs-team .team-style .team-style-2 .overlay-item .overflow .team-meta .designation {
    font-size: 17px;
    font-weight: 400;
    padding: 10px 30px;
    background: #333;
}

.rs-team .team-style .team-style-2 .overlay-item .overlay-section {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.9);
    transform: scale(0);
    height: 100%;
    left: 4%;
    bottom: 0;
    position: absolute;
    transition: all 0.6s;
    width: 92%;
}

.rs-team .team-style .team-style-2 .overlay-item .overlay-section .overlay-text {
    position: absolute;
    top: 20%;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
}

.rs-team .team-style .team-style-2 .overlay-item .overlay-section .overlay-text .overlay-title {
    transform: translate(50px, 0px) skewX(75deg) scale(0.8, 0.8);
    opacity: 0;
    transition: 0.5s;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 10px;
}

.rs-team .team-style .team-style-2 .overlay-item .overlay-section .overlay-text .overlay-title a {
    color: #fff;
    text-decoration: none;
}

.rs-team .team-style .team-style-2 .overlay-item .overlay-section .overlay-text .overlay-title a:hover {
    color: #e88e2e;
}

.rs-team .team-style .team-style-2 .overlay-item .overlay-section .overlay-text .overlay-designation {
    transform: translate(-50px, 0px) skewX(-75deg) scale(0.8, 0.8);
    opacity: 0;
    transition: 0.5s;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.rs-team .team-style .team-style-2 .overlay-item .overlay-section .overlay-text .overlay-txt {
    padding: 0 10%;
    color: #eee;
    font-size: 17px;
}

.rs-team .team-style .team-style-2 .overlay-item .overlay-section .overlay-text .social-icons {
    padding: 10px 0;
}

.rs-team .team-style .team-style-2 .overlay-item .overlay-section .overlay-text .social-icons a {
    background: transparent;
    color: #fff;
    border: 1px solid #303745;
    display: inline-block;
    font-size: 16px;
    height: 40px;
    margin-bottom: 6px;
    margin-right: 4px;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 40px;
    line-height: 40px;
}

.rs-team .team-style .team-style-2 .overlay-item .overlay-section .overlay-text .social-icons a i {
    padding: 7px 0 0;
}

.rs-team .team-style .team-style-2 .overlay-item .overlay-section .overlay-text .social-icons a:hover {
    background: #e88e2e;
}

.rs-team .team-style .team-style-2 .overlay-item .overlay-section .overlay-text .social-icons a:hover i {
    color: #fff;
    height: 30px;
    width: 30px;
}

.rs-team .team-style .team-style-2 .overlay-item:hover .team-meta {
    left: -100%;
    transform: scale(0);
}

.rs-team .team-style .team-style-2 .overlay-item:hover .overlay-section {
    opacity: 1;
    transform: scale(0.86);
}

.rs-team .team-style .team-style-2 .overlay-item:hover .overlay-section .overlay-text .overlay-title {
    transform: translate(0px, 0px) skewX(0deg) scale(1, 1);
    opacity: 1;
    transition: 0.5s;
}

.rs-team .team-style .team-style-2 .overlay-item:hover .overlay-section .overlay-text .overlay-designation {
    transform: translate(0px, 0px) skewX(0deg) scale(1, 1);
    opacity: 1;
    transition: 0.5s;
}

.rs-team .team-style .team-style-3 {
    position: relative;
    transition: all .5s;
    overflow: hidden;
}

.rs-team .team-style .team-style-3 .team-image {
    overflow: hidden;
}

.rs-team .team-style .team-style-3 .team-image img {
    transition: all .5s;
    width: 100%;
}

.rs-team .team-style .team-style-3 .team-desk {
    text-align: center;
    z-index: 99;
    position: relative;
    transition: all .5s;
}

.rs-team .team-style .team-style-3 .team-desk .name {
    margin-bottom: 4px;
    margin-top: 15px;
    text-align: center;
}

.rs-team .team-style .team-style-3 .team-desk .name a {
    transition: .20s;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    color: #1f1f1f;
    transition: all .5s;
}

.rs-team .team-style .team-style-3 .team-desk .name a:hover {
    color: #df8a2f !important;
}

.rs-team .team-style .team-style-3 .team-desk .name .designation {
    transition: .20s;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
}

.rs-team .team-style .team-style-3 .team-desk .team-social {
    padding-bottom: 15px;
}

.rs-team .team-style .team-style-3 .team-desk .team-social li {
    display: inline-block;
}

.rs-team .team-style .team-style-3 .team-desk .team-social li a {
    transition: .20s;
    font-size: 17px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    padding: 4px;
    border: none;
    text-align: center;
    color: #1f1f1f;
}

.rs-team .team-style .team-style-3 .team-desk .team-social li a:hover {
    color: #df8a2f;
    transition: all .5s;
}

.rs-team .team-style .team-style-3:after {
    content: '';
    position: absolute;
    background: #000;
    bottom: 0px;
    width: 100%;
    height: 1px;
    transition: all .3s;
}

.rs-team .team-style .team-style-3:hover .team-image img {
    transform: scale(1.1);
}

.rs-team .team-style .team-style-3:hover .team-desk {
    transform: scale(1.2);
}

.rs-team .team-style .team-style-3:hover .team-desk .name a {
    color: #fff;
}

.rs-team .team-style .team-style-3:hover .team-desk .name .designation {
    color: #fff;
}

.rs-team .team-style .team-style-3:hover .team-desk .team-social a {
    color: #fff;
}

.rs-team .team-style .team-style-3:hover:after {
    height: 115px;
    bottom: 0px;
    transform: scale(1.1);
}

.rs-team .team-style .team-style-4 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 35px;
    margin-bottom: 35px;
}

.rs-team .team-style .team-style-4:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.rs-team .team-style .team-style-4 .name a {
    text-transform: uppercase;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0;
    transition: all .3s;
}

.rs-team .team-style .team-style-4 .name a:hover {
    color: #df8a2f;
}

.rs-team .team-style .team-style-4 .name .designation {
    text-transform: uppercase;
}

.rs-team .team-style .team-style-4 .team-detail {
    margin-top: 5px;
    margin-bottom: 10px;
}

.rs-team .team-style .team-style-4 .team-social {
    margin-top: 30px;
}

.rs-team .team-style .team-style-4 .team-social li {
    display: inline-block;
}

.rs-team .team-style .team-style-4 .team-social li a {
    color: #303745;
    background: transparent;
    border: 1px solid #303745;
    font-size: 18px;
    padding: 6px 11px;
    font-weight: 600;
}

.rs-team .team-style .team-style-4 .team-social li a:hover {
    color: #fff;
    background: #df8a2f;
    border-color: #df8a2f;
}

.rs-team-pages2 .default-pagination {
    padding-top: 10px;
}

.rs-team2 .overly-border:after,
.rs-team2 .overly-border:before {
    border: none;
}

.rs-team2 .rs-carousel .owl-controls .owl-nav {
    position: absolute;
    top: -90px;
    right: 0;
    font-size: 28px;
}

.rs-team2 .rs-carousel .owl-controls .owl-nav .owl-prev {
    display: inline !important;
    margin-right: 5px;
}

.rs-team2 .rs-carousel .owl-controls .owl-nav .owl-next {
    display: inline !important;
}

.rs-team2 .rs-carousel .owl-controls .owl-nav .owl-next i,
.rs-team2 .rs-carousel .owl-controls .owl-nav .owl-prev i {
    border: 1px solid #d7d7d7;
    color: #131313;
    padding: 3px 12px;
    font-weight: 400;
    transition: all 0.3s ease 0s;
}

.rs-team2 .rs-carousel .owl-controls .owl-nav .owl-next i:hover,
.rs-team2 .rs-carousel .owl-controls .owl-nav .owl-prev i:hover {
    background: #131313;
    color: #fff;
    border: 1px solid transparent;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap {
    position: relative;
    overflow: hidden;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap a {
    text-decoration: none;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap .team-img {
    position: relative;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap .team-img img {
    width: 100%;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap .team-img .normal-text {
    position: absolute;
    left: 0px;
    bottom: 10px;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap .team-img .normal-text .team-name {
    background: #e88e2e;
    margin-bottom: 2px;
    padding: 10px 20px;
    display: block;
}

.rs-team2 .rs-carousel .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: 18px;
    text-transform: capitalize;
    font-weight: 600;
    z-index: 111;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap .team-img .normal-text .team-name a:hover {
    color: #e88e2e;
}

.rs-team2 .rs-carousel .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-team2 .rs-carousel .team-item .grid-style-1 .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: .3s;
    transition: .3s;
}

.rs-team2 .rs-carousel .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-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap .team-content .display-table {
    display: table;
    height: 100%;
    width: 100%;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell {
    display: table-cell;
    vertical-align: middle;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-name {
    position: relative;
    z-index: 1;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-name a {
    margin-bottom: 6px;
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-name a:hover {
    color: #e88e2e;
}

.rs-team2 .rs-carousel .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: #e88e2e;
    position: relative;
    z-index: 111;
}

.rs-team2 .rs-carousel .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: 50px;
    transition: .5s;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social a {
    border: 1px solid #303745;
    color: #e88e2e;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon {
    display: inline-block;
    background-color: #e88e2e;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 6px;
    border-radius: unset;
    border: 1px solid #e88e2e;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell .team-social .social-icon:hover {
    background-color: #fff;
}

.rs-team2 .rs-carousel .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-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap .team-content .display-table .display-table-cell p {
    margin: 0 0 25px;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 41px;
    width: 45px;
    background: transparent;
    border-top: 3px solid;
    border-top-color: #e88e2e;
    border-left: 3px solid;
    border-left-color: #e88e2e;
    transition: all 0.2s;
    z-index: 11;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    height: 41px;
    width: 45px;
    background: transparent;
    border-right: 3px solid;
    border-right-color: #e88e2e;
    border-bottom: 3px solid;
    border-bottom-color: #e88e2e;
    transition: 0.5s;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap:before,
.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap:after {
    border-color: #e88e2e;
}

.rs-team2 .rs-carousel .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-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap:hover:before {
    border-left: 52px solid #e88e2e;
}

.rs-team2 .rs-carousel .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-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap:hover:after {
    border-right: 50px solid #e88e2e;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap:hover .team-content {
    opacity: 1;
    top: 0;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap:hover .team-content .display-table .display-table-cell .team-social {
    opacity: 1;
}

.rs-team2 .rs-carousel .team-item .grid-style-1 .team-item-wrap:hover .team-img .normal-text {
    opacity: 0;
    visibility: hidden;
}


/* -----------------------
    21. Team details
----------------------*/

.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;
    text-transform: uppercase;
    font-size: 30px;
}

.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: #df8a2f;
    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: #e88e2e;
}

.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: #505050;
}

.rs-team-details .contact-details ul li a:hover {
    color: #e88e2e;
}

.rs-team-details .contact-details ul li i {
    border: 1px solid #df8a2f;
    color: #df8a2f;
    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: #df8a2f;
    color: #fff;
}

.rs-team-details .cl-skill-bar .skillbar {
    background: #eeeeee;
    border-radius: 3px;
    display: inline-block;
    height: 30px;
    margin: 5px 0;
    position: relative;
    width: 100%;
}

.rs-team-details .cl-skill-bar .skillbar .skillbar-title {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    color: #101010;
    font-size: 12px;
    font-weight: 700;
    height: 30px;
    left: 0;
    line-height: 30px;
    padding: 0 20px;
    position: absolute;
    top: 0;
    width: 160px;
    background: #e88e2e;
}

.rs-team-details .cl-skill-bar .skillbar .skillbar-bar {
    background: #df8a2f;
    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;
}


/* -----------------------
	22. Pricing Table css
--------------------------*/

.rs-home-pricing .sec-title h2 {
    margin-bottom: 20px;
}

.rs-home-pricing .sec-title .subtitle {
    margin-bottom: 48px;
}

.rs-home-pricing .pricing-plan {
    background: #ffffff;
    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-home-pricing .pricing-plan:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 2px solid #df8a2f;
    opacity: 0;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    -ms-transition: .3s ease all;
}

.rs-home-pricing .pricing-plan.featured-plan .pricing-head,
.rs-home-pricing .pricing-plan:hover .pricing-head {
    background: #df8a2f;
}

.rs-home-pricing .pricing-plan.featured-plan .pricing-head .name,
.rs-home-pricing .pricing-plan:hover .pricing-head .name,
.rs-home-pricing .pricing-plan.featured-plan .pricing-head .value,
.rs-home-pricing .pricing-plan:hover .pricing-head .value,
.rs-home-pricing .pricing-plan.featured-plan .pricing-head sup,
.rs-home-pricing .pricing-plan:hover .pricing-head sup,
.rs-home-pricing .pricing-plan.featured-plan .pricing-head .duration,
.rs-home-pricing .pricing-plan:hover .pricing-head .duration {
    color: #ffffff !important;
}

.rs-home-pricing .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-home-pricing .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;
    color: #101010;
    -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-home-pricing .pricing-plan .pricing-head .value {
    display: inline-block;
    color: #101010;
    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-home-pricing .pricing-plan .pricing-head .value sup {
    color: #101010;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 500;
    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-home-pricing .pricing-plan .pricing-head .duration {
    font-size: 20px;
    -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;
    font-family: 'Poppins', sans-serif;
    color: #101010;
    font-weight: 500;
}

.rs-home-pricing .pricing-plan .pricing-body ul {
    list-style-type: none;
    padding-left: 0;
    padding-top: 20px;
    font-size: 15px;
    color: #505050;
}

.rs-home-pricing .pricing-plan .pricing-body ul li {
    padding: 7px 15px;
}

.rs-home-pricing .pricing-plan .pricing-footer {
    position: relative;
    z-index: 100;
    padding: 25px 40px 40px;
}

.rs-home-pricing .pricing-plan .pricing-footer a {
    font-weight: 500;
    padding: 0;
    width: 190px;
    height: 56px;
    line-height: 56px;
}

.rs-home-pricing .pricing-plan .pricing-footer a.radious-button {
    border-radius: 30px;
    background-color: #e88e2e;
    color: #ffffff;
    border: none;
}

.rs-home-pricing .pricing-plan .pricing-footer a.radious-button:hover {
    background-color: #df8a2f;
}

.rs-home-pricing .pricing-plan:hover .name,
.rs-home-pricing .pricing-plan.featured .name,
.rs-home-pricing .pricing-plan:hover .duration,
.rs-home-pricing .pricing-plan.featured .duration {
    color: #e88e2e;
}

.rs-home-pricing .pricing-plan:hover .value,
.rs-home-pricing .pricing-plan.featured .value {
    color: #e88e2e;
}

.rs-home-pricing .pricing-plan:hover .value sup,
.rs-home-pricing .pricing-plan.featured .value sup {
    color: #e88e2e;
}

.rs-home-pricing .pricing-plan:hover:before,
.rs-home-pricing .pricing-plan.featured:before {
    opacity: 1;
}

.rs-home-pricing .pricing-plan:hover .p-button,
.rs-home-pricing .pricing-plan.featured .p-button {
    background-color: #e88e2e;
}

.rs-pricing .style-2 .rs-pricing2 .top {
    text-align: center;
}

.rs-pricing .style-2 .rs-pricing2 .top .head {
    background: #00796b;
}

.rs-pricing .style-2 .rs-pricing2 .top .head h4 {
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 30px 8px 30px;
    text-transform: uppercase;
}

.rs-pricing .style-2 .rs-pricing2 .top .sub-head {
    background: #009688;
}

.rs-pricing .style-2 .rs-pricing2 .top .sub-head h3 {
    margin: 15px 0 15px;
    display: inline-block;
    font-size: 60px;
    font-weight: 300;
    line-height: 60px;
    color: #fff;
}

.rs-pricing .style-2 .rs-pricing2 .top .sub-head h3 .dolor {
    bottom: 24px;
    font-size: 22px;
    font-weight: 800;
    padding-right: 3px;
    position: relative;
}

.rs-pricing .style-2 .rs-pricing2 .top .sub-head h5 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    text-transform: lowercase;
    display: inline-block;
}

.rs-pricing .style-2 .rs-pricing2 .popular {
    position: relative;
    overflow: hidden;
    border: 1px solid #00796b;
    border-bottom: unset;
}

.rs-pricing .style-2 .rs-pricing2 .popular:after {
    background: #f6f6f6;
    color: #00796b;
    position: absolute;
    content: 'POPULAR';
    left: -44px;
    top: 18px;
    width: 146px;
    font-size: 12px;
    height: 26px;
    transform: rotate(-46deg);
}

.rs-pricing .style-2 .rs-pricing2 .bottom {
    background: #eeeeee;
    color: #666666;
}

.rs-pricing .style-2 .rs-pricing2 .bottom ul {
    text-align: center;
}

.rs-pricing .style-2 .rs-pricing2 .bottom ul li {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 6px 12px;
}

.rs-pricing .style-2 .rs-pricing2 .bottom ul li i {
    margin-left: 10px;
    margin-right: 10px;
}

.rs-pricing .style-2 .rs-pricing2 .bottom ul li .tooltip {
    position: relative !important;
    display: inline-block;
    opacity: 1 !important;
    z-index: auto !important;
}

.rs-pricing .style-2 .rs-pricing2 .bottom ul li .tooltip .tooltiptext {
    background-color: #555555;
    border-radius: 6px;
    color: #ffffff;
    font-size: 11px;
    left: -102px;
    line-height: 18px;
    overflow: visible;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 0;
    visibility: hidden;
    width: 114px;
    z-index: 1;
}

.rs-pricing .style-2 .rs-pricing2 .bottom ul li .tooltip:after {
    font-family: 'FontAwesome';
    font-size: 13px;
    content: "\f059";
    position: absolute;
    top: -20px;
}

.rs-pricing .style-2 .rs-pricing2 .bottom ul li .tooltip:hover .tooltiptext {
    visibility: visible;
}

.rs-pricing .style-2 .rs-pricing2 .bottom a {
    margin: 12px auto 0;
    padding: 20px 0;
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #00796b;
    transition: all .5s;
}

.rs-pricing .style-2 .rs-pricing2 .bottom a:hover {
    background: #2f9085;
}

.rs-pricing .style-2 .rs-pricing2 .red-color .top .head {
    background: #b61212;
}

.rs-pricing .style-2 .rs-pricing2 .red-color .top .sub-head {
    background: #d32f2f;
}

.rs-pricing .style-2 .rs-pricing2 .red-color .bottom a {
    background: #d32f2f;
}

.rs-pricing .style-2 .rs-pricing2 .red-color .bottom a:hover {
    background: #d85555;
}

.rs-pricing .style-3 .col-md-12 {
    display: flex;
}

.rs-pricing .style-3 .col-md-12 .price-plan {
    width: 100%;
    transition: all .5s;
    margin: 0 20px;
}

.rs-pricing .style-3 .col-md-12 .price-plan .top {
    display: table;
    float: left;
    height: 100%;
    padding-bottom: 0;
    width: 33.33%;
    background: #3873b3;
    color: #fff;
}

.rs-pricing .style-3 .col-md-12 .price-plan .top .header {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.rs-pricing .style-3 .col-md-12 .price-plan .top .header h4 {
    font-size: 26px;
    font-weight: normal;
    text-transform: uppercase;
    color: #fff;
    line-height: 30px;
    border-radius: 2px 2px 0px 0px;
    margin: 0;
    margin-bottom: 10px;
}

.rs-pricing .style-3 .col-md-12 .price-plan .top .header h5 {
    color: #fff;
    margin: 0;
    font-weight: normal;
    font-size: 15px;
}

.rs-pricing .style-3 .col-md-12 .price-plan .top:after {
    content: "";
    display: block;
    height: 0px;
    pointer-events: none;
    position: absolute;
    top: 32%;
    transform: translateX(0px);
    width: 0px;
    border-image: none;
    border-style: solid;
    border-width: 4rem medium 4rem 2rem;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #3873b3;
}

.rs-pricing .style-3 .col-md-12 .price-plan .featured {
    float: left;
    width: 33.33%;
    padding: 50px 0px 50px 80px;
    color: #473e3e;
    background: #ebebeb;
}

.rs-pricing .style-3 .col-md-12 .price-plan .featured ul {
    text-align: left;
}

.rs-pricing .style-3 .col-md-12 .price-plan .featured ul li {
    line-height: 24px;
    font-size: 15px;
    font-weight: 400;
    padding: 4px 0px;
    color: #473e3e;
}

.rs-pricing .style-3 .col-md-12 .price-plan .featured ul li i {
    margin-right: 10px;
    color: #3873b3;
}

.rs-pricing .style-3 .col-md-12 .price-plan .featured ul li .tooltip {
    display: inline-block;
    position: relative !important;
    opacity: 1 !important;
    z-index: auto !important;
    line-height: 32px;
    margin-left: 5px;
}

.rs-pricing .style-3 .col-md-12 .price-plan .featured ul li .tooltip .tooltiptext {
    background-color: #555555;
    color: #ffffff;
    font-size: 11px;
    left: 0px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 0px;
    visibility: hidden;
    width: 114px;
    z-index: 1;
    border-radius: 6px;
    overflow: visible;
    padding: 10px;
}

.rs-pricing .style-3 .col-md-12 .price-plan .featured ul li .tooltip:after {
    font-family: FontAwesome;
    font-size: 13px;
    content: "";
    position: absolute;
    top: -20px;
}

.rs-pricing .style-3 .col-md-12 .price-plan .featured ul li .tooltip:hover .tooltiptext {
    visibility: visible;
}

.rs-pricing .style-3 .col-md-12 .price-plan .bottom {
    width: 33.33%;
    float: left;
    height: 100%;
    display: table;
}

.rs-pricing .style-3 .col-md-12 .price-plan .bottom .footer {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #3873b3;
    color: #fff;
}

.rs-pricing .style-3 .col-md-12 .price-plan .bottom .footer .dolar {
    font-weight: 700;
    font-size: 35px;
    font-family: Georgia, serif;
    color: #fff;
    padding: 20px;
}

.rs-pricing .style-3 .col-md-12 .price-plan .bottom .footer a {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    width: 170px;
    margin: 0px auto;
    border: 2px solid #fff;
    border-radius: 30px;
    background: transparent;
    padding: 7px 8px;
    transition: all 0.3s ease 0s;
}

.rs-pricing .style-3 .col-md-12 .price-plan .bottom .footer a:hover {
    background: #fff;
    color: #e88e2e;
}

.rs-pricing .style-3 .col-md-12 .price-plan:hover {
    box-shadow: rgba(54, 54, 54, 0.2) 0px 20px 50px 0px, rgba(54, 54, 54, 0.2) 0px -3px 17px 0px;
    z-index: 5;
    margin: 0px;
}

.rs-pricing .style-3 .col-md-12 .middle-style .top {
    position: relative;
    background: #36cccb;
}

.rs-pricing .style-3 .col-md-12 .middle-style .top .popular {
    position: absolute;
    padding: 6px 36px;
    left: 5px;
    top: 5px;
    color: #000;
    background: #fff;
    border-radius: 4px;
}

.rs-pricing .style-3 .col-md-12 .middle-style .top:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #36cccb;
    top: 38%;
}

.rs-pricing .style-3 .col-md-12 .middle-style .featured ul li i {
    color: #36cccb;
}

.rs-pricing .style-3 .col-md-12 .middle-style .bottom .footer {
    background: #36cccb;
}

.rs-pricing .style-3 .col-md-12 .middle-style .bottom .footer a {
    color: #000;
}

.rs-pricing .style-3 .col-md-12 .middle-style .bottom .footer a:hover {
    color: #000;
}

.rs-pricing .style-3 .col-md-12 .last-style .top {
    background: #21aa50;
}

.rs-pricing .style-3 .col-md-12 .last-style .top:after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #21aa50;
    top: 40%;
}

.rs-pricing .style-3 .col-md-12 .last-style .featured ul li i {
    color: #21aa50;
}

.rs-pricing .style-3 .col-md-12 .last-style .bottom .footer {
    background: #21aa50;
}

.rs-pricing .style-3 .col-md-12 .last-style .bottom .footer a {
    color: #fff;
}

.rs-pricing .style-3 .col-md-12 .last-style .bottom .footer a:hover {
    color: #21aa50;
}

.rs-pricing .style-4 .rs-pricing4 {
    text-align: center;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .top {
    padding: 0 0 22px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    background: #009688;
    color: #ffffff;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .top .head h4 {
    padding: 12px 0;
    line-height: 27px;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 5px;
    color: #fff;
    background: rgba(0, 0, 0, 0.1);
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .top .sub-head {
    padding: 0 10px;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .top .sub-head h3 {
    padding: 12px 0 5px 0;
    display: inline-block;
    font-size: 42px;
    font-weight: bold;
    margin: 0 0 5px;
    color: #fff;
    line-height: 42px;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .top .sub-head h3 .dolor {
    bottom: 13px;
    font-size: 36px;
    font-weight: 400;
    position: relative;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .top .sub-head h5 {
    font-size: 18px;
    font-weight: 600;
    text-transform: lowercase;
    display: inline-block;
    margin-bottom: 10px;
    color: #fff;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .top .sub-head a.btn-table {
    border: 2px solid #ffffff;
    border-radius: 10px;
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin: 0 auto;
    padding: 8px 0;
    width: 170px;
    background: transparent !important;
    transition: all .3s;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .top .sub-head a.btn-table:after {
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    z-index: -1;
    left: 0;
    top: 0;
    background: #d32f2f;
    transition: all .3s;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .top .sub-head a.btn-table:hover {
    border: 2px solid #d32f2f;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .top .sub-head a.btn-table:hover:after {
    width: 100%;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .bottom {
    padding-top: 30px;
    background: #eee;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .bottom ul {
    list-style: outside none none;
    text-align: center;
    padding: 0;
    margin: 0;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .bottom ul li {
    font-size: 15px;
    color: #666666;
    border: 1px solid #cccccc;
    padding: 7px;
    border-bottom: 0;
    font-weight: 400;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .bottom ul li i {
    color: #26a69a;
    margin-left: 0px;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .bottom ul li .tooltip {
    display: inline-block;
    position: relative !important;
    opacity: 1 !important;
    z-index: auto !important;
    line-height: 32px;
    margin-left: 5px;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .bottom ul li .tooltip .tooltiptext {
    background-color: #555555;
    color: #ffffff;
    font-size: 11px;
    left: 0px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 0px;
    visibility: hidden;
    width: 114px;
    z-index: 1;
    border-radius: 6px;
    overflow: visible;
    padding: 10px;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .bottom ul li .tooltip:after {
    font-family: FontAwesome;
    font-size: 13px;
    content: "";
    position: absolute;
    top: -20px;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .bottom ul li .tooltip:hover .tooltiptext {
    visibility: visible;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan .bottom ul li:last-child {
    border-bottom: 1px solid #cccccc;
}

.rs-pricing .style-4 .rs-pricing4 .price-plan:hover .top .sub-head .btn-table {
    transform: scale(1.1);
}

.rs-pricing .style-4 .rs-pricing4 .middle .top {
    background: #16e891;
}

.rs-pricing .style-4 .rs-pricing4 .middle .bottom ul li i {
    color: #16e891;
}

.rs-pricing .style-4 .rs-pricing4 .right .top {
    background: #ae68ca;
}

.rs-pricing .style-4 .rs-pricing4 .right .bottom ul li i {
    color: #ae68ca;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 {
    padding: 0;
    margin: 0;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .price-plan {
    background: #9c56b8;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .price-plan .top {
    text-align: center;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .price-plan .top .head h4 {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    padding: 34px 0 0;
    text-transform: uppercase;
    color: #fff;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .price-plan .top .sub-head h3 {
    margin: 4px 0 44px;
    display: inline-block;
    font-size: 60px;
    font-weight: 300;
    line-height: 60px;
    color: #fff;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .price-plan .top .sub-head h3 .dolor {
    bottom: 24px;
    font-size: 22px;
    font-weight: 800;
    padding-right: 3px;
    position: relative;
    color: #fff;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .price-plan .top .sub-head h5 {
    font-size: 18px;
    font-weight: 600;
    text-transform: lowercase;
    display: inline-block;
    color: #fff;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .price-plan .bottom {
    padding-bottom: 40px;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .price-plan .bottom ul {
    text-align: center;
    padding: 0;
    margin: 0;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .price-plan .bottom ul li {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 5px;
    color: #fff;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .price-plan .bottom ul li i {
    margin-left: 0px;
    margin-right: 10px;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .price-plan .bottom ul li .tooltip {
    display: inline-block;
    position: relative !important;
    opacity: 1 !important;
    z-index: auto !important;
    line-height: 32px;
    margin-left: 5px;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .price-plan .bottom ul li .tooltip .tooltiptext {
    background-color: #555555;
    color: #ffffff;
    font-size: 11px;
    left: 0px;
    line-height: 18px;
    position: absolute;
    text-align: center;
    top: 0px;
    visibility: hidden;
    width: 114px;
    z-index: 1;
    border-radius: 6px;
    overflow: visible;
    padding: 10px;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .price-plan .bottom ul li .tooltip:after {
    font-family: FontAwesome;
    font-size: 13px;
    content: "";
    position: absolute;
    top: -20px;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .price-plan .bottom ul li .tooltip:hover .tooltiptext {
    visibility: visible;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .price-plan .bottom a.btn-table {
    border: 2px solid #fff;
    border-radius: 30px;
    background: transparent;
    padding: 7px 8px;
    transition: all 0.3s ease 0s;
    color: #ffffff;
    display: block;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    font-weight: 400;
    margin: 35px auto 0;
    text-align: center;
    text-transform: uppercase;
    width: 140px;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .price-plan .bottom a.btn-table:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #e88e2e;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .middle {
    background: #e98168;
    box-shadow: inset 1px -1px 49px 5px rgba(0, 0, 0, 0.2);
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .middle .top {
    position: relative;
    overflow: hidden;
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .middle .top:after {
    position: absolute;
    content: 'POPULAR';
    background: #fff;
    left: -28px;
    top: 18px;
    width: 117px;
    font-size: 12px;
    height: 26px;
    transform: rotate(-46deg);
}

.rs-pricing .style-5 .rs-pricing5 .col-md-4 .right {
    background: #3aa4d1;
}

.rs-pricing .style-6 .home-pricing-table .rs-pricing-table-style .rs-pricing-table-wrap {
    margin: 0px;
    padding-bottom: 25px;
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 6px 25px 7px #e5e5e5;
    color: #333333;
    padding: 20px 20px 1px;
    padding-bottom: 1px;
    position: relative;
    text-align: center;
    overflow: hidden;
    border: 1px solid #e88e2e;
    border-radius: 8px;
    transition: all 0.2s linear;
}

.rs-pricing .style-6 .home-pricing-table .rs-pricing-table-style .rs-pricing-table-wrap .top {
    padding-bottom: 30px;
}

.rs-pricing .style-6 .home-pricing-table .rs-pricing-table-style .rs-pricing-table-wrap .top .rs-pricing-table-header h4 {
    font-size: 18px;
    font-weight: 600;
    margin: -20px -20px 64px;
    padding: 20px;
    text-transform: uppercase;
    background: #e88e2e;
    border-radius: 0px;
    transition: all 0.2s linear;
    line-height: 20px;
    color: #ffffff;
}

.rs-pricing .style-6 .home-pricing-table .rs-pricing-table-style .rs-pricing-table-wrap .top .rs-pricing-table-header h4 span {
    border-radius: 100px;
    box-shadow: 0 5px 20px #dddddd inset, 0 3px 0 #999999 inset;
    display: block;
    font: bold 25px/100px Georgia, serif;
    line-height: 100px;
    height: 100px;
    margin: 20px auto -65px;
    width: 100px;
    color: #e88e2e;
    line-height: 90px;
    transition: all 0.2s linear;
    background: #ffffff;
    border: 5px solid #ffffff;
}

.rs-pricing .style-6 .home-pricing-table .rs-pricing-table-style .rs-pricing-table-wrap .top a.pricing-btn {
    display: block;
    margin: 0 auto;
    width: 170px;
    text-transform: uppercase;
    border-radius: 30px;
    line-height: 44px;
    height: 46px;
    padding: 0px;
    transition: all 0.2s linear;
    font-weight: 400;
    font-size: 16px;
    border: 2px solid #e88e2e;
}

.rs-pricing .style-6 .home-pricing-table .rs-pricing-table-style .rs-pricing-table-wrap .top a.pricing-btn:hover {
    background-color: #df8a2f !important;
    border-color: #df8a2f;
    color: #ffffff;
}

.rs-pricing .style-6 .home-pricing-table .rs-pricing-table-style .rs-pricing-table-wrap .top a.active-btn {
    background-color: #e88e2e;
    border-color: #e88e2e;
    color: #ffffff;
}

.rs-pricing .style-6 .home-pricing-table .rs-pricing-table-style .rs-pricing-table-wrap .bottom {
    background: transparent;
    transition: all 0.2s linear;
    color: #666666;
}

.rs-pricing .style-6 .home-pricing-table .rs-pricing-table-style .rs-pricing-table-wrap .bottom ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.rs-pricing .style-6 .home-pricing-table .rs-pricing-table-style .rs-pricing-table-wrap .bottom ul li {
    border-top: 1px solid #dddddd;
    padding: 10px 0;
    line-height: 24px;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
    color: #000;
}

.rs-pricing .style-6 .home-pricing-table .rs-pricing-table-style .rs-pricing-table-wrap:hover .top .rs-pricing-table-header h4 {
    background-color: #df8a2f;
}

.rs-pricing .style-6 .home-pricing-table .rs-pricing-table-style .rs-pricing-table-wrap:hover .top a.pricing-btn {
    background-color: #e88e2e;
    color: #ffffff;
}

.rs-pricing .style-6 .home-pricing-table .rs-pricing-table-style .middle-pricing-table {
    border: 1px solid #df8a2f;
    transform: translateY(-20px);
    border-radius: 8px;
}

.rs-pricing .style-6 .home-pricing-table .rs-pricing-table-style .middle-pricing-table .top .rs-pricing-table-header h4 {
    background-color: #df8a2f;
    padding-top: 40px !important;
}

.rs-pricing .style-6 .home-pricing-table .rs-pricing-table-style .middle-pricing-table .bottom {
    background: transparent;
    padding-bottom: 20px !important;
}


/* ------------------------------------
    23. Home Banner css
---------------------------------------*/

.rs-banner-area {
    background: url("images/banner/1.jpg") no-repeat top center;
    line-height: 0;
    padding: 150px 0;
    position: relative;
    background-size: cover;
    transition: all 0.3s ease 0s;
    overflow: hidden;
}

.rs-banner-area ul li {
    margin-right: 20px;
    float: left;
    margin-bottom: 14px;
}

.rs-banner-area .sl-subtitle {
    font-size: 45px;
}

.rs-banner-area .sl-title {
    font-size: 50px;
}

.rs-banner-area .sl-desc {
    margin-bottom: 20px;
    line-height: 22px;
    font-size: 22px;
}

.rs-banner-area .display-table-cell {
    position: relative;
    z-index: 10;
}

.rs-banner-area .overlay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

.rs-banner {
    position: relative;
}

.rs-banner .main-banner-img {
    position: relative;
}

.rs-banner .main-banner-img:after {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.7);
    opacity: 0.9;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
}

.rs-banner .content-details {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.rs-banner .content-details .sl-title {
    color: #ffffff;
    font-size: 50px;
    line-height: 64px;
    text-transform: uppercase;
}

.rs-banner .content-details .sl-title span {
    color: #e88e2e;
}

.rs-banner .content-details .sl-desc {
    color: #ffffff;
}

.rs-banner .content-details .slider-botton .sl-btn {
    color: #ffffff;
    padding: 0;
    font-size: 19px;
    width: 180px;
    height: 59px;
    line-height: 59px;
    text-align: center;
}


/*-------------------------------------
    24 .What We Do section
-------------------------------------*/

.rs-working-process .work-content .work-img {
    position: relative;
}

.rs-working-process .work-content .work-img img {
    width: 100%;
}

.rs-working-process .work-content .work-img:after {
    position: absolute;
    content: '';
    right: 10px;
    top: 10px;
    display: block;
    width: 0px;
    height: 0px;
    border-bottom: 50px solid transparent;
    border-left: 50px solid transparent;
    border-top: 50px solid #e88e2e;
    border-right: none;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.rs-working-process .work-content .work-img:before {
    position: absolute;
    content: '';
    left: 10px;
    bottom: 10px;
    display: block;
    width: 0px;
    height: 0px;
    border-top: 50px solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 50px solid #e88e2e;
    border-left: none;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.rs-working-process .work-content .bottom-text {
    text-align: center;
    padding: 25px 15px 10px;
    background: #f0f0f0;
    border-bottom: 4px solid transparent;
    transition: 0.8s ease-in-out;
    -webkit-transition: 0.8s ease-in-out;
}

.rs-working-process .work-content .bottom-text .title {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
}

.rs-working-process .work-content .bottom-text p {
    font-size: 15px;
    font-weight: normal;
    color: #505050;
}

.rs-working-process .work-content:hover .bottom-text {
    border-color: #e88e2e;
}

.rs-working-process .work-content:hover .work-img:after {
    opacity: 1;
    visibility: visible;
    right: 0;
    top: 0;
}

.rs-working-process .work-content:hover .work-img:before {
    opacity: 1;
    visibility: visible;
    left: 0;
    bottom: 0;
}

.rs-working-process.home-working {
    margin-top: -100px;
    background-image: url(images/bg/bg1.png);
    background-repeat: repeat;
}


/* ------------------------------------
    25. Welcome section start  
---------------------------------------*/

.rs-welcome-sec .text-side .title h3 {
    color: #101010;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.rs-welcome-sec .text-side .list-style li {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: normal;
    line-height: 30px;
    color: #000000;
}

.rs-welcome-sec .text-side .list-style li:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 10px;
    color: #e88e2e;
    font-weight: bold !important;
}

.rs-welcome-sec .text-side .read-more {
    margin-top: 30px;
}

.rs-welcome-sec .slider-side {
    position: relative;
}

.rs-welcome-sec .slider-side .owl-controls .owl-dots {
    background: transparent !important;
    text-align: center;
    padding: 7px 0;
    margin-top: -41px;
    position: relative;
    z-index: 1;
}

.rs-welcome-sec .slider-side .owl-controls .owl-dots .owl-dot {
    background: transparent;
    border: 1px solid #e88e2e;
    border-radius: 100%;
    width: 5px;
    padding: 4px;
    margin-right: 5px;
    display: inline-block;
}

.rs-welcome-sec .slider-side .owl-controls .owl-dots .active {
    background: #e88e2e;
}

.rs-welcome-sec .slider-side:after {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.3);
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


/* ------------------------------------
    26. Get In Touch  
---------------------------------------*/

.rs-get-touch {
    background: url(images/get-touch/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
    position: relative;
}

.rs-get-touch .focuse {
    position: relative;
    z-index: 1;
}

.rs-get-touch .contact-mail .text-box .title {
    margin-bottom: 24px;
    color: #ffffff;
    font-size: 30px;
    line-height: 22px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.rs-get-touch .contact-mail .text-box .some-text {
    color: #fff;
}

.rs-get-touch .contact-mail .mail-box form input {
    width: 100%;
    margin-bottom: 15px;
    color: #555;
    background: #fff;
    height: 48px;
    border-radius: 0px;
    font-size: 15px;
    text-transform: capitalize;
    padding: 8px 16px;
    border: none;
    outline: none;
}

.rs-get-touch .contact-mail .mail-box form input:last-child {
    margin-bottom: 0;
}

.rs-get-touch .contact-mail .mail-box form .submit {
    background: #e88e2e;
    transition: all 0.3s ease 0s;
    border: 2px solid #e88e2e;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}

.rs-get-touch .contact-mail .mail-box form .submit:hover {
    background: #df8a2f;
    border: 2px solid #df8a2f;
}

.rs-get-touch:after {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, 0.7);
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


/* ------------------------------------
    27 .Faq Section  
---------------------------------------*/

.rs-faq .sec-title h3:after {
    left: 46%;
}

.rs-faq .about-right-img {
    position: relative;
}

.rs-faq .about-right-img:after {
    position: absolute;
    content: '';
    width: 110px;
    height: 110px;
    border-left: 3px solid #e88e2e;
    border-top: 3px solid #e88e2e;
    left: 0;
    top: 0;
}

.rs-faq .about-right-img:before {
    position: absolute;
    content: '';
    width: 110px;
    height: 110px;
    border-right: 3px solid #e88e2e;
    border-bottom: 3px solid #e88e2e;
    right: 0;
    bottom: 0;
}


/*----------------------------------
    28. Skill Bar 2
----------------------------------*/

.rs-skill2 .col-centered {
    margin-top: 29px;
}

.rs-skill2 .skillbar {
    position: relative;
    display: block;
    margin-bottom: 15px;
    width: 100%;
    background: #fff;
    height: 32px;
    border-radius: none !important;
    overflow: hidden;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition: 0.4s linear;
    -moz-transition: 0.4s linear;
    -ms-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: width, background-color;
    -moz-transition-property: width, background-color;
    -ms-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
}

.rs-skill2 .skillbar-bar {
    height: 32px;
    width: 0px;
    background: #e88e2e;
    border-radius: none !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: none !important;
    float: left;
}

.rs-skill2 .skill-bar-percent {
    position: relative;
    font-size: 11px;
    line-height: 32px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    right: 70px;
}

.rs-skill2 .skillbar-title {
    display: block;
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 10px;
}


/* ------------------------------------
    29. Collot image bg  
---------------------------------------*/

.collto-img-bg {
    background: url(images/collot/1.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.collto-img-bg:before {
    position: absolute;
    content: '';
    background: rgba(232, 142, 46, 0.9);
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
}


/* ------------------------------------
    30.Timeline Section  
---------------------------------------*/

.rs-history .hexa {
    border: 0px;
    float: left;
    text-align: center;
    height: 35px;
    width: 60px;
    font-size: 22px;
    background: #f0f0f0;
    color: #3c3c3c;
    position: relative;
    margin-top: 15px;
}

.rs-history .hexa:before {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-bottom: 15px solid #f0f0f0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    top: -15px;
}

.rs-history .hexa:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 15px solid #f0f0f0;
    bottom: -15px;
}

.rs-history .timeline {
    position: relative;
    padding: 0;
    width: 100%;
    margin-top: 20px;
    list-style-type: none;
}

.rs-history .timeline:before {
    position: absolute;
    left: 50%;
    top: 0;
    content: ' ';
    display: block;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    background: #d5d5d5;
    background: -moz-linear-gradient(top, rgba(213, 213, 213, 0) 0%, #d5d5d5 8%, #d5d5d5 92%, rgba(213, 213, 213, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8));
    background: -webkit-linear-gradient(top, rgba(213, 213, 213, 0) 0%, #d5d5d5 8%, #d5d5d5 92%, rgba(213, 213, 213, 0) 100%);
    background: -o-linear-gradient(top, rgba(213, 213, 213, 0) 0%, #d5d5d5 8%, #d5d5d5 92%, rgba(213, 213, 213, 0) 100%);
    background: -ms-linear-gradient(top, rgba(213, 213, 213, 0) 0%, #d5d5d5 8%, #d5d5d5 92%, rgba(213, 213, 213, 0) 100%);
    background: linear-gradient(to bottom, rgba(213, 213, 213, 0) 0%, #d5d5d5 8%, #d5d5d5 92%, rgba(213, 213, 213, 0) 100%);
    z-index: 5;
}

.rs-history .timeline li {
    padding: 2em 0;
}

.rs-history .timeline .hexa {
    width: 16px;
    height: 10px;
    position: absolute;
    background: #e88e2e;
    z-index: 5;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    top: -30px;
    margin-top: 0;
}

.rs-history .timeline .hexa:before {
    border-bottom: 4px solid #e88e2e;
    border-left-width: 8px;
    border-right-width: 8px;
    top: -4px;
}

.rs-history .timeline .hexa:after {
    border-left-width: 8px;
    border-right-width: 8px;
    border-top: 4px solid #e88e2e;
    bottom: -4px;
}

.rs-history .direction-l,
.rs-history .direction-r {
    float: none;
    width: 100%;
    text-align: center;
}

.rs-history .flag-wrapper {
    text-align: center;
    position: relative;
}

.rs-history .flag {
    position: relative;
    display: inline;
    background: #ffffff;
    font-weight: 600;
    z-index: 15;
    padding: 6px 10px;
    text-align: left;
    border-radius: 5px;
}

.rs-history .direction-l .flag:after,
.rs-history .direction-r .flag:after {
    content: "";
    position: absolute;
    left: 50%;
    top: -15px;
    height: 0;
    width: 0;
    margin-left: -8px;
    border: solid transparent;
    border-bottom-color: #ffffff;
    border-width: 8px;
    pointer-events: none;
}

.rs-history .direction-l .flag {
    -webkit-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
}

.rs-history .direction-r .flag {
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15);
}

.rs-history .time-wrapper {
    display: block;
    position: relative;
    margin: 4px 0 0 0;
    z-index: 14;
    line-height: 1em;
    vertical-align: middle;
    color: #fff;
}

.rs-history .direction-l .time-wrapper {
    float: none;
}

.rs-history .direction-r .time-wrapper {
    float: none;
}

.rs-history .time {
    background: #e88e2e;
    display: inline-block;
    padding: 8px;
}

.rs-history .desc {
    position: relative;
    margin: 1em 0 0 0;
    padding: 1em;
    background: #ffffff;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    z-index: 15;
    border-radius: 5px;
}

.rs-history .direction-l .desc,
.rs-history .direction-r .desc {
    position: relative;
    margin: 1em 1em 0 1em;
    padding: 1em;
    z-index: 15;
}

@media (min-width: 768px) {
    .rs-history .timeline {
        width: 660px;
        margin: 0 auto;
        margin-top: 20px;
    }
    .rs-history .timeline li:after {
        content: "";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .rs-history .timeline .hexa {
        left: -28px;
        right: auto;
        top: 8px;
    }
    .rs-history .timeline .direction-l .hexa {
        left: auto;
        right: -28px;
    }
    .rs-history .direction-l {
        position: relative;
        width: 310px;
        float: left;
        text-align: right;
    }
    .rs-history .direction-r {
        position: relative;
        width: 310px;
        float: right;
        text-align: left;
    }
    .rs-history .flag-wrapper {
        display: inline-block;
    }
    .rs-history .flag {
        font-size: 18px;
    }
    .rs-history .direction-l .flag:after {
        left: auto;
        right: -16px;
        top: 50%;
        margin-top: -8px;
        border: solid transparent;
        border-left-color: #fefefe;
        border-width: 8px;
    }
    .rs-history .direction-r .flag:after {
        top: 50%;
        margin-top: -8px;
        border: solid transparent;
        border-right-color: #fefefe;
        border-width: 8px;
        left: -8px;
    }
    .rs-history .time-wrapper {
        display: inline;
        vertical-align: middle;
        margin: 0;
    }
    .rs-history .direction-l .time-wrapper {
        float: left;
    }
    .rs-history .direction-r .time-wrapper {
        float: right;
    }
    .rs-history .time {
        padding: 5px 10px;
    }
    .rs-history .direction-r .desc {
        margin: 1em 0 0 0.75em;
    }
}

@media (min-width: 992px) {
    .rs-history .timeline {
        width: 800px;
        margin: 0 auto;
        margin-top: 20px;
    }
    .rs-history .direction-l {
        position: relative;
        width: 380px;
        float: left;
        text-align: right;
    }
    .rs-history .direction-r {
        position: relative;
        width: 380px;
        float: right;
        text-align: left;
    }
}


/* -----------------------
    31. Scroll Up
--------------------------*/

#scrollUp {
    text-align: center;
    bottom: 40px;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 40px;
    z-index: 999;
}

#scrollUp i {
    height: 40px;
    font-size: 24px;
    width: 42px;
    background-color: #e88e2e;
    color: #fff;
    line-height: 36px;
    transition: all 0.3s ease 0s;
    margin-left: 2px;
}

#scrollUp i:hover {
    background-color: #303745;
}


/* ------------------------------------
    32. 404 Page Area Start Here 
---------------------------------------*/

.error-page-area {
    text-align: center;
}

.error-page-area .error-page {
    background: #f0f0f0;
    background-position: center center;
    background-size: cover;
    padding: 60px 0 100px;
}

.error-page-area .error-page h1 {
    font-size: 250px;
    color: #101010;
    line-height: 230px;
    margin: 0;
}

.error-page-area .error-page p {
    font-size: 18px;
    color: #101010;
    font-weight: 600;
    letter-spacing: 3px;
    margin-bottom: 50px;
}

.error-page-area .error-page-message {
    margin-top: 0;
}

.error-page-area .error-page-message p {
    font-size: 18px;
    color: #000000;
}

.error-page-area .error-page-message .home-page a {
    display: inline-block;
    text-decoration: none;
    font-size: 15px;
    color: #101010;
    background: #e88e2e;
    padding: 15px 35px;
    transition: all 0.3s ease 0s;
    font-weight: 700;
}

.error-page-area .error-page-message .home-page a:hover {
    background: #101010;
    color: #ffffff;
}

.rs-error-page {
    background-image: url('images/error.jpg');
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    width: 100%;
}

.rs-error-page .error-part {
    display: table;
    text-align: center;
    width: 100%;
    height: 100%;
}

.rs-error-page .error-part:after {
    background: rgba(0, 0, 0, 0.7);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.rs-error-page .error-part .error-text {
    position: relative;
    z-index: 1;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.rs-error-page .error-part .error-text .error-logo {
    text-align: center;
    margin-bottom: 30px;
}

.rs-error-page .error-part .error-text .error-code {
    font-weight: bold;
    font-size: 120px;
    line-height: 1;
    margin: 0 0 10px 0;
    padding: 0;
    color: red;
}

.rs-error-page .error-part .error-text .error-message {
    font-size: 24px;
    line-height: 1;
    margin-bottom: 30px;
    color: #fff;
}

.rs-error-page .error-part .error-text a {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff;
}

.rs-error-page .error-part .error-text a:hover {
    color: #fff;
}


/*------------------------------------------------
	33. Coming Soon Page Start
------------------------------------------------*/

.commimg-page {
    background-color: #e88e2e;
}

.rs-coming-soon {
    background-color: #e88e2e;
    text-align: center;
    position: relative;
}

.rs-coming-soon .coming-soon-part .coming-soon-text .coming-soon-title {
    font-size: 42px;
    margin-bottom: 10px;
    font-weight: 700;
    color: #ffffff;
    text-transform: uppercase;
}

.rs-coming-soon .coming-soon-part .coming-soon-text .coming-soon-subtitle {
    color: #fff;
    font-size: 28px;
    font-weight: 300;
    font-family: sans-serif;
}

.rs-coming-soon .coming-soon-part .coming-soon-text .social-icons {
    list-style: none;
    padding: 100px 0 0;
    margin: 0;
    display: block;
    position: relative;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}

.rs-coming-soon .coming-soon-part .coming-soon-text .social-icons li {
    display: inline-block;
    margin: 0 15px;
}

.rs-coming-soon .coming-soon-part .coming-soon-text .social-icons li:first-child {
    margin-left: 0;
}

.rs-coming-soon .coming-soon-part .coming-soon-text .social-icons li a {
    color: #fff;
    font-size: 24px;
    transition: color 400ms;
}

.rs-coming-soon .coming-soon-part .coming-soon-text .social-icons li a:hover {
    color: rgba(255, 255, 255, 0.7);
}

.rs-coming-soon .coming-soon-part .coming-soon-text .CountDownTimer {
    max-width: 640px;
    margin: 40px auto 35px;
}

.rs-coming-soon .coming-soon-part .coming-soon-text .CountDownTimer .time_circles {
    position: relative;
    width: 100%;
    height: 100%;
}

.rs-coming-soon .coming-soon-part .coming-soon-text .time_circles canvas {
    opacity: 0;
}

.rs-coming-soon .coming-soon-part .coming-soon-text .time_circles div {
    position: absolute;
    text-align: center;
    padding-right: 30px;
}

.rs-coming-soon .coming-soon-part .coming-soon-text .time_circles div span {
    font-weight: 700;
    font-size: 40px !important;
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    border: 2px solid #fff;
    padding: 40px 20px;
    display: block;
}

.rs-coming-soon .coming-soon-part .coming-soon-text .time_circles div h4 {
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-size: 18px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    margin: 15px 0;
}

.search-modal .modal-content {
    background: transparent;
    position: initial;
    border: 0;
}

.search-modal .search-block input {
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
    background: transparent;
    border-width: 0 0 1px 0;
    border-radius: 0;
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: none;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
}

.search-modal .close {
    color: #ffffff;
    margin-top: 20px;
    font-size: 14px;
    background-color: rgba(255, 255, 255, 0.4);
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    opacity: 1;
    outline: none;
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 9999;
}

.search-modal .close:hover {
    background-color: #e88e2e;
}


/* ------------------------------------
    34. Preloader css
---------------------------------------*/

.preloader {
    background-color: #e88e2e;
    height: 100%;
    width: 100%;
    position: fixed;
    margin-top: 0px;
    top: 0px;
    z-index: 9999999;
}

.sk-cube-grid {
    width: 60px;
    height: 60px;
    margin: 40px auto;
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -mz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.sk-cube-grid .sk-cube {
    width: 33.33%;
    height: 33.33%;
    background-color: #fff;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0.0s;
    animation-delay: 0.0s;
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%,
    70%,
    100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }
    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}