@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap');

@charset "utf-8";



@font-face {

  font-family: 'Modern Antiqua';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(http://fonts.gstatic.com/s/modernantiqua/v20/NGStv5TIAUg6Iq_RLNo_2dp1sI1E.ttf) format('truetype');

}

@font-face {

  font-family: 'IBM Plex Mono';

  font-style: italic;

  font-weight: 100;

  font-display: swap;

  src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6rfjptAgt5VM-kVkqdyU8n1ioStndl.ttf) format('truetype');

}

@font-face {

  font-family: 'IBM Plex Mono';

  font-style: italic;

  font-weight: 200;

  font-display: swap;

  src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6sfjptAgt5VM-kVkqdyU8n1ioSGlZFhw.ttf) format('truetype');

}

@font-face {

  font-family: 'IBM Plex Mono';

  font-style: italic;

  font-weight: 300;

  font-display: swap;

  src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6sfjptAgt5VM-kVkqdyU8n1ioSflVFhw.ttf) format('truetype');

}

@font-face {

  font-family: 'IBM Plex Mono';

  font-style: italic;

  font-weight: 400;

  font-display: swap;

  src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6pfjptAgt5VM-kVkqdyU8n1ioq0g.ttf) format('truetype');

}

@font-face {

  font-family: 'IBM Plex Mono';

  font-style: italic;

  font-weight: 500;

  font-display: swap;

  src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6sfjptAgt5VM-kVkqdyU8n1ioSJlRFhw.ttf) format('truetype');

}

@font-face {

  font-family: 'IBM Plex Mono';

  font-style: normal;

  font-weight: 100;

  font-display: swap;

  src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6pfjptAgt5VM-kVkqdyU8n3kwq0g.ttf) format('truetype');

}

@font-face {

  font-family: 'IBM Plex Mono';

  font-style: normal;

  font-weight: 200;

  font-display: swap;

  src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6qfjptAgt5VM-kVkqdyU8n3uAL8lc.ttf) format('truetype');

}

@font-face {

  font-family: 'IBM Plex Mono';

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6qfjptAgt5VM-kVkqdyU8n3oQI8lc.ttf) format('truetype');

}

@font-face {

  font-family: 'IBM Plex Mono';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F63fjptAgt5VM-kVkqdyU8n5ig.ttf) format('truetype');

}

@font-face {

  font-family: 'IBM Plex Mono';

  font-style: normal;

  font-weight: 500;

  font-display: swap;

  src: url(http://fonts.gstatic.com/s/ibmplexmono/v11/-F6qfjptAgt5VM-kVkqdyU8n3twJ8lc.ttf) format('truetype');

}

@font-face {

  font-family: 'Single Day';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url(http://fonts.gstatic.com/s/singleday/v13/LYjHdGDjlEgoAcF95EI5jVo.ttf) format('truetype');

}

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

	01. General CSS

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

html,

body {

  font-size: 16px;

  color: #454545;

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

  vertical-align: baseline;

  line-height: 1.7;

  font-weight: 400;

  overflow-x: hidden;

}

img {

  max-width: 100%;

  height: auto;

}

p {

  margin: 0 0 26px;

  line-height: 1.8;

}

h1,

h2,

h3,

h4,

h5,

h6 {

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

  color: #0a0a0a;

  margin: 0 0 26px;

  line-height: 1.2;

}

h1 {

  font-size: 52px;

  line-height: 62px;

  font-weight: 700;

}

h2 {

  font-size: 40px;

  line-height: 50px;

  font-weight: 700;

}

h3 {

  font-size: 28px;

  line-height: 42px;

  font-weight: 700;

}

h4 {

  font-size: 26px;

  line-height: 36px;

  font-weight: 700;

}

h5 {

  font-size: 24px;

  line-height: 32px;

  font-weight: 600;

}

h6 {

  font-size: 20px;

  line-height: 28px;

  font-weight: 500;

}

.text-md-left {

  text-align: left;

}

.text-md-right {

  text-align: right;

}

.text-right {

  text-align: right;

}

.no-border {

  border: none !important;

}

.uppercase {

  text-transform: uppercase !important;

}

.capitalize {

  text-transform: capitalize !important;

}

.extra-bold {

  font-weight: 800 !important;

}

.gray-bg {

  background: #f7fbff;

}

.gray-bg2 {

  background: #f8fff4;

}

.gray-bg3 {

  background: #F2F8FB;

}

.gray-bg4 {

  background: #F8FFF4;

}

.gray-bg5 {

  background: #F1F6FC;

}

.gray-bg6 {

  background: #f2f8fb;

}

.blue-bg {

  background-color: #01539f !important;

}

.yellow-bg {

  background: #ffd600;

}

.paste-bg {

  background-color: #0000FF;

}

.blue-light {

  background-color: #F8FFF4;

}

.white-color {

  color: #ffffff !important;

}

.title-color {

  color: #0a0a0a !important;

}

.body-color {

  color: #454545 !important;

}

.white-bg {

  background: #fff;

}

a {

  color: #454545;

  transition: all 0.3s ease;

  text-decoration: none !important;

  outline: none !important;

}

a:active,

a:hover {

  text-decoration: none;

  outline: 0 none;

  color: #007cfb;

}

ul {

  list-style: outside none none;

  margin: 0;

  padding: 0;

}

.clear {

  clear: both;

}

::-moz-selection {

  background: #007cfb;

  text-shadow: none;

  color: #ffffff;

}

::selection {

  background: #007cfb;

  text-shadow: none;

  color: #ffffff;

}

.bg1 {

  background: url(assets/images/bg/choose-us-bg.png);

  background-position: 1600px 420px;

  background-repeat: no-repeat;

}

.bg2 {

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

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

}

.bg3 {

  background: url(assets/images/bg/cleaning-bg.jpg);

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

}

.bg4 {

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

  background-position: top center;

  background-repeat: no-repeat;

  background-size: cover;

}

.bg5 {

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

  background-repeat: no-repeat;

  background-size: cover;

  padding: 120px 0px 253px 0px;

}

.bg6 {

  background: url(assets/images/bg/pricing-bg.png);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.bg7 {

  background: url(assets/images/bg/testi-bg.jpg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.bg8 {

  background: url(assets/images/bg/choose-us-bg.png);

  background-position: 10% 72%;

  background-repeat: no-repeat;

}

.bg9 {

  background: url(assets/images/about/style3/2.html);

  background-position: bottom right;

  background-repeat: no-repeat;

}

.bg10 {

  background: url(assets/images/bg/counter-bg3.jpg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.bg11 {

  background-image: url(assets/images/bg/testi-bg3.jpg);

  background-position: top left;

  background-repeat: no-repeat;

  background-size: cover;

}

.bg12 {

  background-image: url(assets/images/bg/quote-bg4.jpg);

  background-repeat: no-repeat;

  background-size: cover;

}

.bg14 {

  background-image: url(assets/images/bg/icon.png);

  background-position: 1600px 420px;

  background-repeat: no-repeat;

}

.bg15 {

  background: url(assets/images/bg/counter-bg5.jpg);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

}

.bg16 {

  background: url(assets/images/bg/quote-form-bg.jpg);

  background-repeat: no-repeat;

  background-position: bottom left;

  background-size: cover;

}

.bg17 {

  background-color: #00483A;

  background: url(assets/images/bg/testi-bg5.jpg);

  background-position: top left;

  background-repeat: no-repeat;

  background-size: cover;

}

.offwrap {

  cursor: url(assets/images/close.png), auto;

  width: 100%;

  left: 100%;

  transition: all 0.8s ease-out 0s;

  position: fixed;

  background: #fff;

  height: 100vh;

  top: 0;

  bottom: 0;

  opacity: .8;

  z-index: 999;

}

.copyright p {

  font-size: 15px;

}

body.nav-expanded .offwrap {

  left: 0%;

  transition: all 0.8s ease-out 0s;

}

.home-blue {

  background: #1A0B8C !important;

}

.bg-unset {

  background: unset !important;

}

.rs-menu-toggle {

  color: #007cfb;

  text-align: right;

}

button {

  cursor: pointer;

}

.glyph-icon:before {

  margin: 0;

}

.z-index-1 {

  position: relative;

  z-index: 1;

}

ul.listing-style {

  margin: 0 0 1.5em 2em;

}

ul.listing-style li {

  padding-left: 20px;

  position: relative;

  margin-top: 8px;

}

ul.listing-style li:before {

  content: "";

  position: absolute;

  background: #ffd600;

  width: 7px;

  height: 7px;

  border-radius: 50%;

  left: 0;

  top: 12px;

}

ul.service-list li {

  padding-left: 32px;

  position: relative;

  margin-top: 4px;

}

ul.service-list li:before {

  content: "\f058";

  font-size: 15px;

  color: #ff7338;

  margin: 0;

  display: inline-block;

  font-weight: 400;

  text-align: center;

  position: absolute;

  left: 0;

  top: 0px;

  font-family: FontAwesome;

}

ul.dot-list li {

  padding-left: 25px;

  position: relative;

  margin-bottom: 10px;

}

ul.dot-list li:before {

  content: "";

  position: absolute;

  background: #007cfb;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  left: 0;

  top: 10px;

}

ul.dot-list.yellow-dot li:before {

  background: #ffd600;

}

ul.dot-list.yellow-dot.services-list li {

  margin-top: 9px;

}

.brush-list li {

  padding-left: 35px;

  position: relative;

  margin-top: 8px;

}

.brush-list li:before {

  content: "\f13f";

  font-size: 18px;

  color: #1C6C28;

  margin: 0;

  display: inline-block;

  font-family: uicons-regular-rounded !important;

  font-weight: 600;

  text-align: center;

  position: absolute;

  left: 0;

  top: -2px;

}

.brush-list.style2 {

  margin: 0px 0px 6px 0px;

  padding: 0px 0px 0px 25px;

}

.brush-list.style2 li:before {

  color: #01539f;

}

.brush-list.style3 li:before {

  color: #01539f;

}

.rs-features-list .feature-item {

  display: flex;

}

.rs-features-list .feature-item .feature-icon {

  background-color: #ffd600;

  font-size: 13px !important;

  width: 30px;

  height: 30px;

  line-height: 30px !important;

  border-radius: 30px 30px 30px 30px !important;

  padding: 0 0 0 0;

  text-align: center;

  min-width: 30px;

  display: inline-block;

}

.rs-features-list .feature-item .feature-icon i:before {

  font-size: 13px;

  margin: 0;

}

.rs-features-list .feature-item .rs-feature-text {

  padding-left: 16px;

  margin: -6px 0 0;

}

.rs-features-list .feature-item .rs-feature-text .title {

  color: #0a0a0a;

  font-size: 20px;

  font-weight: 700;

  line-height: 30px;

  display: block;

  margin-bottom: 13px;

}

.rs-features-list .feature-item .rs-feature-text .title:hover {

  color: #007cfb;

}

.rs-features-list .feature-item:hover .feature-icon {

  background-color: #007cfb;

}

.rs-features-list .feature-item:hover .feature-icon i {

  color: #ffffff;

}

.rs-features-list.feature-style2 .feature-list {

  margin-bottom: 7px;

  display: flex;

  align-items: center;

}

.rs-features-list.feature-style2 .feature-list .feature-img img {

  padding: 7px 7px 7px 7px;

  margin: 0px 8px -7px 0px;

  width: 51px;

}

.rs-features-list.feature-style2 .feature-list .feature-text {

  font-size: 16px;

  font-weight: 600;

  line-height: 35px;

}

.rs-features-list.feature-style3 .feature-item:hover .feature-icon {

  background-color: #0000FF;

}

.rs-features-list.feature-style3 .feature-item .rs-feature-text .title:hover {

  color: #0000FF;

}

.rs-features-list.feature-style4 .rs-feature-text .title:hover {

  color: #01539f;

}

.rs-features-list.feature-style4 .feature-item:hover .feature-icon {

  background-color: #01539f;

}

input:focus,

select:focus,

textarea:focus,

button:focus {

  outline: none !important;

}

.pagination-area {

  display: inline-block;

}

.pagination-area .nav-link {

  display: flex;

  align-items: center;

  padding: 15px 10px 15px 8px;

  border-radius: 0;

  background: #007cfb;

}

.pagination-area .nav-link .page-number {

  padding: 2px 15px 0 20px;

  line-height: 12px;

  font-size: 18px;

  text-decoration: none;

  transition: all 0.4s ease-in-out 0s;

  text-align: center;

  background: 0 0;

  color: #eee;

  display: inline-block;

  vertical-align: top;

  border-right: 1px solid #e6e6e6;

}

.pagination-area .nav-link .page-number.border-none {

  border-right: unset;

}

.pagination-part {

  display: inline-block;

  border: 1px solid #f9f9f9;

  padding: 11px 0;

  border-radius: 3px;

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

  background: #fff;

}

.pagination-part li {

  padding: 2px 20px 0 21px;

  line-height: 23px;

  font-size: 18px;

  text-decoration: none;

  transition: all 0.4s ease-in-out 0s;

  text-align: center;

  background: 0 0;

  color: #000;

  display: inline-block;

  vertical-align: top;

  border-right: 1px solid #e6e6e6;

}

.pagination-part li a {

  color: #454545;

}

.pagination-part li:last-child {

  border-right: unset;

}

.pagination-part .next-page {

  position: relative;

  transition: all 0.4s ease-in-out 0s;

  padding-right: 12px;

}

.pagination-part .next-page:before,

.pagination-part .next-page:after {

  content: "\f105";

  position: absolute;

  top: 4px;

  right: 0;

  color: #454545;

  line-height: 16px;

  font-family: fontawesome;

  font-size: 12px;

}

.pagination-part .next-page:before {

  right: 4px;

}

.pagination-part .active a {

  color: #007cfb;

}

.gridFilter button {

  font-size: 17px;

  font-weight: 600;

  background: 0 0!important;

  color: #0a0a0a;

  display: inline-block;

  transition: .4s;

  outline: 0;

  position: relative;

  padding: 6px 20px 6px 20px;

  border: 0;

}

.gridFilter button.active {

  color: #FFFFFF;

  background: #BB0B0B !important;

}

.gridFilter button:hover {

  color: #FFFFFF;

  background: #BB0B0B !important;

}

.gridFilter button + button {

  margin-left: 20px;

}

blockquote {

  margin: 35px 0px !important;

  padding: 40px 60px;

  color: #666;

  position: relative;

  background: #F7FBFF !important;

  font-weight: normal;

  font-style: italic;

  text-align: left;

  clear: both;

  font-weight: 400;

  border-radius: 8px;

}

blockquote p {

  font-size: 18px;

  margin-bottom: 10px;

}

blockquote:before {

  content: "\f129";

  font-size: 35px;

  color: #ffd600;

  padding-bottom: 0;

  display: inline-block;

  font-family: flaticon;

  font-weight: 400;

  text-align: center;

  top: 0;

  background: 0 0;

  transform: rotate(180deg);

}

.rs-carousel.nav-style1 {

  position: relative;

}

.rs-carousel.nav-style1 .owl-nav {

  display: block;

}

.rs-carousel.nav-style1 .owl-nav .owl-next,

.rs-carousel.nav-style1 .owl-nav .owl-prev {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 30px;

  width: 42px;

  height: 42px;

  line-height: 42px;

  border-radius: 50%;

  background: #007cfb;

  text-align: center;

  color: #ffffff;

  transition: all 0.5s;

  transition-delay: 0.70s;

  opacity: 0;

  visibility: hidden;

}

.rs-carousel.nav-style1 .owl-nav .owl-next i:before,

.rs-carousel.nav-style1 .owl-nav .owl-prev i:before {

  content: "\f138";

  font-family: Flaticon;

}

.rs-carousel.nav-style1 .owl-nav .owl-next {

  right: 30px;

  left: unset;

}

.rs-carousel.nav-style1 .owl-nav .owl-next i:before {

  content: "\f137";

}

.rs-carousel.nav-style1:hover .owl-nav .owl-next,

.rs-carousel.nav-style1:hover .owl-nav .owl-prev {

  left: -50px;

  transition-delay: 0s;

  visibility: visible;

  opacity: 1;

}

.rs-carousel.nav-style1:hover .owl-nav .owl-next {

  right: -50px;

  left: unset;

}

.rs-carousel.nav-style2 {

  position: relative;

}

.rs-carousel.nav-style2 .owl-nav {

  display: block;

  position: absolute;

  top: -80px;

  right: 0;

}

.rs-carousel.nav-style2 .owl-nav .owl-prev,

.rs-carousel.nav-style2 .owl-nav .owl-next {

  display: inline-block;

}

.rs-carousel.nav-style2 .owl-nav .owl-prev i,

.rs-carousel.nav-style2 .owl-nav .owl-next i {

  transition: all 0.3s ease;

}

.rs-carousel.nav-style2 .owl-nav .owl-prev i:before,

.rs-carousel.nav-style2 .owl-nav .owl-next i:before {

  font-family: Flaticon;

  font-size: 22px;

}

.rs-carousel.nav-style2 .owl-nav .owl-prev:hover i,

.rs-carousel.nav-style2 .owl-nav .owl-next:hover i {

  color: #007cfb;

}

.rs-carousel.nav-style2 .owl-nav .owl-prev i:before {

  content: "\f134";

}

.rs-carousel.nav-style2 .owl-nav .owl-prev:after {

  content: "/";

  padding: 0 5px 0 5px;

  position: relative;

  top: -3px;

}

.rs-carousel.nav-style2 .owl-nav .owl-next i:before {

  content: "\f133";

}

.rs-carousel .owl-dots {

  text-align: center;

  margin-top: 50px;

}

.rs-carousel .owl-dots .owl-dot {

  width: 9px;

  height: 9px;

  display: inline-block;

  margin: 0 6px;

  padding: 3px 0;

  border-radius: 50px;

  border: none;

  transition: all 0.3s ease;

  background: #007cfb;

  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);

}

.rs-carousel .owl-dots .owl-dot:hover,

.rs-carousel .owl-dots .owl-dot.active {

  width: 40px;

  background: #007cfb;

  opacity: 1;

}

/* no-gutters Class Rules */

.row.no-gutters {

  margin-right: 0;

  margin-left: 0;

}

.row.no-gutters > [class^="col-"],

.row.no-gutters > [class*=" col-"] {

  padding-right: 0;

  padding-left: 0;

}

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

	02. Global Class CSS

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

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

}

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

}

.project-item .vertical-middle {

  position: relative;

  z-index: 9;

}

.vertical-middle {

  display: table;

  height: 100%;

  width: 100%;

}

.vertical-middle-cell {

  display: table-cell;

  vertical-align: middle;

}

.readon {

  cursor: pointer;

  display: inline-block;

  position: relative;

  font-size: 16px;

  font-weight: 500;

  line-height: 26px;

  color: #0a0a0a;

  background: #ffd600;

  z-index: 1;

  border-radius: 3px;

  transition: all 0.4s ease-in-out 0s;

  overflow: hidden;

}

.readon.view {

  padding: 18px 34px;

  border-radius: 3px;

  background: #ffd600;

}

.readon.view:before {

  background-color: #fff;

  content: "";

  height: 150px;

  left: -75px;

  position: absolute;

  top: -60px;

  transform: rotate(35deg);

  transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1);

  width: 40px;

  opacity: 0;

}

.readon.view:hover {

  background: #007cfb;

  color: #ffffff;

}

.readon.view:hover:before {

  left: 120%;

  transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);

  opacity: .25;

}

.readon.view.read {

  padding: 14px 36px;

}

.readon.view.read.paste:hover {

  background: #0000FF;

}

.readon.view.contact {

  padding: 17px 42px;

}

.readon.view.price {

  padding: 12px 34px;

}

.readon.view.price.paste-price:hover {

  background: #00aae4;

}

.readon.view.orange {

  background: #ff7033;

  color: #ffffff;

}

.readon.view.orange:hover {

  background: #ff7033;

}

.readon.view.discover {

  background-color: #FFD600;

  padding: 14px 35px;

}

.readon.view.discover:hover {

  background-color: #1C6C28;

  color: #ffffff;

}

.readon.view.discover:hover:before {

  left: 120%;

  transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);

  opacity: .25;

}

.readon.view.discover.learn {

  background-color: #FF7033;

  color: #ffffff;

}

.readon.view.requset {

  font-size: 18px;

  text-transform: uppercase;

  padding: 15px 40px 15px 40px;

  background-color: #FFD600;

}

.readon.view.requset i {

  padding-left: 10px;

}

.readon.view.requset i:before {

  font-weight: 900;

  line-height: unset;

}

.readon.view.requset:hover {

  background-color: #00aae4;

  color: #ffffff;

}

.readon.view.requset-free {

  padding: 7px 18px 7px 18px;

  font-size: 14px;

  font-weight: 500;

  text-transform: uppercase;

  border-radius: 5px 5px 5px 5px;

  color: #000000;

  background-color: #FFD600;

}

.readon.view.requset-free i {

  padding-left: 10px;

}

.readon.view.requset-free i:before {

  font-weight: 900;

  line-height: unset;

}

.readon.view.requset-free:before {

  display: none;

}

.readon.view.requset-free:hover {

  background-color: #00aae4;

  color: #ffffff;

}

.readon.view-more {

  padding: 12px 25px 12px 25px;

  font-size: 14px;

  font-weight: 500;

  line-height: 1;

  text-transform: uppercase;

  color: #111111;

  background-color: #FFFFFF;

  border-radius: 0px 0px 0px 0px;

}

.readon.about {

  background: #01539f;

  position: relative;

  padding: 14px 40px 14px 40px;

  background-color: #01539F;

  border-radius: 0px 0px 0px 0px;

  color: #FFFFFF;

}

.readon.about .btn-text {

  position: relative;

  z-index: 9;

}

.readon.about:before {

  position: absolute;

  content: "";

  bottom: 0;

  right: 0;

  transition: 0.4s;

  z-index: 3;

  opacity: 1;

  width: 20px;

  height: 20px;

  background: #ffd600;

  border-radius: 20px 0 0 0;

}

.readon.about:hover {

  color: #101010;

}

.readon.about:hover .btn-text {

  position: relative;

  z-index: 9;

}

.readon.about:hover:before {

  width: 100%;

  height: 100%;

  border-radius: 0;

  opacity: 1;

  visibility: visible;

  background: #ffd100;

}

.readon.slide-con {

  padding: 14px 30px;

  color: #0a0a0a;

  border-radius: 3px;

  text-transform: uppercase;

  font-weight: 500;

}

.readon.slide-con:hover {

  background: #fffe2b;

}

.readon.view-slide {

  position: relative;

  background-color: #01539f;

  padding: 15px 31px;

  border-radius: unset;

}

.readon.view-slide span {

  color: #ffffff;

  text-transform: uppercase;

}

.readon.view-slide:after {

  position: absolute;

  content: "";

  bottom: 0;

  right: 0;

  transition: .4s;

  z-index: 3;

  opacity: 1;

  width: 20px;

  height: 20px;

  background: #ffd100;

  border-radius: 20px 0 0;

}

.readon.view-slide:hover span {

  color: #0a0a0a;

  position: relative;

  z-index: 99;

}

.readon.view-slide:hover:after {

  width: 100%;

  height: 100%;

  border-radius: 0;

  opacity: 1;

  visibility: visible;

}

/*-- Blog Button Css --*/

.blog-btn a {

  font-size: 16px;

  font-weight: 500;

  color: #0A0A0A;

  position: relative;

  display: inline-block;

  transition: all ease .3s;

}

.blog-btn a .btn-text {

  float: left;

}

.blog-btn a i {

  background: #ffd600;

  display: inline-block;

  padding: 0;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  line-height: 24px;

  transform: translateX(5px);

  margin-left: 5px;

  transition: all .5s ease;

  text-align: center;

}

.blog-btn a i:before {

  font-size: 20px;

  color: #01539F;

  line-height: unset;

}

.blog-btn a:hover i {

  transform: translateX(15px) !important;

}

.blog-btn a:hover i:before {

  font-size: 20px;

  color: #0a0a0a;

}

.blog-button a {

  text-align: center;

  display: inline-block;

  color: #01539f;

  padding-right: 25px;

  position: relative;

  z-index: 1;

  font-weight: 500;

  font-size: 15px;

}

.blog-button a:after {

  content: "\f121";

  position: absolute;

  font-family: uicons-regular-rounded !important;

  font-size: 20px;

  top: -2px;

  right: 0;

  opacity: 1;

  transition: all 0.3s;

}

.blog-button a:hover:after {

  right: -5px;

  opacity: 1;

}

.services-btn a {

  font-size: 16px;

  font-weight: 500;

  color: #0A0A0A;

  position: relative;

  display: inline-block;

  transition: all ease .3s;

}

.services-btn a .btn-text {

  float: left;

}

.services-btn a i {

  background: #ffd600;

  display: inline-block;

  text-align: center;

  padding: 0;

  border-radius: 50%;

  width: 25px;

  height: 25px;

  line-height: 25px;

  transform: translateX(5px);

  margin-left: 5px;

  transition: all .5s ease;

}

.services-btn a i:before {

  font-size: 20px;

  color: #01539F;

  line-height: unset;

}

.services-btn a:hover i {

  transform: translateX(15px) !important;

}

.services-btn a:hover i:before {

  font-size: 20px;

  color: #01539F;

}

.services-btn2 a i {

  width: 50px;

  height: 50px;

  background: #ff7033;

  color: #fff;

  display: block;

  text-align: center;

  line-height: 50px;

  position: absolute;

  bottom: 0;

  right: 0;

  transition: .4s;

}

.services-btn2 a i:before {

  margin: 0;

  font-size: 16px;

}

/*-- Submit Button Css --*/

.submit-btn {

  cursor: pointer;

  display: inline-block;

  position: relative;

  font-size: 16px;

  font-weight: 500;

  line-height: 26px;

  color: #0a0a0a;

  background: #ffd600;

  z-index: 1;

  border-radius: 3px;

  transition: all 0.4s ease-in-out 0s;

  overflow: hidden;

  margin: 0;

}

.submit-btn input[type="submit"] {

  position: relative;

  display: inline-block;

  border-radius: 3px;

  font-size: 16px;

  font-weight: 600;

  cursor: pointer;

  color: #0A0A0A;

  padding: 17px 30px;

  outline: none;

  transition: all .5s ease;

  background: 0 0;

  border: none;

}

.submit-btn:before {

  background-color: #fff;

  content: "";

  height: 150px;

  left: -75px;

  position: absolute;

  top: -60px;

  transform: rotate(35deg);

  transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1);

  width: 40px;

  opacity: 0;

}

.submit-btn:hover {

  background: #ffd600;

  color: #ffd600;

  opacity: 0.99;

}

.submit-btn:hover input[type="submit"]:hover {

  color: #0A0A0A !important;

  opacity: .9;

}

.submit-btn:hover:before {

  left: 120%;

  transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);

  opacity: .25;

}

.submit-btn.submit-btn2 {

  font-size: 16px;

  font-weight: 600;

  background-color: #01539F;

  border-radius: unset;

}

.submit-btn.submit-btn2 > span.arrow-btn {

  position: relative;

  z-index: 3;

}

.submit-btn.submit-btn2 input[type="submit"] {

  color: #ffffff;

  border-radius: unset;

}

.submit-btn.submit-btn2:before {

  display: none;

}

.submit-btn.submit-btn2:after {

  position: absolute;

  content: "";

  bottom: 0;

  right: 0;

  transition: .4s;

  z-index: 3;

  opacity: 1;

  width: 20px;

  height: 20px;

  background: #ffd100;

  border-radius: 20px 0 0;

}

.submit-btn.submit-btn2:hover input {

  background: transparent !important;

}

.submit-btn.submit-btn2:hover input[type="submit"]:hover {

  color: #01539f !important;

  opacity: .9;

}

.submit-btn.submit-btn2:hover:after {

  width: 100%;

  height: 100%;

  border-radius: 0;

  opacity: 1;

  visibility: visible;

}

.submit-btn.submit-btn2:hover > span.arrow-btn {

  position: relative;

  z-index: 99;

}

.submit-btn.submit-btn2.form {

  background: #01539f;

  width: 100%;

}

.submit-btn.submit-btn2.form input[type="submit"] {

  background: #01539f;

  font-size: 16px;

  font-weight: 600;

}

.submit-btn.submit-btn2.form:after {

  background: #ffffff;

}

.submit-btn.submit-btn2.form:hover input[type="submit"]:hover {

  color: #0A0A0A !important;

}

.submit-btn.submit-btn2.details input[type="submit"] {

  font-size: 14px;

  font-weight: 500;

  padding: 12px 25px;

}

.submit-btn.submit-btn2.faq-btn {

  background-color: #ffd600;

  border-radius: 3px;

}

.submit-btn.submit-btn2.faq-btn input[type="submit"] {

  color: #0a0a0a;

  border-radius: 3px;

}

.submit-btn.submit-btn3 {

  margin: 0;

}

.submit-btn.submit-btn3 input[type="submit"] {

  padding: 17px 30px 17px 30px;

  color: #333333;

}

.submit-btn.submit-btn3:hover {

  background: #01539f;

  color: #ffd600;

  opacity: .99;

}

.submit-btn.submit-btn3:hover input[type="submit"]:hover {

  color: #fff !important;

  background: #01539f;

  opacity: .9;

}

.submit-btn.submit-btn4 {

  margin: 0;

}

.submit-btn.submit-btn4 input[type="submit"] {

  color: #ffffff;

  background: #ff7033;

}

.submit-btn.submit-btn4:hover {

  background: #1c6c28;

  color: #ffd600;

  opacity: .99;

}

.submit-btn.submit-btn4:hover input[type="submit"]:hover {

  color: #fff !important;

  background: #01539f;

  opacity: .9;

}

.submit-orange-btn {

  cursor: pointer;

  display: inline-block;

  position: relative;

  font-size: 16px;

  font-weight: 500;

  line-height: 26px;

  color: #0a0a0a;

  background-color: #FF7033;

  z-index: 1;

  border-radius: 4px;

  transition: all .5s ease;

  overflow: hidden;

  width: 100%;

}

.submit-orange-btn input[type="submit"] {

  color: #FFFFFF;

  border-radius: 4px;

  background-color: #FF7033 !important;

  padding: 16px 30px 16px 30px !important;

  box-shadow: 0px 0px 40px 0px rgba(1, 83, 159, 0.23);

  font-size: 16px !important;

  font-weight: 600 !important;

  transition: all .5s ease;

}

.submit-orange-btn input[type="submit"]:hover {

  background-color: #F98C5E !important;

}

.address-wrap .address-icon {

  display: inline-block;

  position: relative;

  height: 70px;

  width: 70px;

  line-height: 70px;

  border-radius: 100%;

  text-align: center;

  background: #ffd600;

}

.address-wrap .address-icon i {

  text-align: center;

  color: #0a0a0a;

  border-radius: 100%;

  font-size: 30px;

  font-weight: 900;

  position: relative;

  line-height: 70px;

  z-index: 9;

  width: 100%;

  vertical-align: middle;

  margin-left: 0;

  height: auto;

/*  transform: rotate(-90deg); */

}

.address-wrap .address-icon:before {

  content: "";

  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

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

  display: block;

  width: 70px;

  height: 70px;

  border-radius: 50%;

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

  background: #ffd600;

}

/*Video Icon*/

.rs-videos .animate-border .popup-border {

  background: #ffd600;

  width: 80px;

  height: 80px;

  line-height: 80px;

  text-align: center;

  display: inline-block;

  border-radius: 50%;

  position: absolute;

  left: 50%;

  transform: translateX(-50%);

}

.rs-videos .animate-border .popup-border i {

  font-size: 20px;

  line-height: 80px;

  display: block;

  color: #01539F;

}

.rs-videos .animate-border .popup-border:before {

  content: "";

  border: 2px solid #ffd600;

  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

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

  display: block;

  width: 180px;

  height: 180px;

  border-radius: 50%;

  animation: zoomBig 3.25s linear infinite;

  -webkit-animation-delay: .75s;

  animation-delay: .75s;

}

.rs-videos .animate-border .popup-border:after {

  content: "";

  border: 2px solid #ffd600;

  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

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

  display: block;

  width: 180px;

  height: 180px;

  border-radius: 50%;

  animation: zoomBig 3.25s linear infinite;

  -webkit-animation-delay: 0s;

  animation-delay: 0s;

}

.rs-videos .animate-border.main-home .popup-border {

  left: 8%;

}

.rs-videos .animate-border.main-home.style2 .popup-border {

  left: 50%;

}

@keyframes zoomBig {

  0% {

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

    opacity: 1;

    border-width: 3px;

  }

  40% {

    opacity: .5;

    border-width: 2px;

  }

  65% {

    border-width: 1px;

  }

  100% {

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

    opacity: 0;

    border-width: 1px;

  }

}

@keyframes zoomBig {

  0% {

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

    opacity: 1;

    border-width: 3px;

  }

  40% {

    opacity: .5;

    border-width: 2px;

  }

  65% {

    border-width: 1px;

  }

  100% {

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

    opacity: 0;

    border-width: 1px;

  }

}

.margin-remove {

  margin: 0 !important;

}

.no-gutter {

  margin-left: 0;

  margin-right: 0;

}

.no-gutter [class*="col-"] {

  padding-left: 0;

  padding-right: 0;

}

[class^="flaticon-"]:before,

[class*=" flaticon-"]:before,

[class^="flaticon-"]:after,

[class*=" flaticon-"]:after {

  margin: 0;

}

.container-fluid {

  padding-left: 100px;

  padding-right: 100px;

}

.container-fluid2 {

  padding-left: 15px;

  padding-right: 15px;

}

.display-table {

  display: table;

  height: 100%;

  width: 100%;

}

.display-table-cell {

  display: table-cell;

  vertical-align: middle;

}

.relative {

  position: relative;

}

.pt-relative {

  position: relative !important;

}

.sec-title {

  position: relative;

}

.sec-title .sub-text {

  font-size: 16px;

  font-weight: 600;

  line-height: 28px;

  color: #007cfb;

  text-transform: uppercase;

  margin: 0 0 10px;

  display: block;

}

.sec-title .sub-text.blue-color {

  color: #01539f;

}

.sec-title .sub-text.green-color {

  color: #1c6c28;

}

.sec-title .sub-text.green-color.yellow-color {

  color: #FFD600;

}

.sec-title .sub-text.title-color {

  color: #222222;

}

.sec-title .title {

  position: relative;

  font-size: 36px;

  font-weight: 700;

  line-height: 46px;

  color: #0a0a0a;

  margin: 0;

}

.sec-title .title span {

  color: #007cfb;

}

.sec-title .title span.yellow-color {

  color: #FFD600;

}

.sec-title .title.title2 {

  font-size: 30px;

  color: #101010;

}

.sec-title .title.title3 {

  font-size: 42px;

  color: #101010;

}

.sec-title .desc {

  font-size: 16px;

  line-height: 30px;

  font-weight: 400;

  color: #454545;

  margin: 0;

}

.sec-title .line-img {

  position: absolute;

  top: 129px;

}

.sec-title .line-img img {

  max-width: 160px;

}

.sec-title .line-img.ser-center {

  left: 38%;

  top: 93%;

}

.sec-title .line-img.cleaner-center {

  left: 27%;

  top: 47%;

}

.sec-title .line-img.process-center {

  left: 39%;

  top: 92%;

}

.sec-title .line-img.process-center img {

  max-width: 140px;

}

.sec-title .line-img.project-center {

  top: 68%;

  left: 32%;

}

.sec-title .line-img.pricing-center {

  top: 93%;

  left: 42%;

}

.sec-title .line-img.pricing-center img {

  max-width: 127px;

}

.sec-title .line-img.testi-center {

  left: 37%;

  top: 44%;

}

.sec-title .line-img.blog-center {

  top: 89%;

  left: 42%;

}

.sec-title .line-img.blog-center img {

  max-width: 104px;

}

.sec-title2 .brush-content {

  display: flex;

  align-items: center;

}

.sec-title2 .brush-content img {

  padding-right: 12px;

  width: 55px;

}

.sec-title2 .brush-content .sub-text {

  font-size: 17px;

  font-weight: 600;

  line-height: 28px;

  color: #01539F;

  text-transform: uppercase;

  margin: 6px 0 0px;

  display: block;

}

.sec-title2 .brush-content .sub-text.yellow-color {

  font-size: 17px;

  color: #ffd600;

}

.sec-title2 .brush-content .sub-text.small-text {

  font-size: 15px;

  line-height: 25px;

}

.sec-title2 .brush-content.center-text {

  justify-content: center;

}

.sec-title2 .title {

  font-size: 42px;

  font-weight: 700;

  line-height: 52px;

  color: #101010;

  margin: 0;

}

.sec-title2 .title.small {

  font-size: 36px;

}

.sec-title2 .title.title2 {

  font-size: 30px;

}

.sec-title2 .title.title3 {

  font-size: 28px;

  line-height: 38px;

}

.sec-title2 .desc {

  font-size: 16px;

  line-height: 30px;

  font-weight: 400;

  color: #333333;

  margin: 0;

}

.sec-title2 .view-line {

  margin: 0;

}

.sec-title2 .view-line a {

  color: #01539f;

  text-decoration: underline;

}

.sec-title2 .view-line a:hover {

  color: #ffd600;

}

.sec-title3 {

  position: relative;

  z-index: 1;

}

.sec-title3 .sub-text {

  font-size: 20px;

  line-height: 30px;

  font-weight: 600;

  font-family: "Single Day", Sans-serif;

  color: #0000FF;

  margin: 0 0 16px;

  display: block;

}

.sec-title3 .sub-text.yellow-color {

  color: #ffd600;

}

.sec-title3 .title {

  font-size: 36px;

  line-height: 46px;

  font-weight: 700;

  color: #0a0a0a;

  margin: 0;

}

.sec-title3 .title span {

  color: #0000FF;

 /* text-decoration: underline; */

}

.sec-title3 .title span.yellow-color {

  color: #ffd600;

}

.sec-title3 .description p {

  margin: 0px;

}

.sec-title3 .description:after {

  content: "";

  position: absolute;

  border: 0;

  width: 50px;

  height: 4px;

  z-index: 9;

  margin-left: 0;

  left: 0;

  bottom: -27px;

  background: #0000FF;

}

.sec-title4 .title-img {

  position: relative;

  left: 6px;

  top: 36px;

}

.sec-title4 .sub-text {

  font-size: 18px;

  font-weight: 600;

  line-height: 28px;

  color: #0A0A0A;

  display: block;

  margin: 0px 0px 15px 0px;

}

.sec-title4 .title {

  font-size: 36px;

  line-height: 50px;

  font-weight: 700;

  color: #0a0a0a;

  margin: 0px 0px 0px 0px;

}

.sec-title4 .description p {

  margin: 0;

}

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

	03. Header Section CSS

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

.full-width-header {

  position: relative;

}

.full-width-header .rs-header {

  position: relative;

}

.full-width-header .rs-header .toolbar-area {

  background: #F7F7FC;

}

.full-width-header .rs-header .toolbar-area .toolbar-sl-share li {

  display: inline-block;

  font-size: 14px;

  margin-right: 15px;

}

.full-width-header .rs-header .toolbar-area .toolbar-sl-share li:last-child {

  margin-right: 0;

}

.full-width-header .rs-header .toolbar-area .toolbar-sl-share li a i {

  font-size: 15px;

  color: #454545;

}

.full-width-header .rs-header .toolbar-area .toolbar-sl-share li a i:hover {

  color: #007cfb;

}

.full-width-header .rs-header .toolbar-area .clearfix-btn {

  display: flex;

  justify-content: flex-end;

}

.full-width-header .rs-header .toolbar-area .clearfix-btn li {

  display: inline-block;

  margin-left: 15px;

  line-height: 50px;

}

.full-width-header .rs-header .toolbar-area .clearfix-btn li a i {

  font-size: 14px;

  color: #ffffff;

}

.full-width-header .rs-header .toolbar-area .clearfix-btn li a i:hover {

  color: #ffd600;

}

.full-width-header .rs-header .toolbar-area .clearfix-btn .btn-quote {

  position: relative;

  line-height: 30px;

}

.full-width-header .rs-header .toolbar-area .clearfix-btn .btn-quote a {

  display: block;

  font-size: 14px;

  font-weight: 600;

  padding: 11px 22px;

  border-radius: 0;

  margin-left: 15px;

  transition: all 0.4s ease-in-out 0s;

  background: #ffd600;

  color: #0a0a0a;

  position: relative;

  overflow: hidden;

  text-decoration: none;

}

.full-width-header .rs-header .toolbar-area .clearfix-btn .btn-quote a:before {

  background-color: #fff;

  content: "";

  height: 150px;

  left: -75px;

  position: absolute;

  top: -60px;

  transform: rotate(35deg);

  transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1);

  width: 40px;

  opacity: 0;

}

.full-width-header .rs-header .toolbar-area .clearfix-btn .btn-quote a:hover {

  color: #01539f;

}

.full-width-header .rs-header .toolbar-area .clearfix-btn .btn-quote a:hover:before {

  left: 120%;

  transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);

  opacity: .25;

}

.full-width-header .rs-header .toolbar-area.toolber-style2 {

  background: #01539f;

}

.full-width-header .rs-header .toolbar-area.toolber-style2 .toolbar-contact .rs-contact-info {

  padding-left: 270px;

}

.full-width-header .rs-header .toolbar-area.toolber-style2 .toolbar-contact .rs-contact-info li {

  display: inline-block;

  line-height: 50px;

  font-weight: 500;

  border-right-color: #01539F;

  color: #ffffff;

}

.full-width-header .rs-header .toolbar-area.toolber-style2 .toolbar-contact .rs-contact-info li i {

  font-size: 14px;

  margin-right: 6px;

}

.full-width-header .rs-header .toolbar-area.toolber-style2 .toolbar-contact .rs-contact-info li i:before {

  font-size: 17px;

  margin-left: 0;

  position: relative;

  top: 3px;

  color: #ffffff;

}

.full-width-header .rs-header .toolbar-area.toolber-style2 .toolbar-contact .rs-contact-info li a {

  color: #fff;

  border-right: 1px solid #ffde33;

  margin-right: 20px;

  padding-right: 20px;

  transition: all 0.4s ease-in-out 0s;

  font-size: 14px;

}

.full-width-header .rs-header .toolbar-area.toolber-style2 .toolbar-contact .rs-contact-info li a:hover {

  color: #ffd600;

}

.full-width-header .rs-header .toolbar-area.toolber-style2 .toolbar-contact .rs-contact-info li a.no-border {

  border-right: unset;

  margin-right: 0;

  padding-right: 0;

}

.full-width-header .rs-header .toolbar-area.toolber-style2.toolber-style4 {

  background: #F7F7FC;

}

.full-width-header .rs-header .toolbar-area.toolber-style2.toolber-style4 .clearfix-btn li a i,

.full-width-header .rs-header .toolbar-area.toolber-style2.toolber-style4 .toolbar-contact ul li i:before,

.full-width-header .rs-header .toolbar-area.toolber-style2.toolber-style4 .toolbar-contact ul li a {

  color: #0a0a0a;

}

.full-width-header .rs-header .toolbar-area.toolber-style2.toolber-style4 .rs-contact-info li a:hover,

.full-width-header .rs-header .toolbar-area.toolber-style2.toolber-style4 .clearfix-btn li a i:hover {

  color: #007cfb;

}

.full-width-header .rs-header .toolbar-area.toolber-style3 {

  background: transparent;

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

}

.full-width-header .rs-header .toolbar-area.toolber-style3 .topbar-contact li {

  display: inline-block;

  color: #ffffff;

  font-size: 14px;

  font-weight: 500;

  line-height: 50px;

  border-right: 1px solid rgba(255, 255, 255, 0.2);

  margin-right: 20px;

  padding-right: 20px;

}

.full-width-header .rs-header .toolbar-area.toolber-style3 .topbar-contact li i {

  margin-right: 5px;

}

.full-width-header .rs-header .toolbar-area.toolber-style3 .topbar-contact li i:before {

  font-size: 17px;

  margin-left: 0;

  position: relative;

  top: 2px;

  color: #ffffff;

}

.full-width-header .rs-header .toolbar-area.toolber-style3 .topbar-contact li a {

  font-weight: 500;

  color: #ffffff;

  font-size: 14px;

}

.full-width-header .rs-header .toolbar-area.toolber-style3 .topbar-contact li a:hover {

  color: #81d742;

}

.full-width-header .rs-header .toolbar-area.toolber-style3 .topbar-contact li:last-child {

  margin: 0;

  border: none;

}

.full-width-header .rs-header .toolbar-area.toolber-style3 .toolbar-sl-share ul .opening {

  border-right: 1px solid rgba(255, 255, 255, 0.2);

}

.full-width-header .rs-header .toolbar-area.toolber-style3 .toolbar-sl-share ul .opening em {

  border-right: unset;

  margin-right: 5px;

  color: #ffffff;

  padding-right: 30px;

  font-style: normal;

}

.full-width-header .rs-header .toolbar-area.toolber-style3 .toolbar-sl-share ul .opening em i {

  margin-right: 8px;

}

.full-width-header .rs-header .toolbar-area.toolber-style3 .toolbar-sl-share ul .opening em i:before {

  font-size: 15px;

  position: relative;

  top: 2px;

  color: #ffffff;

}

.full-width-header .rs-header .toolbar-area.toolber-style3 .toolbar-sl-share ul li {

  display: inline-block;

  font-size: 14px;

  line-height: 50px;

  margin-right: 12px;

}

.full-width-header .rs-header .toolbar-area.toolber-style3 .toolbar-sl-share ul li a i {

  font-size: 14px;

  color: #ffffff;

}

.full-width-header .rs-header .toolbar-area.toolber-style3 .toolbar-sl-share ul li a i:hover {

  color: #81d742;

}

.full-width-header .rs-header .toolbar-area.toolber-style3 .toolbar-sl-share ul li:last-child {

  margin: 0;

}

.full-width-header .rs-header .middle-header {

  padding-top: 20px;

  padding-bottom: 20px;

}

.full-width-header .rs-header .middle-header .row-table {

  display: flex;

  width: 100%;

  position: relative;

  align-items: center;

  justify-content: space-between;

}

.full-width-header .rs-header .middle-header .row-table .col-cell {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.full-width-header .rs-header .middle-header .row-table .col-cell.header-logo {

  display: flex;

  flex: 1;

}

.full-width-header .rs-header .middle-header .logo-part a img {

  transition: 0.4s;

  max-height: 122px;

}

.full-width-header .rs-header .middle-header .rs-contact-info {

  display: flex;

  align-items: center;

}

.full-width-header .rs-header .middle-header .rs-contact-info .contact-part {

  position: relative;

  padding-left: 75px;

  margin-right: 25px;

}

.full-width-header .rs-header .middle-header .rs-contact-info .contact-part .info-icon {

  position: absolute;

  top: 50%;

  left: 18px;

  transform: translateY(-50%);

}

.full-width-header .rs-header .middle-header .rs-contact-info .contact-part .info-icon i:before {

  font-size: 34px;

  color: #007cfb;

}

.full-width-header .rs-header .middle-header .rs-contact-info .contact-part .contact-info .info-title {

  font-size: 16px;

  font-weight: 600;

  line-height: 1;

  padding-top: 2px;

  color: #0a0a0a;

}

.full-width-header .rs-header .middle-header .rs-contact-info .contact-part .contact-info .info-des {

  font-size: 14px;

  padding-top: 4px;

  color: #0a0a0a;

}

.full-width-header .rs-header .middle-header .rs-contact-info .contact-part .contact-info .info-des a {

  color: #454545;

  font-size: 14px;

}

.full-width-header .rs-header .middle-header .rs-contact-info .contact-part .contact-info .info-des a:hover {

  color: #007cfb;

}

.full-width-header .rs-header .middle-header .rs-contact-info .contact-part.margin-no {

  margin-right: 0;

}

.full-width-header .rs-header .middle-header.middle-header-style2 .rs-contact-info .contact-part .info-icon i:before {

  color: #0000FF;

  font-size: 34px;

}

.full-width-header .rs-header .middle-header.middle-header-style2 .rs-contact-info .contact-part .contact-info .info-des a:hover {

  color: #00aae4;

}

.full-width-header .rs-header .menu-area {

  background: #007cfb;

  position: relative;

  z-index: 10;

}

.full-width-header .rs-header .menu-area .row-table {

  display: flex;

  width: 100%;

  position: relative;

  align-items: center;

  justify-content: space-between;

}

.full-width-header .rs-header .menu-area .row-table .col-cell {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.full-width-header .rs-header .menu-area .row-table .col-cell.header-logo {

  display: none;

  flex: 1;

}

.full-width-header .rs-header .menu-area .logo-area img {

  transition: 0.4s;

  max-height: 96px;

}

.full-width-header .rs-header .menu-area .rs-menu-area {

  display: flex;

  align-items: center;

}

.full-width-header .rs-header .menu-area .main-menu {

  position: unset;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li {

  display: inline-block;

  margin-right: 32px;

  padding: 0;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a {

  transition: all 0.3s ease;

  font-size: 15px;

  font-weight: 600;

  margin-right: 10px;

  height: 62px;

  line-height: 62px;

  padding: 0;

  color: #ffffff;

  position: relative;

  font-family: Poppins;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a:hover {

  color: #ffd100;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children > a {

  padding-right: 17px;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children > a:before {

  content: "+";

  position: absolute;

  left: auto;

  right: 0;

  top: 50%;

  text-align: center;

  z-index: 9999;

  font-size: 16px;

  display: block;

  cursor: pointer;

  transform: translateY(-50%);

  font-weight: 400;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children:hover > a:before {

  content: "-";

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {

  color: #333333 !important;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu {

  background: #ffffff;

  margin: 0;

  padding: 20px 0;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li {

  margin: 0 !important;

  border: none;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a {

  padding-top: 10px;

  padding-bottom: 10px;

  padding-left: 30px;

  padding-right: 30px;

  margin: 0;

  font-family: Poppins;

  font-size: 14px;

  color: #0a0a0a;

  font-weight: 500;

  height: unset;

  line-height: 25px;

  text-transform: capitalize;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a:hover {

  color: #007cfb;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li:last-child {

  margin: 0;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li.menu-item-has-children a:before {

  display: none;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu.right {

  left: auto;

  right: 100%;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.onepage-menu li.current-menu-item > a {

  color: #007cfb;

}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul li a:hover,

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.active a,

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item > a,

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before {

  color: #333333 !important;

}

.full-width-header .rs-header .menu-area.sticky {

  background: #fff;

}

.full-width-header .rs-header .menu-area.sticky .col-cell.header-logo {

  display: block;

}

.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a {

  color: #101010;

}

.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a:hover {

  color: #007cfb;

}

.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li.current-menu-item > a {

  color: #007cfb;

}

.full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .sidebarmenu-search a i {

  display: none;

}

.full-width-header .rs-header .menu-area.sticky:after {

  background: unset;

}

.full-width-header .rs-header .menu-area:after {

  content: "";

  position: absolute;

  top: 0;

  right: -50px;

  width: 34.25%;

  height: 101%;

  background: #ffd600;

  transform: skew(-28deg);

  z-index: -1;

}

.full-width-header .rs-header .expand-btn-inner {

  display: flex;

  align-items: center;

  justify-content: space-between;

}

.full-width-header .rs-header .expand-btn-inner ul {

  display: flex;

  align-items: center;

  margin-left: 25px;

}

.full-width-header .rs-header .expand-btn-inner ul .sidebarmenu-search a i {

  color: #454545;

}

.full-width-header .rs-header .expand-btn-inner ul .sidebarmenu-search a i:before {

  font-size: 20px;

  line-height: unset;

}

.full-width-header .rs-header .expand-btn-inner ul .nav-link .nav-expander {

  padding: 9px 13px 9px;

  background: transparent;

  max-width: 50px;

  display: flex;

  flex-wrap: wrap;

  border-radius: 2px;

  padding-right: 0;

  margin-right: -4px;

}

.full-width-header .rs-header .expand-btn-inner ul .nav-link .nav-expander .dot-hum {

  width: 30px;

  border-radius: 30px;

  margin: 3px 0;

  height: 3px;

  background: #333333;

}

.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.nav-menu li a {

  color: #101010;

  height: 83px;

  line-height: 83px;

}

.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.sub-menu li a {

  height: unset;

  line-height: unset;

}

.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul li.active a,

.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before,

.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {

  color: #01539F !important;

}

.full-width-header .rs-header.header-style2 .menu-area .logo-area img {

  max-height: 150px;

  margin-top: -67px;

  background: #ffd600;

  padding: 23px 55px;

}

.full-width-header .rs-header.header-style2 .menu-area.sticky .logo-area.normal-logo,

.full-width-header .rs-header.header-style2 .menu-area .logo-area.sticky-logo {

  display: none;

}

.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover {

  color: #01539F !important;

}

.full-width-header .rs-header.header-style2 .menu-area {

  background: unset;

}

.full-width-header .rs-header.header-style2 .menu-area .row-table .col-cell.header-logo {

  display: unset;

}

.full-width-header .rs-header.header-style2 .menu-area:after {

  display: none;

}

.full-width-header .rs-header.header-style2 .expand-btn-inner ul .sidebarmenu-search a i {

  padding-right: 0;

}

.full-width-header .rs-header.header-style2 .expand-btn-inner ul .nav-link {

  display: none;

}

.full-width-header .rs-header.header-style2 .menu-area.sticky .logo-area.sticky-logo {

  display: block;

}

.full-width-header .rs-header.header-style2 .menu-area.sticky .logo-area.sticky-logo img {

  max-height: 35px;

  margin-top: unset;

  background: unset;

  padding: unset;

}

.full-width-header .rs-header.header-style2 .menu-area.sticky .expand-btn-inner ul .sidebarmenu-search a i {

  display: block;

}

.full-width-header .rs-header.header-style2.header-style4 .expand-btn-inner ul .sidebarmenu-search a i {

  padding-right: 16px;

}

.full-width-header .rs-header.header-style2.header-style4 .expand-btn-inner ul .nav-link {

  display: block;

  padding: unset;

}

.full-width-header .rs-header.header-style3 .menu-area {

  background: unset;

  padding-top: 15px;

}

.full-width-header .rs-header.header-style3 .menu-area:after {

  display: none;

}

.full-width-header .rs-header.header-style3 .menu-area .row-table .col-cell.header-logo {

  display: flex;

  flex: 1;

}

.full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,

.full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul li.active a,

.full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before,

.full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {

  color: #ffd600 !important;

}

.full-width-header .rs-header.header-style3 .menu-area .logo-area a .sticky-logo {

  display: none;

}

.full-width-header .rs-header.header-style3 .menu-area .logo-area a .normal-logo {

  display: block;

}

.full-width-header .rs-header.header-style3 .menu-area .logo-area img {

  transition: 0.4s;

  max-height: 60px;

  position: relative;

  top: -5px;

}

.full-width-header .rs-header.header-style3 .menu-area.sticky {

  padding-top: 10px;

}

.full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.nav-menu li a {

  height: 75px;

  line-height: 75px;

}

.full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.sub-menu li a {

  height: unset;

  line-height: 25px;

}

.full-width-header .rs-header.header-style3 .menu-area.sticky .logo-area a .sticky-logo {

  display: block;

}

.full-width-header .rs-header.header-style3 .menu-area.sticky .logo-area a .normal-logo {

  display: none;

}

.full-width-header .rs-header.header-style3 .menu-area.sticky .logo-area img {

  max-height: 45px;

}

.full-width-header .rs-header.header-style3 .expand-btn-inner ul .nav-link {

  display: none;

}

.full-width-header .rs-header.header-style3 .expand-btn-inner ul .icon-bar .cart-icon i:before,

.full-width-header .rs-header.header-style3 .expand-btn-inner ul .sidebarmenu-search a i {

  color: #ffffff;

}

.full-width-header .rs-header.header-style3 .expand-btn-inner ul .btn-quote {

  position: relative;

  margin-left: 25px;

  line-height: 30px;

}

.full-width-header .rs-header.header-style3 .expand-btn-inner ul .btn-quote a {

  font-size: 14px;

  background: #ffd600;

  border-color: #ffd600;

  padding: 8px 22px;

  border-radius: 3px;

  color: #0a0a0a;

  font-weight: 500;

  transition: all 400ms ease 0ms;

  position: relative;

  overflow: hidden;

  display: inline-block;

}

.full-width-header .rs-header.header-style3 .expand-btn-inner ul .btn-quote a:before {

  background-color: #fff;

  content: "";

  height: 150px;

  left: -75px;

  position: absolute;

  top: -60px;

  transform: rotate(35deg);

  transition: all 1600ms cubic-bezier(0.19, 1, 0.22, 1);

  width: 40px;

  opacity: 0;

}

.full-width-header .rs-header.header-style3 .expand-btn-inner ul .btn-quote a:hover:before {

  left: 120%;

  transition: all 1300ms cubic-bezier(0.19, 1, 0.22, 1);

  opacity: .25;

}

.full-width-header .rs-header.header-style3.header-home5-style .menu-area .main-menu .rs-menu ul li.active a,

.full-width-header .rs-header.header-style3.header-home5-style .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,

.full-width-header .rs-header.header-style3.header-home5-style .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before,

.full-width-header .rs-header.header-style3.header-home5-style .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {

  color: #ff7033 !important;

}

.full-width-header .rs-header.header-style3.header-home5-style .expand-btn-inner ul .btn-quote a {

  background: #ff7033;

  border-color: #ff7033;

  color: #ffffff;

}

.full-width-header .rs-header.home4-header-style4 .menu-area {

  background: #0000ff57;

}

.full-width-header .rs-header.home4-header-style4 .menu-area.sticky .logo-area .mobile-logo {

  display: none; 

}

.full-width-header .rs-header.header-transparent {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999;

}

.full-width-header .mobile-menu {

  display: none; 

}

.full-width-header .mobile-menu .mobile-logo {

  float: left;

}

.full-width-header .mobile-menu .mobile-logo img {

  max-height: 30px;

}

.full-width-header .mobile-menu .rs-menu-toggle {

  color: #ffffff;

  float: right;

}

.full-width-header .mobile-menu .rs-menu-toggle.primary {

  color: #007cfb;

}

.full-width-header .mobile-menu .rs-menu-toggle.secondary {

  color: #ffd600;

}

.full-width-header .mobile-menu .rs-menu-toggle .nav-dots {

  position: absolute;

  right: 0;

  width: 25px;

  height: 2px;

  background: #fff;

  z-index: 11;

  top: 23px;

}

.full-width-header .mobile-menu .rs-menu-toggle .dot1,

.full-width-header .mobile-menu .rs-menu-toggle .dot3 {

  width: 15px;

}

.full-width-header .mobile-menu .rs-menu-toggle .dot2 {

  top: 28px;

}

.full-width-header .mobile-menu .rs-menu-toggle .dot3 {

  top: 34px;

}

.full-width-header .mobile-menu .rs-menu-toggle .dot4 {

  top: 40px;

}

.full-width-header .right_menu_togle {

  background-image: linear-gradient(90deg, #e2e9f7 0%, #ffffff 100%);

  padding: 46px 60px 50px 50px;

  font-size: 1.15em;

  max-width: 480px;

  width: 100%;

  right: -500px;

  z-index: 999999;

  transition: all 0.3s ease;

  position: fixed;

  overflow-y: auto;

}

.full-width-header .right_menu_togle .close-btn {

  overflow: visible;

  position: absolute;

  top: 10px;

  display: block;

  z-index: 99;

  right: 57px;

  cursor: pointer;

  transition: all .3s ease;

}

.full-width-header .right_menu_togle .close-btn .nav-close .line {

  width: 40px;

  height: 40px;

  line-height: 40px;

}

.full-width-header .right_menu_togle .close-btn .nav-close .line span {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%) rotate(45deg);

  width: 1px !important;

  height: 25px !important;

  background: #01539f;

  border: none !important;

  transition: all 0.3s ease;

}

.full-width-header .right_menu_togle .close-btn .nav-close .line span.line2 {

  transform: translate(-50%, -50%) rotate(-45deg);

}

.full-width-header .right_menu_togle .close-btn:hover .nav-close .line span {

  background: #007cfb;

}

.full-width-header .right_menu_togle .canvas-logo {

  padding-left: 0;

  padding-bottom: 35px;

}

.full-width-header .right_menu_togle .canvas-logo img {

  max-height: 45px;

}

.full-width-header .right_menu_togle .offcanvas-text p {

  font-size: 16px;

  line-height: 30px;

  color: #333333;

  margin: 0px 0 38px;

}

.full-width-header .right_menu_togle .canvas-contact .address-area .address-list {

  display: flex;

  margin-top: 18px;

}

.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i:before {

  margin: 0 20px 0 0;

  font-size: 25px;

  color: #01539f;

}

.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content .title {

  font-size: 16px;

  line-height: 26px;

  font-weight: 600;

  color: #333333;

  margin-bottom: 5px;

}

.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em {

  display: block;

  font-style: normal;

  line-height: 22px;

  font-size: 15px;

  color: #333333;

}

.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a {

  color: #333333;

}

.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover {

  color: #01539f;

}

.full-width-header .right_menu_togle .canvas-contact .social {

  margin: 40px 0 0;

}

.full-width-header .right_menu_togle .canvas-contact .social li {

  display: inline-block;

}

.full-width-header .right_menu_togle .canvas-contact .social li a i {

  font-size: 15px;

  color: #fff;

  margin: 0 8px 0 0;

  text-align: center;

  background: #01539f;

  width: 35px;

  height: 35px;

  line-height: 35px;

  border-radius: 3px;

}

.full-width-header .right_menu_togle .canvas-contact .social li a i:hover {

  opacity: .9;

}

.full-width-header .right_menu_togle .canvas-contact .social li:last-child {

  margin: 0;

}

.full-width-header .mobile-navbar-menu .sub-menu {

  display: none;

  position: relative;

  left: 0;

  width: 100%;

  margin: 0;

  text-align: left;

}

.full-width-header .mobile-navbar-menu .nav-menu li {

  position: relative;

}

.full-width-header .mobile-navbar-menu .nav-menu li a {

  border-bottom: 1px solid rgba(0, 0, 0, 0.06);

  display: block;

  color: #333;

  padding: 10px 0;

  line-height: 30px;

  width: 100%;

}

.full-width-header .mobile-navbar-menu .nav-menu li li a {

  padding-left: 25px;

}

.full-width-header .mobile-navbar-menu .nav-menu li li li a {

  padding-left: 50px;

}

.full-width-header .mobile-navbar-menu span.submenu-button {

  position: absolute;

  z-index: 99;

  right: 0;

  top: 5px;

  display: block;

  height: 40px;

  width: 40px;

  cursor: pointer;

}

.full-width-header .mobile-navbar-menu span.submenu-button:before,

.full-width-header .mobile-navbar-menu span.submenu-button:after {

  position: absolute;

  top: 24px;

  right: 10px;

  width: 20px;

  height: 1px;

  display: block;

  background: #333;

  z-index: 2;

  content: '';

  right: 12px;

  width: 12px;

}

.full-width-header .mobile-navbar-menu span.submenu-button:before {

  width: 1px;

  height: 12px;

  right: 17px;

  top: 18px;

}

.full-width-header .mobile-navbar-menu span.submenu-button em {

  display: block;

  position: absolute;

  right: 0;

  border-radius: 4px;

  top: 50%;

  transform: translateY(-50%);

}

.full-width-header .mobile-navbar-menu .hash-has-sub span.submenu-button {

  width: 100%;

  cursor: pointer;

  top: 0;

  height: 50px;

}

.full-width-header .mobile-navbar-menu .submenu-button.submenu-opened:before {

  display: none;

}

.full-width-header .mobile-navbar-menu ul ul li,

.full-width-header .mobile-navbar-menu li:hover > ul > li {

  height: auto;

}

.full-width-header .mobile-navbar-menu ul.nav-menu > li:first-child > span.submenu-button:after {

  top: 19px;

}

.full-width-header .mobile-navbar-menu ul.nav-menu > li:first-child > span.submenu-button:before {

  top: 13px;

}

.full-width-header .mobile-navbar-menu .nav-menu li.active-menu a,

.full-width-header .mobile-navbar-menu .nav-menu li a:hover {

  color: #007cfb;

}

body.modal-open {

  padding: 0 !important;

}

body .modal.show .modal-dialog {

  width: 100%;

  max-width: 500px;

}

body .search-modal {

  padding: 0 !important;

  background: #01539F;

}

body .search-modal .modal-content {

  position: initial;

  border: 0;

  background: unset;

}

body .search-modal .search-block form {

  position: relative;

}

body .search-modal .search-block form input {

  background: 0 0;

  border: none;

  color: #fff;

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

  outline: none;

  padding: 14px 17px;

  border-radius: unset;

}

body .search-modal .search-block form button {

  background: transparent;

  border: none;

  padding: 5px 20px;

  color: #ffffff;

  border-radius: 0 5px 5px 0;

  font-size: 16px;

  position: absolute;

  content: '';

  right: 0;

  top: 11px;

}

body .search-modal .search-block form button i:before {

  color: #fff;

  font-size: 18px;

  font-weight: 600;

  opacity: .7;

}

body .search-modal .search-block ::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */



  color: #fff;

  opacity: 1;

}

body .search-modal .search-block ::-moz-placeholder {

  /* Firefox 19+ */



  color: #fff;

  opacity: 0.3;

}

body .search-modal .search-block :-ms-input-placeholder {

  /* IE 10+ */



  color: #fff;

  opacity: 1;

}

body .search-modal .search-block :-moz-placeholder {

  /* Firefox 18- */



  color: #fff;

  opacity: 1;

}

body .search-modal .close {

  position: fixed;

  right: 50px;

  top: 50px;

  background: #ffffff;

  color: #0a0a0a;

  width: 40px;

  height: 40px;

  line-height: 43px;

  text-align: center;

  cursor: pointer;

  border-radius: 50%;

  transition: all .5s ease;

  opacity: unset;

  box-shadow: unset;

  border: none;

}

body .search-modal .close i:before {

  font-size: 23px;

  position: relative;

  top: 4px;

  left: 0px;

  font-weight: 700;

}

body .search-modal .close:hover {

  opacity: 0.8 !important;

}

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

	04. Sticky Menu CSS

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

.menu-sticky {

  background: #fff;

  margin: 0;

  z-index: 999;

  width: 100%;

  top: 0;

  position: relative;

}

@-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. About Section CSS

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

.rs-about.style1 .about-images {

  position: relative;

}

.rs-about.style1 .about-images .about-widget {

  position: absolute;

  color: #FFFFFF;

  font-family: "Roboto", Sans-serif;

  font-size: 16px;

  font-weight: 600;

  width: 290px;

  max-width: 290px;

  right: 64px;

  top: 476px;

}

.rs-about.style1 .about-images .about-widget .about-style {

  padding: 25px 40px 25px 105px;

  background-image: url(assets/images/about/style1/ibg.png);

  background-position: top left;

  background-repeat: no-repeat;

  background-size: cover;

  border-radius: 6px 6px 6px 6px;

}

.rs-about.style1 .about-img {

  margin: 0px 0px 0px -42px;

}

.rs-about.style2 {

  position: relative;

  z-index: 11;

}

.rs-about.style2 .services-item {

  display: flex;

}

.rs-about.style2 .services-item .services-icon img {

  max-width: unset;

  width: 90px;

  height: 70px;

}

.rs-about.style2 .services-item .services-content {

  padding-left: 24px;

}

.rs-about.style2 .services-item .services-content .title {

  font-size: 20px;

  line-height: 30px;

  font-weight: 700;

  color: #101010;

  margin: 0 0 10px;

}

.rs-about.style2 .services-item .services-content .desc {

  color: #101010;

  margin: 0;

}

.rs-about.style2 .about-images {

  position: relative;

  z-index: 11;

}

.rs-about.style2 .about-images .about-animation .animation {

  position: absolute;

}

.rs-about.style2 .about-images .about-animation .animation.dot-img {

  right: 54px;

  top: 30px;

  z-index: -11;

}

.rs-about.style2 .about-images .about-animation .animation.cleaning-img {

  left: -53px;

  top: -80px;

}

.rs-about.style2 .about-images .about-animation .animation.cleaning-img img {

  max-width: 200px;

}

.rs-about.style2 .about-images .rs-animate-ab2 {

  position: absolute;

  right: 48px;

  bottom: -10px;

  width: 270px;

  max-width: 270px;

  padding: 28px 30px 19px 30px;

  background-color: #01539F;

  border-radius: 50px 0px 50px 0px;

}

.rs-about.style2 .about-images .rs-animate-ab2 .rs-pie-content {

  display: flex;

  align-items: center;

  position: relative;

}

.rs-about.style2 .about-images .rs-animate-ab2 .rs-pie-content .rs-pie {

  display: inline-block;

  position: relative;

  text-align: center;

}

.rs-about.style2 .about-images .rs-animate-ab2 .rs-pie-content .rs-pie span {

  color: #FFFFFF;

  font-size: 20px;

  font-weight: 700;

  display: block;

  position: absolute;

  top: 46%;

  left: 50%;

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

}

.rs-about.style2 .about-images .rs-animate-ab2 .rs-pie-content .number {

  font-size: 20px;

  font-weight: 600;

  color: #ffffff;

  line-height: 30px;

  padding: 0px 0px 0px 23px;

  margin: -4px 0px 0px 0px;

}

.rs-about.style3 {

  position: relative;

}

.rs-about.style3 .about-img {

  position: relative;

}

.rs-about.style3 .about-img .about-widget {

  position: absolute;

  width: 220px;

  max-width: 220px;

  top: 392px;

  left: -98px;

}

.rs-about.style3 .about-img .about-widget .counter-part {

  padding: 26px 40px 29px 40px;

  background-color: transparent;

  background-image: linear-gradient(120deg, #1c6c28 32%, #ffd600 100%);

  border-radius: 5px 5px 5px 5px;

}

.rs-about.style3 .about-img .about-widget .counter-part .rs-count {

  font-size: 68px;

  line-height: 68px;

  font-weight: 700;

  color: #fff;

  position: relative;

  display: inline-block;

  padding-right: 45px;

}

.rs-about.style3 .about-img .about-widget .counter-part .rs-count:before {

  content: '+';

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

}

.rs-about.style3 .about-img .about-widget .counter-part .title {

  color: #ffffff;

  margin: 0;

}

.rs-about.style3 .rs-animation {

  position: absolute;

  left: -31px;

  top: 15px;

}

.rs-about.style4 .about-images {

  position: relative;

}

.rs-about.style4 .about-images .about-widget {

  background-color: #01539F;

  width: 275.217px;

  max-width: 275.217px;

  bottom: 0px;

  right: 55px;

  position: absolute;

}

.rs-about.style4 .about-images .about-widget .services-item {

  display: flex;

  padding: 12px 0px 12px 20px;

}

.rs-about.style4 .about-images .about-widget .services-item .services-icon img {

  width: 50px;

  height: 59px;

  max-width: unset;

}

.rs-about.style4 .about-images .about-widget .services-item .services-content {

  padding: 0px 0px 0px 15px;

  margin: 12px 0px 0px 0px;

}

.rs-about.style4 .about-images .about-widget .services-item .services-content .services-desc {

  font-size: 16px;

  font-weight: 600;

  line-height: 1.45em;

  color: #ffffff;

  margin-bottom: 0;

}

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

	06. Breadcrumbs Section CSS

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

.rs-breadcrumbs {

  background-repeat: no-repeat !important;

  background-size: cover !important;

  background-position: center center !important;

}

.rs-breadcrumbs .breadcrumbs-inner {

  padding: 196px 0 75px;

}

.rs-breadcrumbs .breadcrumbs-inner .page-title {

  font-size: 48px;

  line-height: 58px;

  font-weight: 700;

  color: #ffffff;

  position: relative;

  z-index: 1;

  margin-bottom: 0;

}

.rs-breadcrumbs .breadcrumbs-inner .page-title:after {

  content: "";

  position: absolute;

  border: 0;

  width: 60px;

  height: 6px;

  background: #ffd600;

  z-index: 1;

  margin-left: 0;

  left: 0;

  top: -28px;

}

.rs-breadcrumbs .breadcrumbs-inner .page-title.title-center:after {

  margin: 0 auto;

  right: 0;

}

.rs-breadcrumbs .breadcrumbs-inner .description p {

  font-size: 17px;

  line-height: 27px;

  font-weight: 500;

  color: #ffffff;

  margin: 24px 0px 0px 0px;

}

.rs-breadcrumbs .breadcrumbs-inner .single-posts-meta li {

  list-style: none;

  display: inline-block;

  padding-right: 10px;

  color: #fff;

  font-size: 14px;

}

.rs-breadcrumbs .breadcrumbs-inner .single-posts-meta li span i {

  position: relative;

  font-size: 13px;

  margin-right: 3px;

  top: 1px;

}

.rs-breadcrumbs .breadcrumbs-inner .single-posts-meta .post-cate i {

  position: relative;

  top: 1px;

  margin-right: 3px;

}

.rs-breadcrumbs .breadcrumbs-inner .single-posts-meta .post-cate a {

  color: #ffffff;

}

.rs-breadcrumbs .breadcrumbs-inner .single-posts-meta .post-comment {

  font-size: 14px;

  color: #ffffff;

}

.rs-breadcrumbs .breadcrumbs-inner .single-posts-meta .post-comment i {

  position: relative;

  top: 1px;

  color: #ffffff;

}

.rs-breadcrumbs.img1 {

  background: url(assets/images/breadcrumbs/inr-1.jpg);

}

.rs-breadcrumbs.img2 {

  background: url(assets/images/breadcrumbs/inr-2.jpg);

}

.rs-breadcrumbs.img3 {

  background: url(assets/images/breadcrumbs/inr-3.jpg);

}

.rs-breadcrumbs.img4 {

  background: url(assets/images/breadcrumbs/inr-4.jpg);

}

.rs-breadcrumbs.img5 {

  background: url(assets/images/breadcrumbs/inr-5.jpg);

}

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

	07. Banner Section CSS

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

.rs-banner.banner-main-home {

  background-image: url(assets/images/banner/style1/banner-bg.jpg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  position: relative;

  z-index: 1;

}

.rs-banner.banner-main-home .content-wrap {

  padding: 165px 0 160px;

}

.rs-banner.banner-main-home .content-wrap .sub-title {

  font-size: 16px;

  line-height: 25px;

  font-weight: 600;

  color: #007cfb;

  text-transform: uppercase;

  display: block;

  margin: 0 0 12px 0;

}

.rs-banner.banner-main-home .content-wrap .title {

  font-size: 80px;

  line-height: 80px;

  font-weight: 800;

  color: #0a0a0a;

  margin: 0 0 10px 0;

}

.rs-banner.banner-main-home .content-wrap .title-small {

  font-size: 52px;

  line-height: 55px;

  font-weight: 700;

  color: #007cfb;

  margin: 0 0 10px 0;

}

.rs-banner.banner-main-home .content-wrap .title-small span {

  color: #0a0a0a;

}

.rs-banner.banner-main-home .content-wrap .description {

  font-size: 18px;

  line-height: 28px;

  font-weight: 500;

  color: #454545;

  margin: 0 0 50px 0;

}

.rs-banner.banner-main-home .banner-animate .circle-animate {

  position: absolute;

}

.rs-banner.banner-main-home .banner-animate .circle-animate.big {

  left: 52%;

  top: 18%;

}

.rs-banner.banner-main-home .banner-animate .circle-animate.small {

  left: 47%;

  top: 44%;

  z-index: -11;

}

.rs-banner.banner-style2 .banner-imgae {

  background: url(assets/images/banner/banner-4.jpg);

  background-repeat: no-repeat;

  background-position: top center;

  background-size: cover;

}

.rs-banner.banner-style2 .banner-content {

  background-color: #F2F8FB;

  padding: 170px 80px 170px 80px;

}

.rs-banner.banner-style2 .banner-content .title-inner .sub-text {

  font-size: 20px;

  font-weight: 600;

  color: #0000FF;

  font-family: "Single Day", Sans-serif;

  margin: 0 0 10px;

  display: block;

}

.rs-banner.banner-style2 .banner-content .title-inner .title {

  font-size: 75px;

  line-height: 85px;

  font-weight: 800;

  color: #0a0a0a;

  margin: 8px 0px 30px 0px;

}

.rs-banner.banner-style2 .banner-content .title-inner .title span {

  color: #0000FF;

  text-decoration: underline;

}

.rs-banner.banner-style2 .banner-content .address-wrap {

  display: flex;

  align-items: center;

}

.rs-banner.banner-style2 .banner-content .address-wrap .address-icon {

  background: #0000FF;

  margin-right: 20px;

}

.rs-banner.banner-style2 .banner-content .address-wrap .address-icon i {

  color: #ffffff;

}

.rs-banner.banner-style2 .banner-content .address-wrap .address-icon:before {

  background: #0000FF;

}

.rs-banner.banner-style2 .banner-content .address-wrap .text .des {

  font-size: 40px;

  font-weight: 700;

  letter-spacing: -2px;

  color: #111111;

}

.rs-banner.banner-style3 {

  background: url(assets/images/banner/style2/banner-bg.jpg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

}

.rs-banner.banner-style3 .banner-content {

  padding: 260px 0 250px;

}

.rs-banner.banner-style3 .banner-content .sub-title {

  font-size: 18px;

  line-height: 25px;

  font-weight: 500;

  color: #ffffff;

  display: block;

  margin: 0 0 40px;

  position: relative;

}

.rs-banner.banner-style3 .banner-content .sub-title .shape-img {

  position: absolute;

  top: -21px;

  left: 20px;

}

.rs-banner.banner-style3 .banner-content .title {

  font-size: 70px;

  line-height: 90px;

  font-weight: 700;

  color: #ffffff;

}

.rs-banner.banner-style3 .banner-content .title span {

  color: #ff7033;

}

.rs-banner.banner-style3 .banner-content .description {

  font-size: 18px;

  line-height: 32px;

  font-weight: 500;

  color: #ffffff;

  margin: 0;

}

.rs-banner.banner-style3 .banner-img {

  margin: 0 0 0 -65px;

}

.rs-banner.banner-style3 .banner-img img {

  position: relative;

  max-width: 830px;

}

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

	08. Cleaning Section CSS

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

.rs-cleaning.cleaning-style .cleaning-part {

  text-align: center;

  max-width: 700px;

  border-radius: 5px;

  margin: 0 auto;

  padding: 60px 0 60px;

  background: #ffffff;

}

.rs-cleaning.cleaning-style1 .cheaning-img {

  background-image: url(assets/images/project/details/2.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  padding: 315px 0px 315px 0px;

  position: relative;

}

.rs-cleaning.cleaning-style1 .cheaning-img .rs-videos .animate-border .popup-border {

  left: 50%;

  top: 50%;

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

}

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

	09. Choose Section CSS

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

.rs-choose.choose-style1 .choose-us-section .video-img {

  position: relative;

}

.rs-choose.choose-style1 .choose-us-section .video-img .rs-videos {

  position: absolute;

  right: 16%;

  top: 47%;

}

.rs-choose.choose-style1 .about-choose-us .about-video {

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

  background-position: top right;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 310px 0 310px;

  position: relative;

}

.rs-choose.choose-style1 .about-choose-us .about-video .rs-videos {

  position: absolute;

  left: 15%;

  bottom: 21%;

}

.rs-choose.choose-style1.choose-home4-style .rs-videos .overly-border {

  border: unset;

}

.rs-choose.choose-style1.choose-home4-style .rs-videos .overly-border a:before {

  animation: unset;

  background: #0000FF;

}

.rs-choose.choose-style1.choose-home4-style .rs-videos .overly-border a i {

  font-size: 18px;

  line-height: 80px;

  display: block;

}

.rs-choose.choose-style2 .choose-main-part .services-part {

  padding: 40px 30px 40px 30px;

  margin: 0 4px 0 0;

  border-style: solid;

  border-width: 1px 1px 1px 1px;

  border-color: #01539F21;

  position: relative;

}

.rs-choose.choose-style2 .choose-main-part .services-part .services-icon {

  margin: 0 0 17px;

}

.rs-choose.choose-style2 .choose-main-part .services-part .services-icon img {

  width: 100px;

  height: 100px;

}

.rs-choose.choose-style2 .choose-main-part .services-part .services-txt {

  position: relative;

}

.rs-choose.choose-style2 .choose-main-part .services-part .services-txt .title {

  font-size: 20px;

  line-height: 30px;

  font-weight: 600;

  color: #0a0a0a;

  margin: 0 0 0;

}

.rs-choose.choose-style2 .choose-main-part .services-part .services-txt .serial-number {

  position: absolute;

  left: 160px;

  top: -120px;

  color: #FFD6002B;

  font-family: "Modern Antiqua", Sans-serif;

  font-size: 61px;

  font-weight: 900;

}

.rs-choose.choose-style2 .video-img {

  background-image: url(assets/images/video/video.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  background-position: top center;

  padding: 480px 0 480px 0;

  position: relative;

}

.rs-choose.choose-style2 .video-img .rs-videos .animate-border .popup-border {

  left: 50%;

  top: 50%;

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

}

.rs-choose.choose-style3 .video-img {

  background-image: url(assets/images/choose/style3/why-choose3.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  padding: 266px 0px 267px 0px;

  position: relative;

}

.rs-choose.choose-style3 .video-img .rs-videos .animate-border .popup-border {

  left: 50%;

  top: 50%;

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

}

.rs-choose.choose-style3 .rs-addon-services {

  background-color: #F8FFF4;

  padding: 70px 0px 60px 30px;

}

.rs-choose.choose-style3 .rs-addon-services .services-item {

  display: flex;

}

.rs-choose.choose-style3 .rs-addon-services .services-item .services-icon img {

  width: 60px;

  height: 60px;

  max-width: unset;

}

.rs-choose.choose-style3 .rs-addon-services .services-item .services-content {

  padding: 0px 0px 20px 30px;

}

.rs-choose.choose-style3 .rs-addon-services .services-item .services-content .title {

  font-size: 20px;

  line-height: 30px;

  font-weight: 700;

  color: #0a0a0a;

  margin: 0 0 10px;

}

.rs-choose.choose-style3 .rs-addon-services .services-item .services-content .services-txt {

  margin: 0;

}

.rs-choose.choose-style4 .services-item {

  padding: 0px 58px 0px 0px;

}

.rs-choose.choose-style4 .services-item .services-icon {

  margin-bottom: 35px;

}

.rs-choose.choose-style4 .services-item .services-icon img {

  max-width: unset;

  width: 70px;

  height: 70px;

  left: 0;

  position: relative;

  transition: 0.4s;

}

.rs-choose.choose-style4 .services-item .services-content .title {

  font-size: 22px;

  line-height: 32px;

  font-weight: 700;

  color: #0a0a0a;

  margin: 0 0 10px;

}

.rs-choose.choose-style4 .services-item .services-content .services-txt {

  margin: 0;

}

.rs-choose.choose-style4 .services-item:hover .services-icon img {

  left: 30px;

}

.rs-choose.choose-style5 .rs-addon-services .services-item {

  display: flex;

  padding: 20px 20px 20px 20px;

  margin: 0px 5px 0px 0px;

  box-shadow: 0px 0px 10px 0px rgba(216, 211, 211, 0.4);

  background: #ffffff;

}

.rs-choose.choose-style5 .rs-addon-services .services-item .services-icon {

  min-width: 50px;

  height: 50px;

  line-height: 40px;

  border-radius: 50px 50px 50px 50px;

  background: #ff7033;

  display: inline-block;

  text-align: center;

  transition: all ease .3s;

}

.rs-choose.choose-style5 .rs-addon-services .services-item .services-icon img {

  width: 30px;

  height: 30px;

  max-width: unset;

}

.rs-choose.choose-style5 .rs-addon-services .services-item .services-text {

  padding: 10px 0px 0px 22px;

}

.rs-choose.choose-style5 .rs-addon-services .services-item .services-text .services-title .title {

  font-size: 18px;

  font-weight: 700;

  line-height: 1.4em;

  color: #101010;

  margin: 0;

}

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

	10. Slider Section CSS

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

.rs-slider.slide-home-style2 {

  background: url(assets/images/slider/style1/banner-bg.jpg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: cover;

  position: relative;

}

.rs-slider.slide-home-style2 .content-wrap {

  padding: 195px 0 195px;

}

.rs-slider.slide-home-style2 .content-wrap .brush-content {

  display: flex;

  align-items: center;

}

.rs-slider.slide-home-style2 .content-wrap .brush-content img {

  padding-right: 14px;

}

.rs-slider.slide-home-style2 .content-wrap .brush-content .sub-text {

  font-size: 18px;

  font-weight: 600;

  line-height: 28px;

  color: #01539f;

  text-transform: uppercase;

  display: block;

  margin: 0 0 0px;

}

.rs-slider.slide-home-style2 .content-wrap .title {

  font-size: 80px;

  font-weight: 700;

  line-height: 90px;

  color: #0a0a0a;

  margin: 0 0 0px;

}

.rs-slider.slide-home-style2 .slide-img {

  position: relative;

  margin-right: -100px;

  margin-left: 35px;

}

.rs-slider.slide-home-style2 .slide-img .slider-item .images-part img {

  position: relative;

  max-width: 680px;

}

.rs-slider.slide-home-style2 .rs-carousel .owl-dots {

  margin-top: 14px;

  position: absolute;

  right: 18%;

}

.rs-slider.slide-home-style2 .rs-carousel .owl-dots .owl-dot {

  width: 10px;

  height: 10px;

  background: #ffcc00;

  border: 0px solid #ffcc00;

  position: relative;

}

.rs-slider.slide-home-style2 .rs-carousel .owl-dots .owl-dot.active {

  background: #ffcc00;

  width: 40px;

  border-radius: 10px;

  opacity: unset;

}

.rs-slider.rs-slider-style3 {

  overflow: hidden;

  text-align: left;

  z-index: 111;

  text-align: center;

  position: relative;

  /*-- Animations Start --*/



  /*-- Animations End --*/



}

.rs-slider.rs-slider-style3 .desc {

  font-size: 17px;

  color: #0a0a0a;

  max-width: 500px;

  margin: 25px 0 45px;

}

.rs-slider.rs-slider-style3 .slider-bottom {

  display: block;

  overflow: hidden;

}

.rs-slider.rs-slider-style3 .slider-bottom .readon {

  display: inline-block !important;

}

.rs-slider.rs-slider-style3 .sl-subtitle {

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

  animation: fadeInDown 1.7s ease-in-out;

}

.rs-slider.rs-slider-style3 .sl-title {

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

  animation: fadeInLeft 1.5s ease-in-out;

}

.rs-slider.rs-slider-style3 .sl-title-small {

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

  animation: fadeInLeft 1.6s ease-in-out;

}

.rs-slider.rs-slider-style3 .slider-bottom {

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

  animation: fadeInUp 1.8s ease-in-out;

}

.rs-slider.rs-slider-style3 .content-part {

  position: absolute;

  content: '';

  top: 50%;

  left: 50%;

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

  width: 100%;

}

.rs-slider.rs-slider-style3 .content-part .sl-subtitle {

  font-size: 22px;

  line-height: 30px;

  font-weight: 700;

  text-transform: uppercase;

  color: #ffd600;

  margin: 0px 0px 15px 0px;

  display: block;

}

.rs-slider.rs-slider-style3 .content-part .sl-title {

  font-size: 100px;

  font-weight: 900;

  line-height: 100px;

  color: #ffffff;

  text-transform: uppercase;

  margin: 0 0 15px;

}

.rs-slider.rs-slider-style3 .content-part .sl-title-small {

  font-size: 40px;

  font-weight: 700;

  line-height: 58px;

  color: #ffffff;

  text-transform: uppercase;

  margin: 0 0 30px;

}

.rs-slider.rs-slider-style3 .content-part .slider-bottom li {

  display: inline-block;

  margin-right: 25px;

}

.rs-slider.rs-slider-style3 .content-part .slider-bottom li:last-child {

  margin-right: 0;

}

.rs-slider.rs-slider-style3 .nivo-caption {

  padding: 0;

}

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

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

}

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

  color: #ffffff;

}

.rs-slider .sl-wrap {

  padding: 50px 0;

}

.rs-slider .nivo-directionNav > a {

  font-size: 0;

  width: 60px;

  height: 60px;

  line-height: 60px;

  text-align: center;

  border-radius: 50%;

  border: none;

  background: #f7fbff;

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

  transition: all 0.4s ease-out;

  opacity: 1;

}

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

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

  left: 30px;

  background: #1c6c28;

}

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

  top: 50%;

}

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

  content: "\f104";

}

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

  top: 50%;

  transform: translateY(-50%);

  right: 30px;

  left: unset;

}

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

  content: "\f105";

}

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

  font-family: FontAwesome;

  position: absolute;

  font-size: 28px;

  top: 50%;

  left: 50%;

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

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

  transition: all 0.3s ease;

  color: #1c6c28;

}

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

  opacity: 95;

}

.rs-slider .nivo-controlNav {

  position: absolute;

  bottom: 50px;

  z-index: 11;

  left: 50%;

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

  transform: translateX(-50%);

  display: none !important;

}

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

  width: 26px;

  height: 7px;

  border: 1px solid #fff;

  font-size: 0px;

  display: inline-block;

  margin-right: 7px;

  -webkit-transition: .4s ease all;

  transition: .4s ease all;

}

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

  background: #1c6c28;

  border-color: #1c6c28;

}

.rs-slider.style3 .owl-nav .owl-next,

.rs-slider.style3 .owl-nav .owl-prev {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 10px;

  font-size: 25px;

  font-weight: 600;

  text-align: center;

  color: #ffffff;

}

.rs-slider.style3 .owl-nav .owl-next i:before,

.rs-slider.style3 .owl-nav .owl-prev i:before {

  content: "\f112";

  font-family: Flaticon;

}

.rs-slider.style3 .owl-nav .owl-next {

  right: 10px;

  left: unset;

}

.rs-slider.style3 .owl-nav .owl-next i:before {

  content: "\f113";

}

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

	11. Counter Section CSS

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

.rs-counter.about-style .counter-list {

  display: flex;

  align-items: center;

}

.rs-counter.about-style .counter-list .counter-icon {

  text-align: center;

  width: 70px;

  margin: 0px 10px 0px 0px;

  display: inline-block;

  padding-right: 15px;

}

.rs-counter.about-style .counter-list .counter-text .rs-count {

  font-size: 45px;

  font-weight: 600;

  line-height: 66px;

  padding: 0px 0px 0px 0px;

  color: #0a0a0a;

  position: relative;

}

.rs-counter.about-style .counter-list .counter-text .rs-count:after {

  content: "+";

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

}

.rs-counter.about-style .counter-list .counter-text .title {

  font-size: 18px;

  line-height: 18px;

  font-weight: 500;

  color: #393636;

  margin: 0;

}

.rs-counter.about-style.home-style2 .counter-list .counter-icon {

  width: 90px;

}

.rs-counter.about-style.home-style2 .counter-list .counter-text .rs-count {

  font-size: 50px;

  color: #ffffff;

}

.rs-counter.about-style.home-style2 .counter-list .counter-text .title {

  color: #ffffff;

}

.rs-counter.about-style.home-style2.home-style6 .counter-list .counter-text .title,

.rs-counter.about-style.home-style2.home-style6 .counter-list .counter-text .rs-count {

  color: #0a0a0a;

}

.rs-counter.counter-style {

  position: relative;

}

.rs-counter.counter-style .rs-counter-list .counter-text {

  padding: 0px 0px 0px 100px;

}

.rs-counter.counter-style .rs-counter-list .counter-text .counter-icon {

  display: inline-block;

  width: 75px;

  margin: 0 0 20px 0;

}

.rs-counter.counter-style .rs-counter-list .counter-text .counter-number .rs-count {

  font-size: 42px;

  font-weight: 600;

  line-height: 45px;

  color: #ffffff;

  padding: 0px 0px 0px 0px;

}

.rs-counter.counter-style .rs-counter-list .counter-text .counter-number .prefix {

  color: #ffffff;

  font-size: 42px;

  font-weight: 600;

  line-height: 45px;

  padding: 0px 0px 0px 0px;

}

.rs-counter.counter-style .rs-counter-list .counter-text .counter-number .title {

  font-size: 18px;

  font-weight: 500;

  color: #ffffff;

  margin: 0;

}

.rs-counter.counter-style.counter-home3 .rs-counter-list .counter-text {

  padding: 0px 0px 0px 0px;

  display: flex;

  align-items: center;

}

.rs-counter.counter-style.counter-home3 .rs-counter-list .counter-text .counter-icon {

  margin: unset;

}

.rs-counter.counter-style.counter-home3 .rs-counter-list .counter-text .counter-number {

  padding-left: 24px;

}

.rs-counter.counter-style.counter-home3.counter-home5 .rs-counter-list .counter-text .counter-icon {

  width: 80px;

}

.rs-counter.counter-style .counter-animation .animate-ball {

  position: absolute;

}

.rs-counter.counter-style .counter-animation .animate-ball img {

  max-width: 55px;

}

.rs-counter.counter-style .counter-animation .animate-ball.one {

  left: 6%;

  top: 21%;

}

.rs-counter.counter-style .counter-animation .animate-ball.two {

  left: 6%;

  bottom: 18%;

}

.rs-counter.counter-style .counter-animation .animate-ball.three {

  left: 33%;

  top: 19%;

}

.rs-counter.counter-style .counter-animation .animate-ball.four {

  left: 35%;

  bottom: 14%;

}

.rs-counter.counter-style .counter-animation .animate-ball.five {

  left: 56%;

  top: 32%;

}

.rs-counter.counter-style .counter-animation .animate-ball.six {

  right: 10%;

  top: 26%;

}

.rs-counter.counter-style2 .counter-top {

  position: relative;

  background: #01539f;

  padding: 35px 0px 30px 50px;

}

.rs-counter.counter-style2 .counter-top .rs-counter-list .counter-text .counter-icon {

  display: inline-block;

  width: 60px;

  margin: 0 0 20px 0;

}

.rs-counter.counter-style2 .counter-top .rs-counter-list .counter-text .counter-number .rs-count {

  font-size: 36px;

  font-weight: 600;

  line-height: 45px;

  color: #ffffff;

  padding: 0px 0px 0px 0px;

}

.rs-counter.counter-style2 .counter-top .rs-counter-list .counter-text .counter-number .prefix {

  color: #ffffff;

  font-size: 36px;

  font-weight: 600;

  line-height: 45px;

  padding: 0px 0px 0px 0px;

}

.rs-counter.counter-style2 .counter-top .rs-counter-list .counter-text .counter-number .title {

  font-size: 16px;

  font-weight: 500;

  color: #ffffff;

  margin: 0;

}

.rs-counter.counter-style2 .counter-top .counter-animation .animate-ball {

  position: absolute;

}

.rs-counter.counter-style2 .counter-top .counter-animation .animate-ball img {

  max-width: 40px;

}

.rs-counter.counter-style2 .counter-top .counter-animation .animate-ball.one {

  left: 13%;

  top: 14%;

}

.rs-counter.counter-style2 .counter-top .counter-animation .animate-ball.two {

  left: 51%;

  bottom: 10%;

}

.rs-counter.counter-style2 .counter-top .counter-animation .animate-ball.three {

  right: 14%;

  top: 16%;

}

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

	12. Contact Section CSS

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

.rs-contact.contact-style1 {

  position: relative;

}

.rs-contact.contact-style1 .shape-divider-bg {

  position: relative;

  overflow: hidden;

  padding-top: 200px;

}

.rs-contact.contact-style1 .shape-divider-bg:before {

  content: "";

  position: absolute;

  left: 0;

  top: 123px;

  width: 100%;

  height: 98px;

  background: #F7F7FC;

  transform: scale(1.2) rotate(-5deg);

}

.rs-contact.contact-style1 .widget-viwe-line {

  background: #F7F7FC;

}

.rs-contact.contact-style1 .widget-viwe-line .clean-img {

  position: relative;

  z-index: 11;

  text-align: center;

}

.rs-contact.contact-style1 .widget-viwe-line .clean-img .top-image {

  position: absolute;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  z-index: 3;

}

.rs-contact.contact-style1 .widget-viwe-line .clean-img .rotote-img img {

  max-width: 540px;

}

.rs-contact.contact-style1 .space-divider {

  position: relative;

  overflow: hidden;

  padding-top: 200px;

}

.rs-contact.contact-style1 .space-divider:before {

  content: "";

  position: absolute;

  left: 0;

  top: 129px;

  width: 100%;

  height: 108px;

  background: #007CFB;

  transform: scale(1.2) rotate(-4deg);

}

.rs-contact.contact-style1 .widget-wrap .rs-requset {

  padding: 0px 80px 70px;

  position: relative;

  z-index: 11;

  background: #007CFB;

}

.rs-contact.contact-style1 .widget-wrap .rs-requset .contact-widget .from-control {

  padding: 15px 20px 15px 20px;

  border-radius: 5px 5px 5px 5px;

  font-size: 15px;

  color: #FFFFFF;

  border-style: solid;

  border-color: #1988FA;

  background-color: #1988FA;

  width: 100%;

  max-width: 100%;

  opacity: 1;

}

.rs-contact.contact-style1 .widget-wrap .rs-requset .contact-widget .wpcf7-form-control:not(.wpcf7-submit) {

  padding: 15px 20px 15px 20px;

  border-radius: 5px 5px 5px 5px;

  font-size: 15px;

  color: #FFFFFF;

  border-style: solid;

  border-width: 1px 12px 1px 1px;

  border-color: #1988FA;

  background-color: #1988FA;

  width: 100%;

  max-width: 100%;

}

.rs-contact.contact-style1 .widget-wrap .rs-requset .contact-widget textarea {

  height: 120px;

}

.rs-contact.contact-style1 .widget-wrap .rs-requset .contact-widget ::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */



  color: #fff;

  opacity: 1;

}

.rs-contact.contact-style1 .widget-wrap .rs-requset .contact-widget ::-moz-placeholder {

  /* Firefox 19+ */



  color: #fff;

  opacity: 1;

}

.rs-contact.contact-style1 .widget-wrap .rs-requset .contact-widget :-ms-input-placeholder {

  /* IE 10+ */



  color: #fff;

  opacity: 1;

}

.rs-contact.contact-style1 .widget-wrap .rs-requset .contact-widget :-moz-placeholder {

  /* Firefox 18- */



  color: #fff;

  opacity: 1;

}

.rs-contact.contact-style1 .address-wrap {

  position: absolute;

  left: 50%;

  top: 50%;

  z-index: 11;

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

}

.rs-contact.contact-style1 .address-wrap .address-icon i {

  color: #01539f;

  font-size: 30px;

}

.rs-contact.contact-style1 .contact-animate .animate-style {

  position: absolute;

  left: 4%;

  top: 2%;

}

.rs-contact.contact-style2 .contact-section {

  background-color: #F7FBFFE0;

  padding: 60px 70px 52px 70px;

}

.rs-contact.contact-style2 .contact-section .contact-wrap .from-control {

  padding: 17px 20px 18px 20px;

  color: #7A7A7A;

  border-style: solid;

  border-width: 1px 16px 1px 1px;

  border-color: #FFFFFF;

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

  background-color: #FFFFFF;

  width: 100%;

  opacity: 1;

}

.rs-contact.contact-style2 .contact-section .contact-wrap .wpcf7-form-control:not(.wpcf7-submit) {

  padding: 17px 20px 18px 20px;

  color: #7A7A7A;

  border-style: solid;

  border-width: 1px 16px 1px 1px;

  border-color: #FFFFFF;

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

  background-color: #FFFFFF;

  width: 100%;

  opacity: 1;

}

.rs-contact.contact-style2 .contact-section .contact-wrap textarea {

  height: 120px;

}

.rs-contact.contact-style2 .contact-section .contact-wrap ::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */



  color: #454545;

  opacity: 0.79;

}

.rs-contact.contact-style2 .contact-section .contact-wrap ::-moz-placeholder {

  /* Firefox 19+ */



  color: #454545;

  opacity: 0.79;

}

.rs-contact.contact-style2 .contact-section .contact-wrap :-ms-input-placeholder {

  /* IE 10+ */



  color: #454545;

  opacity: 0.79;

}

.rs-contact.contact-style2 .contact-section .contact-wrap :-moz-placeholder {

  /* Firefox 18- */



  color: #454545;

  opacity: 0.79;

}

.rs-contact.contact-style2 .contact-info-box {

  position: relative;

  padding: 40px 40px 114px 40px;

  background-color: #01539F;

  z-index: 11;

}

.rs-contact.contact-style2 .contact-info-box .sec-title .title {

  position: relative;

  color: #01539f;

  z-index: 33;

}

.rs-contact.contact-style2 .contact-info-box .address-item {

  display: flex;

}

.rs-contact.contact-style2 .contact-info-box .address-item .address-icon {

  margin-right: 15px;

}

.rs-contact.contact-style2 .contact-info-box .address-item .address-icon i {

  font-size: 30px;

  color: #ffd600;

}

.rs-contact.contact-style2 .contact-info-box .address-item .address-text {

  margin-top: -5px;

}

.rs-contact.contact-style2 .contact-info-box .address-item .address-text .label {

  font-size: 20px;

  font-weight: 600;

  color: #ffffff;

  display: block;

  margin: 0px 0px 7px 0px;

}

.rs-contact.contact-style2 .contact-info-box .address-item .address-text a {

  color: #ffffff;

}

.rs-contact.contact-style2 .contact-info-box .address-item .address-text a:hover {

  color: #ffd600;

}

.rs-contact.contact-style2 .contact-info-box .address-item .address-text .des {

  color: #ffffff;

}

.rs-contact.contact-style2 .contact-info-box:after {

  border-color: #FFD600;

  position: absolute;

  height: 280px;

  width: 100%;

  clip-path: polygon(0 0, 100% 0, 29% 59%, 0 33%);

  left: -1px;

  background-color: #FFD600;

  top: -1px;

  content: "";

}

.rs-contact.contact-style2.contact-home5-style .contact-section {

  background-color: #FFFFFFE0;

}

.rs-contact.contact-style2.contact-home5-style .contact-info-box:after {

  border-color: #ff7033;

  background-color: #ff7033;

}

.rs-contact.contact-style2.contact-home5-style .contact-info-box .sec-title .title {

  color: #ffffff;

}

.rs-contact.contact-style2.contact-home5-style .contact-info-box {

  background-color: #1c6c28;

}

.rs-contact.contact-style2.contact-home5-style .contact-info-box .address-item .address-text a:hover,

.rs-contact.contact-style2.contact-home5-style .contact-info-box .address-item .address-icon i {

  color: #ff7033;

}

.rs-contact.contact-style3 .rs-contact-box .address-item {

  display: flex;

  position: relative;

}

.rs-contact.contact-style3 .rs-contact-box .address-item .address-icon {

  display: inline-block;

  position: relative;

  background: #0b70e1;

  text-align: center;

  margin-top: 6px;

  width: 40px;

  margin-right: 26px;

  background-color: #01539F;

  min-width: 60px;

  height: 60px;

  line-height: 60px !important;

  box-shadow: 7px 5px 30px 0px rgba(72, 73, 121, 0.05);

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

}

.rs-contact.contact-style3 .rs-contact-box .address-item .address-icon img {

  width: 30px;

}

.rs-contact.contact-style3 .rs-contact-box .address-item .address-content .label {

  font-size: 18px;

  font-weight: 600;

  color: #111111;

  margin: 0px 0px 0px 0px;

  display: block;

}

.rs-contact.contact-style3 .rs-contact-box .address-item .address-content .des {

  color: #666666;

}

.rs-contact.contact-style3 .contact-drop-line {

  background-color: #F1F6FC;

  padding: 45px 50px 45px 50px;

}

.rs-contact.contact-style3 .contact-drop-line .heading-inner-title .title {

  font-size: 24px;

  line-height: 34px;

  font-weight: 700;

  color: #0a0a0a;

  margin: 0px 0px 0px 0px;

}

.rs-contact.contact-style3 .contact-drop-line .from-control {

  width: 100%;

  padding: 15px 25px 15px 25px;

  color: #7A7A7A;

  border-style: solid;

  border-width: 1px 10px 1px 1px;

  border-color: #FFFFFF;

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

  background-color: #FFFFFF;

  max-width: 100%;

  border: 1px solid #f1f1f1;

  opacity: 1;

}

.rs-contact.contact-style3 .contact-drop-line .wpcf7-form-control:not(.wpcf7-submit) {

  width: 100%;

  padding: 15px 25px 15px 25px;

  color: #7A7A7A;

  border-style: solid;

  border-width: 1px 10px 1px 1px;

  border-color: #FFFFFF;

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

  background-color: #FFFFFF;

}

.rs-contact.contact-style3 .contact-drop-line textarea {

  height: 120px;

}

.rs-contact.contact-style3 .contact-drop-line ::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */



  color: #454545;

  opacity: 0.55;

}

.rs-contact.contact-style3 .contact-drop-line ::-moz-placeholder {

  /* Firefox 19+ */



  color: #454545;

  opacity: 0.55;

}

.rs-contact.contact-style3 .contact-drop-line :-ms-input-placeholder {

  /* IE 10+ */



  color: #454545;

  opacity: 1;

}

.rs-contact.contact-style3 .contact-drop-line :-moz-placeholder {

  /* Firefox 18- */



  color: #454545;

  opacity: 0.55;

}

.rs-contact.contact-style3 .map-canvas {

  overflow: hidden;

}

.rs-contact.contact-style3 .map-canvas iframe {

  float: left;

  width: 100%;

  border: none;

  height: 453px;

}

.rs-contact.contact-style4 .request-estimate {

  margin: 0px 0px 30px -100px;

}

.rs-contact.contact-style4 .contact-wrap {

  background: #01539f;

  padding: 55px 50px 55px 50px;

}

.rs-contact.contact-style4 .contact-wrap .form-group label {

  font-size: 15px;

  font-weight: 600;

  color: #FFFFFFD1;

  display: block;

  margin-bottom: 0.6rem;

}

.rs-contact.contact-style4 .contact-wrap .form-group .form-control-mod {

  width: 100%;

  margin-bottom: 20px;

  padding: 12px 25px 12px 15px;

  font-size: 16px;

  color: #FFFFFFD1;

  border-style: solid;

  border-width: 1px 10px 1px 1px;

  border-color: #064887;

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

  background-color: #064887;

  margin-bottom: 0;

}

.rs-contact.contact-style4 .contact-wrap .form-group .wpcf7-form-control:not(.wpcf7-submit) {

  width: 100%;

  margin-bottom: 20px;

  padding: 12px 25px 12px 15px;

  font-size: 16px;

  color: #FFFFFFD1;

  border-style: solid;

  border-width: 1px 10px 1px 1px;

  border-color: #064887;

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

  background-color: #064887;

  margin-bottom: 0;

}

.rs-contact.contact-style4 .contact-wrap .form-group textarea {

  height: 120px;

}

.rs-contact.contact-style4 .address-list-item {

  display: flex;

  margin: 24px 50px 0px 0px;

  padding: 30px 30px 30px 30px;

  background-color: #01539F;

}

.rs-contact.contact-style4 .address-list-item .address-icon img {

  max-width: unset;

  width: 50px;

  height: 50px;

}

.rs-contact.contact-style4 .address-list-item .address-content {

  padding: 0px 0px 0px 23px;

}

.rs-contact.contact-style4 .address-list-item .address-content .address-title .title {

  font-size: 24px;

  line-height: 34px;

  font-weight: 700;

  margin: 0 0 10px;

  color: #ffffff;

}

.rs-contact.contact-style4 .address-list-item .address-content .services-txt {

  margin: 0;

  color: #ffffff;

}

.rs-contact.contact-style5 .contact-section {

  background: #01539f;

  padding: 50px 50px 50px 50px;

  border-radius: 5px 5px 5px 5px;

}

.rs-contact.contact-style5 .contact-section .from-control {

  width: 100%;

  padding: 13px 15px 13px 15px;

  font-size: 16px;

  color: #D8D6D6;

  border-style: solid;

  border-width: 1px 10px 1px 1px;

  border-color: #014C91;

  background-color: #014C91;

  max-width: 100%;

  opacity: 1;

}

.rs-contact.contact-style5 .contact-section textarea {

  height: 120px;

}

.rs-contact.contact-style5 .contact-section .wpcf7-form-control:not(.wpcf7-submit) {

  width: 100%;

  padding: 13px 15px 13px 15px;

  font-size: 16px;

  color: #D8D6D6;

  border-style: solid;

  border-width: 1px 10px 1px 1px;

  border-color: #014C91;

  background-color: #014C91;

  max-width: 100%;

  opacity: 1;

}

.rs-contact.contact-style5 .contact-section ::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */



  color: #D8D6D6;

  opacity: 1;

}

.rs-contact.contact-style5 .contact-section ::-moz-placeholder {

  /* Firefox 19+ */



  color: #D8D6D6;

  opacity: 1;

}

.rs-contact.contact-style5 .contact-section :-ms-input-placeholder {

  /* IE 10+ */



  color: #D8D6D6;

  opacity: 1;

}

.rs-contact.contact-style5 .contact-section :-moz-placeholder {

  /* Firefox 18- */



  color: #D8D6D6;

  opacity: 1;

}

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

	13. Newsletter Section CSS

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

.rs-newsletter.newsletter-style1 .newsletter-form input {

  font-size: 15px;

  font-weight: 500;

  padding: 17px 7px 17px 17px;

  background: #ffffff;

  box-shadow: 0px 0px 40px 0px rgba(1, 83, 159, 0.23);

  width: 100%;

  border: none;

  overflow: hidden;

}

.rs-newsletter.newsletter-style1 .newsletter-form .wpcf7-form-control:not(.wpcf7-submit) {

  padding: 18px 7px 18px 17px;

  width: 100%;

  max-width: 100%;

  font-size: 15px;

  font-weight: 500;

  color: #333333;

  border-style: solid;

  border-width: 0px 14px 0px 0px;

  border-color: #FFFFFF;

  background-color: #FFFFFF;

}

.rs-newsletter.newsletter-style1 .newsletter-form ::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */



  color: #333333;

  opacity: 1;

}

.rs-newsletter.newsletter-style1 .newsletter-form ::-moz-placeholder {

  /* Firefox 19+ */



  color: #333333;

  opacity: 1;

}

.rs-newsletter.newsletter-style1 .newsletter-form :-ms-input-placeholder {

  /* IE 10+ */



  color: #333333;

  opacity: 1;

}

.rs-newsletter.newsletter-style1 .newsletter-form :-moz-placeholder {

  /* Firefox 18- */



  color: #333333;

  opacity: 1;

}

.rs-newsletter.newsletter-style1.newsletter-style2 .newsletter-form input {

  border-radius: 4px 4px 4px 4px;

}

.rs-newsletter.newsletter-style1.newsletter-style2 .newsletter-form .wpcf7-form-control:not(.wpcf7-submit) {

  border-radius: 4px 4px 4px 4px;

  color: unset;

}

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

	14. Video Section CSS

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

.rs-videos {

  position: relative;

}

.rs-videos .overly-border {

  border: 1px solid #ffd600;

  border-radius: 50%;

  width: 100px;

  height: 100px;

  top: 40%;

  left: 50%;

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

  position: absolute;

}

.rs-videos .overly-border a {

  position: absolute;

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

  box-sizing: content-box;

  display: block;

  width: 80px;

  height: 80px;

  border-radius: 50%;

  line-height: 90px;

  padding: 0;

  margin: 0 auto;

  left: 50%;

  top: 50%;

  z-index: 9;

  text-align: center;

  background: #0000FF;

}

.rs-videos .overly-border a i {

  font-size: 30px;

  line-height: 80px;

  color: #ffd600;

  position: relative;

  z-index: 1;

}

.rs-videos .overly-border a:before {

  content: "";

  position: absolute;

  z-index: 0;

  left: 50%;

  top: 50%;

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

  display: block;

  width: 80px;

  height: 80px;

  border-radius: 50%;

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

  transition: all 0.3s ease;

  background: #007cfb;

}

.rs-videos .overly-border a:after {

  content: "";

  position: absolute;

  z-index: 1;

  left: 50%;

  top: 50%;

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

  display: block;

  width: 80px;

  height: 80px;

  border-radius: 50%;

  transition: all 200ms;

  animation: pulse-border 1.5s ease-out infinite;

}

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

Video CSS

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

@keyframes pulse-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

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

	15. Process Section CSS

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

.rs-process.process-style1 .all-process-item {

  background-image: url(assets/images/process/style1/process-line.png);

  background-size: contain;

  background-repeat: no-repeat;

  text-align: center;

  background-position: 0 22px;

}

.rs-process.process-style1 .all-process-item .process-item {

  padding: 0 10px 0 10px;

  position: relative;

  z-index: 11;

}

.rs-process.process-style1 .all-process-item .process-item .icon-image {

  width: 160px;

  height: 160px;

  line-height: 160px;

  border-style: solid;

  border-width: 6px 0px 0px 6px;

  border-color: #007BF9;

  background-color: #FFFFFF;

  border-radius: 160px 160px 160px 160px;

  display: inline-block;

}

.rs-process.process-style1 .all-process-item .process-item .icon-image i {

  max-width: unset;

  width: 60px;

  height: 60px;

}

.rs-process.process-style1 .all-process-item .process-item .number-area {

  position: absolute;

  left: 59%;

  top: -25px;

  color: #FFD1004D;

  font-size: 60px;

  font-weight: 700;

  z-index: -11;

}

.rs-process.process-style1 .all-process-item .process-item .number-area.number-style2 {

  left: 63%;

  top: 63px;

}

.rs-process.process-style1 .all-process-item .process-item .content-txt .number-title {

  font-size: 22px;

  line-height: 32px;

  font-weight: 700;

  color: #0a0a0a;

  margin: 42px 0 15px 0;

}

.rs-process.process-style1 .all-process-item .process-item .content-txt .number-txt {

  margin: 0;

}

.rs-process.process-style1.process-about-style {

  position: relative;

}

.rs-process.process-style1.process-about-style .all-process-item {

  background-image: url(assets/images/process/style2/process-line.png);

  background-position: 0 5px;

}

.rs-process.process-style1.process-about-style .all-process-item .process-item .icon-image img {

  max-width: unset;

  width: 60px;

  height: 60px;

  transform: rotate(45deg);

  position: relative;

}

.rs-process.process-style1.process-about-style .all-process-item .process-item .icon-image {

  position: relative;

  z-index: 3;

  transform: rotate(-45deg);

  border-width: 6px 0px 0px 0px;

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

}

.rs-process.process-style1.process-about-style .all-process-item .process-item .number-area {

  left: 60%;

  top: 4px;

  color: #FFD1004D;

  font-size: 60px;

  font-weight: 700;

}

.rs-process.process-style1.process-about-style .all-process-item .process-item .number-area.number-two {

  top: 20%;

  left: 64%;

}

.rs-process.process-style1.process-about-style .process-animate .process-style {

  position: absolute;

}

.rs-process.process-style1.process-about-style .process-animate .process-style.left-side {

  left: 1%;

  top: 13%;

}

.rs-process.process-style1.process-about-style .process-animate .process-style.right-side {

  right: 2%;

  bottom: 7%;

}

.rs-process.process-style2 {

  position: relative;

}

.rs-process.process-style2 .services-item {

  position: relative;

  text-align: center;

}

.rs-process.process-style2 .services-item .icon-image {

  background-image: url(assets/images/process/style3/icon-bg.png);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  min-width: 160px;

  height: 160px;

  line-height: 114px !important;

  margin-bottom: 12px !important;

  display: inline-block;

}

.rs-process.process-style2 .services-item .icon-image img {

  width: 60px;

  height: 60px;

  max-width: unset;

}

.rs-process.process-style2 .services-item .number-area {

  position: absolute;

  left: 46%;

  top: 115px;

  color: #FFFFFF;

  font-size: 28px;

  font-weight: 600;

}

.rs-process.process-style2 .services-item .content-text .title {

  font-size: 22px;

  line-height: 32px;

  font-weight: 700;

  color: #0a0a0a;

  margin: 15px 0 10px;

}

.rs-process.process-style2 .services-item .content-text .services-txt {

  margin: 0;

}

.rs-process.process-style2 .rs-arrow-animate .arrow-style {

  position: absolute;

}

.rs-process.process-style2 .rs-arrow-animate .arrow-style.one {

  left: 36%;

  top: 54%;

}

.rs-process.process-style2 .rs-arrow-animate .arrow-style.two {

  left: 58%;

  top: 54%;

}

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

	16. Project Section CSS

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

.rs-project.project-style1 {

  margin-top: -320px;

}

.rs-project.project-style1 .project-item {

  position: relative;

  overflow: hidden;

}

.rs-project.project-style1 .project-item .project-img {

  position: relative;

}

.rs-project.project-style1 .project-item .project-img:before {

  content: "";

  position: absolute;

  bottom: -40px;

  left: 0;

  width: 100%;

  height: 0;

  background: #007BF9;

  visibility: hidden;

  transition: all 0.4s ease 0s;

  transform: rotate(-10deg) scale(1.2);

}

.rs-project.project-style1 .project-item .project-content {

  position: relative;

  padding: 0;

  width: 100%;

  border-top: 0;

  z-index: 11;

  left: 0;

  bottom: 0;

  transition: .6s;

  height: 100%;

  left: 50%;

  transform: translateX(-50%);

  padding: 0 35px;

  text-align: left;

}

.rs-project.project-style1 .project-item .project-content .project-inner {

  position: absolute;

  width: 100%;

  transition: .6s;

  z-index: 9;

  bottom: 6px;

  opacity: 0;

  visibility: hidden;

}

.rs-project.project-style1 .project-item .project-content .project-inner .title {

  font-size: 20px;

  line-height: 30px;

  font-weight: 600;

  margin-bottom: 5px;

}

.rs-project.project-style1 .project-item .project-content .project-inner .title a {

  color: #ffffff;

}

.rs-project.project-style1 .project-item .project-content .project-inner .title a:hover {

  color: #ffd600;

}

.rs-project.project-style1 .project-item .project-content .project-inner .category {

  font-size: 16px;

  font-weight: 400;

  display: block;

  color: #ffffff;

}

.rs-project.project-style1 .project-item .project-content .p-icon {

  position: absolute;

  transition: .6s;

  right: 0px;

  bottom: 142px;

  opacity: 0;

  visibility: hidden;

  z-index: 9;

}

.rs-project.project-style1 .project-item .project-content .p-icon i {

  width: 50px;

  height: 50px;

  border-radius: 50px;

  background: #ffd600;

  line-height: 55px;

  color: #fff;

  text-align: center;

  display: block;

}

.rs-project.project-style1 .project-item .project-content .p-icon i:before {

  font-size: 18px;

  color: #007cfb;

}

.rs-project.project-style1 .project-item:hover .project-img:before {

  opacity: 1;

  visibility: visible;

  height: 167px;

}

.rs-project.project-style1 .project-item:hover .project-content .project-inner {

  bottom: 24px;

  opacity: 1;

  visibility: visible;

}

.rs-project.project-style1 .project-item:hover .project-content .p-icon {

  right: 30px;

  opacity: 1;

  visibility: visible;

}

.rs-project.project-style1 .rs-carousel .owl-dots .owl-dot {

  background: #01539f;

}

.rs-project.project-style1 .rs-carousel .owl-dots .owl-dot.active {

  background: #ffd600;

}

.rs-project.project-style1.project-style2 {

  margin-top: unset;

}

.rs-project.project-style1.project-style2 .project-item .project-content .p-icon i {

  background: #061340;

}

.rs-project.project-style1.project-style2 .project-item .project-content .p-icon i:before {

  color: #ffffff;

}

.rs-project.project-style1.project-style2 .rs-carousel .owl-dots .owl-dot {

  background: #01539F;

}

.rs-project.project-style1.project-style3 {

  margin-top: unset;

}

.rs-project.project-style1.project-style3 .project-item .project-img:before {

  background: #01539f;

}

.rs-project.project-style1.project-style3 .project-item .project-content .p-icon i:before {

  color: #01539f;

}

.rs-project.project-style1.project-style4 {

  margin-top: unset;

}

.rs-project.project-style1.project-style4 .project-item .project-img:before {

  background: #1c6c28;

}

.rs-project.project-style1.project-style4 .project-item .project-content .p-icon i:before {

  color: #01539f;

}

.rs-project.project-style1.project-style4 .project-item .project-content .p-icon i:before {

  color: #0a0a0a;

}

.rs-project.project-style1.project-style5 {

  margin-top: unset;

}

.rs-project.project-style1.project-style5 .project-item .project-img:before {

  background: #00aae4;

}

.rs-project.project-style1.project-style5 .project-item .project-content .p-icon i:before {

  color: #00aae4;

}

.rs-project.project-style1.project-style5 .project-item .project-content .p-icon i:before {

  color: #0a0a0a;

}

.rs-project.project-style1.project-style6 {

  margin-top: unset;

}

.rs-project.project-style1.project-style6 .project-item .project-content .p-icon i:before {

  color: #ffffff;

}

.rs-project.project-style1.project-style6 .project-item .project-content .p-icon i {

  background: #ff7033;

}

.rs-project.project-style1.project-style6 .project-item .project-img:before {

  background: #1c6c28;

}

.rs-project.project-style1.project-style6 .rs-carousel .owl-dots .owl-dot,

.rs-project.project-style1.project-style6 .rs-carousel .owl-dots .owl-dot.active {

  background: #1c6c28;

}

.project-information {

  background-image: url(assets/images/bg/project-bg3.jpg);

  background-position: top right;

  background-repeat: no-repeat;

  background-size: cover;

  padding: 44px 35px 67px 35px;

}

.project-information .project-title .title {

  position: relative;

  font-size: 24px;

  font-weight: 700;

  line-height: 26px;

  margin: 0px 0px 23px 0px;

  padding-bottom: 18px;

  z-index: 1;

}

.project-information .project-title .title:before {

  content: "";

  position: absolute;

  background: #01539f;

  border: 0;

  width: 50px;

  height: 4px;

  z-index: 9;

  margin-left: 0;

  left: 0;

  bottom: 0;

}

.project-information .project-content .title {

  font-size: 20px;

  line-height: 30px;

  font-weight: 600;

  color: #0a0a0a;

  margin: 0px 0px 0px 0px;

}

.project-information .project-content .description {

  margin: 0px 0px 0px 0px;

}

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

	17. Skill-bar Section CSS

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

.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar-title {

  font-size: 16px;

  line-height: 6px;

  font-weight: 400;

  color: #454545;

}

.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar {

  background: #fff;

  border: 1px solid #01539f;

  height: 8px;

  border-radius: 0;

  overflow: visible;

  padding: 1px;

  margin: 10px 0 20px;

  position: relative;

  width: 100%;

}

.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar .skillbar-bar {

  height: 4px;

  line-height: 4px;

  background-color: #007bff;

  background-image: linear-gradient(250deg, #ffd600 19%, #03228f 100%);

  margin-bottom: 0;

  overflow: visible !important;

  width: 0;

}

.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar .skill-bar-percent {

  height: 30px;

  line-height: 30px;

  position: absolute;

  right: 35px;

  top: -38px;

  font-size: 16px;

  font-weight: 400;

  color: #0a0a0a;

}

.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar.margin-no {

  margin: 10px 0 0;

}

.rs-skillbar.skillbar-style2 .cl-skill-bar .skillbar-title {

  font-size: 16px;

  line-height: 6px;

  font-weight: 600;

  color: #212121;

}

.rs-skillbar.skillbar-style2 .cl-skill-bar .skillbar {

  background-color: #00483A40;

  height: 7px;

  line-height: 7px;

  margin: 10px 0 24px;

  overflow: visible;

  position: relative;

  width: 100%;

}

.rs-skillbar.skillbar-style2 .cl-skill-bar .skillbar .skillbar-bar {

  height: 7px;

  line-height: 7px;

  background-color: #00483A;

  margin-bottom: 0;

  overflow: visible !important;

  width: 0;

}

.rs-skillbar.skillbar-style2 .cl-skill-bar .skillbar .skill-bar-percent {

  height: 30px;

  line-height: 30px;

  position: absolute;

  right: 0px;

  top: -38px;

  font-size: 16px;

  font-weight: 700;

  color: #0a0a0a;

}

.rs-skillbar.skillbar-style2 .cl-skill-bar .skillbar.margin-no {

  margin: 10px 0 0;

}

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

	18. Services Section CSS

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

.rs-services.services-style1 .services-item .services-images {

  position: relative;

  border-radius: 4px 4px 0px 0px !important;

  display: inline-block;

  transition: all ease .3s;

}

.rs-services.services-style1 .services-item .services-images .main-img {

  width: 100%;

  height: auto;

  transition: all 0.5s;

}

.rs-services.services-style1 .services-item .services-images .services-icon {

  background: #ffd600;

  right: 12px;

  bottom: 12px;

  position: absolute;

  transition: 0.5s;

  border-radius: 8px;

  width: 85px;

  height: 85px;

  text-align: center;

  line-height: 78px;

}

.rs-services.services-style1 .services-item .services-images .services-icon .main-icons {

  max-width: 50px;

  width: 100%;

  height: auto;

}

.rs-services.services-style1 .services-item .services-text {

  background: #ffffff;

  padding: 35px 35px 25px 35px;

}

.rs-services.services-style1 .services-item .services-text .services-title .title {

  font-size: 22px;

  line-height: 32px;

  font-weight: 700;

  margin: 0 0 10px;

}

.rs-services.services-style1 .services-item .services-text .services-title .title a {

  color: #0a0a0a;

}

.rs-services.services-style1 .services-item .services-text .services-title .title a:hover {

  color: #007cfb;

}

.rs-services.services-style1 .services-item .services-text .services-txt {

  margin: 0 0 20px;

}

.rs-services.services-style1 .services-item .services-text .services-btn a i:before {

  color: #0a0a0a;

}

.rs-services.services-style1 .services-item .services-text .services-btn a:hover {

  color: #007cfb;

}

.rs-services.services-style1 .services-item:hover .services-images .services-icon {

  bottom: 20px;

}

.rs-services.services-style1.services-inner-style1 .services-item {

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

}

.rs-services.services-style1.services-inner-style1 .services-item .services-text .services-title .title a:hover,

.rs-services.services-style1.services-inner-style1 .services-item .services-text .services-btn a:hover {

  color: #01539f;

}

.rs-services.services-style2 {

  position: relative;

}

.rs-services.services-style2 .services-slider .services-item {

  background: #ffffff;

  border-style: solid;

  border-width: 1px 1px 1px 1px;

  border-color: #01539F21;

  padding: 67px 40px 67px 40px;

  border-radius: 3px 3px 3px 3px;

  text-align: center;

}

.rs-services.services-style2 .services-slider .services-item .services-img {

  text-align: center;

}

.rs-services.services-style2 .services-slider .services-item .services-img a {

  position: relative;

  display: inline-block;

}

.rs-services.services-style2 .services-slider .services-item .services-img a img {

  width: 90px;

  padding: 17px 17px 17px 17px;

  left: 35px;

  position: relative;

  z-index: 1;

  transition: all .5s ease;

}

.rs-services.services-style2 .services-slider .services-item .services-img a:before {

  content: "";

  position: absolute;

  background: #ffd600;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  display: block;

  margin: 0 auto;

  transform: translateX(-50%);

  left: 50%;

  z-index: 0;

}

.rs-services.services-style2 .services-slider .services-item .services-content .title {

  font-size: 22px;

  line-height: 32px;

  font-weight: 700;

  margin: 30px 0 15px;

}

.rs-services.services-style2 .services-slider .services-item .services-content .title a {

  color: #101010;

}

.rs-services.services-style2 .services-slider .services-item .services-content .title a:hover {

  color: #ffd600;

}

.rs-services.services-style2 .services-slider .services-item .services-content .description {

  color: #333333;

  margin: 0 0 35px;

}

.rs-services.services-style2 .services-slider .services-item .services-content .services-btn a .btn-text {

  color: #0a0a0a;

}

.rs-services.services-style2 .services-slider .services-item .services-content .services-btn a i:before {

  color: #01539f;

}

.rs-services.services-style2 .services-slider .services-item:hover .services-img a img {

  left: 0;

}

.rs-services.services-style2 .owl-item.center .services-slider .services-item {

  background: #01539f;

}

.rs-services.services-style2 .owl-item.center .services-slider .services-item .services-img {

  text-align: center;

}

.rs-services.services-style2 .owl-item.center .services-slider .services-item .services-img a img {

  left: 0;

}

.rs-services.services-style2 .owl-item.center .services-slider .services-item .services-content .services-btn a .btn-text,

.rs-services.services-style2 .owl-item.center .services-slider .services-item .services-content .title a,

.rs-services.services-style2 .owl-item.center .services-slider .services-item .services-content .description {

  color: #ffffff;

}

.rs-services.services-style2 .owl-nav .owl-next,

.rs-services.services-style2 .owl-nav .owl-prev {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 20px;

  width: 50px;

  height: 50px;

  line-height: 50px;

  border-radius: 50%;

  font-family: uicons-regular-rounded !important;

  background: #ffd600;

  box-shadow: 0 6px 25px #eee;

  text-align: center;

  color: #01539f;

  transition: 0.6s ease all;

  z-index: 9;

  opacity: 0.75;

  visibility: hidden;

}

.rs-services.services-style2 .owl-nav .owl-next i:before,

.rs-services.services-style2 .owl-nav .owl-prev i:before {

  font-size: 22px;

  content: "\f120";

  font-family: uicons-regular-rounded !important;

  position: relative;

  top: 4px;

}

.rs-services.services-style2 .owl-nav .owl-next {

  right: 20px;

  left: unset;

}

.rs-services.services-style2 .owl-nav .owl-next i:before {

  content: "\f121";

}

.rs-services.services-style2:hover .owl-nav .owl-next,

.rs-services.services-style2:hover .owl-nav .owl-prev {

  left: -75px;

  visibility: visible;

  opacity: 1;

}

.rs-services.services-style2:hover .owl-nav .owl-next {

  right: -75px;

  left: unset;

}

.rs-services.services-style2 .rs-carousel .owl-dots .owl-dot {

  background: #01539f;

}

.rs-services.services-style2.services-inner-style2 .services-slider .services-item {

  padding: 58px 40px 60px 40px;

}

.rs-services.services-style2.services-inner-style2 .services-slider .services-item .services-img a img {

  left: 0;

  transition: 0.4s;

}

.rs-services.services-style2.services-inner-style2 .services-slider .services-item:hover .services-img a img {

  left: 35px;

}

.rs-services.services-style2.services-inner-style2 .services-slider .services-item .services-btn a {

  padding: 10px 30px 7px 20px;

  font-size: 15px;

  color: #101010;

  text-decoration: underline;

  border-style: solid;

  border-width: 2px 2px 2px 2px;

  border-color: #01539F21;

}

.rs-services.services-style3 {

  position: relative;

  z-index: 11;

}

.rs-services.services-style3 .images-bg {

  background-image: url(assets/images/clean/how-work.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  background-position: top center;

  padding: 390px 0 390px;

}

.rs-services.services-style3 .services-main-part .widget-bg {

  position: absolute;

  z-index: -1;

  width: initial;

  max-width: initial;

  right: 44.90%;

  top: 44%;

}

.rs-services.services-style3 .services-main-part .services-item {

  display: flex;

}

.rs-services.services-style3 .services-main-part .services-item .services-icon img {

  max-width: unset;

  width: 76px;

  height: 76px;

}

.rs-services.services-style3 .services-main-part .services-item .services-text {

  padding: 0px 50px 0px 22px;

}

.rs-services.services-style3 .services-main-part .services-item .services-text .title {

  font-size: 20px;

  line-height: 30px;

  font-weight: 700;

  color: #101010;

  margin: 0 0 10px;

}

.rs-services.services-style3 .services-main-part .services-item .services-text .services-txt {

  margin: 0;

  color: #333333;

}

.rs-services.services-style4 .services-item {

  margin: 0px 7px 0px 0px;

  padding: 40px 40px 40px 40px;

  background-color: #F8FFF4;

  border-radius: 5px 5px 5px 5px;

}

.rs-services.services-style4 .services-item .services-icon {

  width: 85px;

  overflow: hidden;

  position: relative;

  display: inline-block;

  padding: 5px;

  font-size: 50px;

  line-height: 50px;

  color: #061340;

  transition: all ease .3s;

}

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

  width: 100%;

  height: auto;

  max-width: unset;

}

.rs-services.services-style4 .services-item .services-text {

  padding: 10px 0 0;

  position: relative;

}

.rs-services.services-style4 .services-item .services-text .title {

  font-size: 24px;

  line-height: 34px;

  font-weight: 700;

  color: #0a0a0a;

  margin: 0 0 10px;

}

.rs-services.services-style4 .services-item .services-txt {

  margin-bottom: 35px;

}

.rs-services.services-style4 .services-item .services-btn a {

  padding: 7px 25px 7px 15px;

  font-weight: 500;

  text-decoration: underline;

  color: #494444;

  border-style: solid;

  border-width: 2px 2px 2px 2px;

  border-color: #056E1126;

}

.rs-services.services-style4 .services-item .services-btn a i:before {

  color: #0a0a0a;

}

.rs-services.services-style4 .services-item .serial-number {

  position: absolute;

  left: 242px;

  top: -100px;

  color: #19930817;

  font-family: "IBM Plex Mono", Sans-serif;

  font-size: 52px;

  font-weight: 700;

  text-transform: uppercase;

}

.rs-services.services-style5 .flip-box-inner {

  position: relative;

  z-index: 1;

  padding: 0;

  backface-visibility: hidden;

}

.rs-services.services-style5 .flip-box-inner .flip-box-wrap {

  position: relative;

  -webkit-transform: translateZ(0);

  perspective: 1000px;

}

.rs-services.services-style5 .flip-box-inner .flip-box-wrap .front-part {

  position: relative;

  bottom: 0;

  z-index: 10;

  text-align: left;

  border-style: solid;

  border-width: 0px 0px 0px 0px;

  top: 0;

  right: 0;

  left: 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  align-items: center;

  -ms-flex-align: center;

  /* height: 300px; */

  background-color: transparent;

  background-position: center;

  background-clip: padding-box;

  background-size: cover;

  background-repeat: no-repeat;

  text-align: center;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-perspective: 1000px;

  perspective: 1000px;

  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);

  transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);

  transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);

  transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);

}

.rs-services.services-style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part {

  background-color: #fff;

  text-align: left;

  padding: 50px 40px 50px 40px;

  border-style: solid;

  border-width: 0px 0px 0px 0px;

  box-shadow: 3px 7px 25px 0px rgba(0, 0, 0, 0.05);

}

.rs-services.services-style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-icon-part {

  margin-bottom: 20px;

}

.rs-services.services-style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-icon-part .icon-part img {

  width: 60px;

  height: 60px;

}

.rs-services.services-style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-title-part .title {

  font-size: 20px;

  line-height: 1.5;

  font-weight: 700;

  line-height: 30px;

  margin-bottom: 10px;

}

.rs-services.services-style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-title-part .title a {

  color: #101010;

}

.rs-services.services-style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-title-part .title a:hover {

  color: #007cfb;

}

.rs-services.services-style5 .flip-box-inner .flip-box-wrap .front-part .front-content-part .front-desc-part p {

  font-size: 15px;

  color: #444444;

  margin-bottom: 0;

}

.rs-services.services-style5 .flip-box-inner .flip-box-wrap .back-front {

  transform: rotateY(-180deg);

  background-image: linear-gradient(150deg, #1c6c28 36%, #f1d002 100%);

  position: absolute;

  z-index: -1;

  padding: 40px 40px 40px 40px;

  top: 0;

  right: 0;

  left: 0;

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

  -webkit-align-items: center;

  align-items: center;

  -ms-flex-align: center;

  background-color: transparent;

  background-position: center;

  background-clip: padding-box;

  background-size: cover;

  background-repeat: no-repeat;

  text-align: center;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  -webkit-perspective: 1000px;

  perspective: 1000px;

  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);

  transition: -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);

  transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);

  transition: transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275), -webkit-transform 0.6s cubic-bezier(0.2, 0.85, 0.4, 1.275);

}

.rs-services.services-style5 .flip-box-inner .flip-box-wrap .back-front .back-front-content .back-title-part .back-title {

  font-size: 20px;

  line-height: 30px;

  font-weight: bold;

  margin-bottom: 15px;

}

.rs-services.services-style5 .flip-box-inner .flip-box-wrap .back-front .back-front-content .back-title-part .back-title a {

  color: #ffffff;

}

.rs-services.services-style5 .flip-box-inner .flip-box-wrap .back-front:before {

  position: absolute;

  top: 0;

  left: 0;

  z-index: -9;

  width: 100%;

  height: 100%;

  background-color: transparent;

  content: "";

}

.rs-services.services-style5 .flip-box-inner:hover .flip-box-wrap .front-part {

  transform: rotateY(180deg);

}

.rs-services.services-style5 .flip-box-inner:hover .flip-box-wrap .back-front {

  transform: rotateY(0);

  z-index: 1;

}

.rs-services.services-style5 .flip-box-inner:hover .flip-box-wrap .back-front:before {

  background-color: transparent;

  background-image: linear-gradient(150deg, #1c6c28 36%, #f1d002 100%);

  border-radius: 4px 4px 4px 4px;

}

.rs-services.services-style5 .flip-box-inner:hover .flip-box-wrap .back-front .back-front-content .back-title-part .back-title {

  color: #ffffff;

}

.rs-services.services-style5 .flip-box-inner:hover .flip-box-wrap .back-front .back-front-content .back-desc-part .back-desc {

  color: #ffffff;

}

.rs-services.services-style5.services-home4-style .flip-box-inner:hover .flip-box-wrap .back-front:before {

  background-image:  linear-gradient(150deg, #0000FF 36%, #06a4a7 100%);

}

.rs-services.services-style5.services-home4-style .flip-box-inner .flip-box-wrap .back-front {

  background-image:  linear-gradient(150deg, #0000FF 36%, #06a4a7 100%);

  border-radius: 5px 5px 5px 5px;

}

.rs-services.services-style5.services-home4-style .flip-box-inner .flip-box-wrap .front-part .front-content-part {

  border-radius: 5px 5px 5px 5px;

}

.rs-services.services-style6 .services-item {

  padding: 30px 30px 48px 30px;

  margin: 0 9px 0 9px;

  background: #ffffff;

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

}

.rs-services.services-style6 .services-item .services-content {

  padding: 0 0 0 22px;

}

.rs-services.services-style6 .services-item .services-content .title-part .title {

  font-size: 36px;

  line-height: 60px;

  font-weight: 700;

  color: #101010;

  margin: 35px 0px 23px 0px;

}

.rs-services.services-style7 {

  position: relative;

}

.rs-services.services-style7 .services-overlay {

  background-color: #FFFFFF;

  opacity: 0.8;

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  position: absolute;

}

.rs-services.services-style7 .services-item {

  background: #fff;

  padding: 70px 48px 70px 48px;

  border-width: 0px 2px 0px 2px;

  text-align: center;

  position: relative;

}

.rs-services.services-style7 .services-item .services-text .serial-number {

  font-size: 70px;

  line-height: 70px;

  font-weight: 900;

  color: #0000FF;

  font-family: "Single Day", Sans-serif;

}

.rs-services.services-style7 .services-item .services-text .title {

  font-size: 28px;

  line-height: 38px;

  font-weight: 700;

  color: #0a0a0a;

  margin: 8px 0 10px;

}

.rs-services.services-style7 .services-item .services-text .services-txt {

  margin: 0;

}

.rs-services.services-style7 .services-item.contact-light {

  background: #F2F8FB;

  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;

}

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

  position: relative;

  padding: 35px 30px 26px 30px;

  transition: 0.4s;

  background-color: #F8FFF4;

}

.rs-services.services-style8 .services-item .services-wrap .services-icon {

  border-radius: 100%;

  width: 70px;

  height: 70px;

  line-height: 1;

  position: relative;

  background: #ff7033;

  display: block;

  text-align: center;

  margin-bottom: 23px;

}

.rs-services.services-style8 .services-item .services-wrap .services-icon img {

  width: 40px;

  height: 40px;

  max-width: unset;

}

.rs-services.services-style8 .services-item .services-wrap .services-icon:before {

  position: absolute;

  content: '';

  right: -10px;

  bottom: 0;

  width: 70px;

  height: 70px;

  border-radius: 100%;

  border: 1px solid;

  border-color: #FF5E10;

  transition: all 0.3s ease 0s;

  z-index: 0;

}

.rs-services.services-style8 .services-item .services-wrap .services-content .services-title .title {

  font-size: 18px;

  line-height: 28px;

  font-weight: 700;

  color: #0a0a0a;

  margin: 0 0 6px;

}

.rs-services.services-style8 .services-item .services-wrap .services-content .services-txt {

  margin: 0;

}

.rs-services.services-style8 .services-item:hover .services-icon:before {

  opacity: 0;

  transform: scale(0.85);

}

.rs-services.services-style8 .hover-effect:hover .services-item:hover,

.rs-services.services-style8 .hover-effect:not(:hover) .active {

  box-shadow: 0 0 20px rgba(200, 190, 190, 0.22);

}

.rs-services.services-style9 .services-slider {

  padding: 15px;

  border-radius: 5px;

  background: #ffffff;

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

  position: relative;

  overflow: hidden;

}

.rs-services.services-style9 .services-slider .services-content-inner {

  padding: 30px 15px 17px;

  display: flex;

}

.rs-services.services-style9 .services-slider .services-content-inner .service-icon a img {

  max-width: 50px;

  margin-right: 26px;

}

.rs-services.services-style9 .services-slider .services-content-inner .service-details .service-title {

  font-size: 22px;

  line-height: 32px;

  font-weight: 700;

  margin: 0 0 15px;

}

.rs-services.services-style9 .services-slider .services-content-inner .service-details .service-title a {

  color: #0a0a0a;

}

.rs-services.services-style9 .services-slider .services-content-inner .service-details .service-title a:hover {

  color: #ff7033;

}

.rs-services.services-style9 .services-slider:hover .services-btn2 a i {

  background: #00483a;

}

.rs-services.services-style9 .rs-carousel .owl-dots .owl-dot {

  background: #ff7033;

}

.rs-services.services-style9 .owl-stage-outer {

  padding: 10px;

  margin: -10px;

}

.rs-services-single .services-add {

  background: url(assets/images/services/single/side-img.html);

  background-position: center;

  background-repeat: no-repeat;

  background-size: cover;

  text-align: center;

  padding: 50px 35px 28px;

}

.rs-services-single .services-add .title {

  font-size: 24px;

  line-height: 42px;

  font-weight: 700;

  color: #ffffff;

  margin-bottom: 30px;

}

.rs-services-single .services-add a {

  font-size: 30px;

  line-height: 40px;

  font-weight: 700;

  color: #ffffff;

}

.rs-services-single .brochures {

  background: #f7fbff;

  padding: 35px 30px 45px 30px;

}

.rs-services-single .brochures .title-part .title {

  font-size: 28px;

  font-weight: 700;

  display: block;

  position: relative;

}

.rs-services-single .brochures .title-part .title:before {

  content: "";

  position: absolute;

  border: 0;

  width: 65px;

  height: 5px;

  background: #bb0b0b;

  z-index: 1;

  margin-left: 0;

  left: 0;

  bottom: -20px;

}

.rs-services-single .brochures .btn-wrapper {

  position: relative;

  text-align: center;

  font-weight: 400;

  display: inline-block;

}

.rs-services-single .brochures .btn-wrapper .dual-btn {

  padding: 15px 30px 15px 30px;

  font-size: 17px;

  font-weight: 600;

  background-color: #BB0B0B;

  color: #ffffff;

  margin: 0 -4px;

}

.rs-services-single .brochures .btn-wrapper .dual-btn-connector {

  position: absolute;

  z-index: 9;

  overflow: hidden;

  width: 30px;

  height: 30px;

  border-radius: 100%;

  background-color: #fff;

  box-shadow: 0 0 0 5px #bfb2b2;

  color: #27374c;

  text-transform: uppercase;

  font-size: 12px;

  line-height: 30px;

  left: 47%;

}

.rs-services-single .brochures .btn-wrapper .rselement-dual-btn {

  padding: 15px 25px 15px 25px;

  border-radius: 0px 0px 0px 0px;

  font-size: 17px;

  font-weight: 600;

  background-color: #132235;

  color: #ffffff;

}

.rs-services-single .dot {

  list-style: disc;

  margin: 0 0 1.3em 3em;

}

.rs-services-single .widget-item li {

  border-top-style: solid;

  border-top-width: 1px;

  border-color: #eee;

  width: 79%;

  padding-bottom: calc(16px);

  padding-top: 16px;

}

.rs-services-single .widget-item li a {

  font-size: 16px;

  font-weight: 600;

  color: #000000;

}

.rs-services-single .widget-item li a i {

  color: #000000;

  font-size: 16px;

  font-weight: 900;

}

.rs-services-single .widget-item li a span {

  color: #020202;

  padding-left: 16px;

}

.rs-services-single .widget-item li a:hover i,

.rs-services-single .widget-item li a:hover span {

  color: #007cfb;

}

.rs-services-single .widget-item li:first-child {

  border-top: none;

}

.rs-services-single .social-icons li {

  display: inline;

  margin-right: 5px;

}

.rs-services-single .social-icons li a i {

  padding: 0 0px 0 0;

  font-size: 25px;

  background: #3b5998;

  width: 50px;

  height: 50px;

  line-height: 50px;

  border-radius: 0;

  color: #fff;

  text-align: center;

}

.rs-services-single .social-icons li a i:hover {

  opacity: .9;

}

.rs-services-single .social-icons li a.blue-bg i {

  background: #1da1f2;

}

.rs-services-single .social-icons li a.light-bg i {

  background: #0a0a0a;

}

.rs-services-single .social-icons li a.red-bg i {

  background: #cd201f;

}

.rs-services-single .call-us {

  background: url(assets/images/choose/call-us.html);

  background-repeat: no-repeat;

  padding: 110px 0px 110px 0px;

}

.rs-services-single .call-us .contact-widget {

  text-align: center;

}

.rs-services-single .call-us .contact-widget .icon-part {

  margin-bottom: 40px;

}

.rs-services-single .call-us .contact-widget .icon-part img {

  max-width: 84px;

}

.rs-services-single .call-us .contact-widget .title {

  font-size: 36px;

  line-height: 46px;

  font-weight: 700;

  margin: 0;

}

.rs-services-single .call-us .contact-widget .title a {

  color: #ffffff;

}

.rs-services-single .call-us .contact-widget .title a:hover {

  color: #007cfb;

}

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

	19. Faq Section CSS

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

.rs-faq.faq-style1 {

  position: relative;

}

.rs-faq.faq-style1 .faq-content .accordion {

  border-width: 12px;

}

.rs-faq.faq-style1 .faq-content .accordion .card {

  margin-bottom: 15px;

  border: none;

  background-color: #F1F6FC;

  border-radius: 5px 5px 5px 5px;

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

}

.rs-faq.faq-style1 .faq-content .accordion .card:last-child {

  margin-bottom: 0;

}

.rs-faq.faq-style1 .faq-content .accordion .card .card-header {

  display: flex;

  align-items: center;

  padding: 0 !important;

  border: none;

  background: #fff;

}

.rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link {

  position: relative;

  display: block;

  width: 100%;

  padding: 20px 30px 0 60px;

  height: 62px;

  line-height: 1.3;

  font-size: 17px;

  font-weight: 600;

  background-color: #F1F6FC;

  border-radius: 5px 5px 5px 5px;

  color: #01539f;

}

.rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link:after {

  position: absolute;

  font-family: FontAwesome;

  content: "\f068";

  top: 50%;

  transform: translateY(-50%);

  font-size: 12px;

  line-height: 26px;

  color: #ffffff;

  width: 25px;

  height: 25px;

  background: #01539f;

  text-align: center;

  left: 18px;

  margin-top: -2px;

}

.rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link.collapsed {

  color: #101010;

}

.rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link.collapsed:after {

  color: #ffffff;

  content: "\f067";

}

.rs-faq.faq-style1 .faq-content .accordion .card .card-body {

  color: #454545;

  font-size: 15px;

  width: 100%;

  background-color: #F1F6FC;

  padding: 8px 25px 30px 25px !important;

  border-radius: 5px 5px 5px 5px;

}

.rs-faq.faq-style1 .faq-animate .animate-style {

  position: absolute;

  left: -12%;

  bottom: 8px;

}

.rs-faq.faq-style1 .faq-animate .animate-style img {

  max-width: 500px;

}

.rs-faq.faq-style2 {

  position: relative;

}

.rs-faq.faq-style2 .faq-content .accordion {

  border-width: 12px;

}

.rs-faq.faq-style2 .faq-content .accordion .card {

  margin-bottom: 30px;

  border: none;

  background-color: #F1F6FC;

  border-radius: 5px 5px 5px 5px;

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

}

.rs-faq.faq-style2 .faq-content .accordion .card:last-child {

  margin-bottom: 0;

}

.rs-faq.faq-style2 .faq-content .accordion .card .card-header {

  display: flex;

  align-items: center;

  padding: 0 !important;

  border: none;

  background: #fff;

}

.rs-faq.faq-style2 .faq-content .accordion .card .card-header .card-link {

  position: relative;

  display: block;

  width: 100%;

  height: 65px;

  line-height: 29px;

  font-size: 18px;

  font-weight: 600;

  padding: 17px 25px 17px 40px;

  background-color: #00483A;

  border-radius: 5px 5px 0px 0px;

  color: #ffffff;

}

.rs-faq.faq-style2 .faq-content .accordion .card .card-header .card-link:after {

  position: absolute;

  font-family: FontAwesome;

  content: "\f068";

  top: 50%;

  transform: translateY(-50%);

  text-align: center;

  font-size: 12px;

  line-height: 26px;

  color: #ffffff;

  text-align: right;

  right: 35px;

  margin-top: -2px;

}

.rs-faq.faq-style2 .faq-content .accordion .card .card-header .card-link.collapsed {

  background-color: #FFFFFF;

  color: #032e42;

  padding: 17px 25px 17px 25px;

  border-radius: 5px 5px 5px 5px;

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

}

.rs-faq.faq-style2 .faq-content .accordion .card .card-header .card-link.collapsed:after {

  color: #0a0a0a;

  content: "\f067";

}

.rs-faq.faq-style2 .faq-content .accordion .card .card-body {

  background-color: #fff;

  color: #454545;

  font-size: 16px;

  width: 100%;

  padding: 30px 25px 30px 25px !important;

}

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

	20. Team Section CSS

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

.rs-team.team-style1 {

  position: relative;

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap {

  overflow: visible;

  padding: 45px;

  background-color: #ffffff;

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap {

  position: relative;

  text-align: center;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center center;

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .image-inner {

  overflow: hidden;

  border-radius: 50%;

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

  border: 6px solid #fff;

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .image-inner a img {

  border-radius: 50%;

  transform: scale(1);

  transition: 0.3s ease-in-out;

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .share-i {

  width: 50px;

  height: 50px;

  background: #ffd600;

  color: #01539f;

  position: absolute;

  bottom: 25px;

  right: 20px;

  line-height: 55px;

  border-radius: 50%;

  z-index: 11;

  cursor: pointer;

  transition: all .5s ease;

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .share-i:before {

  line-height: 1;

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .share-i:hover {

  background: #01539f;

  color: #fff;

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .social-icons {

  position: absolute;

  left: 0;

  top: 45%;

  right: 0;

  z-index: 1;

  opacity: 0;

  transition: all .5s ease;

  transform: scale(0);

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .social-icons a {

  display: inline-block;

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .social-icons a i {

  background: #01539f;

  color: #fff;

  width: 37px;

  height: 37px;

  line-height: 37px;

  display: inline-block;

  text-align: center;

  -webkit-transition: 0.3s all ease;

  transition: 0.3s all ease;

  border-radius: 50%;

  margin: 0 3px;

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap .social-icons a i:hover {

  opacity: .9;

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap .image-wrap:before {

  content: "";

  position: absolute;

  background: #ffd600;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  display: block;

  border-radius: 50%;

  z-index: 1;

  margin: 6px;

  opacity: 0;

  transition: all .5s ease;

  transform: scale(0);

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap.current-share .image-wrap .social-icons {

  opacity: 1;

  transform: scale(1);

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap.current-share .image-wrap:before {

  opacity: .8;

  transform: scale(1);

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap .team-content {

  text-align: center;

  margin: 0;

  padding: 22px 0 0;

  margin-bottom: 0px;

  position: unset;

  opacity: 1;

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap .team-content .member-desc .team-name {

  font-size: 20px;

  line-height: 30px;

  font-weight: 700;

  margin: 0;

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap .team-content .member-desc .team-name a {

  color: #0a0a0a;

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap .team-content .member-desc .team-name a:hover {

  color: #01539F;

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap .team-content .member-desc .team-title {

  font-size: 16px;

  color: #333333;

}

.rs-team.team-style1 .team-item-wrap .team-inner-wrap:hover .image-wrap .image-inner a img {

  transform: scale(1.2);

}

.rs-team.team-style1 .rs-carousel .owl-dots .owl-dot {

  background: #ffd600;

}

.rs-team.team-style1 .team-animation .animate-ball {

  position: absolute;

}

.rs-team.team-style1 .team-animation .animate-ball img {

  max-width: 55px;

}

.rs-team.team-style1 .team-animation .animate-ball.tm1 {

  left: 18%;

  top: 13%;

}

.rs-team.team-style1 .team-animation .animate-ball.tm2 {

  left: 2%;

  top: 42%;

}

.rs-team.team-style1 .team-animation .animate-ball.tm3 {

  left: 8%;

  bottom: 20%;

}

.rs-team.team-style1 .team-animation .animate-ball.tm4 {

  right: 17%;

  top: 13%;

}

.rs-team.team-style1 .team-animation .animate-ball.tm5 {

  right: 5%;

  top: 44%;

}

.rs-team.team-style1 .team-animation .animate-ball.tm6 {

  right: 11%;

  bottom: 16%;

}

.rs-team-single .btm-info-team {

  position: relative;

  box-shadow: 0px 0px 32px 0px rgba(7, 28, 31, 0.05);

  background: #fff;

  margin-bottom: 70px;

  padding: 40px;

}

.rs-team-single .btm-info-team .images-part {

  padding: 0 30px 0 0;

}

.rs-team-single .btm-info-team .images-part img {

  border-radius: 50%;

}

.rs-team-single .btm-info-team .con-info {

  position: relative;

}

.rs-team-single .btm-info-team .con-info .designation-info {

  font-size: 16px;

  line-height: 26px;

  font-weight: 400;

  color: #01539f;

  text-transform: uppercase;

  padding-bottom: 5px;

  display: block;

}

.rs-team-single .btm-info-team .con-info .title {

  font-size: 36px;

  line-height: 46px;

  font-weight: 700;

  color: #0a0a0a;

  margin-bottom: 15px;

}

.rs-team-single .btm-info-team .con-info .short-desc {

  font-size: 15px;

  line-height: 26px;

  font-weight: 400;

  color: #454545;

  margin-bottom: 25px;

}

.rs-team-single .btm-info-team .con-info .team-title {

  font-size: 28px;

  line-height: 38px;

  font-weight: 700;

  color: #0a0a0a;

  margin-bottom: 15px;

}

.rs-team-single .btm-info-team .con-info .ps-informations .personal-info li {

  margin: 5px 0 10px;

  padding: 0;

  display: block;

}

.rs-team-single .btm-info-team .con-info .ps-informations .personal-info li span i:before {

  color: #01539f;

  margin-right: 18px;

  position: relative;

  top: 2px;

  font-weight: 500;

  display: inline-block;

  text-align: center;

}

.rs-team-single .btm-info-team .con-info .ps-informations .personal-info li a {

  color: #555;

}

.rs-team-single .btm-info-team .con-info .ps-informations .personal-info li a:hover {

  color: #01539f;

}

.rs-team-single .btm-info-team .con-info .ps-informations .social-info {

  margin-top: 15px;

}

.rs-team-single .btm-info-team .con-info .ps-informations .social-info li {

  display: inline-block;

  margin-right: 18px;

}

.rs-team-single .btm-info-team .con-info .ps-informations .social-info li a {

  color: #555;

}

.rs-team-single .btm-info-team .con-info .ps-informations .social-info li a:hover {

  color: #01539f;

}

.rs-team-single .btm-info-team .con-info .ps-informations .social-info li:last-child {

  margin-right: 0;

}

.rs-team-single .btm-info-team .con-info:before {

  content: "\f10b";

  font-size: 245px;

  position: absolute;

  right: 92px;

  color: #0a0a0a;

  font-family: "Flaticon";

  height: 100%;

  top: 74px;

  opacity: 0.02;

}

.rs-team-single .title-content .title {

  font-size: 24px;

  font-weight: 600;

  line-height: 34px;

  color: #0a0a0a;

  margin: 0;

}

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

	21. Partner Section CSS

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

.rs-partner.partner-main-home {

  background: #0179F3;

}

.rs-partner.partner-main-home .logo-img {

  text-align: center;

  padding: 0 40px;

}

.rs-partner.partner-main-home .logo-img a {

  overflow: hidden;

  display: inline-block;

  position: relative;

  transition: all 0.3s ease-in-out;

}

.rs-partner.partner-main-home .logo-img a .hovers-logos {

  display: block;

  position: absolute;

  transition: all 0.3s ease-in-out;

  z-index: 1;

  top: 0;

  left: 0;

  visibility: hidden;

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

}

.rs-partner.partner-main-home .logo-img a .mains-logos {

  transition: all 0.3s ease-in-out;

  display: block;

  filter: grayscale(1);

}

.rs-partner.partner-main-home .logo-img a:hover .hovers-logos {

  display: block;

  opacity: 3;

  visibility: visible;

  transform: translateY(0%);

  filter: grayscale(0%);

}

.rs-partner.partner-main-home .logo-img a:hover .mains-logos {

  display: block;

  visibility: hidden;

  transform: translateY(100%);

  filter: grayscale(1);

}

.rs-partner.partner-main-home.partner-style2 {

  background: #1167B6;

}

.rs-partner.partner-main-home.partner-style3 {

  background-color: #1C6C28;

}

.rs-partner.partner-main-home.partner-style4 {

  background-color: #00AAE4;

}

.rs-partner.partner-main-home.partner-style5 {

  background-color: #01493B;

}

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

	22. Pricing Section CSS

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

.rs-pricing.pricing-style1 .pricing-wrap-widget {

  position: relative;

  overflow: hidden;

  background: #ffffff;

  box-shadow: 0 0.2rem 2.8rem rgba(36, 36, 36, 0.01);

  z-index: 11;

}

.rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle {

  padding: 40px 40px 40px 40px;

  border-radius: 5px;

}

.rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-header {

  position: relative;

  z-index: 11;

}

.rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-header .table-title {

  font-size: 22px;

  line-height: 32px;

  font-weight: 700;

  color: #ffffff;

  margin: 0 0 30px;

}

.rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-header .pricing-table-price .pricing-table-bags {

  line-height: .66;

  display: flex;

  margin-bottom: 30px;

}

.rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-header .pricing-table-price .pricing-table-bags .pricing-currency {

  font-size: 22px;

  font-weight: 500;

  color: #ffffff;

}

.rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-header .pricing-table-price .pricing-table-bags .table-price-text {

  font-size: 52px;

  font-weight: 400;

  color: #ffffff;

}

.rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-header .pricing-table-price .pricing-table-bags .table-period {

  display: flex;

  align-items: flex-end;

  font-size: 15px;

  font-weight: 500;

  color: #ffffff;

}

.rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-icon {

  position: absolute;

  right: -40%;

  top: 8%;

  padding-left: 30px;

  padding-top: 30px;

  border: 8px solid #ffd600;

  background: #fff;

  width: 300px;

  height: 300px;

  transform: rotate(-45deg);

}

.rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-icon img {

  transform: rotate(45deg);

  opacity: 0.2;

  transition: 0.6s;

  width: 98px;

  height: 100px;

}

.rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-body {

  position: relative;

  z-index: 9;

  padding-top: 70px;

}

.rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-body ul li {

  padding: 9px 0px 20px 0px;

}

.rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-body ul li i {

  font-size: 16px;

  font-weight: 300;

  padding-right: 12px;

  color: #007cfb;

}

.rs-pricing.pricing-style1 .pricing-wrap-widget .pricing-table-middle .pricing-table-body ul li span {

  font-size: 16px;

  font-weight: 500;

}

.rs-pricing.pricing-style1 .pricing-wrap-widget:before {

  content: "";

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 200px;

  background: #0b70e1;

  border-radius: 8px 0 0 0;

}

.rs-pricing.pricing-style1 .pricing-wrap-widget:hover .pricing-table-middle .pricing-icon img {

  opacity: 1;

}

.rs-pricing.pricing-style1.pricing-services-style .pricing-wrap-widget:before {

  background: #01539F;

}

.rs-pricing.pricing-style1.pricing-style2 .pricing-wrap-widget:before {

  background: #00aae4;

}

.rs-pricing.pricing-style1.pricing-style2 .pricing-wrap-widget .pricing-table-middle .pricing-table-body ul li i {

  color: #00aae4;

}

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

	23. Blog Section CSS

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

.rs-blog.blog-main-home .blog-item {

  position: relative;

  z-index: 11;

  transition: all 500ms ease;

  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);

}

.rs-blog.blog-main-home .blog-item .image-wrap {

  position: relative;

}

.rs-blog.blog-main-home .blog-item .image-wrap a img {

  border-radius: 5px 5px 0 0;

  transition: all 0.3s ease;

}

.rs-blog.blog-main-home .blog-item .image-wrap .post-categories {

  position: absolute;

  z-index: 11;

  bottom: -14px;

  right: 20px;

}

.rs-blog.blog-main-home .blog-item .image-wrap .post-categories li {

  display: inline-block;

}

.rs-blog.blog-main-home .blog-item .image-wrap .post-categories li a {

  border-radius: 4px 4px 4px 4px;

  background-color: transparent;

  background-image: linear-gradient(180deg, #007cfb 0%, #007cfb 100%);

  color: #ffffff;

  transition: 0.4s;

  font-size: 14px;

  font-weight: 500;

  padding: 6px 20px;

  text-transform: uppercase;

  display: block;

}

.rs-blog.blog-main-home .blog-item .blog-content {

  transition: all 500ms ease;

  position: relative;

  padding: 20px 35px 35px;

  background: #fff;

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-meta {

  display: flex;

  justify-content: flex-start;

  padding: 10px 0 10px;

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin {

  position: relative;

  margin-right: 12px;

  padding-right: 8px;

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin i {

  color: #007cfb;

  margin-right: 5px;

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .date i {

  color: #007cfb;

  margin-right: 3px;

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-title {

  font-size: 20px;

  line-height: 1.4;

  font-weight: 700;

  margin-bottom: 20px;

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-title a {

  color: #0a0a0a;

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-title a:hover {

  color: #007cfb;

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-btn a span:hover {

  color: #007cfb;

}

.rs-blog.blog-main-home .blog-item .blog-content .blog-btn a i:before {

  color: #0a0a0a;

}

.rs-blog.blog-main-home .blog-item:hover {

  transform: translateY(-10px);

}

.rs-blog.blog-main-home .blog-item:hover .image-wrap a img {

  filter: grayscale(1);

}

.rs-blog.blog-main-home .owl-stage-outer {

  padding: 10px;

  margin: -10px;

}

.rs-blog.blog-main-home.blog-style2 .blog-item .image-wrap .post-categories li a {

  background-image: linear-gradient(150deg, #1c6c28 35%, #ffd600 100%);

}

.rs-blog.blog-main-home.blog-style2 .blog-item .blog-content .blog-title a:hover,

.rs-blog.blog-main-home.blog-style2 .blog-item .blog-content .blog-meta .date i,

.rs-blog.blog-main-home.blog-style2 .blog-item .blog-content .blog-meta .admin i {

  color: #1c6c28;

}

.rs-blog.blog-main-home.blog-style2 .blog-item .blog-content .blog-title {

  margin-bottom: 28px;

}

.rs-blog.blog-main-home.blog-style2 .blog-item .blog-content .blog-btn a {

  padding: 7px 25px 7px 15px;

  font-weight: 500;

  text-decoration: underline;

  color: #454545;

  border-style: solid;

  border-width: 2px 2px 2px 2px;

  border-color: #056E1126;

}

.rs-blog.blog-main-home.blog-style2 .blog-item .blog-content .blog-btn a span:hover {

  color: #454545;

}

.rs-blog.blog-main-home.blog-style2.blog-home5-style .blog-item .image-wrap .post-categories li a {

  background-image: linear-gradient(150deg, #00483a 35%, #00483a 100%);

}

.rs-blog.blog-main-home.blog-style2.blog-home5-style .blog-item .blog-content .blog-title a:hover {

  color: #ff7033;

}

.rs-blog.blog-main-home.blog-style2.blog-home5-style .blog-item .blog-content .blog-btn a {

  border-color: #00483A5E;

}

.rs-blog.blog-main-home.blog-style2.blog-home5-style .blog-content .blog-btn a i {

  background: #00483A;

}

.rs-blog.blog-main-home.blog-style2.blog-home5-style .blog-content .blog-btn a i:before {

  color: #ffffff;

}

.rs-blog.blog-main-home.blog-style2.blog-home5-style .blog-content .blog-meta .date i,

.rs-blog.blog-main-home.blog-style2.blog-home5-style .blog-item .blog-content .blog-meta .admin i {

  color: #00483A;

}

.rs-blog.blog-main-home.blog-style3 .blog-item .blog-content .blog-btn a span:hover,

.rs-blog.blog-main-home.blog-style3 .blog-item .blog-content .blog-title a:hover,

.rs-blog.blog-main-home.blog-style3 .blog-item .blog-content .blog-meta .date i,

.rs-blog.blog-main-home.blog-style3 .blog-item .blog-content .blog-meta .admin i {

  color: #00aae4;

}

.rs-blog.blog-main-home.blog-style3 .blog-item .image-wrap .post-categories li a {

  background: #00aae4;

}

.rs-blog.blog-main-home.blog-style3 .blog-item .blog-content .blog-meta .date i,

.rs-blog.blog-main-home.blog-style3 .blog-item .blog-content .blog-meta .admin {

  font-size: 14px;

  color: #020101;

}

.rs-blog.blog-main-home.blog-style4 .blog-item .image-wrap .post-categories li a {

  background-image: linear-gradient(180deg, #01539f 0%, #01539f 100%);

}

.rs-blog.blog-main-home.blog-style4 .blog-item .blog-content .blog-meta .date i,

.rs-blog.blog-main-home.blog-style4 .blog-item .blog-content .blog-meta .admin i,

.rs-blog.blog-main-home.blog-style4 .blog-item .blog-content .blog-btn a span:hover,

.rs-blog.blog-main-home.blog-style4 .blog-item .blog-content .blog-title a:hover {

  color: #01539f;

}

.rs-inner-blog .blog-item {

  background: #fff;

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

  padding: 15px;

  transition: 0.3s;

}

.rs-inner-blog .blog-item .blog-img {

  position: relative;

}

.rs-inner-blog .blog-item .blog-img .post-categories {

  position: absolute;

  z-index: 11;

  bottom: 20px;

  right: 20px;

  z-index: 10;

}

.rs-inner-blog .blog-item .blog-img .post-categories li {

  display: inline-block;

}

.rs-inner-blog .blog-item .blog-img .post-categories li a {

  background: #ffd600;

  color: #333;

  padding: 6px 20px;

  display: block;

  font-weight: 500;

  border-radius: 4px;

  font-size: 14px;

  transition: 0.4s;

}

.rs-inner-blog .blog-item .blog-content {

  padding: 25px 15px 25px;

  overflow: hidden;

}

.rs-inner-blog .blog-item .blog-content .blog-title {

  margin: 4px 0 10px;

  font-size: 26px;

  line-height: 35px;

  font-weight: 700;

}

.rs-inner-blog .blog-item .blog-content .blog-title a {

  color: #0a0a0a;

}

.rs-inner-blog .blog-item .blog-content .blog-title a:hover {

  color: #01539f;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate {

  overflow: hidden;

  margin: 0 0 5px;

  padding: 0 0 12px;

  font-size: 13px;

  display: flex;

  align-items: center;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li {

  margin-right: 15px;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .blog-date {

  display: inline-block;

  font-weight: 400;

  font-size: 13px;

  color: #555;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .blog-date i {

  color: #01539f;

  margin-right: 3px;

  font-size: 14px;

  font-weight: 600;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .author {

  display: inline-block;

  padding: 0;

  margin-right: 0;

  line-height: normal;

  color: #555;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .author i {

  color: #01539f;

  margin-right: 3px;

  font-size: 14px;

  font-weight: 600;

}

.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li:last-child {

  margin-right: 0;

}

.rs-inner-blog .blog-item .blog-content .blog-desc {

  font-size: 15px;

  line-height: 27px;

  font-weight: 400;

  color: #454545;

  margin-bottom: 20px;

}

.rs-inner-blog .widget-area .widget-title .title {

  font-size: 20px;

  line-height: 26px;

  font-weight: 600;

  color: #0a0a0a;

  position: relative;

  z-index: 1;

  padding-bottom: 12px;

  margin: 0;

}

.rs-inner-blog .widget-area .widget-title .title:after {

  content: "";

  position: absolute;

  border: 0;

  width: 50px;

  height: 2px;

  background: #01539f;

  z-index: 1;

  margin-left: 0;

  bottom: 0;

  left: 0;

}

.rs-inner-blog .widget-area .search-widget {

  background: #fff;

  padding: 40px 30px 40px;

  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);

  border-radius: 10px;

}

.rs-inner-blog .widget-area .search-widget .search-wrap {

  position: relative;

}

.rs-inner-blog .widget-area .search-widget .search-wrap [type=search] {

  color: #444444;

  padding: 12px 17px;

  width: 100%;

  border: none;

  border-radius: 5px;

  position: relative;

  background: #F6F7F9;

}

.rs-inner-blog .widget-area .search-widget .search-wrap button {

  background: transparent;

  border: medium none;

  color: #454545;

  padding: 11px 15px 12px;

  position: absolute;

  display: block;

  right: 0px;

  top: 0;

  z-index: 10;

  font-size: 20px;

  border-radius: 0 5px 5px;

}

.rs-inner-blog .widget-area .search-widget .search-wrap button i:before {

  font-family: uicons-regular-rounded !important;

  font-size: 18px;

  font-weight: 600;

  content: "\f279";

  position: absolute;

  right: 20px;

  top: 9px;

}

.rs-inner-blog .widget-area .search-widget .search-wrap button:hover {

  color: #01539f;

}

.rs-inner-blog .widget-area .recent-posts {

  background: #fff;

  padding: 40px 30px;

  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);

  border-radius: 10px;

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget {

  margin-top: 15px;

  padding-top: 15px;

  border-top: 1px solid rgba(0, 0, 0, 0.06);

  overflow: hidden;

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-img {

  width: 100px;

  float: left;

  padding-right: 15px;

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-img img {

  border-radius: 1px;

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc {

  overflow: hidden;

  margin-top: -8px;

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc a {

  font-size: 15px;

  line-height: 22px;

  font-weight: 500;

  color: #0a0a0a;

  margin-bottom: 5px;

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc a:hover {

  color: #01539f;

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post {

  display: block;

  font-size: 12px;

  color: #555;

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post i {

  margin-right: 5px;

}

.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post i:before {

  top: 1px;

  font-size: 12px;

  color: #01539f;

  position: relative;

}

.rs-inner-blog .widget-area .tags-cloud {

  background: #fff;

  padding: 40px 30px 40px;

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

  border-radius: 10px;

}

.rs-inner-blog .widget-area .tags-cloud .tagcloud a {

  display: inline-block;

  margin: 10px 3px 0px 0;

  line-height: 20px;

  padding: 6px 12px;

  font-size: 13px;

  text-transform: capitalize;

  transition: all .3s ease;

  background: #ffffff;

  color: #444444;

  border: 1px solid #f0f0f0;

  border-radius: 5px;

}

.rs-inner-blog .widget-area .tags-cloud .tagcloud a:hover {

  color: #ffffff;

  background: #01539f;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .title {

  font-size: 28px;

  line-height: 32px;

  font-weight: 700;

  color: #0a0a0a;

  margin: 0;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .title.title2 {

  font-size: 24px;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .bs-info {

  margin-top: 25px;

  clear: both;

  font-weight: 600;

  margin-bottom: 10px;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .bs-info a {

  font-size: 13px;

  margin-right: 5px;

  display: inline-block;

  text-align: center;

  font-weight: 400;

  color: #666;

  background: #f7fbff;

  padding: 2px 15px 4px;

  margin-left: 7px;

  border-radius: 5px;

  line-height: 20px;

  margin-top: 5px;

  margin-bottom: 5px;

  padding-top: 4px;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .bs-info a:hover {

  color: #ffffff;

  background: #01539F;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note .from-control {

  width: 100%;

  padding: 12px 20px;

  background-color: #f6f7f9;

  border: 1px solid #f6f7f9;

  border-radius: 5px;

  max-width: 100%;

  opacity: 1;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note textarea {

  height: 160px;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note ::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */



  color: #454545;

  opacity: 0.5;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note ::-moz-placeholder {

  /* Firefox 19+ */



  color: #454545;

  opacity: 0.5;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note :-ms-input-placeholder {

  /* IE 10+ */



  color: #454545;

  opacity: 0.5;

}

.rs-inner-blog .blog-details .blog-full .blog-content-full .comment-note :-moz-placeholder {

  /* Firefox 18- */



  color: #454545;

  opacity: 0.5;

}

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

	24. Testimonial Section CSS

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

.rs-testimonial.testimonial-style1 {

  position: relative;

  z-index: 11;

}

.rs-testimonial.testimonial-style1 .testi-image .testi-anaimation .animate {

  position: absolute;

}

.rs-testimonial.testimonial-style1 .testi-image .testi-anaimation .animate.big-ball {

  right: 52%;

  top: 10%;

  z-index: -11;

}

.rs-testimonial.testimonial-style1 .testi-image .testi-anaimation .animate.dot-shape {

  top: 6%;

  left: 2%;

}

.rs-testimonial.testimonial-style1 .testi-image .testi-anaimation .animate.triangle {

  top: 9%;

  left: 8%;

}

.rs-testimonial.testimonial-style1 .testi-item {

  position: relative;

  padding: 46px 40px 46px 43px;

  border-radius: 3px;

  background: #057cf4;

}

.rs-testimonial.testimonial-style1 .testi-item .author-desc .desc {

  font-size: 18px;

  line-height: 34px;

  font-weight: 500;

  color: #ffffff;

  font-style: italic;

  margin: 0 0 35px;

}

.rs-testimonial.testimonial-style1 .testi-item .author-desc .desc .quote {

  max-width: 77px;

  top: 200px;

  position: absolute;

  left: 77%;

}

.rs-testimonial.testimonial-style1 .testi-item .testimonial-content {

  display: flex;

  align-items: center;

}

.rs-testimonial.testimonial-style1 .testi-item .testimonial-content .testi-img img {

  width: 60px;

  height: 60px;

  border-radius: 50px 50px 50px 50px;

}

.rs-testimonial.testimonial-style1 .testi-item .testimonial-content .testi-information .testi-information {

  padding-left: 15px;

}

.rs-testimonial.testimonial-style1 .testi-item .testimonial-content .testi-information .testi-information .testi-name {

  font-size: 22px;

  line-height: 32px;

  font-weight: 500;

  color: #ffffff;

}

.rs-testimonial.testimonial-style1 .testi-item .testimonial-content .testi-information .testi-information .designation {

  font-size: 15px;

  line-height: 26px;

  font-weight: 400;

  color: #ffffff;

}

.rs-testimonial.testimonial-style1 .rs-carousel .owl-dots {

  right: -30px;

  position: absolute;

  bottom: 39%;

}

.rs-testimonial.testimonial-style1 .rs-carousel .owl-dots .owl-dot {

  width: 6px;

  height: 6px;

  border-radius: 2px !important;

  margin: 6px 0;

  border-radius: 50px;

  border: none;

  transition: all 0.3s ease;

  background: #ffd600;

  box-shadow: unset;

  display: flex;

}

.rs-testimonial.testimonial-style1 .rs-carousel .owl-dots .owl-dot:hover,

.rs-testimonial.testimonial-style1 .rs-carousel .owl-dots .owl-dot.active {

  height: 15px;

  background: #ffffff;

}

.rs-testimonial.testimonial-style1.testi-home4-style .testi-item {

  background-color: #0FB6EF;

}

.rs-testimonial.testimonial-style1.testi-home4-style .sec-title3 .description:after {

  background: #ffd600;

}

.rs-testimonial.testimonial-style2 {

  position: relative;

}

.rs-testimonial.testimonial-style2 .testi-item .testi-wrap {

  position: relative;

  display: flex;

  align-items: center;

  vertical-align: middle;

  background: #ffffff;

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

  padding: 0px 50px 0px 50px;

}

.rs-testimonial.testimonial-style2 .testi-item .testi-wrap .images-wrap img {

  height: 375px;

  max-width: 250px;

  width: 250px;

  margin-left: -50px;

}

.rs-testimonial.testimonial-style2 .testi-item .testi-wrap .item-content-basic {

  padding: 0 6px 0 30px;

}

.rs-testimonial.testimonial-style2 .testi-item .testi-wrap .item-content-basic span img {

  max-width: 75px;

  top: 73%;

  position: absolute;

  left: 83%;

  opacity: 0.6;

}

.rs-testimonial.testimonial-style2 .testi-item .testi-wrap .item-content-basic p {

  font-size: 17px;

  font-weight: 500;

  color: #454545;

  margin: 0 0 20px;

}

.rs-testimonial.testimonial-style2 .testi-item .testi-wrap .item-content-basic .testi-information {

  margin-top: 4px;

}

.rs-testimonial.testimonial-style2 .testi-item .testi-wrap .item-content-basic .testi-information .testi-name {

  font-size: 20px;

  line-height: 30px;

  font-weight: 600;

  color: #0A0A0A;

}

.rs-testimonial.testimonial-style2 .testi-item .testi-wrap .item-content-basic .testi-information .designation {

  color: #333333;

  font-size: 15px;

  font-weight: 400;

}

.rs-testimonial.testimonial-style2 .owl-nav .owl-next,

.rs-testimonial.testimonial-style2 .owl-nav .owl-prev {

  position: absolute;

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

  width: 50px;

  height: 50px;

  line-height: 50px;

  border-radius: 50%;

  background: #FFD600;

  color: #01539f;

  box-shadow: 0px 0px 14px 0px rgba(254, 229, 102, 0.44);

  transform: translateY(-50%);

  transition: 0.6s ease all;

  z-index: 9;

  text-align: center;

  visibility: visible;

  opacity: 1;

}

.rs-testimonial.testimonial-style2 .owl-nav .owl-next i:before,

.rs-testimonial.testimonial-style2 .owl-nav .owl-prev i:before {

  content: "\f120";

  font-family: uicons-regular-rounded !important;

  font-size: 22px;

  font-weight: 600;

  position: relative;

  top: 4px;

}

.rs-testimonial.testimonial-style2 .owl-nav .owl-next {

  top: 340px;

  right: 1098px;

}

.rs-testimonial.testimonial-style2 .owl-nav .owl-next i:before {

  content: "\f121";

}

.rs-testimonial.testimonial-style2 .owl-nav .owl-prev {

  left: -525px;

  top: 340px;

}

.rs-testimonial.testimonial-style2:hover .owl-nav .owl-next,

.rs-testimonial.testimonial-style2:hover .owl-nav .owl-prev {

  transition-delay: 0s;

  visibility: visible;

  opacity: 1;

}

.rs-testimonial.testimonial-style2 .testi-animation .animate-style {

  position: absolute;

}

.rs-testimonial.testimonial-style2 .testi-animation .animate-style img {

  max-width: 50px;

}

.rs-testimonial.testimonial-style2 .testi-animation .animate-style.one {

  left: 10%;

  bottom: 14%;

}

.rs-testimonial.testimonial-style2 .testi-animation .animate-style.two {

  left: 10%;

  top: 12%;

}

.rs-testimonial.testimonial-style2 .testi-animation .animate-style.three {

  left: 29%;

  top: 12%;

}

.rs-testimonial.testimonial-style2 .testi-animation .animate-style.four {

  left: 41%;

  bottom: 13%;

}

.rs-testimonial.testimonial-style2 .testi-animation .animate-style.five {

  right: 40%;

  top: 7%;

}

.rs-testimonial.testimonial-style2 .testi-animation .animate-style.six {

  right: 6%;

  top: 7%;

}

.rs-testimonial.testimonial-style2 .testi-animation .animate-style.seven {

  right: 12%;

  bottom: 6%;

}

.rs-testimonial.testimonial-style2 .testi-animation .animate-style.seven img {

  max-width: unset;

}

.rs-testimonial.testimonial-style2 .testi-animation .animate-style.eight {

  right: 5%;

  bottom: 18%;

}

.rs-testimonial.testimonial-style3 .testi-bg {

  background-color: #0A4112DB;

  opacity: 0.91;

}

.rs-testimonial.testimonial-style3 .testi-bg .testi-item {

  position: relative;

  margin: 0 -15px 0 0;

  background-color: #012C08;

  padding: 30px 40px 60px 40px;

}

.rs-testimonial.testimonial-style3 .testi-bg .testi-item .item-content span img {

  width: 48px;

  top: 38px;

  position: absolute;

  left: 12%;

}

.rs-testimonial.testimonial-style3 .testi-bg .testi-item .item-content p {

  font-size: 15px;

  font-weight: 500;

  color: #ffffff;

  padding: 75px 20px 7px 10px;

}

.rs-testimonial.testimonial-style3 .testi-bg .testi-item .testi-content .ratting {

  padding-bottom: 10px;

}

.rs-testimonial.testimonial-style3 .testi-bg .testi-item .testi-content .ratting img {

  width: 100px;

}

.rs-testimonial.testimonial-style3 .testi-bg .testi-item .testi-content .testi-name {

  font-size: 18px;

  font-weight: 600;

  color: #ffffff;

}

.rs-testimonial.testimonial-style3 .testi-bg .testi-item .testi-content .testi-title {

  font-size: 14px;

  font-weight: 500;

  color: #ECEAEA;

}

.rs-testimonial.testimonial-style3 .testi-bg .rs-carousel .owl-dots .owl-dot {

  background: #ffd600;

}

.rs-testimonial.testimonial-style3.testimonial-style4 .testi-bg {

  background-color: unset;

  opacity: unset;

}

.rs-testimonial.testimonial-style3.testimonial-style4 .testi-bg .testi-item {

  padding: 30px 40px 40px 40px;

  background-color: #02382E;

}

.rs-testimonial.testimonial-style3.testimonial-style4 .testi-bg .testi-item .item-content span img {

  left: 10%;

}

.rs-testimonial.testimonial-style3.testimonial-style4 .testi-bg .testi-item .item-content p {

  padding: 75px 20px 7px 0px;

}

.rs-testimonial.testimonial-style3.testimonial-style4 .rs-carousel .owl-dots .owl-dot {

  background: #FF7033;

}

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

	25. Footer Section CSS

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

.rs-footer.footer-style1 {

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

  background-repeat: no-repeat;

  background-size: cover;

}

.rs-footer.footer-style1 .footer-top {

  padding: 80px 0 70px;

}

.rs-footer.footer-style1 .footer-top .footer-logo img {

  height: 55px;

}

.rs-footer.footer-style1 .footer-top .footer-title {

  font-size: 20px;

  line-height: 30px;

  font-weight: 600;

  color: #ffffff;

  text-transform: uppercase;

  margin-bottom: 25px;

}

.rs-footer.footer-style1 .footer-top .footer-title.black-title {

  font-weight: 700;

  color: #0a0a0a;

}

.rs-footer.footer-style1 .footer-top .textwidget {

  font-size: 16px;

  color: #ffffff;

}

.rs-footer.footer-style1 .footer-top .app-store li {

  display: inline;

  margin-right: 15px;

}

.rs-footer.footer-style1 .footer-top .app-store li a img {

  opacity: 1;

}

.rs-footer.footer-style1 .footer-top .address-widget li {

  padding: 0 0 16px 40px;

  position: relative;

}

.rs-footer.footer-style1 .footer-top .address-widget li i {

  color: #ffd600;

  font-size: 20px!important;

  position: absolute;

  left: 0;

}

.rs-footer.footer-style1 .footer-top .address-widget li .desc {

  color: #ffffff;

}

.rs-footer.footer-style1 .footer-top .address-widget li .desc a {

  color: #ffffff;

}

.rs-footer.footer-style1 .footer-top .address-widget li .desc a:hover {

  color: #ccc;

}

.rs-footer.footer-style1 .footer-top .footer-social li {

  display: inline;

  margin-right: 12px;

}

.rs-footer.footer-style1 .footer-top .footer-social li a i {

  padding: 0 0px 0 0;

  font-size: 16px;

  margin-right: 3px;

  transition: all .8s ease;

  color: #111111;

  text-align: center;

}

.rs-footer.footer-style1 .footer-top .footer-social li a i:hover {

  color: #007cfb;

}

.rs-footer.footer-style1 .footer-top .footer-social li:last-child {

  margin: 0;

}

.rs-footer.footer-style1 .footer-top .widget-desc {

  margin: 15px 20px 27px 0;

}

.rs-footer.footer-style1 .footer-top p input[type="email"] {

  border: 1px solid #ffd600;

  width: 100%;

  font-size: 13px;

  padding: 15px 20px;

  border-radius: 5px;

  margin: 0;

  color: #454545;

  overflow: hidden;

  background: #fff;

  margin-bottom: 20px;

}

.rs-footer.footer-style1 .footer-top p input[type="submit"] {

  width: 100%;

  border-radius: 5px;

  padding: 15px 20px;

  font-weight: 600;

  color: #0a0a0a;

  background: #ffd600;

  position: relative;

  border: none;

  text-transform: capitalize;

  outline: none;

  transition: all .5s ease;

}

.rs-footer.footer-style1 .footer-top p input[type="submit"]:hover {

  opacity: .9;

}

.rs-footer.footer-style1 .footer-top p ::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */



  color: #454545;

  opacity: 0.79;

}

.rs-footer.footer-style1 .footer-top p ::-moz-placeholder {

  /* Firefox 19+ */



  color: #454545;

  opacity: 0.79;

}

.rs-footer.footer-style1 .footer-top p :-ms-input-placeholder {

  /* IE 10+ */



  color: #454545;

  opacity: 0.79;

}

.rs-footer.footer-style1 .footer-top p :-moz-placeholder {

  /* Firefox 18- */



  color: #454545;

  opacity: 0.79;

}

.rs-footer.footer-style1 .footer-bottom {

  padding: 20px 0 20px 0;

}

.rs-footer.footer-style1 .footer-bottom .copyright p {

  font-size: 15px;

  color: #454545;

  margin: 0;

}

.rs-footer.footer-style1 .footer-bottom .copyright p a {

  transition: all 0.4s ease-in-out 0s;

  color: #0a0a0a;

}

.rs-footer.footer-style1 .footer-bottom .copyright p a:hover {

  color: #007cfb;

}

.rs-footer.footer-style1 .footer-bottom .copy-right-menu li {

  position: relative;

  display: inline-block;

  padding: 0px 19px 0 25px;

}

.rs-footer.footer-style1 .footer-bottom .copy-right-menu li a {

  color: #454545;

}

.rs-footer.footer-style1 .footer-bottom .copy-right-menu li a:hover {

  color: #007cfb;

}

.rs-footer.footer-style1.footer-main-home {

  background-image: url(assets/images/bg/footer-bg2.jpg);

  background-repeat: no-repeat;

}

.rs-footer.footer-style1.footer-style2 {

  background: #012c08;

}

.rs-footer.footer-style1.footer-style2 .footer-top p ::-webkit-input-placeholder {

  /* Chrome/Opera/Safari */



  color: #0a0a0a;

  opacity: 0.79;

}

.rs-footer.footer-style1.footer-style2 .footer-top p ::-moz-placeholder {

  /* Firefox 19+ */



  color: #0a0a0a;

  opacity: 0.79;

}

.rs-footer.footer-style1.footer-style2 .footer-top p :-ms-input-placeholder {

  /* IE 10+ */



  color: #0a0a0a;

  opacity: 0.79;

}

.rs-footer.footer-style1.footer-style2 .footer-top p :-moz-placeholder {

  /* Firefox 18- */



  color: #0a0a0a;

  opacity: 0.79;

}

.rs-footer.footer-style1.footer-style2 .footer-top p input[type="email"] {

  border: 1px solid #fff;

  background: #ffffff;

}

.rs-footer.footer-style1.footer-style2 .footer-top p input[type="submit"] {

  color: #ffffff;

  background: #1C6C28;

}

.rs-footer.footer-style1.footer-style2 .footer-bottom {

  background: #03380b;

}

.rs-footer.footer-style1.footer-style2 .footer-top .footer-social li a i,

.rs-footer.footer-style1.footer-style2 .footer-bottom .copy-right-menu li a,

.rs-footer.footer-style1.footer-style2 .footer-bottom .copyright p a:hover,

.rs-footer.footer-style1.footer-style2 .footer-bottom .copyright p {

  color: #ffffff;

}

.rs-footer.footer-style1.footer-style2 .footer-top .address-widget li .desc a:hover,

.rs-footer.footer-style1.footer-style2 .footer-top .footer-social li a i:hover,

.rs-footer.footer-style1.footer-style2 .footer-bottom .copy-right-menu li a:hover,

.rs-footer.footer-style1.footer-style2 .footer-bottom .copyright p a {

  color: #ffd600;

}

.rs-footer.footer-style1.footer-style3 {

  background: #f2f8fb;

}

.rs-footer.footer-style1.footer-style3 .footer-bottom .copy-right-menu li a:hover,

.rs-footer.footer-style1.footer-style3 .footer-bottom .copyright p a:hover,

.rs-footer.footer-style1.footer-style3 .footer-top .footer-social li a i:hover,

.rs-footer.footer-style1.footer-style3 .footer-top .address-widget li .desc a:hover,

.rs-footer.footer-style1.footer-style3 .footer-top .address-widget li i {

  color: #0000FF;

}

.rs-footer.footer-style1.footer-style3 .footer-top .address-widget li .desc a,

.rs-footer.footer-style1.footer-style3 .footer-top .address-widget li .desc,

.rs-footer.footer-style1.footer-style3 .footer-top .textwidget {

  color: #444444;

}

.rs-footer.footer-style1.footer-style3 .footer-bottom {

  background: #ffffff;

}

.rs-footer.footer-style1.footer-style3 .footer-top p input[type="submit"] {

  background: #0000FF;

  color: #ffffff;

}

.rs-footer.footer-style1.footer-style4 .footer-top p input[type="submit"] {

  background: #007cfb;

  color: #ffffff;

}

.rs-footer.footer-style1.footer-style5 {

  background: #0e3c39;

}

.rs-footer.footer-style1.footer-style5 .footer-bottom {

  background: #01493b;

}

.rs-footer.footer-style1.footer-style5 .footer-bottom .copy-right-menu li a,

.rs-footer.footer-style1.footer-style5 .footer-bottom .copyright p {

  color: #ffffff;

}

.rs-footer.footer-style1.footer-style5 .footer-bottom .copy-right-menu li a:hover,

.rs-footer.footer-style1.footer-style5 .footer-top .address-widget li .desc a:hover,

.rs-footer.footer-style1.footer-style5 .footer-top .address-widget li i,

.rs-footer.footer-style1.footer-style5 .footer-top .footer-social li a i,

.rs-footer.footer-style1.footer-style5 .footer-bottom .copyright p a {

  color: #ff7033;

}

.rs-footer.footer-style1.footer-style5 .footer-top p input[type="submit"] {

  background: #ff7033;

  color: #ffffff;

}

.rs-footer.footer-style1.footer-style5 .footer-top p input[type="email"] {

  border: 1px solid #fff;

}

.home-primary-color .full-width-header .right_menu_togle .close-btn .nav-close .line span,

.home-primary-color .full-width-header .right_menu_togle .canvas-contact .social li a i,

.home-primary-color .search-modal {

  background: #007cfb;

}

.home-primary-color .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover,

.home-primary-color .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i:before {

  color: #007cfb;

}

.home-green-color .search-modal {

  background: #1c6c28;

}

.home-green-color .rs-project.project-style1 .rs-carousel .owl-dots .owl-dot.active,

.home-green-color .rs-project.project-style1 .rs-carousel .owl-dots .owl-dot {

  background: #1c6c28;

}

.home-green-color .rs-contact.contact-style2 .contact-section {

  background-color: #FFFFFFE0;

}

.home-green-color .rs-contact.contact-style2 .contact-info-box {

  background-color: #1c6c28;

}

.home-green-color .rs-contact.contact-style2 .contact-info-box .sec-title .title {

  color: #0a0a0a;

}

.home-green-color .submit-btn.submit-btn3:hover {

  background: #1c6c28;

}

.home-green-color .submit-btn.submit-btn3:hover input[type="submit"]:hover {

  background: #1c6c28;

}

.home-paste-color .search-modal {

  background: #00aae4;

}

.home-paste-color .rs-contact.contact-style2 .contact-info-box,

.home-paste-color .rs-project.project-style1 .rs-carousel .owl-dots .owl-dot,

.home-paste-color .rs-project.project-style1 .rs-carousel .owl-dots .owl-dot.active {

  background: #00aae4;

}

.home-paste-color .rs-contact.contact-style2 .contact-section {

  background-color: #FFFFFFE0;

}

.home-paste-color .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover,

.home-paste-color .full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i:before,

.home-paste-color .rs-contact.contact-style2 .contact-info-box .sec-title .title {

  color: #00f;;

}

.home-paste-color .submit-btn.submit-btn3:hover {

  background: #00aae4;

}

.home-paste-color .full-width-header .right_menu_togle .close-btn .nav-close .line span,

.home-paste-color .full-width-header .right_menu_togle .canvas-contact .social li a i,

.home-paste-color .submit-btn.submit-btn3:hover input[type="submit"]:hover {

  background: #00aae4;

}

.home-coral-color .search-modal {

  background: #ff7033;

}

.home-coral-color .rs-carousel .owl-dots .owl-dot {

  background: #FF7033;

}

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

	26. Scroll Up CSS

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

#scrollUp {

  text-align: center;

  bottom: 40px;

  cursor: pointer;

  display: none;

  position: fixed;

  right: 20px;

  z-index: 999;

  border-radius: 50px 50px 4px 4px;

}

#scrollUp i {

  height: 40px;

  font-size: 24px;

  width: 42px;

  border-radius: 50%;

  color: #01539f;

  line-height: 36px;

  transition: all 0.3s ease 0s;

  background: #ffd600;

  margin-left: 2px;

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

  display: block;

}

#scrollUp i:before {

  line-height: unset !important;

  position: relative;

  top: 2px;

}

#scrollUp i:hover {

  opacity: 0.8;

}

#scrollUp.blue-color i {

  color: #ffffff;

  background: #1C6C28;

}

#scrollUp.cyan-color i {

  color: #ffffff;

  background: #007cfb;

}

#scrollUp.paste-color i {

  color: #ffffff;

  background: #0000FF;

}

#scrollUp.orange-color i {

  color: #ffffff;

  background: #ff7033;

}

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

	27. Preloader CSS

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

#clenia-load {

  background-color: #fff;

  height: 100%;

  width: 100%;

  position: fixed;

  z-index: 1;

  margin-top: 0px;

  top: 0px;

  z-index: 999999;

}

#clenia-load .preload-wrap {

  position: absolute;

  left: 50%;

  top: 50%;

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

}

#clenia-load .preload-wrap img {

  animation: loader-zoom 1s linear infinite alternate;

  max-width: 90px;

}

.loader-clenia {

  position: absolute;

  width: 75px;

  height: 100px;

  top: 50%;

  left: 50%;

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

}

@-webkit-keyframes loader-zoom {

  0% {

    transform: scale(1);

  }

  100% {

    transform: scale(1.15);

  }

}

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

	28. Animation Part CSS

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

@keyframes loaderspin {

  0% {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  100% {

    transform: translate(-50%, -50%) rotate(360deg);

  }

}

@-webkit-keyframes loaderspin {

  0% {

    transform: translate(-50%, -50%) rotate(0deg);

  }

  100% {

    transform: translate(-50%, -50%) rotate(360deg);

  }

}

@keyframes loaderpulse {

  0% {

    transform: scale(1);

  }

  100% {

    transform: scale(1.2);

  }

}

@keyframes pulse-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

@-webkit-keyframes pulse-border {

  0% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);

    opacity: 1;

  }

  100% {

    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);

    opacity: 0;

  }

}

.move-y {

  animation: move-y 2s alternate infinite;

  -webkit-animation: move-y 2s alternate infinite;

}

@keyframes move-y {

  0% {

    transform: translate3d(0, 0, 0);

    -webkit-transform: translate3d(0, 0, 0);

  }

  100% {

    transform: translate3d(0, 10px, 0);

    -webkit-transform: translate3d(0, 10px, 0);

  }

}

.fadeInDown {

  animation-name: fadeInDown;

  animation-duration: 2s;

}

@-webkit-keyframes fadeInDown {

  0% {

    opacity: 0;

    transform: translate3d(0, -100%, 0);

  }

  100% {

    opacity: 1;

    transform: none;

  }

}

.fadeInLeft {

  animation-name: fadeInLeft;

  animation-duration: 2s;

}

.fadeInLeft.new {

  animation-duration: 1.25s;

}

@-webkit-keyframes fadeInLeft {

  0% {

    opacity: 0;

    transform: translate3d(-100%, 0, 0);

  }

  100% {

    opacity: 1;

    transform: none;

  }

}

.fadeInRight {

  animation-name: fadeInRight;

  animation-duration: 1.25s;

}

@-webkit-keyframes fadeInRight {

  0% {

    opacity: 0;

    transform: translate3d(100%, 0, 0);

  }

  100% {

    opacity: 1;

    transform: none;

  }

}

.scale {

  animation-duration: 2s;

  -webkit-animation: scale 2s alternate infinite;

}

.scale.new {

  animation-duration: 2.5s;

}

@-webkit-keyframes scale {

  0% {

    transform: scale(0.9);

    -webkit-transform: scale(0.9);

  }

  100% {

    transform: scale(1.08);

    -webkit-transform: scale(1.08);

  }

}

.horizontal {

  animation-name: horizontal;

  animation-duration: 20s;

  animation-timing-function: linear;

  animation-iteration-count: infinite;

}

@keyframes horizontal {

  0% {

    transform: translateX(0);

  }

  50% {

    transform: translateX(100px);

  }

  100% {

    transform: translateX(0);

  }

}

.dance2 {

  -webkit-animation: dance2 4s alternate infinite;

}

@keyframes dance2 {

  0% {

    -webkit-transform: translate3d(0, 0, 0);

  }

  50% {

    -webkit-transform: translate3d(15px, -15px, 0);

  }

  100% {

    -webkit-transform: translate3d(0, -15px, 15px);

  }

}

.up-down {

  animation: up-down 7s alternate infinite;

  -webkit-animation: up-down 7s alternate infinite;

}

@keyframes up-down {

  0% {

    transform: translateY(20px);

    -webkit-transform: translateY(0);

  }

  50% {

    transform: translateY(-20px);

    -webkit-transform: translateY(-20px);

  }

  100% {

    transform: translateY(0);

    -webkit-transform: translateY(0);

  }

}

@-webkit-keyframes up-down {

  0% {

    transform: translateY(30px);

    -webkit-transform: translateY(0);

  }

  50% {

    transform: translateY(-50px);

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

  }

  100% {

    transform: translateY(0);

    -webkit-transform: translateY(0);

  }

}

.rotated-style {

  animation: rotated-style;

  animation-timing-function: linear;

  animation-iteration-count: infinite;

  animation-duration: 40s;

}

.rotated-style.new-style {

  animation-duration: 30s;

}

@keyframes rotated-style {

  0% {

    transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

  }

  100% {

    transform: rotate(359deg);

    -webkit-transform: rotate(359deg);

  }

}

.rotated-style2 {

  animation: rotated-style2 5s linear infinite;

}

@keyframes rotated-style2 {

  0% {

    -webkit-transform: translate(0) rotate(0deg);

    transform: translate(0) rotate(0deg);

  }

  25% {

    -webkit-transform: translate(-10px, 10px) rotate(10deg);

    transform: translate(-10px, 10px) rotate(10deg);

  }

  50% {

    -webkit-transform: translate(5px, -5px) rotate(25deg);

    transform: translate(5px, -5px) rotate(25deg);

  }

  75% {

    -webkit-transform: translate(15px, -5px) rotate(15deg);

    transform: translate(15px, -5px) rotate(15deg);

  }

  100% {

    -webkit-transform: translate(0) rotate(0deg);

    transform: translate(0) rotate(0deg);

  }

}

.fadeInUp {

  animation-duration: 1.25s;

  animation-name: fadeInUp;

}

@keyframes fadeInUp {

  0% {

    opacity: 0;

    transform: translate3d(0, 100%, 0);

  }

  100% {

    opacity: 1;

    transform: none;

  }

}

.veritcal {

  animation-name: veritcal;

  animation-timing-function: linear;

  animation-duration: 12s;

  animation-iteration-count: infinite;

}

@keyframes veritcal {

  0% {

    transform: translateY(0);

  }

  50% {

    transform: translateY(100px);

  }

  100% {

    transform: translateY(0);

  }

}