@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700|Roboto+Condensed:400,500,600,700');
@charset "utf-8";
/**
*
* -----------------------------------------------------------------------------
*
* Template : Edulearn | Responsive Education HTML5 Template 
* Author : rs-theme
* Author URI : http://www.rstheme.com/
*
* -----------------------------------------------------------------------------
*
**/
/* Table Of Content
---------------------------------------------------------
01. General CSS
02. Global Class
03. Header Section 
04. Sticky Menu
05. Slider Section
06. 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/
*
* -----------------------------------------------------------------------------
*
**/

/* ------------------------------------
    29. Shop Page Start Here 
---------------------------------------*/
.shop-page-area.single-product-page {
  padding: 100px 0 100px;
}
.shop-page-area .single-details {
  padding: 0 0 35px;
  position: relative;
  overflow: hidden;
  text-align: center;
  transition: all 0.3s ease 0s;
  margin-bottom: 15px;
}
.shop-page-area .single-details .triangle_left {
  width: 0;
  height: 0;
  border-top: 70px solid transparent;
  border-right: 140px solid #ff3115;
  border-bottom: 70px solid transparent;
  position: absolute;
  top: -75px;
  left: -117px;
  transform: rotate(48deg);
  opacity: 0;
}
.shop-page-area .single-details:hover {
  background: #f5f5f5;
}
.shop-page-area .single-details:hover .triangle_left {
  opacity: 1;
}
.shop-page-area .single-details:hover h3 a {
  color: #ff3115;
}
.shop-page-area .single-details:hover .add-to-cart {
  background: #ff3115;
  color: #fff !important;
}
.shop-page-area .single-details:hover .images .overley {
  opacity: 1;
  transform: scaleY(1);
}
.shop-page-area .single-details .images {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}
.shop-page-area .single-details .images a {
  display: block;
}
.shop-page-area .single-details .images a img {
  transition: all 0.3s ease-out;
  width: 100%;
}
.shop-page-area .single-details .images .overley {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  transform: scaleY(0);
  transform-origin: 0 1 0;
  opacity: 0;
  transition: all 0.3s ease 0s;
  padding: 30px;
}
.shop-page-area .single-details .images .overley .winners-details {
  padding: 20% 0;
}
.shop-page-area .single-details .images .overley .winners-details h4 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  color: #ffffff;
  font-size: 18px;
  position: relative;
}
.shop-page-area .single-details .images .overley .winners-details h4:after {
  display: none;
}
.shop-page-area .single-details .images .overley .winners-details .product-info {
  margin: 0;
  padding: 0px;
  list-style: none;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  transition: all .9s;
  text-align: center;
  left: 0;
  right: 0;
}
.shop-page-area .single-details .images .overley .winners-details .product-info li {
  display: inline-block;
}
.shop-page-area .single-details .images .overley .winners-details .product-info li a {
  color: #ffffff;
  text-transform: capitalize;
  text-decoration: none;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #ffffff;
  text-align: center;
  transition: all 0.3s ease 0s;
}
.shop-page-area .single-details .images .overley .winners-details .product-info li a:hover {
  color: #ff3115;
  border: 1px solid #ff3115;
}
.shop-page-area .single-details .images .overley .winners-details .product-info li a i {
  font-size: 16px;
  color: #ffffff;
  margin: 0;
  transition: all 0.3s ease 0s;
}
.shop-page-area .single-details .images .overley .winners-details .product-info li a i:hover {
  color: #ff3115;
}
.shop-page-area .single-details .images .overley .winners-details p {
  margin-bottom: 5px;
  color: #ffffff;
  font-size: 13px;
}
.shop-page-area .single-details .images .overley .winners-details p i {
  color: #ffffff;
  margin-right: 8px;
}
.shop-page-area .single-details h4 {
  margin-bottom: 10px !important;
  margin-left: 0;
  font-weight: 700;
}
.shop-page-area .single-details h4 a {
  color: #212121;
  transition: all 0.3s ease 0s;
  font-size: 20px;
  margin: 0;
}
.shop-page-area .single-details h4 a:hover {
  color: #ff3115;
}
.shop-page-area .single-details .price-details ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.shop-page-area .single-details .price-details ul li {
  display: block;
}
.shop-page-area .single-details .price-details ul li:first-child {
  font-weight: 600;
  font-size: 15px;
}
.shop-page-area .single-details .price-details ul li:first-child del {
  margin-right: 5px;
  font-weight: 400;
  font-size: 15px;
}
.shop-page-area .single-details .price-details ul li .add-to-cart {
  border: 1px solid #ff3115;
  padding: 8px 18px;
  color: #212121;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
  margin-top: 15px;
}
.shop-page-area .topbar-area {
  overflow: hidden;
  padding-bottom: 54px;
}
.shop-page-area .topbar-area .showing-Short .seclec-box {
  float: right;
}
.shop-page-area .topbar-area .showing-result ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
.shop-page-area .topbar-area .showing-result ul li {
  display: inline-block;
  font-weight: 400;
  color: #505050;
  margin-right: 0;
  font-size: 14px;
  height: 25px;
}
.shop-page-area .topbar-area .showing-result ul li .form-group {
  margin: 0;
}
.shop-page-area .topbar-area .showing-result ul li .form-group.seclect-box select.form-control {
  display: inline-block;
  border: 0;
  background: transparent;
  border-radius: 0px;
}
.shop-page-area .pagination {
  margin-top: 0;
}
.shop-page-area .classic-tabs.tabs-cyan {
  display: block;
}
/* ------------------------------------
    30.Shop Single Page Start Here 
---------------------------------------*/
.shop-single-page-area .shop-single-btm-page-area {
  padding-bottom: 74px;
  overflow: hidden;
  padding-top: 60px;
}
.shop-single-page-area .shop-single-btm-page-area .sec-title {
  font-size: 30px;
}
.shop-single-page-area .shop-single-btm-page-area .sec-title:after {
  height: 5px;
}
.shop-single-page-area .shop-single-btm-page-area .sec-sub-title {
  margin-bottom: 42px;
  margin-top: 10px;
  font-size: 30px;
}
.shop-single-page-area .inner-single-product-slider .inner {
  /*background: #f5f5f5;*/
  margin-bottom: 26px;
}
.shop-single-page-area .inner-single-product-slider .single-product-nav {
  max-width: 1075px;
  margin: 0 auto;
}
.shop-single-page-area .inner-single-product-slider .single-product-nav .slick-slide {
  display: grid;
  margin: 0px -50px 0 -50px;
  cursor: pointer;
  height: 150px;
}
.shop-single-page-area .inner-single-product-slider .single-product-nav .slick-slide:after {
  background: rgba(0, 0, 0, 0.7);
  content: "";
  position: absolute;

  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  
}
.shop-single-page-area .inner-single-product-slider .single-product-nav .slick-current:after {
  opacity: 0;
}
.shop-single-page-area .inner-single-product-slider .slick-prev:before {
  content: "\f104";
}
.shop-single-page-area .inner-single-product-slider .slick-prev:before,
.shop-single-page-area .inner-single-product-slider .slick-next:before {
  font-family: FontAwesome;
  opacity: 1;
  transition: all 0.5s ease 0s;
  font-size: 16px;
  line-height: 20px;
  color: #212121;
}
.shop-single-page-area .inner-single-product-slider .slick-prev:hover:before,
.shop-single-page-area .inner-single-product-slider .slick-next:hover:before {
  color: #ff3115;
}
.shop-single-page-area .inner-single-product-slider .slick-next:before {
  content: "\f105";
}
.shop-single-page-area .left-area h4 {
  margin: 0 0 12px;
  color: #212121;
  font-size: 20px;
}
.shop-single-page-area .left-area .cat,
.shop-single-page-area .left-area .tag {
  font-size: 13px;
  margin: 0 0 5px;
}
.shop-single-page-area .left-area .cat strong,
.shop-single-page-area .left-area .tag strong {
  font-weight: 500;
}
.shop-single-page-area .left-area .cat {
  margin-top: 27px;
}
.shop-single-page-area .tab-btm {
  margin-top: 20px;
  vertical-align: top;
}
.shop-single-page-area .tab-btm .nav-item {
  position: relative;
  display: block;
  width: 100%;
}
.shop-single-page-area .tab-btm .nav-item a {
  font-size: 15px;
  color: #505050;
}
.shop-single-page-area .tab-btm .nav-item .active {
  background: #eee;
}
.shop-single-page-area .tab-btm .nav-item .active:before {
  content: "\f105";
  font-family: FontAwesome;
  opacity: 1;
  transition: all 0.5s ease 0s;
  font-size: 16px;
  line-height: 20px;
  position: absolute;
  top: 14px;
  z-index: 99;
  right: 5px;
}
.shop-single-page-area .tab-btm .tab-content.card {
  border: none;
}
.shop-single-page-area .tab-btm h4 {
  margin: 15px 0 19px;
  font-weight: 500;
  color: #505050;
}