@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Roboto+Condensed:400,500,600,700');
@charset "utf-8";
/**
*
* -----------------------------------------------------------------------------
*
 *
* -----------------------------------------------------------------------------
*
**/
/* Table Of Content
---------------------------------------------------------
01. General CSS
02. Global Class
03. Header Section 
04. Sticky Menu
05. Slider Section
06. Breadcrumbs
07. Services
08. About Us
09. Popular Cources
10. Courses Details
11. Rs-counter
12. Upcoming Events
13. Experienced Staffs
14. Staffs Single
15. Calltoaction
16. Latest News
17. Our Publications
18. Testimonial
19. Newsletter
20. Rs-video
21. Why Choose Us
22. Pricing Table
23. Instagram
24. About Us Page
25. Rs Timeline
26. Elements
27. Blog Pages
28. Blog Details
29. Shop Page Start Here
30. Shop Single Page Start Here 
31. Check Out css Start Here
32. Shipping Area Start Here
32. Contact Page Section Start Here
33. Rs Gallery
34. ScrollUp
35. 404 Page Area Start Here 
36. Preloader css
37. Rs Footer

--------------------------------------------------------*/
/**
*
* -----------------------------------------------------------------------------
*
* Template : RS-Construction - Construction HTML5 Template 
* Author : rs-theme
* Author URI : http://www.rstheme.com/
*
* -----------------------------------------------------------------------------
*
**/
/*-----------------------
    Animation
-------------------------*/
[class*='rs-animation-'] {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.rs-animation-fade {
  -webkit-animation-name: rs-fade;
  animation-name: rs-fade;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-timing-function: linear !important;
  animation-timing-function: linear !important;
}
.rs-animation-slide-top {
  -webkit-animation-name: rs-fade-top;
  animation-name: rs-fade-top;
}
.rs-animation-slide-bottom {
  -webkit-animation-name: rs-fade-bottom;
  animation-name: rs-fade-bottom;
}
.rs-animation-slide-left {
  -webkit-animation-name: rs-fade-left;
  animation-name: rs-fade-left;
}
.rs-animation-slide-right {
  -webkit-animation-name: rs-fade-right;
  animation-name: rs-fade-right;
}
.rs-animation-scale-up {
  -webkit-animation-name: rs-animation-scale-up;
  animation-name: rs-animation-scale-up;
}
.rs-animation-scale-down {
  -webkit-animation-name: rs-animation-scale-down;
  animation-name: rs-animation-scale-down;
}
.rs-animation-shake {
  -webkit-animation-name: rs-shake;
  animation-name: rs-shake;
}
.rs-animation-rotate {
  -webkit-animation-name: rs-rotate;
  animation-name: rs-rotate;
}
.rs-animation-scale {
  -webkit-animation-name: rs-scale;
  animation-name: rs-scale;
}
.rs-animation-hover:not(:hover),
.rs-animation-hover:not(:hover) [class*='rs-animation-'] {
  -webkit-animation-name: none;
  animation-name: none;
}
.rs-animation-reverse {
  -webkit-animation-direction: reverse;
  animation-direction: reverse;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
.rs-image-effect-shine {
  position: relative;
  overflow: hidden;
}
.rs-image-effect-shine::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  transform: skewX(-25deg);
}
.rs-image-effect-shine:hover::before {
  -webkit-animation: img-shine 1s;
  animation: img-shine 1s;
}
@-webkit-keyframes img-shine {
  100% {
    left: 125%;
  }
}
@keyframes img-shine {
  100% {
    left: 125%;
  }
}
/*-------------------------
    Fade
---------------------------*/
@-webkit-keyframes rs-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes rs-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*---------------------------
    Fade Top
------------------------------*/
@-webkit-keyframes rs-fade-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-60%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes rs-fade-top {
  0% {
    opacity: 0;
    transform: translateY(-60%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*---------------------------
    Fade Bottom
------------------------------*/
@-webkit-keyframes rs-fade-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(60%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes rs-fade-bottom {
  0% {
    opacity: 0;
    transform: translateY(60%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*---------------------------
    Fade Left
------------------------------*/
@-webkit-keyframes rs-fade-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-60%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes rs-fade-left {
  0% {
    opacity: 0;
    transform: translateX(-60%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*---------------------------
    Fade Right
------------------------------*/
@-webkit-keyframes rs-fade-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(60%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes rs-fade-right {
  0% {
    opacity: 0;
    transform: translateX(60%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*------------------------------
   Scale Up
--------------------------------*/
@-webkit-keyframes rs-animation-scale-up {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes rs-animation-scale-up {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*---------------------------
    Scale Down
------------------------------*/
@-webkit-keyframes rs-animation-scale-down {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.6);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes rs-animation-scale-down {
  0% {
    opacity: 0;
    transform: scale(1.6);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*---------------------------
    Rotate
------------------------------*/
@-webkit-keyframes rs-rotate {
  0% {
    -webkit-transform: rotate(280deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rs-rotate {
  0% {
    transform: rotate(280deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*---------------------------
    Shake
------------------------------*/
@-webkit-keyframes rs-shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
  10% {
    -webkit-transform: translateX(-9px);
  }
  20% {
    -webkit-transform: translateX(8px);
  }
  30% {
    -webkit-transform: translateX(-7px);
  }
  40% {
    -webkit-transform: translateX(6px);
  }
  50% {
    -webkit-transform: translateX(-5px);
  }
  60% {
    -webkit-transform: translateX(4px);
  }
  70% {
    -webkit-transform: translateX(-3px);
  }
  80% {
    -webkit-transform: translateX(2px);
  }
  90% {
    -webkit-transform: translateX(-1px);
  }
}
@keyframes rs-shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10% {
    transform: translateX(-9px);
  }
  20% {
    transform: translateX(8px);
  }
  30% {
    transform: translateX(-7px);
  }
  40% {
    transform: translateX(6px);
  }
  50% {
    transform: translateX(-5px);
  }
  60% {
    transform: translateX(4px);
  }
  70% {
    transform: translateX(-3px);
  }
  80% {
    transform: translateX(2px);
  }
  90% {
    transform: translateX(-1px);
  }
}
/*-------------------
    Scale
---------------------*/
@-webkit-keyframes rs-scale {
  0% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes rs-scale {
  0% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
/* -----------------------------------
    01. General CSS
-------------------------------------*/
html,
/********************************/
/*       Slides backgrounds     */
/********************************/
.bg1 {
  background-image: url(images/bg/bg1.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center top;
}
.bg2 {
  background-image: url(images/bg/bg2.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center top;
}
.bg3 {
  background-image: url(images/bg/counter-bg.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center top;
}
.bg4 {
  background-image: url(images/bg/cta-bg.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center top;
}
.bg5 {
  background-image: url(images/bg/testimonial-bg.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center top;
}
.bg6 {
  background-image: url(images/slider/home1/slide2.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center top;
}
.bg7 {
  background-image: url(images/bg/bg3.jpg);
  background-size: cover;
  background-position: center;
  background-position: center top;
}
.bg8 {
  background-image: url(images/bg/bg8.jpg);
  background-attachment: fixed;
  background-position: center top;
}
.bg9 {
  background-image: url(images/bg/video-bg2.jpg);
  background-attachment: fixed;
  background-position: center top;
}
.bg10 {
  background-image: url(images/bg/counter-bg-style2.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-position: center top;
}
.bg11 {
  background-image: url(images/bg/home7-style.jpg);
  background-position: center top;
  background-size: cover;
  padding-top: 200px;
  padding-bottom: 130px;
}
.bg12 {
  background-image: url(images/bg/countdown.jpg);
  background-position: center top;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}
.bg13 {
  background-image: url(images/bg/home8-style.jpg);
  background-position: center;
  background-size: cover;
  padding-top: 200px;
  padding-bottom: 250px;
}
.bg14 {
  background-image: url(images/counter/2.jpg);
  background-size: cover;
  background-position: center top;
  padding-bottom: 500px !important;
}
.bg15 {
  background-image: url(images/bg/about-home8-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding-top: 100px;
  padding-bottom: 100px;
}
.uppercase {
  text-transform: uppercase;
}



/* ------------------------------------
    05. Slider
---------------------------------------*/
#rs-slider {
  position: relative;
}
#rs-slider .slide-content {
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  width: 100%;
  height: 100%;
  z-index: 8;
}
#rs-slider .slide-content .slider-title {
  font-size: 60px;
  color: #fff;
  margin-bottom: 15px;
  -webkit-animation-duration: 1.4s;
  animation-duration: 1.4s;
  text-transform: uppercase;
}
#rs-slider .slide-content .slider-desc {
  font-weight: 500;
  margin-bottom: 30px;
  font-size: 20px;
}
#rs-slider .slide-content .sl-readmore-btn {
  border: 2px solid #101010;
  background: #101010;
  display: inline-block;
  padding: 12px 25px;
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  transition: all 0.3s ease 0s;
}
#rs-slider .slide-content .sl-readmore-btn:hover {
  background-color: #e41f05;
  border-color: #e41f05;
  color: rgba(255, 255, 255, 0.8);
}
#rs-slider .slide-content .sl-get-started-btn {
  background-color: #ff3115;
  border: 2px solid #ff3115;
  display: inline-block;
  padding: 12px 25px;
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 500;
  text-align: center;
  transition: all 0.3s ease 0s;
}
#rs-slider .slide-content .sl-get-started-btn:hover {
  background-color: #e41f05;
  border-color: #e41f05;
  color: rgba(255, 255, 255, 0.8);
}
#rs-slider .owl-nav {
  display: none;
}
#rs-slider .owl-dots {
  position: absolute;
  right: 50px;
  top: 50%;
  transform: translateY(-50%);
}
#rs-slider .owl-dots .owl-dot {
  height: 15px;
  width: 5px;
  background-color: #ffffff;
}
#rs-slider .owl-dots .owl-dot + .owl-dot {
  margin-top: 8px;
}
#rs-slider .owl-dots .owl-dot.active {
  background-color: #ff3115;
}
.slider-overlay-1 .slide-content:after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
.slider-overlay-2 .slide-content:after {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 109, 0, 0.3);
  z-index: -1;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 109, 0, 0.3) 100%);
  background: linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 109, 0, 0.3) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 109, 0, 0.3) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(255, 109, 0, 0.3) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.3) 100%);
  background: -webkit-gradient(linear, right top, right bottom, color-stop(0%, rgba(0, 0, 0, 0.55)), color-stop(50%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.3)));
  opacity: 0.95;
}
.home5 span.red-color {
  color: #e84b3a;
}
.home5 span.orange-color {
  color: #fc7f0c;
}
.home5 #rs-slider {
  position: relative;
}
.home5 #rs-slider .slide-content .slider-title {
  color: #92278f;
}
.home5 #rs-slider .slide-content .slider-title,
.home5 #rs-slider .slide-content .slider-desc,
.home5 #rs-slider .slide-content .sl-get-started-btn {
  position: relative;
  z-index: 11;
}
.home5 #rs-slider .slide-content .sl-get-started-btn {
  border: none;
  background: #92278f;
  border-radius: 30px;
  font-weight: 700;
  padding-top: 16px;
  padding-bottom: 16px;
  font-size: 18px;
}
.home5 #rs-slider .slide-content .sl-get-started-btn:hover {
  background: #550b53;
}
.home5 #rs-slider .owl-dots {
  display: none !important;
}
.rs-banner-section {
  position: relative;
  overflow: hidden;
}
.rs-banner-section img.banner-image {
  width: 100%;
}
.rs-banner-section .banner-inner {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.rs-banner-section .banner-inner .sl-sub-title {
  margin-bottom: 2px;
  font-size: 56px;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 70px;
  color: #fff;
  font-weight: 600;
  font-style: italic;
}
.rs-banner-section .banner-inner .banner-title {
  font-size: 75px;
  line-height: 75px;
  margin: 0 0 25px;
  font-weight: 700;
  color: #fff;
}
.rs-banner-section .banner-inner .banner-title span {
  display: block;
  color: #ff3115;
}
.rs-banner-section .banner-inner .content {
  color: #ffffff;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 40px;
}
.rs-banner-section .banner-inner .readon {
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 16px;
  padding: 15px 25px;
}
.rs-banner-section .banner-text {
  max-width: 700px;
}
.rs-banner-section2 {
  position: relative;
  overflow: hidden;
}
.rs-banner-section2 img.banner-image {
  width: 100%;
}
.rs-banner-section2 .banner-inner {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.rs-banner-section2 .banner-inner .sl-sub-title,
.rs-banner-section2 .banner-inner .banner-title,
.rs-banner-section2 .banner-inner .banner-title2 {
  color: #fff;
}
.rs-banner-section2 .banner-inner .sl-sub-title {
  font-size: 30px;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 50px;
  font-weight: 400;
}
.rs-banner-section2 .banner-inner .banner-title {
  margin: 0 0 6px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 90px;
  line-height: 1.1;
  letter-spacing: 5px;
}
.rs-banner-section2 .banner-inner .banner-title span {
  display: block;
  line-height: 1;
}
.rs-banner-section2 .banner-inner .content {
  color: #ffffff;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 40px;
}
.rs-banner-section2 .banner-inner .readon {
  text-transform: uppercase;
  font-size: 17px;
  padding: 15px 45px;
  background: transparent;
  border: 2px solid #fff;
  border-radius: 30px;
  font-weight: 600;
}
.rs-banner-section2 .banner-inner .readon:hover {
  background: #ffffff;
  color: #ff3115;
}
.rs-banner-section2 .animate .circle1 {
  position: absolute;
  right: 40%;
  bottom: 50px;
  height: 150px;
  animation: swing-anim 2s alternate-reverse infinite;
  -webkit-animation: swing-anim 2s alternate-reverse infinite;
}
.rs-banner-section2 .animate .circle2 {
  position: absolute;
  right: 25%;
  top: 300px;
  text-align: right;
  width: 150px;
  animation: swing-anim2 2s alternate-reverse infinite;
  -webkit-animation: swing-anim2 2s alternate-reverse infinite;
}
.rs-banner-section3 {
  background: url(images/bg/home8-banner-bg.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 180px;
  padding-bottom: 100px;
  background-size: cover;
}
.rs-banner-section3 .countdown-part .sub-title {
  display: block;
  font-size: 18px;
  line-height: 34px;
  color: #ff3115;
  font-weight: 600;
}
.rs-banner-section3 .countdown-part .title {
  font-size: 60px;
  line-height: 70px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
}
.rs-banner-section3 .countdown-part .counter-wrap {
  max-width: 550px;
}
.rs-banner-section3 .countdown-part .counter-wrap .timecounter-inner .time_circles {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
}
.rs-banner-section3 .countdown-part .counter-wrap .timecounter-inner .time_circles canvas {
  opacity: 1;
}
.rs-banner-section3 .countdown-part .counter-wrap .timecounter-inner .time_circles div {
  position: absolute;
  text-align: left;
  padding-right: 0;
}
.rs-banner-section3 .countdown-part .counter-wrap .timecounter-inner .time_circles div span {
  padding: 0;
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 40px !important;
  margin: 0 0 9px 0;
  color: #ff3115;
}
.rs-banner-section3 .countdown-part .counter-wrap .timecounter-inner .time_circles div h4 {
  color: #ffffff;
  margin: 0;
  padding: 0;
  text-align: center;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 17px;
  font-size: 12px !important;
}
.rs-banner-section3 .register-form {
  background: rgba(255, 255, 255, 0.6);
}
.rs-banner-section3 .register-form .form-title {
  position: relative;
  padding: 30px 65px 36px;
  margin-bottom: 50px;
}
.rs-banner-section3 .register-form .form-title .title {
  font-weight: 400;
  color: #fff;
  position: relative;
  z-index: 10;
  line-height: 1.4;
  font-size: 22px;
}
.rs-banner-section3 .register-form .form-title:after {
  position: absolute;
  height: 100%;
  width: 100%;
  clip-path: polygon(-115.5% 0, 113% 0, 76% 100%);
  left: 0;
  background-color: #ff3115;
  top: 0;
  content: "";
}
.rs-banner-section3 .register-form .form-group {
  padding: 0 50px 5px;
}
.rs-banner-section3 .register-form .form-group .from-control {
  width: 100%;
  margin-bottom: 20px;
  border-radius: 3px;
  height: 50px;
  line-height: 50px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 15px;
  padding: 10px 14px;
  border: 1px solid rgba(54, 54, 54, 0.1);
  outline: 0;
}
.rs-banner-section3 .register-form .form-group input[type=submit] {
  width: 100%;
  margin-bottom: 50px;
  border-radius: 3px;
  height: 50px;
  line-height: 50px;
  -webkit-appearance: button;
  cursor: pointer;
  background: #ff3115;
  border: 0;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  outline: 0;
  transition: 0.4s;
  font-weight: 600;
}
.rs-banner-section3 .register-form .form-group input[type=submit]:hover {
  color: #ffffff;
  background: #e41f05;
}
.rs-banner-section3 .register-form .form-group .select-option {
  position: relative;
}
.rs-banner-section3 .register-form .form-group .select-option select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  color: #b1b1b1;
  opacity: 1;
  z-index: 11;
  position: relative;
}
.rs-banner-section3 .register-form .form-group .select-option:after {
  content: '\f107';
  font-family: FontAwesome;
  color: #b1b1b1;
  right: 15px;
  position: absolute;
  top: 11px;
  z-index: 12;
  font-size: 22px;
  pointer-events: none;
}