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

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:300,400,500,600,700,800,900&display=swap');
@charset "utf-8";
/** 
* 
* -----------------------------------------------------------------------------
*
* Template : Konstruk - Construction & Building HTML Template
* Author : devsdesign
  Author URI : http://www.devsdesign.com/
*
* -----------------------------------------------------------------------------
* 
**//* TABLE OF CONTENT
---------------------------------------------------------
01. General CSS
02. Global Class CSS
03. Header Section CSS
04. Sticky Menu CSS
05. About Section CSS
06. Breadcrumbs Section CSS
07. Banner Section CSS
08. Slider Section CSS
09. Choose Section CSS
10. Cta Section CSS
11. Counter Section CSS
12. Contact Section CSS
13. Gallery Section CSS
14. Video Section CSS
15. Progress Section CSS
16. Process Section CSS
17. Project Section CSS
18. Skill-bar Section CSS
19. Services Section CSS
20. Faq Section CSS	
21. Team Section CSS
22. Partner Section CSS
23. Pricing Section CSS
24. Blog Section CSS
25. Testimonial Section CSS
26. Shop Section CSS
27. Single Shop Section CSS
28. Cart Section CSS
29. Careers Single Section CSS
30. Checkout Section CSS
31. Account Section CSS
32. Footer Section CSS
33. Scroll Up CSS
34. Preloader CSS
35. Animation Part CSS

--------------------------------------------------------*/
/* -----------------------------------
	01. General CSS
-------------------------------------*/
html,
:root{--primary-color:#ffb703;--text-color:#010d14;}
body{font-size:16px;color:#333333;font-family:Roboto,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:'Playfair Display',serif;color:var(--text-color);margin:0 0 26px;line-height:1.2;}
h1{font-size:52px;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:#e8eaee;}
.gray-bg2{background:#eff3fa;}
.gray-bg3{background:#f4f8ff;}
.gray-bg4{background:#f6f5f3;}
.gray-bg5{background:#f8f8f8;}
.gray-bg6{background:#f6f7f9;}
.gray-bg7{background:#f3f3f3;}
.gray-bg8{background:#411600;}
.gray-bg9{background:#f2f2f2;}
.gray-bg10{background:#1f0a00;}
.gray-bg11{background:#b24b00;}
.black-bg{background:#031321;}
.black-bg2{background:var(--text-color);}
.blue-bg3{background:#183650;}
.blue-bg4{background-color:rgba(24,54,80,0.96);}
.blue-bg5{background:#0d0500;}
.red-bg1{background-color:#cc0404;}
.white-bg{background:#fff;}
.white-color{color:#ffffff !important;}
.title-color{color:#000000 !important;}
.body-color{color:#333333 !important;}
.pb-205{padding-bottom:205px;}
.pb-220{padding-bottom:220px;}
a{color:var(--primary-color);transition:all 0.3s ease;text-decoration:none !important;outline:none !important;}
a:active,a:hover{outline:0 none;color:var(--primary-color);}
ul{list-style:outside none none;margin:0;padding:0;}
.clear{clear:both;}
::-moz-selection{background:var(--primary-color);text-shadow:none;color:#ffffff;}
::selection{background:var(--primary-color);text-shadow:none;color:#ffffff;}
.bg1{background:url(assets/images/bg/about-bg.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;}
.offwrap{cursor:url(assets/images/close.png),auto;width:100%;left:100%;transition:left 0.8s ease-out;position:fixed;background:#fff;height:100vh;top:0;bottom:0;opacity:0.8;z-index:999;}
body.nav-expanded .offwrap{left:0%;transition:left 0.8s ease-out;}
.copyright p{font-size:15px;}
.rs-menu-toggle{color:var(--primary-color);text-align:right;}
button{cursor:pointer;}
.glyph-icon:before{margin:0;}
.z-index-1{position:relative;z-index:1;}
.dots{list-style:disc;margin:0 0 1.5em 3em;}
.stylelisting{list-style-type:none;margin-left:20px !important;}
.stylelisting li{position:relative;padding-left:22px !important;line-height:34px;border:none !important;}
.stylelisting li:before{position:absolute;top:0;left:0;z-index:0;content:"\f054";font-family:'FontAwesome';color:var(--primary-color);font-size:12px;}
.features-content{padding:115px 150px 95px 100px;}
.features-content ul.rs-features-list li{margin:0px 0px 21px 0px;display:flex;align-items:center;}
.features-content ul.rs-features-list li i{color:#000000;background-color:var(--primary-color);padding:15px;margin:0px 25px 0px 0px;border-radius:50px;}
.features-content ul.rs-features-list li .feature-text{color:#000000;font-weight:500;}
.features-content.red-feature{padding:0;}
.features-content.red-feature ul.rs-features-list li i{color:#ffffff;background-color:#e8271e;}
.features-content.red-feature ul.rs-features-list li .feature-text{color:#fafafa;}
.features-content.red-feature ul.rs-features-list li{margin:0px 0px 28px 0px;}
ul.services-list li a{display:block;padding:16px 18px;transition:all 0.5s ease;position:relative;background:#e8eaee;color:var(--text-color);font-size:16px;font-weight:500;margin-bottom:15px;}
ul.services-list li a:before{content:"\f113";position:absolute;right:12px;top:16px;font-family:Flaticon;color:var(--text-color);}
ul.services-list li a:hover,ul.services-list li a.active{background:var(--primary-color);color:var(--text-color);}
ul.services-list li a:hover:before,ul.services-list li a.active:before{color:var(--text-color);}
ul.services-item-list li{padding-bottom:16px;}
ul.services-item-list li span img{margin-top:-12px;}
ul.services-item-list li .list-text{font-size:18px;color:#000000;font-family:Roboto,sans-serif;padding-left:6px;}
ul.services-item-list li:last-child{padding-bottom:0;}
ul.check-lists .list-item{padding-bottom:6px;}
ul.check-lists .list-item .icon-list-icon i{color:var(--primary-color);font-size:18px;}
ul.check-lists .list-item .icon-list-icon i:before{font-weight:900;}
ul.check-lists .list-item .list-text{font-size:18px;line-height:29px;font-weight:500;color:var(--text-color);padding-left:5px;}
ul.check-lists.paste-list-style2 .list-item{padding-bottom:9px;}
ul.check-lists.paste-list-style2 .list-item .icon-list-icon i{color:#70bf4a;font-size:18px;}
ul.check-lists.paste-list-style2 .list-item .list-text{font-weight:700;padding-left:8px;}
ul.check-lists.check-list1 .icon-list-icon i{color:#ff6314;}
ul.check-lists.check-list1 .list-text{color:var(--text-color);padding-left:5px;font-weight:700;}
ul.check-lists2 li{padding-left:32px;position:relative;margin-top:12px;margin-bottom:15px;}
ul.check-lists2 li:before{content:"\f160";font-size:8px;width:20px;height:20px;line-height:20px;color:var(--text-color);background:var(--primary-color);margin:0;display:inline-block;font-family:uicons-regular-rounded !important;font-weight:600;text-align:center;position:absolute;left:0;top:3px;}
ul.check-lists3 li{padding-left:35px;position:relative;margin-top:12px;margin-bottom:15px;}
ul.check-lists3 li:before{content:"\f160";font-size:18px;color:var(--primary-color);margin:0;display:inline-block;font-family:uicons-regular-rounded !important;font-weight:600;text-align:center;position:absolute;left:0;top:-2px;}
ul.check-lists3.check-single{color:#7a7a7a;}
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:var(--primary-color);}
.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;text-align:center;background:transparent;color:#eee;display:inline-block;vertical-align:top;border-right:1px solid #e6e6e6;}
.pagination-area .nav-link .page-number.border-none{border-right:none;}
.pagenav-link ul{border:1px solid #f2f2f2;border-radius:3px;display:inline-block;padding:0 3px;}
.pagenav-link ul li{display:inline-block;padding:0 18px;margin:10px 0;border-right:1px solid #e6e6e6;color:var(--primary-color);font-size:18px;}
.pagenav-link ul li a{font-size:18px;font-weight:500;color:#333333;}
.pagenav-link ul li a i:before{position:relative;padding-left:3px;font-family:uicons-regular-rounded !important;color:var(--text-color);font-size:20px;top:5px;display:inline-block;transition:all 0.3s ease;}
.pagenav-link ul li a:hover{color:var(--primary-color);}
.pagenav-link ul li a:hover i:before{color:var(--primary-color);}
.pagenav-link ul li:last-child{border-right:none;}
.gridFilter button{background:transparent;color:var(--text-color);padding:5px 20px !important;border-radius:0;font-size:16px;font-weight:500;text-transform:capitalize;display:inline-block;transition:all 0.4s ease;outline:none;border:0;margin-left:20px;}
.gridFilter button:first-child{margin-left:0;}
.gridFilter button.active,.gridFilter button:hover{color:#ffffff;background:#0052da !important;}
.gridFilter.gridfilter-style1 button.active,.gridFilter.gridfilter-style1 button:hover{color:#ffffff;background:#e88e2e !important;}
.gridFilter.gridfilter-style2 button{font-size:15px;padding:15px 34px !important;color:var(--text-color);background:#ffffff;text-transform:uppercase;}
.gridFilter.gridfilter-style2 button.active,.gridFilter.gridfilter-style2 button:hover{color:var(--text-color);background:var(--primary-color) !important;}
.gridFilter.gridfilter-style2.yellow-gridfilter button{background:#e8eaee !important;padding:13px 30px !important;}
.gridFilter.gridfilter-style2.yellow-gridfilter button.active,.gridFilter.gridfilter-style2.yellow-gridfilter button:hover{color:var(--text-color);background:var(--primary-color) !important;}
blockquote{margin:40px 0;padding:30px 40px;color:#222;position:relative;background:#fbfbfb !important;font-weight:400;font-style:italic;text-align:left;clear:both;border-left:4px solid var(--primary-color);}
blockquote p{font-size:20px;margin:0;}
.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:var(--primary-color);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-prev{left:-50px;transition-delay:0s;visibility:visible;opacity:1;}
.rs-carousel.nav-style1:hover .owl-nav .owl-next{right:-50px;left:unset;transition-delay:0s;visibility:visible;opacity:1;}
.rs-carousel .owl-dots{text-align:center;margin-top:40px;}
.rs-carousel .owl-dots .owl-dot{width:14px;height:8px;display:inline-block;margin:0 6px;padding:3px 0;border:none;transition:all 0.3s ease;background:var(--primary-color);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:var(--primary-color);opacity:1;}
.slick-dots{position:absolute;line-height:10px;bottom:-45px;z-index:3;display:block;width:100%;padding:0;margin:0;text-align:center;}
.slick-dots li{display:inline-block;width:unset;height:unset;font-size:0;margin:0 5px;}
.slick-dots li button{width:15px;height:15px;display:inline-block;font-size:unset;line-height:unset;padding:unset;border:none;background:#ff5a06;transition:all 0.3s ease-in;border-radius:15px;}
.slick-dots li.slick-active button,.slick-dots li:hover button{width:24px;background:#ff5a06;opacity:0.4;}
@media (max-width:768px){h1{font-size:36px;}h2{font-size:30px;line-height:38px;}h3{font-size:24px;line-height:34px;}h4{font-size:22px;line-height:30px;}h5{font-size:20px;line-height:28px;}h6{font-size:18px;line-height:26px;}.pb-205,.pb-220{padding-bottom:80px;}.features-content{padding:50px 20px;}.features-content ul.rs-features-list li i{padding:10px;margin-right:15px;}.features-content.red-feature ul.rs-features-list li{margin-bottom:20px;}.gridFilter button{display:block;margin:10px 0;padding:10px 15px !important;}.gridFilter button:first-child{margin-top:0;}.gridFilter.gridfilter-style2 button,.gridFilter.gridfilter-style2.yellow-gridfilter button{padding:10px 20px !important;}.rs-carousel.nav-style1 .owl-nav .owl-prev{left:10px;}.rs-carousel.nav-style1 .owl-nav .owl-next{right:10px;}.rs-carousel.nav-style1:hover .owl-nav .owl-prev{left:10px;}.rs-carousel.nav-style1:hover .owl-nav .owl-next{right:10px;}.stylelisting{margin-left:15px !important;}.stylelisting li{padding-left:18px !important;line-height:28px;}.services-list li a{padding:12px 15px;font-size:14px;margin-bottom:10px;}.services-item-list li .list-text{font-size:16px;}.check-lists .list-item .list-text,.check-lists.paste-list-style2 .list-item .list-text,.check-lists.check-list1 .list-text{font-size:16px;line-height:26px;}.check-lists2 li,.check-lists3 li{padding-left:28px;margin:10px 0;}blockquote{padding:20px 25px;}blockquote p{font-size:18px;}}
@media (max-width:576px){h1{font-size:28px;}h2{font-size:24px;line-height:32px;}h3{font-size:20px;line-height:28px;}h4{font-size:18px;line-height:26px;}h5{font-size:16px;line-height:24px;}h6{font-size:14px;line-height:22px;}body{font-size:14px;}.pb-205,.pb-220{padding-bottom:50px;}.features-content{padding:30px 15px;}.rs-carousel .owl-dots{margin-top:20px;}.slick-dots{bottom:-30px;}} 
/* 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: 17px;
  font-weight: 500;
  line-height: 26px;
  color: #ffffff;
  background: #ffb703;
  padding: 16px 35px 16px 35px;
  z-index: 1;
  border-radius: 0;
  transition: all 0.4s ease-in-out 0s;
  overflow: hidden;
}
.readon.more {
  background: #ffb703;
  padding: 17px 23px 17px 23px;
  color: #010d14;
  font-weight: 500;
  text-transform: uppercase;
}
.readon.more:hover {
  background-color: #010d14;
  color: #ffffff;
}
.readon.more.read2 {
  text-transform: capitalize;
  padding: 17px 36px 17px 36px;
}
.readon.more.know {
  padding: 16px 34px 16px 34px;
}
.readon.more.discover {
  padding: 15px 37px 15px 37px;
  text-transform: capitalize;
}
.readon.more.submit {
  padding: 15px 31px 15px 31px;
  color: #010d14;
  border: none;
}
.readon.more.submit:hover {
  background-color: #010d14;
  color: #ffffff;
}
.readon.more.submit.submit-new {
  text-transform: capitalize;
}
.readon.more.submit.sub-con:hover {
  background-color: #ffffff;
  color: #010d14;
}
.readon.more.submit.submit-red {
  background: #eb003d;
  color: #ffffff;
  text-transform: capitalize;
}
.readon.more.submit.submit-red:hover {
  background-color: #010d14;
  color: #ffffff;
}
.readon.more.submit.submit-blue {
  background: #0052da;
  color: #ffffff;
  text-transform: capitalize;
}
.readon.more.submit.submit-blue:hover {
  background-color: #010d14;
  color: #ffffff;
}
.readon.more.submit.submit-orange {
  padding: 15px 35px 15px 35px;
  background: #e88e2e;
  color: #ffffff;
  text-transform: capitalize;
  border-radius: 5px;
}
.readon.more.submit.submit-orange:hover {
  background-color: #010d14;
  color: #ffffff;
}
.readon.more.submit.submit-tan {
  padding: 15px 35px 15px 35px;
  background: #ba9071;
  color: #ffffff;
  text-transform: capitalize;
  border-radius: 5px;
}
.readon.more.submit.submit-tan:hover {
  background-color: #010d14;
  color: #ffffff;
}
.readon.more.submit.submit-orange2 {
  padding: 15px 35px 15px 35px;
  background: #ff5a06;
  color: #ffffff;
  text-transform: capitalize;
}
.readon.more.submit.submit-orange2:hover {
  background-color: #010d14;
  color: #ffffff;
}
.readon.more.submit.submit-orange3 {
  padding: 15px 35px 15px 35px;
  background: #ff5a06;
  color: #ffffff;
  text-transform: capitalize;
  clip-path: polygon(50% 0%, 100% 1%, 100% 35%, 100% 80%, 94% 100%, 50% 100%, 21% 100%, 0 100%, 0 0, 86% 0) !important;
}
.readon.more.submit.submit-orange3:hover {
  opacity: 0.79;
}
.readon.more.submit.submit-red1 {
  color: #C30C0C;
  background-color: #FFFFFF;
  margin: 0;
  padding: 18px 40px 18px 40px;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  border-radius: 10px;
  text-transform: capitalize;
}
.readon.more.submit.submit-red1:hover {
  background-color: #010d14;
  color: #ffffff;
}
.readon.more.contact {
  padding: 16px 35px 16px 35px;
}
.readon.more.contact:hover {
  background-color: #ffffff;
  color: #010d14;
}
.readon.more.requset-services {
  padding: 15px 40px 15px 40px;
  background-color: #EB003D;
  color: #ffffff;
  border-radius: 30px;
  text-transform: capitalize;
}
.readon.more.requset-services:hover {
  background-color: #010D14;
  color: #ffffff;
}
.readon.more.touch {
  padding: 16px 32px 16px 32px;
}
.readon.more.touch:hover {
  background-color: #ffffff;
  color: #010d14;
}
.readon.more.pricing {
  padding: 15px 35px 15px 35px;
  font-size: 15px;
}
.readon.more.comment {
  padding: 16px 26px 16px 26px;
  border: none;
}
.readon.red2-more {
  padding: 17px 23px 17px 23px;
  background-color: #E8271E;
  border-radius: 0;
  text-transform: uppercase;
}
.readon.red2-more:hover {
  color: #ffffff;
  background-color: #010D14;
}
.readon.red2-more.view {
  padding: 15px 39px 15px 39px;
  text-transform: capitalize;
}
.readon.red2-more.view:hover {
  color: #000000;
  background-color: #FFFFFF;
}
.readon.red2-more.view-pro {
  padding: 18px 36px 18px 36px;
  text-transform: capitalize;
  background-color: #cb0000;
  border-radius: 10px;
}
.readon.red2-more.view-pro:hover {
  background-color: #CB0000D4;
}
.readon.red-btn {
  padding: 16px 33px 16px 33px;
  background-color: #EB003D;
  border-radius: 30px;
  text-transform: capitalize;
}
.readon.red-btn:hover {
  color: #010d14;
  background: #ffffff;
}
.readon.red-btn.know-radius {
  padding: 15px 37px 15px 37px;
}
.readon.red-btn.know-radius:hover {
  color: #ffffff;
  background-color: #010D14;
}
.readon.blue-btn {
  font-size: 16px;
  padding: 14px 35px 14px 35px;
  background-color: #0052DA;
  color: #ffffff;
  border-radius: 0;
}
.readon.blue-btn:hover {
  color: #ffffff;
  background: #010d14;
}
.readon.blue-btn.know-more {
  padding: 14px 43px 14px 43px;
}
.readon.blue-btn.orange-more1 {
  position: relative;
  padding: 19px 40px 19px 35px;
  background-color: #FF5A06;
}
.readon.blue-btn.orange-more1 i {
  margin-left: 5px;
}
.readon.blue-btn.orange-more1 i:before {
  position: absolute;
  font-weight: 500 !important;
  font-size: 15px !important;
  transform: rotate(-45deg);
  top: 25px;
}
.readon.blue-btn.orange-more1:hover {
  background-color: #010D14;
}
.readon.blue-btn.orange-more2 {
  position: relative;
  padding: 19px 50px 19px 38px;
  background-color: #FF5A06;
}
.readon.blue-btn.orange-more2 i {
  margin-left: 10px;
}
.readon.blue-btn.orange-more2 i:before {
  position: absolute;
  font-weight: 500 !important;
  font-size: 15px !important;
  top: 25px;
}
.readon.blue-btn.orange-more2:hover {
  opacity: 0.79;
}
.readon.paste-btn {
  padding: 14px 30px 14px 30px;
  font-size: 16px;
  background-color: #21c0f5;
  color: #ffffff;
  text-transform: uppercase;
}
.readon.paste-btn:hover {
  border-radius: 5px;
  color: #21c0f5;
  background: #ffffff;
}
.readon.paste-btn.dismore {
  padding: 14px 39px 14px 39px;
  text-transform: capitalize;
}
.readon.paste-btn.dismore:hover {
  border-radius: 0;
  color: #010d14;
  background: #ffffff;
}
.readon.paste-btn.submit {
  padding: 14px 35px 14px 35px;
  background-color: #21C0F5;
  text-transform: capitalize;
  border: none;
}
.readon.paste-btn.submit:hover {
  border-radius: 0;
  color: #010d14;
  background: #ffffff;
}
.readon.paste-btn.updates {
  padding: 14px 35px 14px 35px;
  text-transform: capitalize;
}
.readon.paste-btn.updates:hover {
  border-radius: 0;
  color: #ffffff;
  background: #010d14;
}
.readon.paste-btn.started:hover {
  border-radius: 0;
  color: #010d14;
  background: #ffffff;
}
.readon.orange-btn {
  padding: 14px 30px 14px 30px;
  font-size: 16px;
  background-color: #e88e2e;
  color: #ffffff;
  border-radius: 5px;
}
.readon.orange-btn:hover {
  color: #ffffff;
  background: #010d14;
}
.readon.orange-btn.know {
  padding: 14px 40px 14px 40px;
}
.readon.tan-btn {
  font-weight: 400;
  font-size: 16px;
  border-radius: 3px;
  padding: 15px 35px;
  background-color: #ba9071;
  color: #ffffff;
}
.readon.tan-btn:hover {
  color: #ffffff;
  background-color: #bda290;
}
.readon.orange-btn1 {
  background-color: #ff6314;
  padding: 16px 30px;
  -webkit-clip-path: polygon(88% 0, 100% 37%, 100% 82%, 100% 100%, 15% 103%, 0 66%, 0 0);
}
.readon.orange-btn1:hover {
  color: #ffffff;
  background-color: #e75f1a;
}
.readon.orange-btn1.get-white1 {
  background-color: transparent;
  -webkit-clip-path: unset;
  padding: 0;
  color: #FFFFFFD9;
  background-color: #02010100;
  border-style: solid;
  border-width: 0 0 2px 0;
  border-radius: 0;
}
.readon.orange-btn1.get-white1:hover {
  color: #ffffff;
}
.readon.orange-btn1.submit1 {
  border: none;
}
.readon.orange-btn2 {
  padding: 19px 40px 19px 35px;
  background-color: #FF5A06;
  color: #ffffff;
  text-transform: capitalize;
  border-radius: 0;
  clip-path: polygon(50% 0%, 100% 1%, 100% 35%, 100% 80%, 94% 100%, 50% 100%, 21% 100%, 0 100%, 0 0, 86% 0) !important;
}
.readon.orange-btn2.orange-learning {
  clip-path: unset !important;
}
.readon.paste-btn2 {
  font-size: 16px;
  font-weight: 700;
  padding: 16px 33px 16px 33px;
  background-color: #70bf4a;
  border-radius: 30px;
  text-transform: capitalize;
}
.readon.paste-btn2:hover {
  color: #010d14;
  background: #ffffff;
}
.readon.paste-btn2.know-more {
  font-weight: 500;
  padding: 15px 40px 15px 40px;
  background-color: #70BF4A;
  border-radius: 30px;
}
.readon.paste-btn2.know-more:hover {
  color: #ffffff;
  background-color: #010d14;
}
.readon.contact1 {
  font-family: "Roboto", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 25px;
  background-color: #FFFFFF00;
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF;
  border-radius: 10px;
  padding: 18px 25px 18px 25px;
}
.readon.contact1 i {
  margin-right: 10px;
  font-size: 20px;
  font-weight: 900;
}
.readon.contact1:hover {
  background-color: #ffffff;
  color: #cb0000;
}
/*-- Add Button CSS --*/
/*-- Services Button CSS --*/
.services-btn .btn-text {
  position: relative;
  display: inline-block;
  color: #010d14;
  transition: all ease .3s;
  padding: 7px 15px 7px 15px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: #FFB703;
}
.services-btn .btn-text:hover {
  background-color: #010D14;
  color: #ffffff;
}
.services-btn.btn-style2 .btn-text {
  padding: 10px 14px 10px 14px;
  font-size: 15px;
  text-transform: capitalize;
}
.services-btn.btn-style2 .btn-text i {
  transition: all .3s ease;
}
.services-btn.btn-style2 .btn-text i:before {
  font-weight: 500;
  position: relative;
  padding-left: 3px;
  font-family: uicons-regular-rounded !important;
  color: #010d14;
  font-size: 20px;
  top: 5px;
  display: inline-block;
  transition: all 0.3s ease;
}
.services-btn.btn-style2 .btn-text:hover {
  background-color: #010D14;
  color: #ffffff;
}
.services-btn.btn-style2 .btn-text:hover i {
  margin-left: 7px;
}
.services-btn.btn-style2 .btn-text:hover i:before {
  color: #fff;
}
.services-btn.btn-style3 .btn-text {
  padding: 7px 13px 7px 13px;
  font-size: 16px;
  font-weight: 400;
  background: #0052da;
  color: #ffffff;
  text-transform: capitalize;
}
.services-btn.btn-style3 .btn-text i:before {
  transition: all .3s ease;
  font-weight: 500;
  position: relative;
  padding-left: 6px;
  font-family: uicons-regular-rounded !important;
  color: #ffffff;
  font-size: 20px;
  top: 5px;
  display: inline-block;
  transition: all 0.3s ease;
}
.services-btn.btn-style3 .btn-text:hover i:before {
  transform: translateX(3px);
}
.services-btn.btn-style4 .btn-text {
  padding: 10px 0px 0px 0px;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 18px;
  color: #010d14;
  background: transparent;
}
.services-btn.btn-style4 .btn-text i:before {
  font-weight: 400;
  position: relative;
  padding-left: 6px;
  font-family: uicons-regular-rounded !important;
  color: #010d14;
  font-size: 18px;
  top: 3px;
  display: inline-block;
  transition: all 0.3s ease;
}
.services-btn.btn-style4 .btn-text:hover i:before {
  transform: translateX(3px);
}
.services-btn.btn-style4 a i {
  color: #858585;
}
.services-btn.btn-style4 a i:before {
  font-size: 16px;
}
.services-btn.btn-style4 a:hover i {
  color: #70bf4a;
}
.services-btn.btn-style5 a i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  background-color: #FF631433;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #FF631400;
  text-align: center;
}
.services-btn.btn-style5 a i:before {
  font-size: 16px;
  color: #FF6314;
}
.services-btn.btn-style5 a:hover i {
  background-color: #F20F0F00;
  border-color: #FF6314;
}
.services-btn.btn-style6 a {
  font-family: "Roboto", Sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  transition: all ease .3s;
  color: #ff5a06;
  border: 1px solid #ff5a06;
  padding: 10px 14px 10px 14px;
  text-transform: capitalize;
}
.services-btn.btn-style6 a:hover {
  background-color: #ff5a06;
  border: 1px solid #ff5a06;
  color: #ffffff;
}
.services-btn .learn-text {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all ease .4s;
}
.services-btn .learn-text:after {
  content: "\f113";
  font-family: Flaticon;
  font-size: 9px;
  position: relative;
  right: -1px;
  top: -2px;
  display: inline-block;
  margin-left: 8px;
  transition: all ease .4s;
  color: #fff;
}
.services-btn .learn-text:hover:after {
  transform: translateX(10px);
}
.services-btn .red-btn-text {
  padding: 10px 12px 7px 12px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  border-radius: 40px 40px 40px 40px;
  background-color: #EB003D;
  transition: all ease .3s;
  display: inline-block;
}
.services-btn .red-btn-text i:before {
  font-size: 16px;
  color: #ffffff;
}
.services-btn .red-btn-text:hover {
  background: #010d14;
}
.services-btn .red-btn-text:hover i:before {
  color: #ffffff;
}
.services-btn .submit-btn {
  position: relative;
  margin: 0;
}
.services-btn .submit-btn input[type="submit"] {
  position: relative;
  display: inline-block;
  color: #FFFFFF;
  background-color: #EB003D;
  padding: 15px 30px 15px 0;
  transition: all .5s ease;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  border-radius: 30px 30px 30px 30px;
  border: none;
}
.services-btn .submit-btn:before {
  position: absolute;
  content: "\f121";
  z-index: 11;
  background: none;
  color: #fff;
  font-size: 24px;
  right: 18%;
  top: 8px;
  font-family: uicons-regular-rounded;
}
.services-btn .submit-btn:hover input[type="submit"] {
  background-color: #000000;
}
/*-- Blog Button CSS --*/
.blog-button {
  display: inline-block;
}
.blog-button a {
  position: relative;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: #FFCA46;
  padding: 14px 25px 12px 25px;
  color: #010D14;
  transition: all ease .3s;
}
.blog-button a:hover {
  color: #ffffff;
  background-color: #010D14;
}
.blog-button.blog-bnt2 a {
  font-size: 16px;
  text-transform: capitalize;
  background-color: unset;
  padding: 14px 0px 6px 0px;
}
.blog-button.blog-bnt2 a i:before {
  position: relative;
  color: #010d14;
  font-size: 20px;
  top: 5px;
  transition: all .3s ease;
  display: inline-block;
}
.blog-button.blog-bnt2 a:hover {
  color: unset;
  background-color: unset;
}
.blog-button.blog-bnt2 a:hover i:before {
  transform: translateX(8px);
}
.blog-button.blog-btn3 a {
  color: #ffffff;
  background-color: #EB003D;
  border-radius: 30px 30px 30px 30px;
  padding: 10px 30px 10px 30px;
}
.blog-button.blog-btn3 a:hover {
  color: #ffffff;
  background-color: #010D14;
}
.blog-button.blog-btn4 a {
  position: relative;
  display: inline-block;
  padding: 9px 28px 9px 25px;
  background: #e8271e;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  transition: all ease .4s;
}
.blog-button.blog-btn4 a:after {
  content: "\f113";
  font-family: Flaticon;
  font-size: 10px;
  position: relative;
  right: 1px;
  top: -1px;
  display: inline-block;
  margin-left: 8px;
  transition: all ease .4s;
  color: #fff;
  font-weight: 700;
}
.blog-button.blog-btn4 a:hover:after {
  transform: translateX(10px);
}
.blog-button.blog-btn5 a {
  font-size: 16px;
  padding: 9px 31px 9px 31px;
  text-transform: capitalize;
  color: #ffffff;
  background-color: #0052DA;
}
.blog-button.blog-btn5 a:hover {
  color: #ffffff;
  background-color: #0052DA;
}
.blog-button.blog-btn6 a {
  font-size: 16px;
  padding: 9px 31px 9px 31px;
  text-transform: capitalize;
  color: #ffffff;
  background-color: #e88e2e;
}
.blog-button.blog-btn6 a:hover {
  color: #ffffff;
  background-color: #e88e2e;
}
.blog-button.blog-btn7 a {
  color: #ffffff;
  background-color: #BA9071;
  border-radius: 3px 3px 3px 3px;
  padding: 10px 30px 10px 30px;
  text-transform: capitalize;
}
.blog-button.blog-btn7 a:hover {
  color: #ffffff;
  background-color: #BA9071C4;
}
.blog-button.inner-btn a {
  background-color: unset;
  padding: 0 20px 0 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
  text-transform: capitalize;
  color: #010d14;
  z-index: 1;
}
.blog-button.inner-btn a:before {
  content: "\f121";
  position: absolute;
  font-family: uicons-regular-rounded !important;
  font-size: 19px;
  top: 2px;
  right: -5px;
  opacity: 1;
  transition: all 0.3s;
}
.blog-button.inner-btn:hover a {
  color: #ffb703;
}
.blog-button.inner-btn:hover a:before {
  right: -10px;
  opacity: 1;
}
/*-- Submit Button CSS --*/
.form-button .submit-form {
  margin: 0;
  text-align: center;
}
.form-button .submit-form .submit {
  position: relative;
  display: inline-block;
  transition: all .5s ease;
  color: #fff;
  top: 18px;
  border: none;
  background-color: #0052DA;
  padding: 12px 51px 12px 51px;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  border-radius: 0px 0px 0px 0px;
  margin: 0px 0px -4px 0px;
}
.form-button .submit-form .submit:hover {
  background: #010d14;
  color: #ffffff;
}
.form-button.orange-submit .submit-form .submit {
  border-radius: 5px 5px 5px 5px;
  padding: 12px 51px 12px 51px;
  font-size: 17px;
  color: #E88E2E;
  background-color: #FFFFFF;
  top: 0;
}
.form-button.orange-submit .submit-form .submit:hover {
  background: #010d14;
  color: #ffffff;
}
.form-button.paste-submit .submit-form .submit {
  border-radius: 30px 30px 30px 30px;
  padding: 12px 51px 12px 51px;
  font-size: 17px;
  color: #ffffff;
  background-color: #70bf4a;
  top: 0;
  width: 100%;
}
.form-button.paste-submit .submit-form .submit:hover {
  background: #010d14;
  color: #ffffff;
}
.submit-btn {
  margin: 0;
  display: block;
  cursor: pointer;
  position: relative;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  z-index: 2;
  border: none;
}
.submit-btn .arrow-btn {
  position: relative;
  z-index: 9;
}
.submit-btn .arrow-btn [type="submit"] {
  background-color: #AF0505E0;
  padding: 16px 34px 16px 34px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px 5px 5px 5px;
  position: relative;
  z-index: 9;
  border: none;
}
.submit-btn .arrow-btn:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: #f00;
  right: 15%;
  top: -8px;
  background: #930606;
  transition: 0.4s;
  z-index: 3;
}
.submit-btn .arrow-btn:hover:before {
  right: 68%;
}
.submit-btn.debitis {
  background: #ffb703;
  padding: 9px 25px;
  display: inline-block;
}
.submit-btn.debitis input[type="submit"] {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  background: unset;
  border: none;
}
.address-wrap-item .icon-part {
  display: inline-block;
  position: relative;
  height: 70px;
  width: 70px;
  line-height: 70px;
  border-radius: 100%;
  text-align: center;
  background: #ffb703;
}
.address-wrap-item .icon-part i {
  text-align: center;
  color: #010d14;
  border-radius: 100%;
  font-size: 30px;
  position: relative;
  line-height: 70px;
  z-index: 9;
  width: 100%;
  vertical-align: middle;
  margin-left: 0;
  height: auto;
}
.address-wrap-item .icon-part: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: #ffb703;
}
.address-wrap {
  display: flex;
  align-items: center;
}
.address-wrap .address-icon {
  display: inline-block;
  position: relative;
  height: 55px;
  width: 55px;
  line-height: 55px;
  border-radius: 100%;
  text-align: center;
  background: #fff;
}
.address-wrap .address-icon i {
  text-align: center;
  color: #0052da;
  border-radius: 100%;
  font-size: 25px;
  position: relative;
  line-height: 70px;
  z-index: 9;
  width: 100%;
  vertical-align: middle;
  margin-left: 0;
  height: auto;
  line-height: 55px;
}
.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: #fff;
}
.address-wrap .content-txt {
  padding-left: 30px;
}
.address-wrap .content-txt a {
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  color: #FFFFFF;
}
.address-wrap.videos-icons-style2 .address-icon {
  background: #70bf4a;
  height: 70px;
  width: 70px;
  line-height: 70px;
}
.address-wrap.videos-icons-style2 .address-icon i {
  color: #ffffff;
}
.address-wrap.videos-icons-style2 .address-icon:before {
  background: #70bf4a;
}
.address-wrap.videos-icons-style2 .inner-txt {
  padding-left: 30px;
}
.address-wrap.videos-icons-style2 .inner-txt .sub-text {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #FFFFFF;
}
.address-wrap.videos-icons-style2 .inner-txt .title {
  font-family: "Roboto", Sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 52px;
  margin: 0 0 0;
}
.address-wrap.videos-icons-style2 .inner-txt .title a {
  color: #FFFFFF;
}
.address-wrap.videos-icons-style3 .address-icon {
  background-color: #FFFFFF00;
  border: 1px solid #ff6314;
  border-radius: 5px;
  width: 60px;
  height: 53px;
  line-height: 51px !important;
}
.address-wrap.videos-icons-style3 .address-icon i {
  line-height: 35px;
  color: #ff6314;
}
.address-wrap.videos-icons-style3 .address-icon:before {
  background-color: #FFFFFF00;
}
.address-wrap.videos-icons-style3 .inner-txt {
  padding-left: 20px;
}
.address-wrap.videos-icons-style3 .inner-txt .sub-text {
  color: #000000;
  margin: 0 0 6px;
}
.address-wrap.videos-icons-style3 .inner-txt .title {
  font-family: "Roboto", Sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  margin: 0 0 0px;
}
.address-wrap.videos-icons-style3 .inner-txt .title a {
  color: #000000;
}
.address-wrap.videos-icons-style3 .inner-txt .title a:hover {
  color: #ff6314;
}
/*Video Icon*/
.rs-videos .animate-border .popup-border {
  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-color: #FFB703;
}
.rs-videos .animate-border .popup-border i {
  transition: 0.3s ease all;
  font-size: 30px;
  color: #010d14;
  position: relative;
}
.rs-videos .animate-border .popup-border:before {
  background-color: #FFB703;
  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;
}
.rs-videos .animate-border .popup-border: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;
}
.rs-videos.red-videos .animate-border .popup-border {
  background-color: #eb003d;
}
.rs-videos.red-videos .animate-border .popup-border i {
  color: #ffffff;
}
.rs-videos.red-videos .animate-border .popup-border:before {
  background-color: #eb003d;
}
.rs-videos.blue-videos .animate-border .popup-border {
  background-color: #0052da;
}
.rs-videos.blue-videos .animate-border .popup-border i {
  color: #ffffff;
}
.rs-videos.blue-videos .animate-border .popup-border:before {
  background-color: #0052da;
}
.rs-videos.orange-videos .animate-border .popup-border {
  background-color: #e88e2e;
}
.rs-videos.orange-videos .animate-border .popup-border i {
  color: #ffffff;
}
.rs-videos.orange-videos .animate-border .popup-border:before {
  background-color: #e88e2e;
}
.rs-videos.white-videos1 {
  position: absolute;
  right: 26%;
  transform: translateY(-467px);
}
.rs-videos.white-videos1 .animate-border .popup-border {
  background-color: #ffffff;
}
.rs-videos.white-videos1 .animate-border .popup-border i {
  color: #ff5a06;
}
.rs-videos.white-videos1 .animate-border .popup-border:before {
  background-color: #ffffff;
}
@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;
}
.container-fluid3 {
  padding-left: 50px;
  padding-right: 50px;
}
.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: 500;
  line-height: 1.3;
  color: #010d14;
  text-transform: uppercase;
  font-family: Roboto;
  margin: 0 0 10px;
  display: block;
}
.sec-title .sub-text img {
  position: relative;
  top: -2px;
  margin-right: 7px;
}
.sec-title .sub-text.yellow-color {
  color: #ffb703;
}
.sec-title .sub-text.sub-text2 {
  position: relative;
  padding-left: 65px;
  display: inline-block;
}
.sec-title .sub-text.sub-text2:after {
  content: "";
  position: absolute;
  border: 0;
  width: 50px;
  height: 2px;
  background: #ffb703;
  z-index: 1;
  margin-left: 0;
  left: 0;
  top: 8px;
}
.sec-title .sub-text.sub-text3 {
  font-size: 15px;
  color: #eb003d;
}
.sec-title .sub-text.sub-text3 img {
  width: 28px;
}
.sec-title .sub-text.sub-text4 {
  font-size: 15px;
  color: #e8271e;
}
.sec-title .sub-text.sub-text5 {
  margin: 0 0 5px;
  color: #0052da;
}
.sec-title .sub-text.sub-text6 {
  margin: 0 0 5px;
  color: #e88e2e;
}
.sec-title .sub-text.sub-text7 {
  margin: 0 0 5px;
  color: #ba9071;
}
.sec-title .sub-text.sub-text8 {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #333333;
  margin: 0 0 13px;
}
.sec-title .sub-text.sub-text8 img {
  width: 14px;
}
.sec-title .sub-text.sub-text9 {
  margin: 0 0 5px;
  color: #ff5a06;
}
.sec-title .sub-text.sub-text10 {
  font-family: "Playfair Display", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  margin: 0 0 10px;
  color: #ffffff;
}
.sec-title .sub-text.sub-text11 {
  font-family: "Playfair Display", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  margin: 0 0 10px;
  color: #cb0000;
}
.sec-title .sub-text.sub-text12 {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  margin: 0 0 10px;
  color: #ffffff;
}
.sec-title .sub-text.sub-text13 {
  margin: 0 0 5px;
  color: #ff6314;
}
.sec-title .title-inner .title {
  position: relative;
  font-family: "Playfair Display", Sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 40px;
  color: #CB0000;
  margin: 0px 0px 30px 0px;
}
.sec-title .title-inner .title .watermark {
  color: #FFFFFFCC !important;
  display: block;
  font-family: "Playfair Display", Sans-serif;
  font-size: 130px;
  line-height: 0px;
  position: absolute;
  text-transform: uppercase;
  font-weight: 900;
  opacity: 0.11;
  width: 100%;
  left: 0;
  color: inherit;
  white-space: nowrap;
  vertical-align: middle;
}
.sec-title .title-inner.contact-inner1 .title {
  color: #ffffff;
  margin: 0px 0px 10px 0px;
}
.sec-title .title-inner.ser-inner .title {
  color: #FFFFFF;
}
.sec-title .title-inner.ser-inner .title .watermark {
  font-size: 100px;
  opacity: 0.15 !important;
  color: #FFFFFF !important;
}
.sec-title .title {
  font-size: 42px;
  font-weight: 700;
  line-height: 53px;
  color: #010d14;
  margin: 0;
}
.sec-title .title.title2 {
  font-size: 36px;
  line-height: 1.3em;
}
.sec-title .title.title3 {
  color: #ffffff;
}
.sec-title .title.title3 span {
  color: #e8271e;
  font-style: italic;
}
.sec-title .title.title4 {
  position: relative;
  font-size: 42px;
  line-height: 1.3;
  font-weight: 700;
  color: #FFFFFF;
}
.sec-title .title.title4:before {
  content: "";
  position: absolute;
  border: 0;
  width: 65px;
  height: 5px;
  background: #FFB703;
  z-index: 1;
  margin-left: 0;
  left: 0;
  top: -28px;
}
.sec-title .title.title4.ser-style1 {
  font-size: 42px;
}
.sec-title .title.title4.ser-style2 {
  font-size: 42px;
  color: #010d14;
}
.sec-title .title.title4.ser-style2:before {
  margin: 0 auto;
  left: 0;
  right: 0;
}
.sec-title .title.title4.ser-style2 span {
  color: #ffb703;
}
.sec-title .title.title4.ser-style3 {
  font-size: 35px;
  color: #010d14;
}
.sec-title .title.title4.ser-style4 {
  font-size: 42px;
  color: #ffffff;
}
.sec-title .title.title4.ser-style5 {
  font-size: 33px;
  color: #010d14;
}
.sec-title .title.title5 {
  font-size: 60px;
  line-height: 70px;
  font-family: Playfair Display;
}
.sec-title .title.title6 {
  color: #442211;
  font-family: Playfair Display;
}
.sec-title .title.title7 {
  font-size: 60px;
  line-height: 70px;
  color: #442211;
  font-family: Playfair Display;
}
.sec-title .small-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  font-family: "Roboto", Sans-serif;
  margin: 0px 0px 0px 0px;
  color: #010d14;
}
.sec-title .desc {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #333333;
  margin: 0;
}
.sec-title .desc.desc2 {
  color: #DADADA;
}
.sec-title .desc.desc3 {
  color: #ffffff;
}
.sec-title .desc.desc4 {
  color: #FAFAFA;
}
.sec-title .desc.desc5 {
  font-size: 18px;
  font-weight: 700;
  color: #333333;
}
.sec-title .desc.desc6 {
  font-size: 16px;
  font-weight: 400;
  color: #7a7a7a;
}
.sec-title .desc.desc7 {
  color: #FFFFFFC4;
}
.sec-title .desc.desc8 {
  color: #F7F7F7;
}
.sec-title .desc.desc9 {
  margin: 6px 0px 5px 0px;
  padding: 6px 0px 6px 15px;
  border-style: solid;
  border-width: 0px 0px 0px 3px;
  color: rgba(51, 51, 51, 0.8);
  border-color: #FF6314;
}
.sec-title .desc.desc9.desc-big {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  color: #333333;
}
.sec-title .desc.desc9.desc-small {
  color: #333333;
}
.sec-title .desc.desc10 {
  color: rgba(51, 51, 51, 0.8);
}
.sec-title .view-services {
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  color: #333333;
  margin: 0;
}
.sec-title .view-services a {
  margin-left: 8px;
}
.sec-title .view-services a .btn-text {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 22px;
  padding: 6px 28px 6px 28px;
  background-color: #0052DA;
  border-radius: 0px 0px 0px 0px;
}
.sec-title2 {
  position: relative;
}
.sec-title2 .sub-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  text-transform: uppercase;
  color: #ffb703;
  display: block;
  margin: 0 0 5px;
}
.sec-title2 .sub-text {
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  text-transform: uppercase;
  color: #ffb703;
  margin: 0 0 0px;
  display: block;
  position: relative;
  padding-left: 107px;
}
.sec-title2 .sub-text:before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  height: 4px;
  width: 12px;
  border-radius: 2px;
  background-color: #ffb703;
  transition: all .3s ease;
  z-index: 0;
}
.sec-title2 .sub-text:after {
  content: "";
  position: absolute;
  border: 0;
  height: 4px;
  width: 55px;
  z-index: 1;
  margin-left: 0;
  left: 24px;
  top: 12px;
  border-radius: 2px;
  background-color: #ffb703;
  transition: all .3s ease;
  z-index: 0;
}
.sec-title2 .title {
  font-size: 42px;
  font-weight: 700;
  line-height: 46px;
  color: #010d14;
  margin: 0;
}
.sec-title2 .desc-big {
  font-size: 16px;
  font-weight: 500;
}
.sec-title2 .heading-border-line {
  position: relative;
}
.sec-title2 .heading-border-line:before {
  content: "";
  width: 12px;
  height: 4px;
  background: #ffb703;
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -35px;
  transform: translateX(-50%);
  border-radius: 2px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 1;
}
.sec-title2 .heading-border-line:after {
  content: "";
  width: 65px;
  height: 4px;
  background: #ffb703;
  position: absolute;
  bottom: -4px;
  right: 0;
  left: 50%;
  margin-left: -20px;
  border-radius: 2px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 0;
}
.sec-title2 .heading-border-line.left-style {
  position: relative;
  margin-left: 44px;
}
.sec-title2 .heading-border-line.left-style:before {
  left: 0;
}
.sec-title2 .heading-border-line.left-style:after {
  left: 0;
}
.sec-title2:hover .sub-text:before {
  width: 65px;
  background: #ffb703;
}
.sec-title2:hover .sub-text:after {
  margin-left: 46px;
  width: 12px;
  background: #ffb703;
}
.sec-title2:hover .heading-border-line {
  position: relative;
}
.sec-title2:hover .heading-border-line:before {
  margin-left: -5px;
  width: 65px;
  background: #ffb703;
}
.sec-title2:hover .heading-border-line:after {
  width: 12px;
  margin-left: 35px;
  background: #ffb703;
}
.sec-title3 {
  position: relative;
}
.sec-title3 .sub-title {
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  text-transform: uppercase;
  color: #21c0f5;
  display: block;
  margin: 0 0 5px;
}
.sec-title3 .sub-text {
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  text-transform: uppercase;
  color: #21c0f5;
  margin: 0 0 3px;
  display: block;
  position: relative;
  padding-left: 107px;
}
.sec-title3 .sub-text:before {
  content: '';
  position: absolute;
  left: 0;
  top: 12px;
  height: 4px;
  width: 12px;
  border-radius: 2px;
  background-color: #21c0f5;
  transition: all .3s ease;
  z-index: 0;
}
.sec-title3 .sub-text:after {
  content: "";
  position: absolute;
  border: 0;
  height: 4px;
  width: 55px;
  z-index: 1;
  margin-left: 0;
  left: 24px;
  top: 12px;
  border-radius: 2px;
  background-color: #21c0f5;
  transition: all .3s ease;
  z-index: 0;
}
.sec-title3 .title {
  font-size: 42px;
  font-weight: 700;
  line-height: 46px;
  color: #010d14;
  margin: 0;
}
.sec-title3 .desc {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}
.sec-title3 .heading-border-line {
  position: relative;
}
.sec-title3 .heading-border-line:before {
  content: "";
  width: 12px;
  height: 4px;
  background: #21c0f5;
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -35px;
  transform: translateX(-50%);
  border-radius: 2px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 1;
}
.sec-title3 .heading-border-line:after {
  content: "";
  width: 65px;
  height: 4px;
  background: #21c0f5;
  position: absolute;
  bottom: -4px;
  right: 0;
  left: 50%;
  margin-left: -20px;
  border-radius: 2px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 0;
}
.sec-title3 .heading-border-line.left-style {
  position: relative;
  margin-left: 44px;
}
.sec-title3 .heading-border-line.left-style:before {
  left: 0;
}
.sec-title3 .heading-border-line.left-style:after {
  left: 0;
}
.sec-title3:hover .sub-text:before {
  width: 65px;
  background: #21c0f5;
}
.sec-title3:hover .sub-text:after {
  margin-left: 46px;
  width: 12px;
  background: #21c0f5;
}
.sec-title3:hover .heading-border-line {
  position: relative;
}
.sec-title3:hover .heading-border-line:before {
  margin-left: -5px;
  width: 65px;
  background: #21c0f5;
}
.sec-title3:hover .heading-border-line:after {
  width: 12px;
  margin-left: 35px;
  background: #21c0f5;
}
/* -----------------------
	03. Header Section CSS
--------------------------*/
.full-width-header {
  position: relative;
}
.full-width-header .rs-header {
  position: relative;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 {
  padding: 0 20px;
  background: #010D14;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li {
  display: inline-block;
  line-height: 50px;
  font-size: 15px;
  color: #ffffff;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li:last-child {
  margin-right: 0;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li i {
  color: #ffb703;
  margin-right: 6px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li i:before {
  font-size: 18px;
  margin-left: 0;
  position: relative;
  top: 3px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li a {
  border-right: 1px solid #514d4d;
  margin-right: 20px;
  padding-right: 20px;
  color: #ffffff;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li a:hover {
  color: #ffb703;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li .desc {
  margin: 0;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li:last-child a {
  border: none;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix {
  text-align: right;
  margin: 0px;
  padding: 0;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix .opening em {
  border-right: 1px solid #514d4d;
  margin-right: 5px;
  padding-right: 20px;
  color: #ffffff;
  font-style: normal;
  font-size: 14px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix .opening em i {
  color: #ffb703;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix .opening em i:before {
  font-size: 18px;
  margin-right: 8px;
  line-height: 20px;
  position: relative;
  top: 3px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix li {
  display: inline-block;
  line-height: 50px;
  margin-right: 13px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix li:last-child {
  margin-right: 0;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix li a i {
  font-size: 15px;
  color: #ffffff;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix li a i:hover {
  color: #ffb703;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 .toolbar-sl-share .clearfix li a i:hover,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 .toolbar-contact .rs-contact-info li a:hover,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 .toolbar-sl-share .clearfix .opening em i,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 .toolbar-contact .rs-contact-info li i {
  color: #eb003d;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2 {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2 .toolbar-sl-share .clearfix li a i:hover,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2 .toolbar-contact .rs-contact-info li a:hover,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2 .toolbar-sl-share .clearfix .opening em i,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2 .toolbar-contact .rs-contact-info li i {
  color: #e8271e;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2 .toolbar-contact .rs-contact-info li a {
  border-right: unset;
  margin-right: 0px;
  padding-right: 0px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2 .toolbar-contact .rs-contact-info li {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  margin-right: 20px;
  padding-right: 20px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2 .toolbar-sl-share .clearfix .opening em {
  border-right: unset;
  margin-right: 0;
  padding-right: 0px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2 .toolbar-sl-share .clearfix .opening {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  margin-right: 20px;
  padding-right: 40px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2.paste-color-modify1 .toolbar-sl-share .clearfix li a i:hover,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2.paste-color-modify1 .toolbar-contact .rs-contact-info li a:hover,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2.paste-color-modify1 .toolbar-sl-share .clearfix .opening em i,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2.paste-color-modify1 .toolbar-contact .rs-contact-info li i {
  color: #21c0f5;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2.topbar-red1 .toolbar-sl-share .clearfix li a i:hover,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2.topbar-red1 .toolbar-contact .rs-contact-info li a:hover,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2.topbar-red1 .toolbar-sl-share .clearfix .opening em i,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify2.topbar-red1 .toolbar-contact .rs-contact-info li i {
  color: #cb0000;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify3 {
  background: #0052da;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify3 .toolbar-sl-share .clearfix .opening em i {
  color: #fff;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify3 .toolbar-sl-share .clearfix .opening em {
  border-right: 1px solid #fff;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 {
  background: #f9f9f9;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-sl-share .clearfix li a i,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-contact .rs-contact-info li,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-sl-share .clearfix .opening em,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-sl-share .clearfix .opening em i,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-contact .rs-contact-info li i,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-contact .rs-contact-info li a {
  color: #666666;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-sl-share .clearfix .opening em,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-contact .rs-contact-info li a {
  border-right: 1px solid #d9d9d9;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-contact .rs-contact-info li a:hover,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify4 .toolbar-sl-share .clearfix li a i:hover {
  color: #70bf4a;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 {
  background: #2e2c2c;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-sl-share .clearfix li a i,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-contact .rs-contact-info li,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-sl-share .clearfix .opening em,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-sl-share .clearfix .opening em i,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-contact .rs-contact-info li i,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-contact .rs-contact-info li a {
  color: #ffffff;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-contact {
  text-align: right;
  padding-right: 90px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-sl-share .clearfix .opening em,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-contact .rs-contact-info li a {
  border-right: 1px solid #fbfbfb;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-contact .rs-contact-info li a:hover,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify5 .toolbar-sl-share .clearfix li a i:hover {
  color: #ff6314;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify6 .toolbar-sl-share .clearfix li a i:hover,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify6 .toolbar-contact .rs-contact-info li a:hover,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify6 .toolbar-sl-share .clearfix .opening em i,
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify6 .toolbar-contact .rs-contact-info li i {
  color: #ff5a06;
}
.full-width-header .rs-header .middle-header {
  padding-top: 30px;
  padding-bottom: 30px;
}
.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: 36px;
}
.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: 32px;
  color: #ffb703;
  transition: all .5s ease;
  display: block;
}
.full-width-header .rs-header .middle-header .rs-contact-info .contact-part .contact-info .info-title {
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  padding-top: 2px;
  color: #010d14;
}
.full-width-header .rs-header .middle-header .rs-contact-info .contact-part .contact-info .info-des {
  font-size: 14px;
  padding-top: 4px;
  color: #010d14;
}
.full-width-header .rs-header .middle-header .rs-contact-info .contact-part .contact-info .info-des a {
  color: #333333;
  font-size: 14px;
}
.full-width-header .rs-header .middle-header .rs-contact-info .contact-part .contact-info .info-des a:hover {
  color: #ffb703;
}
.full-width-header .rs-header .middle-header .rs-contact-info .contact-part.margin-no {
  margin-right: 0;
}
.full-width-header .rs-header .middle-header .rs-contact-info .contact-part:hover .info-icon i:before {
  transform: translateY(-3px);
}
.full-width-header .rs-header .middle-header.middle-modify1 {
  padding-bottom: 0px;
}
.full-width-header .rs-header .middle-header.middle-modify1 .rs-contact-info .contact-part .contact-info .info-des a:hover,
.full-width-header .rs-header .middle-header.middle-modify1 .rs-contact-info .contact-part .info-icon i:before {
  color: #0052da;
}
.full-width-header .rs-header .middle-header.middle-modify2 {
  max-width: 1170px;
  margin: 0 auto;
  background: #fff;
  padding-left: 30px;
  padding-right: 30px;
}
.full-width-header .rs-header .middle-header.middle-modify2 .rs-contact-info .contact-part .contact-info .info-des a:hover,
.full-width-header .rs-header .middle-header.middle-modify2 .rs-contact-info .contact-part .info-icon i:before {
  color: #e88e2e;
}
.full-width-header .rs-header .middle-header.middle-modify3 .rs-contact-info .contact-part .contact-info .info-des a:hover,
.full-width-header .rs-header .middle-header.middle-modify3 .rs-contact-info .contact-part .info-icon i:before {
  color: #ba9071;
}
.full-width-header .rs-header .menu-area {
  position: relative;
  transition: all 0.3s ease 0s;
  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: flex;
  flex: 1;
}
.full-width-header .rs-header .menu-area .logo-area a .sticky-logo {
  display: none;
}
.full-width-header .rs-header .menu-area .logo-area img {
  transition: 0.4s;
  max-height: 36px;
}
.full-width-header .rs-header .menu-area .rs-menu-area {
  display: flex;
  align-items: center;
  margin-right: 65px;
}
.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: 34px;
  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: 16px;
  font-weight: 500;
  margin-right: 10px;
  height: 110px;
  line-height: 110px;
  padding: 0;
  color: #3B4052;
  position: relative;
  font-family: Roboto;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a:hover {
  color: #ffb703;
}
.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: 4px;
  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: #ffb703 !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: Roboto;
  font-size: 15px;
  color: #3B4052;
  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: #ffb703;
}
.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: #ffb703;
}
.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: #ffb703 !important;
}
.full-width-header .rs-header .menu-area.sticky {
  background: #fff;
}
.full-width-header .rs-header .menu-area.sticky .logo-area a .sticky-logo {
  display: block;
}
.full-width-header .rs-header .menu-area.sticky .logo-area a .normal-logo {
  display: none;
}
.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a {
  color: #010d14;
}
.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a:hover {
  color: #ffb703;
}
.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li.current-menu-item > a {
  color: #ffb703;
}
.full-width-header .rs-header .menu-area.sticky .expand-btn-inner ul .sidebarmenu-search a i {
  display: none;
}
.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;
}
.full-width-header .rs-header .expand-btn-inner ul .search-parent {
  position: relative;
}
.full-width-header .rs-header .expand-btn-inner ul .search-parent a i {
  color: #333333;
}
.full-width-header .rs-header .expand-btn-inner ul .search-parent a i:before {
  font-size: 18px;
  font-weight: 600 !important;
  font-family: uicons-regular-rounded !important;
  position: relative;
  top: 3px;
}
.full-width-header .rs-header .expand-btn-inner ul .search-parent a i:hover {
  color: #ffb703;
}
.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form {
  position: absolute;
  top: 69px;
  right: 0;
  max-width: 400px;
  width: 400px;
  z-index: 9;
  border-radius: 4px;
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.09);
  opacity: 0;
  visibility: hidden;
  right: -163px;
  transition: 0.4s;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
}
.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form .screen-reader-text {
  position: absolute;
  top: -10000em;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form input {
  background: #010d14;
  border: none;
  color: #000;
  outline: none;
  padding: 14px 17px;
  width: 100%;
}
.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form button {
  background: transparent !important;
  border: medium none;
  padding: 13px 18px;
  position: absolute;
  right: 0;
  top: 4;
  z-index: 1;
  outline: none;
  border-radius: 0;
}
.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form button i:before {
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
  font-family: uicons-regular-rounded !important;
}
.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  color: #fff;
  opacity: 1;
}
.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form ::-moz-placeholder {
  /* Firefox 19+ */

  color: #fff;
  opacity: 1;
}
.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form :-ms-input-placeholder {
  /* IE 10+ */

  color: #fff;
  opacity: 1;
}
.full-width-header .rs-header .expand-btn-inner ul .search-parent .sticky_form :-moz-placeholder {
  /* Firefox 18- */

  color: #fff;
  opacity: 1;
}
.full-width-header .rs-header .expand-btn-inner ul .search-parent.open_add_class .sticky_form {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.full-width-header .rs-header .expand-btn-inner ul .btn-quote {
  position: relative;
  margin-left: 30px;
  line-height: 30px;
}
.full-width-header .rs-header .expand-btn-inner ul .btn-quote .quote-button {
  font-size: 14px;
  background: #ffb703;
  padding: 11px 30px 10px;
  color: #010D14;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  position: relative;
  overflow: hidden;
  top: 3px;
  transition: 0.4s;
}
.full-width-header .rs-header .expand-btn-inner ul .btn-quote .quote-button:hover {
  background: #010D14;
  color: #ffffff;
}
.full-width-header .rs-header .expand-btn-inner ul .humburger {
  display: none;
}
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar {
  padding: 16px 13px 16px;
  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 .humburger .nav-expander .bar span {
  height: 5px;
  width: 5px;
  display: block;
  background: #ffb703;
  border-radius: 50%;
  transition: none;
  list-style: none;
  transition: all 0.3s ease;
  margin: 2px 3px;
}
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot2,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot3,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot4,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot5,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot6,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot7,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot8 {
  background: #ffb703;
}
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot1,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot3,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot5,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot7,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot9 {
  background: #000000;
}
.full-width-header .rs-header.header-modify1 .menu-area {
  background: transparent;
}
.full-width-header .rs-header.header-modify1 .menu-area .main-menu .rs-menu ul li.active a,
.full-width-header .rs-header.header-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,
.full-width-header .rs-header.header-modify1 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before,
.full-width-header .rs-header.header-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {
  color: #e8271e !important;
}
.full-width-header .rs-header.header-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li a {
  color: #ffffff;
}
.full-width-header .rs-header.header-modify1 .menu-area .main-menu .rs-menu ul.sub-menu li a {
  color: #101010;
}
.full-width-header .rs-header.header-modify1 .expand-btn-inner ul .search-parent a i:hover {
  color: #e8271e;
}
.full-width-header .rs-header.header-modify1 .expand-btn-inner ul .search-parent a i {
  color: #ffffff;
}
.full-width-header .rs-header.header-modify1 .expand-btn-inner ul .btn-quote .quote-button {
  color: #ffffff;
  background: #e8271e;
}
.full-width-header .rs-header.header-modify1 .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a {
  color: #101010;
}
.full-width-header .rs-header.header-modify1 .menu-area.sticky .expand-btn-inner ul .search-parent a i {
  color: #101010;
}
.full-width-header .rs-header.header-modify1 .menu-area.sticky .expand-btn-inner ul .search-parent a i:hover {
  color: #e8271e;
}
.full-width-header .rs-header.header-modify1.header-roofing1 .menu-area .main-menu .rs-menu ul li.active a,
.full-width-header .rs-header.header-modify1.header-roofing1 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,
.full-width-header .rs-header.header-modify1.header-roofing1 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before,
.full-width-header .rs-header.header-modify1.header-roofing1 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {
  color: #cb0000 !important;
}
.full-width-header .rs-header.header-modify1.header-roofing1 .menu-area .main-menu .rs-menu ul.nav-menu li a {
  color: #ffffff;
}
.full-width-header .rs-header.header-modify1.header-roofing1 .menu-area .main-menu .rs-menu ul.sub-menu li a {
  color: #101010;
}
.full-width-header .rs-header.header-modify1.header-roofing1 .expand-btn-inner ul .search-parent a i:hover {
  color: #cb0000;
}
.full-width-header .rs-header.header-modify1.header-roofing1 .expand-btn-inner ul .search-parent a i {
  color: #ffffff;
}
.full-width-header .rs-header.header-modify1.header-roofing1 .expand-btn-inner ul .btn-quote .quote-button {
  color: #ffffff;
  background: #cb0000;
}
.full-width-header .rs-header.header-modify1.header-roofing1 .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a {
  color: #101010;
}
.full-width-header .rs-header.header-modify1.header-roofing1 .menu-area.sticky .expand-btn-inner ul .search-parent a i {
  color: #101010;
}
.full-width-header .rs-header.header-modify1.header-roofing1 .menu-area.sticky .expand-btn-inner ul .search-parent a i:hover {
  color: #cb0000;
}
.full-width-header .rs-header.header-style1 .menu-area {
  background: #010D14;
}
.full-width-header .rs-header.header-style1 .menu-area .row-table .col-cell.header-logo {
  display: none;
  flex: 1;
}
.full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.nav-menu li a {
  height: 70px;
  line-height: 70px;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
}
.full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.sub-menu li a {
  height: unset;
  line-height: 25px;
  font-size: 14px;
  font-weight: 500;
  color: #101010;
}
.full-width-header .rs-header.header-style1 .expand-btn-inner ul .btn-quote .quote-button {
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 20px 29px;
  display: block;
  position: relative;
  top: 0;
  background: #ffb703;
  border-color: #ffb703;
}
.full-width-header .rs-header.header-style1 .expand-btn-inner ul .btn-quote .quote-button i:before {
  font-weight: 500;
  position: relative;
  padding-left: 6px;
  transform: translateX(0px);
  font-family: uicons-regular-rounded !important;
  color: #010d14;
  font-size: 20px;
  top: 4px;
  display: inline-block;
  transition: all .3s ease;
}
.full-width-header .rs-header.header-style1 .expand-btn-inner ul .btn-quote .quote-button:hover {
  color: #010d14;
}
.full-width-header .rs-header.header-style1 .expand-btn-inner .btn-quote .quote-button:hover i:before {
  transform: translateX(5px);
}
.full-width-header .rs-header.header-style1 .expand-btn-inner ul .search-parent a i {
  color: #ffb703;
}
.full-width-header .rs-header.header-style1 .expand-btn-inner ul .search-parent a i:before {
  font-weight: 400 !important;
  margin-left: 20px;
}
.full-width-header .rs-header.header-style1 .expand-btn-inner .toolbar-sl-share {
  border-right: 1px solid rgba(255, 255, 255, 0.42);
  padding-right: 14px;
}
.full-width-header .rs-header.header-style1 .expand-btn-inner .toolbar-sl-share .clearfix li {
  display: inline-block;
}
.full-width-header .rs-header.header-style1 .expand-btn-inner .toolbar-sl-share .clearfix li a {
  display: block;
  margin: 0 10px;
  color: #ffffff;
  transition: 0.3s;
  font-size: 15px;
}
.full-width-header .rs-header.header-style1 .expand-btn-inner .toolbar-sl-share .clearfix li a:hover {
  color: #ccc;
}
.full-width-header .rs-header.header-style1 .menu-area.sticky .col-cell.header-logo {
  display: block;
}
.full-width-header .rs-header.header-style1 .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a {
  color: #010d14;
}
.full-width-header .rs-header.header-style1 .menu-area.sticky .expand-btn-inner ul .toolbar-sl-share {
  display: none;
}
.full-width-header .rs-header.header-style1 .menu-area.sticky .expand-btn-inner ul .search-parent a i:before {
  margin-left: 0;
}
.full-width-header .rs-header.header-style1 .menu-area.sticky .main-menu .rs-menu ul.nav-menu li a {
  height: 90px;
  line-height: 90px;
}
.full-width-header .rs-header.header-style1 .menu-area.sticky .main-menu .rs-menu ul.sub-menu li a {
  height: unset;
  line-height: 25px;
  font-size: 14px;
  font-weight: 500;
}
.full-width-header .rs-header.header-style1 .expand-btn-inner ul .search-parent .sticky_form {
  top: 49px;
  right: -208px;
}
.full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area {
  background: unset;
}
.full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout {
  position: relative;
  z-index: 10;
  max-width: 1172px;
  margin: 0 auto;
  border-radius: 1px;
  background: #0052da;
  padding-left: 30px;
  padding-right: 0;
  top: 30px;
}
.full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .expand-btn-inner ul .btn-quote .quote-button {
  background: #0046ba;
  border-color: #0046ba;
  color: #ffffff;
}
.full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .expand-btn-inner ul .search-parent a i,
.full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .expand-btn-inner ul .btn-quote .quote-button i:before {
  color: #ffffff;
}
.full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .expand-btn-inner ul .search-parent a i:before {
  margin-left: 0;
}
.full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .main-menu .rs-menu ul li.current-menu-item > a,
.full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .main-menu .rs-menu ul li.current-menu-item > a:before,
.full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .main-menu .rs-menu ul li a:hover,
.full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .main-menu .rs-menu ul.nav-menu li a:hover {
  color: #bbb !important;
}
.full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .main-menu .rs-menu ul.sub-menu li a:hover,
.full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .main-menu .rs-menu ul ul > li.current-menu-item > a,
.full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .main-menu .rs-menu ul li.active a {
  color: #0082f1 !important;
}
.full-width-header .rs-header.header-style1.header-blue-modify2 .box-layout .main-menu .rs-menu > ul > li.current-menu-item > a {
  color: #bbb !important;
}
.full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area.sticky .main-menu .rs-menu ul.nav-menu li a {
  height: 70px;
  line-height: 70px;
}
.full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area.sticky .box-layout {
  background: transparent;
  top: 0px;
}
.full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area.sticky .main-menu .rs-menu ul.sub-menu li a {
  height: unset;
  line-height: 25px;
}
.full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area.sticky .logo-area img {
  max-height: 30px;
}
.full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area.sticky .box-layout .expand-btn-inner ul .search-parent a i,
.full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area.sticky .rs-menu ul li.current-menu-item > a,
.full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area.sticky .rs-menu ul li.current-menu-item > a:before,
.full-width-header .rs-header.header-style1.header-blue-modify2 .menu-area.sticky .rs-menu ul.nav-menu li a:hover {
  color: #0082f1 !important;
}
.full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .box-layout {
  background: #e88e2e;
  top: 0px;
}
.full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .box-layout .rs-menu ul.nav-menu li a:hover {
  color: #ccc !important;
}
.full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .box-layout .main-menu .rs-menu ul li.active a,
.full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .box-layout .main-menu .rs-menu ul.sub-menu li a:hover,
.full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .box-layout .main-menu .rs-menu ul ul > li.current-menu-item > a {
  color: #e88e2e !important;
}
.full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .expand-btn-inner ul .btn-quote .quote-button {
  background: #dd7e19;
  border-color: #dd7e19;
  color: #ffffff;
}
.full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .menu-area.sticky .box-layout .expand-btn-inner ul .search-parent a i,
.full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .menu-area.sticky .rs-menu ul.nav-menu li a:hover,
.full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .menu-area.sticky .rs-menu ul li.current-menu-item > a,
.full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .menu-area.sticky .rs-menu ul li.current-menu-item > a:before {
  color: #e88e2e !important;
}
.full-width-header .rs-header.header-style1.header-blue-modify2.header-orange-modify3 .menu-area.sticky .box-layout {
  max-width: 1200px;
  padding-left: 0px;
}
.full-width-header .rs-header.header-style1.header-tan-modify4 .menu-area .main-menu .rs-menu ul li.active a,
.full-width-header .rs-header.header-style1.header-tan-modify4 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,
.full-width-header .rs-header.header-style1.header-tan-modify4 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before,
.full-width-header .rs-header.header-style1.header-tan-modify4 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {
  color: #ba9071 !important;
}
.full-width-header .rs-header.header-style1.header-tan-modify4 .expand-btn-inner ul .btn-quote .quote-button {
  background: #ba9071;
  border-color: #ba9071;
  color: #ffffff;
}
.full-width-header .rs-header.header-style1.header-tan-modify4 .expand-btn-inner ul .search-parent a i,
.full-width-header .rs-header.header-style1.header-tan-modify4 .expand-btn-inner ul .btn-quote .quote-button i:before {
  color: #ffffff;
}
.full-width-header .rs-header.header-style1.header-tan-modify4 .menu-area.sticky .logo-area img {
  max-height: 30px;
}
.full-width-header .rs-header.header-style1.header-tan-modify4 .menu-area.sticky .main-menu .rs-menu ul.nav-menu li a {
  height: 70px;
  line-height: 70px;
}
.full-width-header .rs-header.header-style1.header-tan-modify4 .menu-area.sticky .main-menu .rs-menu ul.sub-menu li a {
  height: unset;
  line-height: 25px;
}
.full-width-header .rs-header.header-style1.header-tan-modify4 .menu-area.sticky .expand-btn-inner ul .search-parent a i {
  color: #ba9071;
}
.full-width-header .rs-header.header-style2 .menu-area .rs-menu-area {
  margin-right: 120px;
}
.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.nav-menu li a {
  font-size: 15px;
  font-weight: 600;
}
.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.nav-menu li a:hover,
.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: #eb003d !important;
}
.full-width-header .rs-header.header-style2 .expand-btn-inner .rs-contact-phone {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.full-width-header .rs-header.header-style2 .expand-btn-inner .rs-contact-phone i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
  background: #eb003d;
  border-right: 1px solid #dddddd94;
  margin-right: 20px;
  height: 52px;
  width: 52px;
  line-height: 60px;
  text-align: center;
  border-radius: 30px;
}
.full-width-header .rs-header.header-style2 .expand-btn-inner .rs-contact-phone .phone-number span {
  display: block;
}
.full-width-header .rs-header.header-style2 .expand-btn-inner .rs-contact-phone .phone-number a {
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  color: #010d14;
}
.full-width-header .rs-header.header-style2 .expand-btn-inner .rs-contact-phone .phone-number a:hover {
  color: #eb003d;
}
.full-width-header .rs-header.header-style2.header-paste-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li a {
  height: 100px;
  line-height: 100px;
}
.full-width-header .rs-header.header-style2.header-paste-modify1 .menu-area .main-menu .rs-menu ul.sub-menu li a {
  height: unset;
  line-height: 25px;
}
.full-width-header .rs-header.header-style2.header-paste-modify1 .menu-area .main-menu .rs-menu ul li.active a,
.full-width-header .rs-header.header-style2.header-paste-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,
.full-width-header .rs-header.header-style2.header-paste-modify1 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before,
.full-width-header .rs-header.header-style2.header-paste-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {
  color: #70bf4a !important;
}
.full-width-header .rs-header.header-style2.header-paste-modify1 .expand-btn-inner .rs-contact-phone i {
  background: #70bf4a;
}
.full-width-header .rs-header.header-style2.header-paste-modify1 .expand-btn-inner .rs-contact-phone .phone-number a:hover {
  color: #70bf4a;
}
.full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area {
  position: relative;
}
.full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .logo-area img {
  position: relative;
  top: -30px;
}
.full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .rs-menu-area {
  padding-right: 0;
}
.full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .row-table .col-cell.header-logo {
  display: flex;
  flex: unset;
}
.full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area:before {
  content: "";
  background: #ff6314;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -50px;
  height: 100%;
  width: 20%;
  z-index: -1;
  padding: 77px 188px 78px;
  margin-top: -55px;
  transform: skew(-30deg);
}
.full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area:after {
  content: "";
  background: #ff6314;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -50px;
  height: 100%;
  width: 20%;
  z-index: -1;
  transform: skew(30deg);
}
.full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area.sticky .logo-area img {
  top: 0;
}
.full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li a {
  height: 100px;
  line-height: 100px;
}
.full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .main-menu .rs-menu ul.sub-menu li a {
  height: unset;
  line-height: 25px;
}
.full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .main-menu .rs-menu ul li.active a,
.full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,
.full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before,
.full-width-header .rs-header.header-style2.header-orange-modify1 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {
  color: #ff6314 !important;
}
.full-width-header .rs-header.header-style2.header-orange-modify1 .expand-btn-inner .rs-contact-phone .phone-number a {
  color: #ffffff;
}
.full-width-header .rs-header.header-style2.header-orange-modify1 .expand-btn-inner .rs-contact-phone .phone-number span {
  opacity: .8;
  color: #fff;
}
.full-width-header .rs-header.header-style2.header-orange-modify1 .expand-btn-inner .rs-contact-phone i {
  font-size: 19px;
  color: #fff;
  background: #ffffff3b !important;
  border: none;
  margin-right: 20px;
  height: 52px;
  width: 52px;
  line-height: 60px;
  text-align: center;
  border-radius: 30px;
}
.full-width-header .rs-header.header-style2.header-orange-modify2 .expand-btn-inner .rs-contact-phone .phone-number a:hover,
.full-width-header .rs-header.header-style2.header-orange-modify2 .menu-area .main-menu .rs-menu ul li.active a,
.full-width-header .rs-header.header-style2.header-orange-modify2 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,
.full-width-header .rs-header.header-style2.header-orange-modify2 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before,
.full-width-header .rs-header.header-style2.header-orange-modify2 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {
  color: #ff5a06 !important;
}
.full-width-header .rs-header.header-style2.header-orange-modify2 .expand-btn-inner .rs-contact-phone i {
  font-size: 19px;
  background: #ff5a06;
  border: none;
}
.full-width-header .rs-header.header-style2.header-orange-modify2 .expand-btn-inner ul .btn-quote .quote-button {
  background: #ff6314;
  color: #ffffff;
}
.full-width-header .rs-header.header-style2.header-orange-modify2 .expand-btn-inner ul .search-parent a i:hover {
  color: #ff6314;
}
.full-width-header .rs-header.header-style3 .menu-area {
  background: transparent;
}
.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.sub-menu li.active a,
.full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a,
.full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before {
  color: #21c0f5 !important;
}
.full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.sub-menu li a {
  height: unset;
  line-height: 25px;
  color: #010d14 !important;
}
.full-width-header .rs-header.header-style3 .menu-area .main-menu .rs-menu ul.nav-menu li a {
  color: #ffffff;
}
.full-width-header .rs-header.header-style3 .expand-btn-inner ul .humburger {
  display: block;
}
.full-width-header .rs-header.header-style3 .expand-btn-inner ul .humburger .nav-expander .bar span {
  background: #21c0f5;
}
.full-width-header .rs-header.header-style3 .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a {
  color: #010d14;
}
.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: #ffb703;
}
.full-width-header .mobile-menu .rs-menu-toggle.secondary {
  color: #ff6d00;
}
.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: #ffffff;
  box-shadow: 0px 0px 10px 0px #eee;
  padding: 90px 60px 60px 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 {
  position: absolute;
  top: 23px;
  display: block;
  z-index: 99;
  right: 3px;
  cursor: pointer;
}
.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: #000000;
  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: #ffb703;
}
.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: 24px;
}
.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: #ffb703;
  top: 5px;
  position: relative;
  font-family: uicons-regular-rounded !important;
}
.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: #000000;
  font-family: Roboto;
  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: #010d14;
  font-family: Roboto;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a {
  color: #010d14;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover {
  color: #ffb703;
}
.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: #ffb703;
  width: 35px;
  height: 35px;
  line-height: 35px;
}
.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;
  font-size: 16px;
  font-weight: 500;
  font-family: Roboto;
  color: #000000;
  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: #ffb703;
}
body.modal-open {
  padding: 0 !important;
}
body .modal.show .modal-dialog {
  width: 100%;
  max-width: 500px;
}
body .modal {
  z-index: 9999;
}
body .search-modal {
  padding: 0 !important;
  background: rgba(187, 11, 11, 0.9);
}
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.about-style1 {
  position: relative;
}
.rs-about.about-style1 .about-image-wrap {
  position: relative;
}
.rs-about.about-style1 .about-image-wrap .images-part .main-img {
  margin: 0px 0px 0px 62px;
}
.rs-about.about-style1 .about-image-wrap .images-part .top-img1 {
  position: absolute;
  top: -8%;
  left: 0;
}
.rs-about.about-style1 .about-image-wrap .images-part .middle-img2 {
  position: absolute;
  top: 30%;
  left: 0;
}
.rs-about.about-style1 .about-image-wrap .images-part .bottom-img3 {
  position: absolute;
  top: 69%;
  left: 0;
}
.rs-about.about-style1 .about-image-wrap .rs-addon-services {
  background-color: #FFFFFF;
  padding: 5px 30px 15px 30px;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  max-width: 282px;
  bottom: -25px;
  right: -6.9%;
  position: absolute;
}
.rs-about.about-style1 .about-image-wrap .rs-addon-services .services-icon img {
  height: 40px;
  width: 46px;
  max-width: unset;
}
.rs-about.about-style1 .about-image-wrap .rs-addon-services .services-text {
  padding: 15px 0px 0px 15px;
}
.rs-about.about-style1 .about-image-wrap .rs-addon-services .services-text .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.365em;
  font-family: "Roboto", Sans-serif;
  margin: 0 0 0;
  color: #010d14;
}
.rs-about.about-style1 .services-item {
  display: flex;
}
.rs-about.about-style1 .services-item .services-icon img {
  height: 50px;
  width: 50px;
  max-width: unset;
}
.rs-about.about-style1 .services-item .services-text {
  padding: 4px 0px 0px 15px;
}
.rs-about.about-style1 .services-item .services-text .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.365em;
  font-family: "Roboto", Sans-serif;
  color: #010d14;
  margin: 0 0 0px;
}
.rs-about.about-style1 .services-item:hover .services-text .title {
  color: #eb003d;
}
.rs-about.about-style2 .about-image {
  margin: 0px 50px 0px -101px;
}
.rs-about.about-style2 .widget-img {
  position: relative;
}
.rs-about.about-style2 .widget-img .multi-img {
  position: absolute;
  right: -30px;
  bottom: -38px;
}
.rs-about.about-style2 .rs-addon-services {
  display: flex;
}
.rs-about.about-style2 .rs-addon-services .services-icon {
  text-align: center;
  background-color: #F4F8FF;
  height: 70px;
  min-width: 70px;
  line-height: 75px;
  border-top-left-radius: 30% 30%;
  border-top-right-radius: 70% 30%;
  border-bottom-right-radius: 70% 70%;
  border-bottom-left-radius: 30% 70%;
}
.rs-about.about-style2 .rs-addon-services .services-icon i:before {
  font-size: 30px;
  color: #0052da;
}
.rs-about.about-style2 .rs-addon-services .services-text {
  padding: 5px 0px 0px 0px;
  margin: 0px 0px 0px 20px;
}
.rs-about.about-style2 .rs-addon-services .services-text .title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  font-family: "Roboto", Sans-serif;
  color: #010d14;
  margin: 0 0 4px;
}
.rs-about.about-style2 .rs-addon-services .services-text .services-txt {
  margin: 0;
}
.rs-about.about-style3 .our-carpenter-bg {
  background-color: #F6F5F3;
  padding: 60px 60px 60px 60px;
  border-radius: 5px 5px 5px 5px;
}
.rs-about.about-style3 .our-carpenter-bg .requset-services-wrap {
  background-color: #E88E2E;
  padding: 30px 50px 40px 50px;
  border-radius: 5px 5px 5px 5px;
}
.rs-about.about-style3 .our-carpenter-bg .requset-services-wrap .title-heading {
  text-align: center;
}
.rs-about.about-style3 .our-carpenter-bg .requset-services-wrap .title-heading .title {
  font-size: 30px;
  line-height: 40px;
  color: #ffffff;
  font-weight: 700;
  margin: 0px 0px 0px 0px;
}
.rs-about.about-style3 .our-carpenter-bg .requset-services-wrap .contact-wrap .from-control {
  padding: 12px 20px;
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  background-color: #E88E2E;
  border-color: #EABD8D;
  color: #333333;
  width: 100%;
  opacity: 1;
}
.rs-about.about-style3 .our-carpenter-bg .requset-services-wrap .contact-wrap textarea {
  height: 120px;
}
.rs-about.about-style3 .our-carpenter-bg .requset-services-wrap .contact-wrap ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  color: #fff;
  opacity: 0.79;
}
.rs-about.about-style3 .our-carpenter-bg .requset-services-wrap .contact-wrap ::-moz-placeholder {
  /* Firefox 19+ */

  color: #fff;
  opacity: 0.79;
}
.rs-about.about-style3 .our-carpenter-bg .requset-services-wrap .contact-wrap :-ms-input-placeholder {
  /* IE 10+ */

  color: #fff;
  opacity: 0.79;
}
.rs-about.about-style3 .our-carpenter-bg .requset-services-wrap .contact-wrap :-moz-placeholder {
  /* Firefox 18- */

  color: #fff;
  opacity: 0.79;
}
.rs-about.about-style3 .image-wrap {
  margin: 0px 0px 0px -70px;
}
.rs-about.about-style3.about-modify1 .about-txt {
  position: relative;
  margin-top: 45px;
}
.rs-about.about-style3.about-modify1 .about-txt .title-name {
  color: #333333;
  font-family: "Roboto", Sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin: 0;
}
.rs-about.about-style3.about-modify1 .about-txt .title-name:before {
  content: '';
  position: absolute;
  left: 0;
  top: -22px;
  width: 200px;
  height: 1px;
  background-color: #333333cc;
}
.rs-about.about-style3.about-modify1 .image-wrap2 {
  position: relative;
  margin: 0px 50px 0px 0px;
}
.rs-about.about-style3.about-modify1 .image-wrap2 img {
  position: relative;
  right: 140px;
}
.rs-about.about-style3.about-modify1 .image-wrap2 .images-shape img {
  width: 70%;
  max-width: 70%;
  position: absolute;
  right: 4%;
  bottom: -90px;
}
.rs-about.about-style3.about-modify1 .abou-btn-wrap {
  display: flex;
  align-items: center;
}
.rs-about.about-style3.about-modify1 .abou-btn-wrap li {
  display: inline-block;
  margin-right: 30px;
}
.rs-about.about-style3.about-modify1 .abou-btn-wrap li:last-child {
  margin-right: 0;
}
.rs-about.about-style3.about-modify1 .image-part2 {
  margin: 0px 30px 0px -55px;
}
.rs-about.about-style4 .about-section-inner {
  display: inline-block;
}
.rs-about.about-style4 .about-section-inner .img-part {
  width: 33%;
  float: left;
}
.rs-about.about-style4 .about-section-inner .about-content {
  width: 65%;
  float: left;
  margin: -4px 0px 0px 0px;
  padding: 0px 27px 0px 30px;
}
.rs-about.about-style4 .about-section-inner .about-content .text-part {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
  color: #010d14;
  padding: 0px 0px 0px 0px;
}
.rs-about.about-style4 .about-section-inner .about-content .content-information {
  position: relative;
  padding-top: 20px;
}
.rs-about.about-style4 .about-section-inner .about-content .content-information .title-name {
  font-size: 18px;
  line-height: 20px;
  font-weight: 600;
  color: #010d14;
  font-family: "Montserrat", Sans-serif;
  margin-bottom: 10px;
}
.rs-about.about-style4 .about-section-inner .about-content .content-information .title {
  font-weight: 600;
  color: #010d14;
}
.rs-about.about-style4 .about-section-inner .about-content .content-information .images-part {
  position: absolute;
  left: 54%;
  top: 43%;
}
.rs-about.about-style4 .about-section-inner .about-content .content-information .images-part img {
  width: 130px;
  max-width: 130px;
  top: 355px;
}
.rs-about.about-style5 {
  position: relative;
  margin-top: -128px;
}
.rs-about.about-style5 .about-image {
  background-image: url(assets/images/about/about-13.png);
  background-repeat: no-repeat;
}
.rs-about.about-style5 .about-content-wrap {
  padding: 24% 29% 16% 9%;
  background-color: #1F0A00;
  background-image: url(assets/images/bg/about-13bg-1.png);
  background-position: center;
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: 90vw auto;
}
/* ------------------------------------
	06. Breadcrumbs Section CSS
---------------------------------------*/
.rs-breadcrumbs {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: top left !important;
}
.rs-breadcrumbs .breadcrumbs-inner {
  padding: 140px 10px 140px 10px;
  text-align: center;
}
.rs-breadcrumbs .breadcrumbs-inner .page-title {
  position: relative;
  z-index: 1;
  font-size: 48px;
  line-height: 1.3;
  font-weight: 700;
  color: #ffffff;
  padding-top: 20px;
  margin-bottom: 18px;
}
.rs-breadcrumbs .breadcrumbs-inner .page-title:after {
  content: "";
  height: 5px;
  position: absolute;
  top: -5px;
  margin: 0 auto;
  left: 0;
  right: 0;
  transition: all .3s ease;
  z-index: -1;
  background: #ffb703;
  width: 65px;
}
.rs-breadcrumbs .breadcrumbs-inner .sub-text {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 32px;
  display: inline-block;
}
.rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-area {
  background: rgba(255, 255, 255, 0.1);
  padding: 13px 30px;
  max-width: 300px;
  margin: 0 auto;
}
.rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-area li {
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
}
.rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-area li a {
  position: relative;
  padding-right: 30px;
  font-size: 14px;
  color: #ffffff;
}
.rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-area li a:before {
  content: "";
  position: absolute;
  background: #ffb703;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  right: 10px;
  top: 5px;
}
.rs-breadcrumbs .breadcrumbs-inner .breadcrumbs-area li a:hover {
  color: #ffb703;
}
.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);
}
.rs-breadcrumbs.img6 {
  background: url(assets/images/breadcrumbs/inr-6.jpg);
}
/* ------------------------------------
	07. Banner Section CSS
---------------------------------------*/
.rs-banner.banner-style1 {
  background: url(assets/images/banner/banner-1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.rs-banner.banner-style1 .content-wrap {
  padding: 198px 0 165px;
}
.rs-banner.banner-style1 .content-wrap .sub-text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  display: block;
  margin-bottom: 12px;
}
.rs-banner.banner-style1 .content-wrap .title {
  font-size: 65px;
  line-height: 1.3;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 27px;
}
.rs-banner.banner-style1 .content-wrap .description p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}
.rs-banner.banner-style1 .get-quote-widget .title-heading {
  padding: 20px 0px 20px 0px;
  background-color: #0052da;
  text-align: center;
}
.rs-banner.banner-style1 .get-quote-widget .title-heading .title {
  font-size: 24px;
  line-height: 1.3;
  color: #fff;
  font-weight: 700;
  margin: 0px 0px 0px 0px;
}
.rs-banner.banner-style1 .get-quote-widget .contact-wrap {
  padding: 30px 30px 0px 30px;
  background-color: #FFFFFF;
}
.rs-banner.banner-style1 .get-quote-widget .contact-wrap .from-control {
  padding: 12px 20px;
  border: 1px solid #f1f1f1;
  color: #454545;
  width: 100%;
  opacity: 1;
}
.rs-banner.banner-style1 .get-quote-widget .contact-wrap textarea {
  height: 120px;
}
.rs-banner.banner-style1 .get-quote-widget .contact-wrap ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  color: #454545;
  opacity: 0.5;
}
.rs-banner.banner-style1 .get-quote-widget .contact-wrap ::-moz-placeholder {
  /* Firefox 19+ */

  color: #454545;
  opacity: 0.5;
}
.rs-banner.banner-style1 .get-quote-widget .contact-wrap :-ms-input-placeholder {
  /* IE 10+ */

  color: #454545;
  opacity: 0.5;
}
.rs-banner.banner-style1 .get-quote-widget .contact-wrap :-moz-placeholder {
  /* Firefox 18- */

  color: #454545;
  opacity: 0.5;
}
.rs-banner.banner-style2 {
  background: url(assets/images/banner/banner-bg12.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.rs-banner.banner-style2 .content-wrap {
  text-align: center;
  padding: 220px 0 200px;
}
.rs-banner.banner-style2 .content-wrap .title {
  font-size: 90px;
  line-height: 100px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 27px;
}
.rs-banner.banner-style2 .content-wrap .description p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}
.rs-banner.banner-style3 {
  background: url(assets/images/banner/style1/bnr-bg-14.png);
  background-position: center left;
  background-repeat: no-repeat;
  background-size: cover;
}
.rs-banner.banner-style3 .content-wrap {
  padding: 200px 0px 200px 0px;
}
.rs-banner.banner-style3 .content-wrap .sub-title {
  color: #FF5A06;
  margin: 0px 0px 20px 0px;
  line-height: 1.3;
  font-family: Roboto;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
}
.rs-banner.banner-style3 .content-wrap .title {
  font-size: 80px;
  line-height: 90px;
  font-weight: 700;
  color: #010d14;
  margin: 0 0 27px;
}
.rs-banner.banner-style3 .content-wrap .description p {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #333333;
  margin: 0;
}
.rs-banner.banner-style3 .banner-images img {
  margin: 0px 0px 0 94px;
  max-width: 870px;
}
/* ------------------------------------
	08. Slider Section CSS
---------------------------------------*/
.rs-slider.slider-style8 .slider .slider-item {
  background-image: url(assets/images/slider/style1/h7-1.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.rs-slider.slider-style8 .slider .slider-item .slider-inner {
  padding: 15vw 0; /* Responsive vertical padding */
}

.rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .sl-subtitle {
  font-size: 1.125rem; /* 18px */
  font-weight: 500;
  line-height: 1.75rem; /* 28px */
  text-transform: capitalize;
  display: block;
  color: #ba9071;
  margin-bottom: 10px;
}

.rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .sl-title {
  font-size: 4rem; /* 64px */
  line-height: 4.375rem; /* 70px */
  font-weight: 700;
  color: #010d14;
  margin-bottom: 30px;
}

.rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .sl-desc {
  font-size: 1.125rem; /* 18px */
  font-weight: 400;
  line-height: 1.8rem; /* 29px */
  color: #333333;
  margin-bottom: 38px;
}

.rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .slider-bottom {
  display: block;
  overflow: hidden;
}

.rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .slider-bottom li {
  display: inline-block;
  margin-right: 28px;
}

.rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .slider-bottom li:last-child {
  margin-right: 0;
}

/* Hide all slides by default */
.rs-slider .slider-item {
  display: none;
}

/* Show only active slide */
.rs-slider .slider-item.active {
  display: block;
}

/* ---------------------------------- */
/* Responsive Breakpoints */
/* ---------------------------------- */
@media (max-width: 1024px) {
  .rs-slider.slider-style8 .slider .slider-item .slider-inner {
    padding: 12vw 0;
  }

  .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .sl-title {
    font-size: 3rem;
    line-height: 3.5rem;
  }

  .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .sl-subtitle,
  .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .sl-desc {
    font-size: 1rem;
  }
}

@media (max-width: 768px) {
  .rs-slider.slider-style8 .slider .slider-item .slider-inner {
    padding: 10vw 0;
  }

  .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .sl-title {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }

  .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .sl-subtitle,
  .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .sl-desc {
    font-size: 0.95rem;
    line-height: 1.5rem;
  }

  .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .slider-bottom li {
    margin-right: 16px;
  }
}

@media (max-width: 480px) {
  .rs-slider.slider-style8 .slider .slider-item .slider-inner {
    padding: 8vw 0;
  }

  .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .sl-title {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }

  .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .sl-subtitle,
  .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .sl-desc {
    font-size: 0.875rem;
    line-height: 1.4rem;
  }

  .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .slider-bottom {
    text-align: center;
  }

  .rs-slider.slider-style8 .slider .slider-item .slider-inner .content-part .slider-bottom li {
    display: block;
    margin: 10px 0;
  }
}
/* ------------------------------------
	09. Choose Section CSS
---------------------------------------*/
.rs-choose.choose-style6 .images-wrap {
  position: relative;
  margin: 0px 0px 0px -90px;
  padding: 0px 40px 0px 0px;
}
.rs-choose.choose-style6 .images-wrap .video-item {
  position: absolute;
  background-image: url(assets/images/video/video1g2.png);
  background-position: top center;
  background-size: cover;
  text-align: center;
  padding: 133px 130px 130px 130px;
  width: initial;
  max-width: initial;
  bottom: 104px;
  right: -26px;
}
.rs-choose.choose-style6 .images-wrap .rs-videos .animate-border .popup-border i {
  color: #ff5a06;
}
.rs-choose.choose-style6 .images-wrap .rs-videos .animate-border .popup-border,
.rs-choose.choose-style6 .images-wrap .rs-videos .animate-border .popup-border:before {
  background-color: #ffffff;
}
/* ------------------------------------
	10. Cta Section CSS
---------------------------------------*/
.rs-cta.cta-style1 .cta-content .title-heading .sub-text {
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  line-height: 26px;
  color: #FFFFFF;
  margin: 0px 0px 7px 0px;
  display: inline-block;
}
.rs-cta.cta-style1 .cta-content .title-heading .title {
  font-size: 42px;
  line-height: 52px;
  font-weight: 700;
  color: #FFFFFF;
  margin: 0px 0px 0px 0px;
}
.rs-cta.cta-style1 .cta-img {
  margin: -87px 0px 0px 0px;
}
.rs-cta.cta-style1.cta-modify1 .address-wrap .address-icon i {
  color: #e88e2e;
}
.rs-cta.cta-style1.cta-modify1 .address-wrap {
  justify-content: center;
}
.rs-cta.cta-style2 {
  position: relative;
  margin-top: -160px;
}
.rs-cta.cta-style2 .cta-wrap {
  text-align: center;
  background-color: #6C2501;
  padding: 50px 60px 60px 60px;
}
/* ------------------------------------
	11. Counter Section CSS
---------------------------------------*/
.rs-counter.counter-style6 .rs-counter-list {
  padding: 60px 60px 50px 60px;
}
.rs-counter.counter-style6 .rs-counter-list .counter-text .counter-icon {
  margin-bottom: 20px;
}
.rs-counter.counter-style6 .rs-counter-list .counter-text .counter-icon img {
  width: 70px;
}
.rs-counter.counter-style6 .rs-counter-list .counter-text .counter-number .rs-count {
  font-size: 36px;
  line-height: 45px;
  font-weight: 600;
  color: #ffffff;
  padding: 15px 0px 0px 0px;
}
.rs-counter.counter-style6 .rs-counter-list .counter-text .counter-number .prefix {
  font-size: 36px;
  line-height: 45px;
  font-weight: 600;
  color: #ffffff;
  padding: 15px 0px 0px 0px;
}
.rs-counter.counter-style6 .rs-counter-list .counter-text .title {
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  color: #ffffff;
}
/* ------------------------------------
	12. Contact Section CSS
---------------------------------------*/
.rs-contact.contact-style6 .contact-project {
  background: url(assets/images/contact/pro-con2.jpg);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;             
  height: 50vh;            
  min-height: 300px;       
}
.rs-contact.contact-style6 .contact-map {
  overflow: hidden;
}
.rs-contact.contact-style6 .contact-map iframe {
  height: 688px;
  float: left;
  width: 100%;
  border: none;
}
.rs-contact.contact-style6 .contact-section {
  padding: 126px 40px 85px 40px;
  background-color: #010D14;
}
.rs-contact.contact-style6 .contact-section .contact-wrap {
  padding: 0 40px;
}
.rs-contact.contact-style6 .contact-section .contact-wrap .from-control {
  padding: 1px 0 15px 0;
  border-style: solid;
  border-width: 0 0 1px 0;
  border-color: #FFFFFF21;
  background-color: unset;
  color: #FFFFFF;
  width: 100%;
  max-width: 100%;
  opacity: 1;
}
.rs-contact.contact-style6 .contact-section .contact-wrap textarea {
  height: 120px;
}
.rs-contact.contact-style6 .contact-section .contact-wrap ::placeholder {
  color: #FFFFFF;
  opacity: 1;
}
.rs-contact.contact-style6 .contact-section .contact-wrap :-ms-input-placeholder {
  color: #FFFFFF;
  opacity: 1;
}
.rs-contact.contact-style6 .contact-section .contact-wrap :-moz-placeholder {
  color: #FFFFFF;
  opacity: 1;
}
.rs-contact.contact-style6 .contact-section .contact-wrap ::-moz-placeholder {
  color: #FFFFFF;
  opacity: 1;
}
.rs-contact.contact-style6 .contact-box {
  padding: 35px;
  background-color: #010D14;
  border-radius: 3px;
  margin: 0 -4px 0 0;
  text-align: center;
}
.rs-contact.contact-style6 .contact-box .contact-icon img {
  width: 64px;
  height: 64px;
  max-width: unset;
  margin-bottom: 23px;
}
.rs-contact.contact-style6 .contact-box .content-text .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  font-family: "Roboto", sans-serif;
  margin: 0 0 4px 0;
}
.rs-contact.contact-style6 .contact-box .content-text .title a {
  color: #ffffff;
}
.rs-contact.contact-style6 .contact-box .content-text .title a:hover {
  color: #ffb703;
}
.rs-contact.contact-style6 .contact-box .content-text span a {
  color: #C9C9C9;
  font-weight: 500;
}
.rs-contact.contact-style6 .contact-box .content-text span a:hover {
  color: #ffb703;
}
.rs-contact.contact-style6 .contact-box .content-text .services-txt {
  margin: 0;
  color: #C9C9C9;
  font-weight: 500;
}
/*------------------------------------
   13. Gallery Section CSS
------------------------------------*/
.rs-gallery.gallery-style1 .gallery-item .gallery-icon {
  margin: 0 3px 0 3px;
}
.rs-gallery.gallery-style1 .gallery-item .gallery-icon a {
  position: relative;
  display: block;
  overflow: hidden;
}
.rs-gallery.gallery-style1 .gallery-item .gallery-icon a:before {
  content: "+";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  color: #fff;
  z-index: 2;
  font-size: 50px;
  font-weight: 200;
}
.rs-gallery.gallery-style1 .gallery-item .gallery-icon a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;
  height: 100%;
  background: #010d14;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.rs-gallery.gallery-style1 .gallery-item:hover .gallery-icon a:before {
  visibility: visible;
  opacity: 1;
}
.rs-gallery.gallery-style1 .gallery-item:hover .gallery-icon a:after {
  opacity: 0.75;
  visibility: visible;
  bottom: 0;
}
/* ------------------------------------
	14. Video Section CSS
---------------------------------------*/
/* ------------------------------------
	15. Progress Section CSS
---------------------------------------*/
.rs-progress.progress-style1 .rs-pie-content {
  display: inline-block;
  position: relative;
  text-align: center;
}
.rs-progress.progress-style1 .rs-pie-content .rs-pie span {
  font-size: 30px;
  font-weight: 700;
  color: #000000;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rs-progress.progress-style1 .rs-pie-content .number {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  display: block;
  padding: 0;
  position: absolute;
  right: -58%;
  top: 40%;
  transform: rotate(90deg);
}
/* ------------------------------------
	16. Process Section CSS
---------------------------------------*/
.rs-process.process-style2 {
  position: relative;
}
.rs-process.process-style2 .process-overlay-bg {
  opacity: 0.9;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  border-radius: 2px;
}
.rs-process.process-style2 .rs-addon-item {
  background-image: url(assets/images/process/style2/1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2px;
  transition: all 0.8s ease;
}
.rs-process.process-style2 .rs-addon-item .addon-wrap {
  position: relative;
  z-index: 11;
  padding: 20px;
}
.rs-process.process-style2 .rs-addon-item .addon-wrap .addon-number {
  font-size: 110px;
  font-weight: 400;
  line-height: 44px;
  color: #ba90718c;
  font-family: "Playfair Display", Sans-serif;
  text-align: right;
}
.rs-process.process-style2 .rs-addon-item .addon-wrap .addon-content {
  padding: 220px 0 0 20px;
}
.rs-process.process-style2 .rs-addon-item .addon-wrap .addon-content .title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin: 0 0 10px;
}
.rs-process.process-style2 .rs-addon-item .addon-wrap .addon-content .title a {
  color: #010d14;
}
.rs-process.process-style2 .rs-addon-item .addon-wrap .addon-content .title a:hover {
  color: #ba9071;
}
.rs-process.process-style2 .rs-addon-item.Public-bg {
  background-image: url(assets/images/process/style2/2.jpg);
}
.rs-process.process-style2 .rs-addon-item.commercial-bg {
  background-image: url(assets/images/process/style2/3.jpg);
}
@media (max-width: 768px) {
  .rs-process.process-style2 .rs-addon-item .addon-wrap .addon-number {
    font-size: 60px;
    line-height: 36px;
    text-align: left;
  }
  .rs-process.process-style2 .rs-addon-item .addon-wrap .addon-content {
    padding: 100px 10px 0 10px;
  }
  .rs-process.process-style2 .rs-addon-item .addon-wrap .addon-content .title {
    font-size: 18px;
    line-height: 26px;
  }
}
/* ------------------------------------
	17. Project Section CSS
---------------------------------------*/
.rs-project.project-style5 .project-item {
  position: relative;
  overflow: hidden;
}
.rs-project.project-style5 .project-item .project-content {
  position: absolute;
  padding: 23px 30px 23px;
  opacity: 0;
  z-index: 1;
  bottom: -150px;
  left: 50%;
  transform: translateX(-50%);
  width: 86%;
  z-index: 9;
  background: #ffffff;
  transition: 0.6s;
}
.rs-project.project-style5 .project-item .project-content .category {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  font-family: "Roboto", Sans-serif;
  display: block;
  margin: 0 0 7px;
}
.rs-project.project-style5 .project-item .project-content .category a {
  color: #333333;
}
.rs-project.project-style5 .project-item .project-content .category a:hover {
  color: #ba9071;
}
.rs-project.project-style5 .project-item .project-content .title {
  font-size: 22px;
  line-height: 32px;
  font-weight: 600;
  font-family: "Roboto", Sans-serif;
  margin: 0 0 0px;
}
.rs-project.project-style5 .project-item .project-content .title a {
  color: #010d14;
}
.rs-project.project-style5 .project-item .project-content .title a:hover {
  color: #ba9071;
}
.rs-project.project-style5 .project-item:hover .project-content {
  opacity: 1;
  bottom: 30px;
}
.rs-project.project-style5.yellow-modify4 .project-item .project-content .title a:hover,
.rs-project.project-style5.yellow-modify4 .project-item .project-content .category a {
  color: #ffb703;
}
.rs-project.project-style5.yellow-modify4 .project-item .project-content .title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
}
/* ------------------------------------
	18. Skill-bar Section CSS
---------------------------------------*/
.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar {
  background-color: #E8EAEE;
  height: 7px;
  line-height: 7px;
  margin: 10px 0 24px;
  border-radius: 3px 3px 3px 3px;
  overflow: visible;
  position: relative;
  width: 100%;
}
.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar .skillbar-bar {
  height: 7px;
  line-height: 7px;
  background-color: #FFB703;
  border-radius: 3px 3px 3px 3px;
  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: 40px;
  top: -38px;
  font-size: 16px;
  font-weight: 400;
  color: #010d14;
}
.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar.margin-no {
  margin: 10px 0 0;
}
.rs-skillbar.skillbar-style1.skillbar-modify1 .cl-skill-bar .skillbar-title {
  font-size: 13px;
  line-height: 7px;
  font-weight: 600;
  color: #212121;
}
.rs-skillbar.skillbar-style1.skillbar-modify1 .cl-skill-bar .skillbar .skill-bar-percent {
  right: 0;
  font-size: 13px;
  font-weight: 500;
  color: #010d14;
}
.rs-skillbar.skillbar-style1.skillbar-modify1 .cl-skill-bar .skillbar .skillbar-bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
  border-radius: 0;
}
.rs-skillbar.skillbar-style1.skillbar-modify1 .cl-skill-bar .skillbar {
  border-radius: 0;
  background-color: #EBEBEB;
}
.rs-skillbar.skillbar-style1.skillbar-modify1.orange-skillbar .cl-skill-bar .skillbar .skillbar-bar {
  background-color: #ff6314;
}
.rs-skillbar.skillbar-style1.skillbar-modify1.orange-skillbar2 .cl-skill-bar .skillbar .skillbar-bar {
  background-color: #ff6314;
}
.rs-skillbar.skillbar-style1.skillbar-modify1.red-skillbar1 .skillbar-shape {
  background-image: url(assets/images/skillbar/row-shape.png);
  position: absolute;
  z-index: -11;
  width: 370px;
  height: 800px;
  top: 91px;
  left: 20%;
}
.rs-skillbar.skillbar-style1.skillbar-modify1.red-skillbar1 .skillbar-images {
  background-image: url(assets/images/skillbar/construct-building.png);
  background-position: top center;
  background-size: cover;
}
.rs-skillbar.skillbar-style1.skillbar-modify1.red-skillbar1 .skillbar-wrap {
  position: relative;
  z-index: 11;
  background-color: #1F0A00;
  padding: 27% 10% 13% 32%;
}
.rs-skillbar.skillbar-style1.skillbar-modify1.red-skillbar1 .cl-skill-bar .skillbar-title {
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
}
.rs-skillbar.skillbar-style1.skillbar-modify1.red-skillbar1 .cl-skill-bar .skillbar {
  border-radius: 0;
  background-color: #490901;
}
.rs-skillbar.skillbar-style1.skillbar-modify1.red-skillbar1 .cl-skill-bar .skillbar .skillbar-bar {
  background-image: linear-gradient(180deg, #cc0404 0%, #cc0404 100%);
  border-radius: 0;
}
.rs-skillbar.skillbar-style1.skillbar-modify2 .cl-skill-bar .skillbar-title {
  font-size: 15px;
  line-height: 7px;
  font-weight: 500;
  color: #ffffff;
}
.rs-skillbar.skillbar-style1.skillbar-modify2 .cl-skill-bar .skillbar .skill-bar-percent {
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
}
.rs-skillbar.skillbar-style1.skillbar-modify2 .cl-skill-bar .skillbar .skillbar-bar {
  background-color: #21C0F5;
  border-radius: 0px 0px 0px 0px;
}
.rs-skillbar.skillbar-style1.skillbar-modify2 .cl-skill-bar .skillbar {
  background-color: #eee;
  border-radius: 0px 0px 0px 0px;
}
.rs-skillbar.skillbar-style1.skillbar-modify3 .cl-skill-bar .skillbar-title {
  font-size: 15px;
  line-height: 7px;
  font-weight: 400;
  color: #010d14;
  text-transform: uppercase;
  display: block;
}
.rs-skillbar.skillbar-style1.skillbar-modify3 .cl-skill-bar .skillbar .skillbar-bar {
  height: 16px;
  line-height: 16px;
  background-color: #BA9071;
  border-radius: 0;
}
.rs-skillbar.skillbar-style1.skillbar-modify3 .cl-skill-bar .skillbar {
  background-color: #F5F5F5;
  height: 16px;
  line-height: 16px;
  margin: 10px 0 24px;
  border-radius: 0;
}
.rs-skillbar.skillbar-style1.skillbar-modify3 .cl-skill-bar .skillbar .skill-bar-percent {
  right: 0px;
  top: -30px;
  font-size: 15px;
}
.rs-skillbar.skillbar-style1.skillbar-modify4 .cl-skill-bar .skillbar-title {
  color: #000000;
  font-family: "Arial", Sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  display: block;
}
.rs-skillbar.skillbar-style1.skillbar-modify4 .skillbar .skill-bar-percent {
  right: 0px;
  top: -38px;
  color: #333333;
}
.rs-skillbar.skillbar-style1.skillbar-modify4 .skillbar .skillbar-bar {
  height: 2px;
  line-height: 2px;
  background-color: #70bf4a;
  border-radius: unset;
}
.rs-skillbar.skillbar-style1.skillbar-modify4 .skillbar {
  background-color: #70BF4A42;
  height: 2px;
  line-height: 2px;
  border-radius: unset;
}
.rs-skillbar.skillbar-style1.skillbar-modify5 .cl-skill-bar .skillbar-title {
  color: #F7F7F7;
  font-size: 14px;
  font-weight: 600;
}
.rs-skillbar.skillbar-style1.skillbar-modify5 .cl-skill-bar .skillbar {
  background-color: #fff;
  height: 11px;
  line-height: 11px;
  border-radius: 0px 0px 0px 0px;
}
.rs-skillbar.skillbar-style1.skillbar-modify5 .cl-skill-bar .skillbar .skillbar-bar {
  height: 11px;
  line-height: 11px;
  background-color: #FFB703;
  border-radius: 0px 0px 0px 0px;
}
.rs-skillbar.skillbar-style1.skillbar-modify5 .cl-skill-bar .skillbar .skill-bar-percent {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}
.rs-skillbar.skillbar-style1 .video-img {
  background-image: url(assets/images/video/video-image5.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 313px 0 313px;
}
/* ------------------------------------
	19. Services Section CSS
---------------------------------------*/
.rs-services.services-style10 .services-item {
  display: flex;
  padding: 30px 15px 30px 40px;
  background-color: #fff;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
  margin: 0 -3px 0 -3px;
}
.rs-services.services-style10 .services-item .services-icon img {
  height: 50px;
  width: 50px;
  max-width: unset;
}
.rs-services.services-style10 .services-item .services-content {
  padding: 0px 0px 0px 30px;
}
.rs-services.services-style10 .services-item .services-content .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin: 0 0 10px;
}
.rs-services.services-style10 .services-item .services-content .title a {
  color: #010d14;
}
.rs-services.services-style10 .services-item .services-content .title a:hover {
  color: #ba9071;
}
.rs-services.services-style10 .services-item .services-content .services-txt {
  margin-bottom: 6px;
}
.rs-services.services-style11 {
  margin-top: -70px;
  padding: 0px 10px 0px 10px;
  z-index: 3;
}
/* ------------------------------------
	20. Faq Section CSS
---------------------------------------*/
/* ------------------------------------
	21. Team Section CSS
---------------------------------------*/
/*------------------------------------
	22. Partner Section CSS
------------------------------------*/
.rs-partner.partner-main-home .partner-content-widget {
  border-radius: 5px 5px 5px 5px;
  background-color: #FFFFFF;
  padding: 40px 0px 40px 0px;
}
.rs-partner.partner-main-home .partner-content-widget .logo-img {
  text-align: center;
  padding: 0 40px;
}
.rs-partner.partner-main-home .partner-content-widget .logo-img a {
  overflow: hidden;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.rs-partner.partner-main-home .partner-content-widget .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 .partner-content-widget .logo-img a .mains-logos {
  transition: all 0.3s ease-in-out;
  display: block;
  filter: grayscale(1);
}
.rs-partner.partner-main-home .partner-content-widget .logo-img a:hover .hovers-logos {
  display: block;
  opacity: 3;
  visibility: visible;
  transform: translateY(0%);
  filter: grayscale(0%);
}
.rs-partner.partner-main-home .partner-content-widget .logo-img a:hover .mains-logos {
  display: block;
  visibility: hidden;
  transform: translateY(100%);
  filter: grayscale(1);
}
.rs-partner.partner-main-home.partner-modify1 {
  background-color: #EFF3FA;
}
.rs-partner.partner-main-home.partner-modify1 .partner-content-widget {
  background-color: unset;
  padding: 66px 0px 66px 0px;
}
.rs-partner.partner-main-home.partner-modify2 .partner-content-widget {
  border-radius: unset;
  background-color: #F3F4F7;
}
.rs-partner.partner-main-home.partner-modify3 {
  background-color: #EFF3FA;
}
.rs-partner.partner-main-home.partner-modify3 .partner-content-widget {
  background-color: unset;
  padding: 66px 0px 66px 0px;
}
.rs-partner.partner-main-home.partner-modify3 .partner-content-widget .logo-img {
  padding: 0px 55px;
}
.rs-partner.partner-main-home.partner-modify4 {
  position: relative;
  background-image: url(assets/images/bg/partner-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.rs-partner.partner-main-home.partner-modify4 .partner-content-widget {
  background-color: unset;
  border-radius: unset;
  padding: 66px 0px 66px 0px;
}
.rs-partner.partner-main-home.partner-modify4 .partner-content-widget .logo-img {
  padding: 0px 55px;
}
.rs-partner.partner-main-home.partner-modify4 .partner-background-overlay {
  background-color: transparent;
  background-image: linear-gradient(180deg, #000000 0%, #04224b 100%);
  opacity: 0.88;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.rs-partner.partner-main-home.partner-modify5 {
  background-color: #EFF3FA;
  background-image: url(assets/images/bg/cta-bg5.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.rs-partner.partner-main-home.partner-modify5 .partner-content-widget {
  background-color: unset;
  border-radius: unset;
  padding: 66px 0px 66px 0px;
}
.rs-partner.partner-main-home.partner-modify5 .partner-content-widget .logo-img {
  padding: 0px 55px;
}
.rs-partner.partner-main-home.partner-modify6 {
  background-color: #183650;
}
.rs-partner.partner-main-home.partner-modify6 .partner-content-widget {
  background-color: unset;
  padding: 66px 0px 66px 0px;
}
.rs-partner.partner-main-home.partner-modify6 .partner-content-widget .logo-img {
  padding: 0px 55px;
}
.rs-partner.partner-main-home.partner-modify7 {
  background-color: #EFF3FA;
  background-image: url(assets/images/bg/cta-bg8.jpg);
  background-repeat: no-repeat;
}
.rs-partner.partner-main-home.partner-modify7 .partner-content-widget {
  background-color: unset;
  border-radius: unset;
  padding: 66px 0px 66px 0px;
}
.rs-partner.partner-main-home.partner-modify7 .partner-content-widget .logo-img {
  padding: 0px 55px;
}
.rs-partner.partner-main-home.partner-modify8 {
  background-image: url(assets/images/bg/cta-bg9.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.rs-partner.partner-main-home.partner-modify8 .partner-content-widget {
  background-color: unset;
  border-radius: unset;
  padding: 66px 0px 66px 0px;
}
.rs-partner.partner-main-home.partner-modify8 .partner-content-widget .logo-img {
  padding: 0px 44px;
}
.rs-partner.partner-main-home.partner-modify9 {
  background-color: #010D14;
}
.rs-partner.partner-main-home.partner-modify9 .partner-content-widget {
  background-color: unset;
  border-radius: unset;
  padding: 66px 0px 66px 0px;
}
.rs-partner.partner-main-home.partner-modify9 .partner-content-widget .logo-img {
  padding: 0px 44px;
}
.rs-partner.partner-main-home.partner-modify10 {
  background-color: #f3f3f3;
}
.rs-partner.partner-main-home.partner-modify10 .partner-content-widget {
  background-color: unset;
  padding: 66px 0px 66px 0px;
}
.rs-partner.partner-main-home.partner-modify11 {
  background-color: transparent;
}
.rs-partner.partner-main-home.partner-modify11 .partner-content-widget {
  background-color: unset;
  padding: 66px 0px 0px 0px;
}
.rs-partner.partner-main-home.partner-modify11 .partner-content-widget .logo-img {
  padding: 0px 55px;
}
/*------------------------------------
	23. Pricing Section CSS
------------------------------------*/
/*------------------------------------
	24. Blog Section CSS
------------------------------------*/
.rs-blog.blog-main-home .blog-item {
  position: relative;
  z-index: 11;
  transition: all 500ms ease;
  background: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.rs-blog.blog-main-home .blog-item .image-wrap {
  position: relative;
  overflow: hidden;
}
.rs-blog.blog-main-home .blog-item .image-wrap a img {
  transition: all 0.5s ease 0s;
  transform: scale(1);
}
.rs-blog.blog-main-home .blog-item .blog-content {
  transition: all 500ms ease;
  position: relative;
  padding: 30px 40px 48px 40px;
  background: #fff;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-meta {
  display: flex;
  justify-content: flex-start;
  padding: 0 0 10px;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .date {
  font-size: 14px;
  margin-right: 25px;
  font-weight: 500;
  font-family: "Roboto", Sans-serif;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .date i {
  color: #FFB703;
  margin-right: 6px;
  font-weight: 900;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .date i:before {
  top: -1px;
  position: relative;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin {
  font-size: 14px;
  font-weight: 500;
  font-family: "Roboto", Sans-serif;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin i {
  color: #FFB703;
  margin-right: 6px;
  font-weight: 900;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin i:before {
  top: -1px;
  position: relative;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-title {
  font-size: 20px;
  line-height: 1.5em;
  font-weight: 500;
  font-family: "Roboto", Sans-serif;
  margin-bottom: 31px;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-title a {
  color: #010d14;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-title a:hover {
  color: #ffb703;
}
.rs-blog.blog-main-home .blog-item:hover .image-wrap a img {
  transform: scale(1.1);
}
.rs-blog.blog-main-home .owl-stage-outer {
  padding: 10px;
  margin: -10px;
}
.rs-inner-blog .blog-item {
  background: #fff;
  transition: 0.3s;
}
.rs-inner-blog .blog-item .blog-img {
  position: relative;
}
.rs-inner-blog .blog-item .blog-content {
  padding: 25px 0px 10px;
  overflow: hidden;
}
.rs-inner-blog .blog-item .blog-content .blog-title {
  margin: 4px 0 15px;
  font-size: 26px;
  line-height: 35px;
  font-weight: 700;
}
.rs-inner-blog .blog-item .blog-content .blog-title a {
  color: #010d14;
}
.rs-inner-blog .blog-item .blog-content .blog-title a:hover {
  color: #ffb703;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate {
  overflow: hidden;
  margin: 0 0 8px;
  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-size: 14px;
  line-height: 24px;
  color: #555;
  font-weight: 400;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .blog-date i {
  color: #FFB703;
  position: relative;
  margin-right: 2px;
  top: 2px;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .blog-date i:before {
  font-size: 14px;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .author {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #555;
  font-weight: 400;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .author i {
  margin-right: 3px;
  position: relative;
  top: 2px;
  color: #FFB703;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .author i:before {
  font-size: 14px;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .tag-line i {
  margin-right: 2px;
  color: #FFB703;
  position: relative;
  top: 2px;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .tag-line a {
  padding-left: 4px;
  font-size: 14px;
  color: #555;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .tag-line a:hover {
  color: #ffb703;
}
.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: 16px;
  line-height: 27px;
  font-weight: 400;
  color: #333333;
  margin-bottom: 20px;
}
.rs-inner-blog .widget-area .widget-title .title {
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: #010d14;
  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: #ffb703;
  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);
}
.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: #333333;
  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: #ffb703;
}
.rs-inner-blog .widget-area .recent-posts {
  background: #fff;
  padding: 40px 30px;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);
}
.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: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #010d14;
  margin-bottom: 5px;
}
.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc a:hover {
  color: #ffb703;
}
.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post {
  display: block;
  font-size: 14px;
  color: #7a7a7a;
}
.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post i {
  margin-right: 8px;
}
.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post i:before {
  top: 1px;
  font-size: 13px;
  color: #ffb703;
  position: relative;
}
.rs-inner-blog .widget-area .categories {
  background: #fff;
  padding: 40px 30px 40px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}
.rs-inner-blog .widget-area .categories ul li {
  margin-top: 13px;
  padding-top: 13px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.rs-inner-blog .widget-area .categories ul li a {
  font-weight: 500;
  font-size: 15px;
  color: #0a0a0a;
  transition: all 0.4s ease-in-out 0s;
}
.rs-inner-blog .widget-area .categories ul li a:hover {
  color: #ffb703;
}
.rs-inner-blog .widget-area .categories ul li:first-child {
  border-top: none;
}
.rs-inner-blog .widget-area .tags-cloud {
  background: #fff;
  padding: 40px 30px 40px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}
.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: #ffb703;
}
.rs-inner-blog .blog-details .blog-full .blog-content-full .title {
  font-size: 28px;
  line-height: 38px;
  font-weight: 700;
  color: #010d14;
  font-family: Playfair Display;
  margin: 0;
}
.rs-inner-blog .blog-details .blog-full .blog-content-full .title.title2 {
  font-size: 20px;
}
.rs-inner-blog .blog-details .blog-full .blog-content-full .title.title3 {
  font-size: 24px;
}
.rs-inner-blog .blog-details .blog-full .blog-content-full p {
  margin: 0;
}
.rs-inner-blog .blog-details .blog-full .blog-content-full .bs-info {
  margin-top: 25px;
  clear: both;
  margin-bottom: 30px;
}
.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: normal;
  color: #010d14;
  background: #ffb703;
  padding: 2px 15px 4px;
  margin-left: 7px;
  border-radius: 0px;
  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 {
  background: #010D14;
  color: #fff;
}
.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;
}
/* ------------------------------------
	25. Testimonial Section CSS
---------------------------------------*/
.rs-testimonial.testimonial-style6 .testi-item .item-content span img {
  width: 60px;
}
.rs-testimonial.testimonial-style6 .testi-item .item-content p {
  font-size: 22px;
  font-weight: 400;
  font-style: italic;
  line-height: 40px;
  color: #333333;
  font-family: "Roboto", Sans-serif;
  padding: 18px 0px 10px 0px;
}
.rs-testimonial.testimonial-style6 .testi-item .testi-content .image-wrap img {
  height: 65px;
  width: 65px;
  border-radius: 50%;
  position: relative;
}
.rs-testimonial.testimonial-style6 .testi-item .testi-content .testi-information {
  padding-top: 18px;
}
.rs-testimonial.testimonial-style6 .testi-item .testi-content .testi-information .testi-name {
  color: #000000;
  font-size: 20px;
  font-weight: 500;
}
.rs-testimonial.testimonial-style6 .testi-item .testi-content .testi-information .testi-title {
  color: #878787;
}
/*----------------------------------------
	26. Shop Section CSS
----------------------------------------*/
/*----------------------------------------
	27. Single Shop Section CSS
----------------------------------------*/
/*----------------------------------------
	28. Cart Section CSS
----------------------------------------*/
/*----------------------------------------
	29. Careers Single Section CSS
----------------------------------------*/
/*----------------------------------------
	30. Checkout Section CSS
----------------------------------------*/
/*----------------------------------------
	31. Account Section CSS
----------------------------------------*/
/*------------------------------------
	32. Footer Section CSS
------------------------------------*/
.rs-footer.footer-main-home {
  background-image: url(assets/images/bg/footer-bg.jpg);
  background-size: cover;
}
.rs-footer.footer-main-home .footer-top {
  padding: 85px 0 70px;
}
.rs-footer.footer-main-home .footer-top .footer-logo a img {
  height: 30px;
}
.rs-footer.footer-main-home .footer-top .footer-title {
  position: relative;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  color: #ffffff;
  text-transform: uppercase;
  font-family: Roboto;
  margin-bottom: 50px;
}
.rs-footer.footer-main-home .footer-top .textwidget p {
  color: #ffffff;
  margin: 0;
}
.rs-footer.footer-main-home .footer-top .textwidget p strong {
  font-weight: 700;
}
.rs-footer.footer-main-home .footer-top .footer-social li {
  display: inline-block;
  margin-right: 19px;
}
.rs-footer.footer-main-home .footer-top .footer-social li a i {
  font-size: 16px;
  margin-right: 3px;
  transition: all .8s ease;
  color: #fff;
  text-align: center;
}
.rs-footer.footer-main-home .footer-top .footer-social li a i:hover {
  color: #ffb703;
}
.rs-footer.footer-main-home .footer-top .footer-social li:last-child {
  margin-right: 0;
}
.rs-footer.footer-main-home .footer-top .address-widget li {
  padding: 0 0 29px 40px;
  position: relative;
}
.rs-footer.footer-main-home .footer-top .address-widget li i {
  color: #ffb703;
  position: absolute;
  left: 0;
}
.rs-footer.footer-main-home .footer-top .address-widget li i:before {
  font-size: 24px;
  position: relative;
  top: 4px;
}
.rs-footer.footer-main-home .footer-top .address-widget li .desc {
  color: #ffffff;
}
.rs-footer.footer-main-home .footer-top .address-widget li .desc a {
  color: #ffffff;
}
.rs-footer.footer-main-home .footer-top .address-widget li .desc a:hover {
  color: #ffb703;
}
.rs-footer.footer-main-home .footer-top .site-map {
  margin-top: -6px;
}
.rs-footer.footer-main-home .footer-top .site-map li {
  margin-bottom: 5px;
  position: relative;
}
.rs-footer.footer-main-home .footer-top .site-map li a {
  font-size: 16px;
  position: relative;
  padding: 6px 0 4px 0px;
  display: inline-block;
  color: #ffffff;
  transition: all 0.3s;
}
.rs-footer.footer-main-home .footer-top .site-map li a:hover {
  padding-left: 5px;
  color: #ffb703;
}
.rs-footer.footer-main-home .footer-top .site-map li a:before {
  content: "\f113";
  left: 0;
  top: 0;
  color: #ffb703;
  margin-right: 10px;
  font-size: 13px;
  font-family: Flaticon;
}
.rs-footer.footer-main-home .footer-top .widget-desc {
  margin: 0px 0px 27px 0;
  color: #ffffff;
}
.rs-footer.footer-main-home .footer-top p input[type="email"] {
  border: none;
  width: 100%;
  font-size: 16px;
  padding: 15px 20px;
  color: #fff;
  overflow: hidden;
  background: #333;
  margin-bottom: 20px;
}
.rs-footer.footer-main-home .footer-top p input[type="submit"] {
  position: relative;
  border: none;
  background: #ffb703;
  color: #010d14;
  padding: 16px 35px 16px;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 26px;
  width: 100%;
  transition: all 0.3s;
}
.rs-footer.footer-main-home .footer-top p input[type="submit"]:hover {
  background: #fff !important;
  color: #010d14;
}
.rs-footer.footer-main-home .footer-top p ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  color: #fff;
  opacity: 0.79;
}
.rs-footer.footer-main-home .footer-top p ::-moz-placeholder {
  /* Firefox 19+ */

  color: #fff;
  opacity: 0.79;
}
.rs-footer.footer-main-home .footer-top p :-ms-input-placeholder {
  /* IE 10+ */

  color: #fff;
  opacity: 0.79;
}
.rs-footer.footer-main-home .footer-top p :-moz-placeholder {
  /* Firefox 18- */

  color: #fff;
  opacity: 0.79;
}
.rs-footer.footer-main-home .footer-bottom {
  background: rgba(51, 51, 51, 0.4);
  padding: 20px 0 20px 0;
}
.rs-footer.footer-main-home .footer-bottom .copyright p {
  font-size: 15px;
  font-weight: 500;
  color: #ffffff;
  margin: 0;
}
.rs-footer.footer-main-home .footer-bottom .copyright p a {
  transition: all 0.4s;
  color: #ffffff;
}
.rs-footer.footer-main-home .footer-bottom .copyright p a:hover {
  color: #ffb703;
}
.rs-footer.footer-main-home .footer-bottom .copy-right-menu li {
  display: inline-block;
  position: relative;
  padding: 0px 19px 0 25px;
}
.rs-footer.footer-main-home .footer-bottom .copy-right-menu li a {
  font-size: 15px;
  color: #ffffff;
}
.rs-footer.footer-main-home .footer-bottom .copy-right-menu li a:hover {
  color: #ffb703;
}
.rs-footer.footer-main-home .footer-bottom .copy-right-menu li:before {
  display: block;
  content: "";
  position: absolute;
  font-size: 18px;
  background: #ffb703;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  transform: translateY(-50%);
  border-radius: 50%;
}
.rs-footer.footer-main-home .footer-bottom .copy-right-menu li:first-child:before {
  display: none;
}
/* -----------------------
	33. 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: 0;
  color: #010d14;
  line-height: 36px;
  transition: all 0.3s ease 0s;
  background: #FFB703;
  margin-left: 2px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.04);
  display: block;
}
#scrollUp i:before {
  font-weight: 900;
}
#scrollUp i:hover {
  background: #333;
  color: #fff;
}
#scrollUp.red-color i {
  background: #eb003d;
  color: #ffffff;
}
#scrollUp.red-color2 i {
  background: #e8271e;
  color: #ffffff;
}
#scrollUp.red-color3 i {
  background: #cb0000;
  color: #ffffff;
}
#scrollUp.blue-color i {
  background: #0052da;
  color: #ffffff;
}
#scrollUp.paste-color i {
  background: #21c0f5;
  color: #ffffff;
}
#scrollUp.paste-color2 i {
  background: #70bf4a;
  color: #ffffff;
}
#scrollUp.orange-color i {
  background: #e88e2e;
  color: #ffffff;
}
#scrollUp.orange-color2 i {
  background: #ff6314;
  color: #ffffff;
}
#scrollUp.tan-color i {
  background: #ba9071;
  color: #ffffff;
}
.home-red-color .rs-carousel .owl-dots .owl-dot {
  background: #eb003d;
}
/*----------------------------------------------
	34. Preloader CSS
----------------------------------------------*/
#pre-load {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  margin-top: 0px;
  top: 0px;
  z-index: 9999;
}
.loader .loader-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border: 3px solid #ebebec;
  border-radius: 50%;
}
.loader .loader-container:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border-top: 3px solid #ffb703;
  border-radius: 50%;
  animation: loaderspin 1.8s infinite ease-in-out;
  -webkit-animation: loaderspin 1.8s infinite ease-in-out;
}
.loader .loader-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  text-align: center;
}
.loader .loader-icon img {
  animation: loaderpulse alternate 900ms infinite;
  width: 40px;
}
.woocommerce .quantity input[type="number"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */

  color: #363636 !important;
  opacity: 1;
}
.woocommerce .quantity input[type="number"]::-moz-placeholder {
  /* Firefox 19+ */

  color: #363636 !important;
  opacity: 1;
}
.woocommerce .quantity input[type="number"]:-ms-input-placeholder {
  /* IE 10+ */

  color: #363636 !important;
  opacity: 1;
}
.woocommerce .quantity input[type="number"]:-moz-placeholder {
  /* Firefox 18- */

  color: #363636 !important;
  opacity: 1;
}
@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);
  }
}
/* ------------------------------------
	35. 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);
  }
}
.fadeinup {
  animation-duration: 2s;
  animation-name: fadeInUp;
}
@keyframes fadeinup {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.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;
  }
}
.fadeInLeft2 {
  animation-name: fadeInLeft2;
  animation-duration: 2.25s;
}
@-webkit-keyframes fadeInLeft2 {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft3 {
  animation-name: fadeInLeft3;
  animation-duration: 2.80s;
}
@-webkit-keyframes fadeInLeft3 {
  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);
  }
}
.spine {
  animation: spine 8s infinite linear;
  -webkit-animation: spine 8s infinite linear;
  animation-duration: spine 8s;
}
@keyframes spine {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spine {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
spiner {
  animation: spiner 30s infinite linear;
  -webkit-animation: spiner 30s infinite linear;
  animation-duration: spiner 30s;
}
@keyframes spiner {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
@-webkit-keyframes spiner {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}
.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);
  }
}
.scale2 {
  animation: scale2 2s alternate infinite;
  -webkit-animation: scale2 2s alternate infinite;
}
@-webkit-keyframes scale2 {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
  }
}
.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: 15s;
  animation-iteration-count: infinite;
}
@keyframes veritcal {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(100px);
  }
  100% {
    transform: translateY(0);
  }
}
.rs-services.services-style7 .services-item:hover .dance_hover,
.rs-services.services-style2 .services-box:hover .dance_hover {
  animation-name: dance_hover;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1;
}
@keyframes dance_hover {
  16.65% {
    transform: translateY(8px);
  }
  33.3% {
    transform: translateY(-6px);
  }
  49.95% {
    transform: translateY(4px);
  }
  66.6% {
    transform: translateY(-2px);
  }
  83.25% {
    transform: translateY(1px);
  }
  100% {
    transform: translateY(0);
  }
}
.full-width-header .rs-header .middle-header.middle-modify3 {
  padding-top: 7.5px;  /* Reduced from 15px */
  padding-bottom: 7.5px;  /* Reduced from 15px */
}