@import url(reset.css);
@import url(global.css);

:root {
	--heading-font: 'Barlow', sans-serif;
	--heading-color: #333333;
	--para-font: 'Hind', sans-serif;
	--primary-color: silver;
    --dark-color: #000;
}
body {
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 16px;
	position: relative;
	font-family: var(--heading-font);
	counter-reset: section;
	overflow-x: hidden;
	line-height: 28px;
}
/* header-section css */
.header-section {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999999;
	    background: #000;
}
.header-top {
    padding: 18px;
    background-color: #000;
}
.header-top-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.head-btn {
    text-transform: uppercase;
    background-color: var(--primary-color);
    color: #ffffff;
    font-size: 16px;
    padding: 10px 15px;
    border-radius: 3px;
    font-weight: 500;
}
.head-btn:hover {
    color: #ffffff;
}
.head-info {
    padding: 0 20px;
    position: relative;
}
.head-info+.head-info:after {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 1px;
    height: 20px;
    background-color: #cccccc;
    margin-top: -10px;
}
.h-info-top i {
    color: var(--primary-color);
    font-size: 14px;
}
.h-info-top span {
    color: #a5a4a4;
    font-size: 14px;
}
.header-btn-area {
    margin-left: 25px;
}
.dark-home .h-info-bt {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.header-bottom {
    position: relative;
}
.header-bottom:after {
    position: absolute;
    content: '';
    top: -1px;
    left: -20px;
    width: 30%;
    height: 50%;
    background-color: #000;
    border-radius: 0 0 8px 0;
    transform: skew(-0.09turn, 0deg);
}
.navbar {
    padding: 0;
}
.header-bottom .navbar-brand {
    padding: 15px 0;
    display: none;
}
.nav-item {
    position: relative;
}
.nav-item a {
    color: #ffffff;
    transition: all 0.3s;
    position: relative;
    padding: 16px 15px;
    display: inline-block;
}
.header-section .nav-item a:after {
    position: absolute;
    content: '';
    bottom: 8px;
    left: 15px;
    width: 15px;
    height: 1px;
    background-color: var(--primary-color);
    opacity: 0;
    transition: all 0.3s;
}
.header-section.menu-fixed .nav-item a:hover,
.header-section.menu-fixed .nav-item.active > a,
.nav-item.active > a,
.nav-item a:hover {
    color: var(--primary-color);
}
.header-section .nav-item.active > a:after,
.header-section .nav-item a:hover:after {
    opacity: 1;
    bottom: 16px;
}
.header-links {
    position: relative;
}
.cart-counter {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    display: block;
    background-color: var(--primary-color);
    color: #ffffff !important;
    cursor: pointer;
    position: relative;
}
.cart-counter.has-notifications:before {
    position: absolute;
    content: '';
    left: 3px;
    bottom: 0;
    width: 7px;
    height: 7px;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #ffd401;
}
.cart-counter.has-notifications {

}
.header-widgets {
    position: absolute;
    top: 45px;
    right: 0;
    width: 370px;
    background-color: #ffffff;
    padding: 30px;
    z-index: 999;
    display: none;
}
.lab-mini-cart li {
    padding-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #eeeeee;
}
.lab-mini-cart li+li {
    padding-top: 15px;
}
.lab-mini-cart .single-shop {
    padding: 0;
    border: none;
}
.lab-mini-cart .pro-details {
    margin-left: 30px;
}
.pro-details h6 a {
    color: #333333;
}
.pro-details {
    text-align: left;
}
.pro-details h6 a:hover {
    color: var(--primary-color);
}
.pro-details p {
    color: var(--para-color);
}
.pro-details p span+span {
    margin-left: 5px;
}
.sop-list-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 35px);
    flex: 0 0 calc(100% - 35px);
    max-width: calc(100% - 35px);
}
.pro-close {
    display: inline-block;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--primary-color);
    color: #ffffff;
    text-align: center;
    line-height: 39px;
    cursor: pointer;
    font-size: 20px;
}
.check-view {
    margin-top: 30px;
}
.check-view a {
    padding: 7px 15px;
    color: #ffffff;
    background-color: #333333;
}
.check-view a:hover {
    background-color: var(--primary-color);
    color: #ffffff;
}
.header-links {
    display: inline-block;
}
.sub-menu {
    padding: 15px 0;
    position: absolute;
    width: 200px;
    background-color: #ffffff;
    top: 100%;
    left: 0;
    -webkit-box-shadow: 0px 6px 11px 0px rgba( 102, 102, 102, 0.15);
    box-shadow: 0px 6px 11px 0px rgba( 102, 102, 102, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.header-section .nav-item:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.header-section .sub-menu li a {
    color: #333333;
    padding: 10px 15px;
    display: block;
}
.header-section .sub-menu li.active > a,
.header-section .sub-menu li a:hover {
    color: var(--primary-color);
}
.header-section .sub-menu li a:after {
    opacity: 0;
}
.header-section .sub-menu li.active > a:after,
.header-section .sub-menu .nav-item a:hover:after {
    bottom: 10px;
}
.navbar-toggler {
    padding: 0;
}
.navbar-toggler span {
    margin: 6px 0;
}
.bar-one, .bar-two, .bar-three {
    width: 30px;
    height: 2px;
    display: block;
    background-color: var(--primary-color);
}
/* menu affix animation css */
.header-section.menu-fixed .header-top {
    display: none;
}
.header-section.menu-fixed .header-bottom {
    -webkit-box-shadow: 0px 6px 11px 0px rgba( 102, 102, 102, 0.15);
    box-shadow: 0px 6px 11px 0px rgba( 102, 102, 102, 0.15);
}
.header-section.menu-fixed .header-bottom:after {
    display: none;
}
.header-section.menu-fixed .header-bottom .navbar-brand {
    display: block;
}
.header-section.menu-fixed .nav-item a {
    color: #fff;
}
.header-section.menu-fixed .nav-item.active > a {
    color: var(--primary-color);
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      -ms-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      -ms-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
  }
  .fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
  }

/* banner-section css */

.banner-section {
    position: relative;
    height: 718px;
    background-image: -moz-linear-gradient( -143deg, rgb(182 182 182) 0%, rgb(25,44,54) 100%);
    background-image: -webkit-linear-gradient( -143deg, rgb(182 182 182) 0%, rgb(25,44,54) 100%);
    background-image: -ms-linear-gradient( -143deg, rgb(182 182 182) 0%, rgb(25,44,54) 100%);
    z-index: 9;
}
.banner-man-img {
    position: absolute;
    right: 0;
    bottom: 0;
}
.banner-content-slider {
    position: relative;
}
.banner-content-slider .slick-dots {
	position: absolute;
    top: 50%;
	left: -20%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.banner-content-slider .slick-dots li {
    display: block;
}
.slick-dots li.slick-active button[type="button"] {
	background-color: #ffffff;
	width: 10px;
    height: 10px;
}
.slick-dots li button[type="button"] {
	font-size: 0;
	width: 8px;
	height: 9px;
	border-radius: 50%;
	border: none;
	background-color: rgb(85, 85, 85);
    padding: 0 !important;
    cursor: pointer;
}
.banner-content {
    position: absolute;
    top: calc(50% + 100px);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0;
    width: 100%;
    z-index: 9;
}
.banner-content .cmn-btn {
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 999px;
}
.banner-content h2, .banner-content h1, .banner-content p {
    color: #ffffff;
}
.banner-content h2 {
    font-size: 44px;
    line-height: 48px;
    font-weight: 500;
    margin-bottom: 20px;
} 
.banner-content h1 {
    font-size: 70px;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 45px;
}
.btn-grp {
    margin-top: 35px;
    margin-left: -14px;
    margin-right: -15px;
}
.btn-grp .cmn-btn {
    margin: 10px 15px;
}
.cmn-btn.hv-btn {
    background-color: #ffffff;
    color: var(--primary-color);
}
.hv-btn:hover {
    background-color: transparent !important;
    color: #ffffff !important;
}
.cmn-btn:hover {
    background-color: #ffffff;
    color: var(--primary-color);
}
.hv-btn.primary-color {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #ffffff;
}
.cmn-btn.hv-btn.primary-color:hover {
    border-color: #ffffff;
}
.cmn-btn.primary-color:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #ffffff;
}

/* banner-section home-two css */
.banner-style-2 {
    background-image: url(../images/banner-home-2-bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 9;
}
.btn-grp .video-btn {
    margin-left: 30px;
    opacity: 0;
    visibility: hidden;
}
.btn-grp .video-btn img {
    display: inline-block !important;
}
.btn-grp .video-btn,
.banner-video-part .video-btn {
    background-color: rgba(45, 79, 96, 0.29);
    width: 88px;
    height: 88px;
    line-height: 88px;
}
.video-btn:after,
.video-btn:before {
    background-color: rgba(45, 79, 96, 0.29);
}
.banner-style-2 .slick-dots li button[type="button"] {
    background-color: #ffffff;
}
.banner-style-2 .slick-dots li.slick-active button[type="button"] {
    background-color: var(--primary-color);
}

/* choose-section css */

.choose-section .section-wrapper {
    margin: -15px 0;
}
.choose-item {
    background-color: #101a23;
    padding: 50px 30px;
    text-align: center;
}
.choose-item .round-icon {
    width: 105px;
    height: 105px;
    display: inline-block;
    text-align: center;
    line-height: 105px;
    font-size: 48px;
    border-radius: 50%;
    background-color: var(--primary-color);
    margin-bottom: 30px;
    transition: all 0.3s;
}
.choose-item h4 {
    margin-bottom: 15px;
}
.round-icon {
    color: #ffffff;
}
.choose-item:hover .round-icon {
    background-color: #ffffff;
    color: var(--primary-color);
}

.choose-item.active {
    background-color: var(--primary-color);
}

.choose-item.active .round-icon {
    background-color: #ffffff;
    color: var(--primary-color);
}

/* about-section css */

.ab-nav-img {
    position: relative;
}
.ab-nav-img:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0;
    transition: all 0.3s;
}
.ab-nav-img.slick-current.slick-active:before {
    opacity: 0.75;
}
.ab-sm-hd {
    color: var(--primary-color);
    font-weight: 600;
    letter-spacing: 1px;
}
.ab-lg-hd {
    text-transform: uppercase;
    font-weight: 300;
}
.ab-lg-hd strong {
    font-weight: 700;
}
.ab-bt-tx {
    color: #444444;
    font-weight: 600;
    margin-top: 15px;
    display: block;
}
.about-content p {
    margin-top: 15px;
}
.ab-big-img-part img {
    width: 100%;
}
.about-vr-slider .slick-dots {
    position: absolute;
    right: -45px;
    top: 50%;
    left: auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    display: inline-table;
}
.about-vr-slider .slick-dots li {
    display: block;
}
.about-vr-slider.slick-vertical .horizontal-item.slick-slide {
    display: flex !important;
}
.about-vr-slider .slick-dots li button[type="button"] {
    background-color: #dfdfdf;
}
.about-vr-slider .slick-dots li.slick-active button[type="button"] {
    background-color: var(--primary-color);
}
.about-section .hz-icon {
    border: 1px solid #d5d5d5;
}
.about-vr-slider {
    margin: 0 -15px;
    margin-top: 50px;
    position: relative;
}
.about-section .horizontal-item {
    margin: 0 15px;
}
.about-section .horizontal-item:hover .hz-icon {
    background-color: #ffffff;
    color: var(--primary-color);
    border-color: #ffffff;
}
.about-section .horizontal-item:hover {
    background-color: var(--primary-color);
}
.horizontal-item.slick-current .horizontal-icon .hz-icon {
    background-color: #ffffff;
    border-color: #ffffff;
    color: var(--primary-color);
}
.horizontal-item.slick-current,
.about-section .horizontal-item:hover {
    background-color: var(--primary-color);
    box-shadow: 0px 18px 20px -3px rgba( 249, 80, 111, 0.2);
} 
.horizontal-item.slick-current .horizontal-content h5,
.about-section .horizontal-item:hover .horizontal-content h5 {
    color: #ffffff;
}
.horizontal-item.slick-current .horizontal-content p,
.about-section .horizontal-item:hover .horizontal-content p {
    color: #ffffff;
}
.about-block {
    margin-top: 50px;
}
.about-block h4 {
    text-transform: capitalize;
}
.about-block p {
    margin-top: 20px;
    width: 75%;
}
/* course-section css */

.course-section .section-wrapper {
    margin-bottom: -30px;
}
.dark-home .course-item {
    background-color: #ffffff;
}
.course-item {
    background-color: #f9f9f9;
    margin-bottom: 30px;
}
.course-thumb {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.course-thumb img {
    width: 100%;
}
.course-thumb:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    opacity: 0;
    transition: all 0.3s;
    z-index: 9;
}
.course-item:hover .course-thumb:before {
    opacity: 0.7;
}
.course-content {
    padding: 0 30px 30px 30px;
}
.course-content h4 {
    font-weight: 700;
}
.course-revw {
    align-items: center;
    margin-top: 5px;
}

.shape-one {
    position: relative;
    z-index: 99;
}
.shape-one:before {
    position: absolute;
    content: '';
    top: -45px;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-clip-path: ellipse(110% 74% at 50% 75%);
    clip-path: ellipse(110% 74% at 50% 75%);
    background-color: #ffffff;
    z-index: -10; 
}
.post-content.shape-one:before {
    background-color: #fbfbfb;
}
.course-content h4 {
    margin-bottom: 25px;
    text-transform: uppercase;
}
.cr-price-part {
    margin-bottom: 20px;
}
.course-content .cr-price {
    font-size: 36px;
    font-weight: 700;
}
.course-content .cr-price sup {
    vertical-align: super;
    font-size: 42%;
}
.dark-home .course-content h4,
.dark-home .course-content .cr-price,
.dark-home .course-content .cr-time,
.dark-home .course-content p,
.dark-home .time-revw h6 {
    color: var(--heading-color);
    transition: all 0.3s;
}
.course-content p {
    margin-top: -8px;
}
.time-revw {
    padding: 10px 0;
    border: 1px solid #eeeeee;
}
.time-revw i {
    margin-right: 5px;
}
.rating,
.revw-count {
    font-size: 14px;
    color: #666666;
}
.course-footer {
    padding: 0 0 30px 0;
}
.course-footer .gym-btn {
    margin-top: 25px;
}
.course-footer .btn-cmn {
    margin-top: 0;
    color: #171e35;
}
.course-footer .btn-cmn:before {
    background-color: var(--primary-color);
}
.course-footer .btn-cmn:hover {
    color: #ffffff;
}
.dark-home .course-item:hover .course-content h4,
.dark-home .course-item:hover .cr-price,
.dark-home .course-item:hover .cr-time,
.dark-home .course-item:hover .time-revw h6 {
    color: var(--primary-color);
}

/* home-two course-section css */

.course-slider {
    margin: 0 -15px;
    position: relative;
}
.course-double-slide .slick-dots,
.course-slider .slick-dots {
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.course-double-slide .slick-dots li button[type="button"],
.course-slider .slick-dots li button[type="button"] {
    background-color: #cccccc;
}
.course-double-slide .slick-dots li.slick-active button[type="button"],
.course-slider .slick-dots li.slick-active button[type="button"] {
    background-color: var(--primary-color);
}
.course-double-slide .slick-dots li+li,
.course-slider .slick-dots li+li {
    margin-left: 5px;
}
.course-slider .course-item {
    margin: 15px 15px 45px 15px;
}
.course-double-slide {
    margin: -15px;
}
.course-double-slide .slick-slide {
    margin: 0 15px;
}
.course-double-slide .course-item {
    margin: 15px 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.course-double-slide .course-item:hover {
    box-shadow: 0px 18px 30px 0px rgba( 102, 102, 102, 0.15);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
}
.course-double-slide .course-footer .gym-btn {
    margin-top: 0;
}
.course-slider .course-item.slick-current {
    box-shadow: 0px 20px 30px 0px rgba(102, 102, 102, 0.15);
}
.course-double-slide .shape-one:before {
    background-color: #f9f9f9;
} 
.shape-two {
    -webkit-clip-path: ellipse(75% 74% at 50% 75%);
    clip-path: ellipse(75% 74% at 50% 75%);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.shape-two img {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}
.home-two .course-content:before {
    display: none;
}
.home-two .course-content {
    padding: 20px 30px 20px 30px;
}
.home-two .course-content h4, .course-content .cr-price-part {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.home-two .course-content p {
    margin-top: 0;
}
.home-two .course-footer .btn-cmn {
    border: 1px solid #cccccc;
}
.home-two .course-footer .btn-cmn:after {
    display: none;
}
.home-two .course-footer .btn-cmn:hover {
    border-color: var(--primary-color);
}

/* video-section css */

.video-section {
    background-image: url(../images/video.bg.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.video-content {
    padding: 250px 0;
    position: relative;
    z-index: 99;
}
.video-content h3 {
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 25px;
}

/* advantage-sectoin css */

.horizontal-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 22px;
    transition: all 0.3s;
    transition-property: all;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.85, 0.21, 0.45, 0.99);
    transition-delay: 0s;
}
.horizontal-item:hover {
    background-color: #ffffff;
}
.horizontal-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 78px;
    flex: 0 0 78px;
    max-width: 78px;
}
.hz-icon {
    width: 78px;
    height: 78px;
    display: inline-block;
    border-radius: 50%;
    background-color: #ffffff;
    text-align: center;
    line-height: 81px;
    font-size: 38px;
    transition: all 0.3s;
    color: #666666;
}
.horizontal-item:hover .hz-icon {
    background-color: var(--primary-color);
    color: #ffffff;
}
.horizontal-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 78px);
    flex: 0 0 calc(100% - 78px);
    max-width: calc(100% - 78px);
    padding-left: 30px;
}
.horizontal-content h5 {
    transition: all 0.3s;
}
.horizontal-item:hover .horizontal-content h5 {
    color: var(--primary-color);
}
.horizontal-content p {
    margin-top: 10px;
    transition: all 0.3s;
}
.horizontal-item:hover .horizontal-content p {
    color: #666666;
}

/* offer-section css */

.offer-section {
    background-image: url(../images/bg-2.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 30px;
}
.dark-home .offer-block {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    text-align: left !important;
}
.offer-content h1 {
    font-size: 90px;
}
.offer-content span {
    font-size: 18px;
    color: #eeeeee;
    font-weight: 500;
}
.offer-content p {
    margin-top: 20px;
}

/* offer-section css */ 
.home-two .offer-content h2 {
    color: #ffffff;
}
.dark-home .offer-block {
    margin-top: 0;
}
.offer-block {
    padding: 0 30px 20px 30px;
    text-align: center;
    -webkit-clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);
    background-color: var(--primary-color);
    margin-top: 30px;
}
.offer-block h1 {
    font-size: 60px;
}
.dark-home .offer-block h1 {
    font-size: 90px;
}
.offer-block span {
    font-weight: 400;
}
.offer-block h1,
.offer-block span {
    color: #ffffff;
}

/* class-time-section css */
.dark-home .class-time-section .nav-item a {
    color: #ffffff
}
.class-time-section .nav-item a {
    color: #555555;
}
.tab-nav-items {
    margin-bottom: 25px;
}
.tab-nav-items {
    border-bottom: 2px solid var(--primary-color);
}
.tab-nav-items .nav-link.active {
    background-color: transparent;
    color: var(--primary-color);
}
.filter-cmn-button {
    margin-bottom: 30px;
    text-align: center;
}
.filter-cmn-button button {
    background-color: transparent;
    border: none;
    padding: 0 10px;
    display: inline-block;
    color: #555555;
    cursor: pointer;
}
.dark-home .filter-cmn-button button {
    color: #ffffff;
}
.filter-cmn-button button.active {
    background-color: var(--primary-color);
    color: #ffffff;
}
.class-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}
.class-list li {
    width: 185px;
    box-sizing: border-box;
}
.dark-home .single-class {
    background-color: #21262f;
    border: 1px solid #101a23;
}
.single-class {
    background-color: #3a414d;
    padding: 15px 15px;
    border: 1px solid #101a23;
    margin: 1px;
}
.single-class h4 {
    color: #ffffff;
    margin-bottom: 5px;
}
.single-class span {
    display: block;
    color: #ffffff;
}
.single-class .class-time {
    color: var(--primary-color);
    margin-bottom: 5px;
}

/* join-section css */

.join-section {
    background-image: url(../images/bg-3.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 25px;
}
.join-thumb {
    position: relative;
    z-index: 9;
    text-align: center;
}
.join-thumb:before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/shape/join-shape.png);
    z-index: -1;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.join-content h2 {
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 48px;
}

/* home-two join-section css */

.home-two .join-thumb:before {
    display: none;
}
/* pricing-section css */

.pricing-item {
    padding: 35px 50px;
    background-color: #101a23;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}
.pricing-item:hover {
    box-shadow: 0px 25px 35px 0px rgba( 249, 80, 111, 0.15);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
}
.pricing-item .price-head {
    text-transform: uppercase;
}
.item-price {
    width: 110px;
    height: 110px;
    display: inline-block;
    border: 11px solid #e8e8e8;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #ffffff;
    margin-top: 25px;
    margin-bottom: 15px;
    line-height: 85px;
}
.item-price i {
    font-size: 54px;
}
.item-price h2 {
    color: #101a23;
    line-height: 90px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    font-weight: 700;
}
.pricing-item:hover .item-price h2 {
    color: var(--primary-color);
}
.pricing-features {
    margin-top: 10px;
}
.pricing-features li {
    padding: 8px 0;
    color: #ffffff;
}
.pricing-features li+li {
    border-top: 1px solid #1c2d3d;
}
.pricing-item:hover .pricing-features li+li {
    border-color: #983648;
}

/* home-two pricing-section css */
.pricing-style-two {
    z-index: 9;
}
.pricing-style-two {
    background-color: rgba( 53, 67, 79, 1);
}
.pricing-style-two {}
.pricing-style-two .pricing-name,
.pricing-style-two .price {
    color: #ffffff;
}
.pricing-style-two .price span {
    font-size: 42%;
    font-weight: 400;
}
.pricing-style-two .pricing-features li {
    padding: 2px 0;
}
.pricing-style-two .pricing-features li+li {
    border-top: none;
}
.pricing-style-two .pricing-features li i {
    margin-right: 5px;
}
.pricing-style-two .btn-cmn {
    border: 1px solid var(--primary-color);
}
.pricing-style-two .btn-cmn:hover {
    border-color: transparent;
}
.pricing-style-two .btn-cmn:after {
    display: none;
}


/* gallery-section css */

.gallery-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.gallery-single {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    position: relative;
    overflow: hidden;
}
.gallery-single:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.gallery-single:hover:before {
    opacity: 0.7;
}
.gallery-single img {
    width: 100%;
}
.gallery-content {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    text-align: center;
    opacity: 0;
}
.gallery-single:hover .gallery-content {
    opacity: 1;
    top: 50%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.gallery-grp-btn.filter-cmn-button button.active {
    background-color: transparent;
    color: var(--primary-color);
}
.gallery-grp-btn.filter-cmn-button button {
    color: #555555;
}
.gallery-content h4 {
    color: #ffffff;
}

/* home-two gallery-section css */
.home-two .gallery-section {
    padding-top: 0;
}
.home-two .gallery-single:before {
    display: none;
}
.home-two .gallery-content {
    padding: 50px 0;
    top: auto;
    height: auto;
    bottom: -100%;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
.home-two .gallery-content h4 {
    color: #ffffff;
}
.gallery-content h4 a {
    color: #ffffff;
}
.gallery-content h4 a:hover {
    color: #ffffff;
}
.home-two .gallery-single:hover .gallery-content {
    background-color: rgba(249, 80, 111, 0.9);
    bottom: 0;
    top: auto;
}
.gallery-grp-btn {}

/* trainer-section css */
.trainer-section.section-padding {
    padding-bottom: 135px;
}
.trainner-slider {
    margin: 0 -15px;
}
.trainer-single {
    background-color: #101a23;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 0 15px;
    max-height: 400px;
    min-height: 400px;
    background-position: center;
    background-repeat: no-repeat;
}
.trainer-single img {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.trainer-single:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.trainer-details {
    position: absolute;
    bottom: -100%;
    width: 100%;
    text-align: center;
    background-color: rgba(249, 80, 110, 0.9);
    padding: 10px 30px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.trainer-single:hover .trainer-details {
    bottom: 0;
}
.designation {
    color: #ffffff;
    display: inline-block;
}
.trainer-social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px;
}
.trainer-social-list li a {
    color: #ffffff;
    padding: 10px;
}
.slick-dots li {
    width: 13px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
}
.slick-dots li button {
    cursor: pointer;
}
.trainner-slider .slick-dots {
	position: absolute;
	bottom: -53px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
.trainner-slider .slick-dots li {
    display: inline-block;
}
.trainner-slider .slick-dots li+li {
    margin-left: 8px;
}
.trainner-slider .slick-dots li.slick-active button[type="button"] {
	background-color: var(--primary-color);
}
.trainner-slider .slick-dots li button[type="button"] {
	font-size: 0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border: none;
	background-color: #101a23;
    padding: 0 !important;
    cursor: pointer;
}

/* home-two trainer-section css */
.trainner-slider-style-2 .trainer-single {
    min-height: auto;
    background-color: transparent;
}
.trainner-slider-style-2 .trainer-single.slick-current .trainer-details {
    background-color: var(--primary-color);
}
.trainner-slider-style-2 .trainer-details {
    position: static;
    padding: 30px 30px;
    background-color: #35434f;
}
.trainer-details p {
    color: #ffffff;
    margin-top: 15px;
}
.tainer-thumb {
    width: 115px;
    height: 115px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 10px;
}
.trainner-slider-style-2 .tr-name {
    color: #ffffff;
}
.trainner-slider-style-2 .slick-dots {
    position: absolute;
    bottom: -45px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.trainner-slider-style-2 .slick-dots li {
    display: inline-block;
}
.trainner-slider-style-2 .slick-dots li+li {
    margin-left: 8px;
}
.trainner-slider-style-2 .slick-dots li.slick-active button[type="button"] {
    background-color: var(--primary-color);
}
.trainner-slider-style-2 .slick-dots li button[type="button"] {
    font-size: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: none;
    background-color: #cccccc;
    padding: 0 !important;
    cursor: pointer;
}

/* testimonial-section css */

.testimonial-section {
    background-image: url(../images/bg-4.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 34px 200px 87px 200px;
}
.testimonial-slider {
    margin: 0 -15px;
}
.testimonial-slider .slick-list {
    padding-top: 50px !important;
}
.testimonial-single.slick-active.slick-center {
    background-color: var(--primary-color);
}
.testimonial-single.slick-active.slick-center:after {
    color: rgb(175, 62, 83);
} 
.testimonial-slider .slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    bottom: -41px;
}
.testimonial-slider .slick-dots li {
    display: inline-block;
}
.testimonial-slider .slick-dots li+li {
    margin-left: 5px;
}
.testimonial-slider .slick-dots li.slick-active button[type="button"] {
    background-color: var(--primary-color);
}
.testimonial-slider .slick-dots li button[type="button"] {
    background-color: #ffffff;
}
.testimonial-single {
    padding: 15px 15px 30px 15px;
    background-color: #101a23;
    position: relative;
    margin: 0 15px;
}
.testimonial-single:after {
    position: absolute;
    content: "\f10e";
    font-family: 'FontAwesome';
    font-size: 24px;
    color: rgb(38, 50, 61);
    bottom: 35px;
    right: 30px;
}  
.avatar-thumb {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}
.style-one .avatar-thumb {
    margin-top: -65px;
    margin-bottom: 25px;
}
.cl-name {
    margin-top: 15px;
}
.testimonial-single .designation {
    margin-top: 5px;
    font-size: 14px;
}

/* home-two testimonial-section css */
.testimonial-single.style-two {
    padding: 30px 30px;
}
.style-two .avatar-thumb {
    width: 50px;
    height: 50px;
}
.style-two .cl-name {
    margin-top: 0;
}
.style-two .designation {
    margin-top: 2px;
}
.cl-details {
    margin-top: 15px;
}
.cl-info {
    text-align: left;
    padding-left: 15px;
}

/* blog-section css */
.blog-section {
    padding-bottom: 150px;
}
.post-item {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.post-item+.post-item {
    margin-top: 30px;
}
.post-thumb  {
    overflow: hidden;
    position: relative;
}
.post-thumb.has_content {
    height: 392px;
}
.post-thumb > img {
    width: 100%;
}
.dark-home .post-content {
    padding: 69px 40px;
    background-color: #101a23;
}
.post-content {
    padding: 30px 30px;
}
.post-meta {
    margin-bottom: 20px;
}
.post-content p {
    margin-top: 15px;
}
.post-meta li i {
    margin-right: 3px;
}
.post-meta li a {
    color: #ffffff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.post-grid-style .post-meta li a:hover,
.post-meta li a:hover {
    color: var(--primary-color);
}
.post-thumb .video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.post-thumb .post-content {
    padding: 30px;
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    background-color: rgba(249, 80, 111, 0.831);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.post-thumb .post-content .btn-cmn {
    margin-top: 0;
    background-color: rgba(249, 80, 111, 0.831);
}
.post-thumb:hover .post-content {
    bottom: 0;
}
.post-thumb .post-date {
    position: absolute;
    padding: 15px 30px;
    text-align: center;
    text-transform: capitalize;
    display: inline-block;
    right: 0;
    bottom: 0;
    background-color: var(--primary-color);
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
}
.shape-two .post-date {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}

/* home-two blog-section css */
.blog-slider {
    margin: -45px -15px;
    position: relative;
}
.blog-slider .slick-dots {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.blog-slider .slick-dots li+li {
    margin-left: 5px;
}
.blog-slider .slick-dots li.slick-active button[type="button"] {
    background-color: var(--primary-color);
}
.blog-slider .slick-dots li button[type="button"] {
    background-color: #cccccc;
}
.blog-slider .post-item {
    margin: 45px 15px;
}
.blog-slider .post-item.slick-current {
    box-shadow: 0px 18px 30px 0px rgba( 102, 102, 102, 0.15);
}
.post-grid-style .post-content {
    background-color: #fbfbfb;
}
.home-two .post-grid-style .post-content {
    padding-top: 0;
}
.post-grid-style .post-content.shape-one:before {
    top: -28px;
}
.home-two .post-grid-style .btn-cmn:hover {
    color: #ffffff;
}
.home-two .post-grid-style .btn-cmn:hover:after {
    opacity: 1;
    width: 100%;
}
.post-grid-style .post-meta {
    margin-bottom: 0;
}

/* advantage-section css */

.home-two .advantage-section {
    padding-top: 0;
}
.advantage-section .section-wrapper {
    margin-bottom: -30px;
}
.advantage-item {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    margin-bottom: 30px;
}
.advantage-item:hover {
    box-shadow: 10px 17.321px 30px 0px rgba( 102, 102, 102, 0.15);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
}
.advantage-thumb {
    position: relative;
}
.advantage-thumb:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.advantage-item:hover .advantage-thumb:before {
    opacity: 0.8;
}
.advantage-content {
    background-color: #f9f7f7;
    padding: 25px 20px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.advantage-content h4 {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    text-transform: capitalize;
    margin-bottom: 10px;
}
.advantage-item:hover .advantage-content {
    background-color: #ffffff;
}
.advantage-item:hover .advantage-content h4 {
    color: var(--primary-color);
}
/* class-schedule-section css */

.class-schedule-section {
    background-image: url(../images/bg-5.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.nav-pills {
    margin-bottom: 25px;
}
.radius-tab-nav-items .nav-item .nav-link {
    background-color: #1b2f3a;
    color: #ffffff;
    border-radius: 9999px;
    -webkit-border-radius: 9999px;
    -moz-border-radius: 9999px;
    -ms-border-radius: 9999px;
    -o-border-radius: 9999px;
    padding: 6px 30px;
}
.radius-tab-nav-items .nav-item .nav-link.active {
    background-color: var(--primary-color);
}
.class-item {
    background-color: var(--primary-color);
    padding: 10px 30px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.class-item span {
    transform: translateY(8px);
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
}
.class-item+.class-item {
    margin-top: 15px;
}
.cr-name,
.cr-time,
.cr-trainer,
.cr-btn {
    color: #ffffff;
}
.cr-btn:hover {
    color: #ffffff;
}
#map {
    width: 100%;
    height: 350px;
}
.map-section{
	position:relative;
}
.map-data{
	text-align:center;
	font-size:14px;
	font-weight:400;
	line-height:1.8em;
}
.map-data h6{
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:5px;
	color:#121212;
}
.map-canvas{
	height: 300px;
}

/* footer-section css */
.dark-home .footer-top {
    background-image: none;
}
.footer-top.gardient-overlay-one:before {
    height: 101%;
}
.footer-section .widget {
    border: none;
}
.footer-top {
    background-color: #282e38;
}
.company-address-part {
    margin-top: -160px;
}
.info-block-header {
    margin-bottom: 15px;
}
.info-block {
    background-color: #282e38;
    padding: 18px 30px;
}
.info-icon {
    color: #ffffff;
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: var(--primary-color);
    line-height: 57px;
    font-size: 30px;
}
.info-content {
    padding-left: 15px;
}
span.info-day,
span.info-time {
    display: block;
    color: #ffffff;
}
.info-day {
    font-size: 18px;
}
.social-media-part {
    background-color: var(--primary-color);
}
.social-media {
    padding-top: 7px;
}
.social-media li a {
    width: 49px;
    height: 49px;
    line-height: 49px;
    font-size: 22px;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: transparent;
    color: #ffffff;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.social-media li:hover a {
    background-color: #101a23;
}

.footer-widget-part {
    margin-top: 50px;
}
.footer-widget-part .widget-header {
    text-transform: uppercase;
    margin-bottom: 25px;
    border-bottom: none;
    padding: 0;
    color: #ffffff;
}
.footer-widget-part .widget-body {
    padding: 0;
}
.footer-widget-part .widget-body p {
    color: #ffffff;
}
.footer-info {
    margin-top: 15px;
}
.footer-info li+li {
    margin-top: 10px;
}
.footer-info li i {
    color: #ffffff;
    margin-right: 8px;
    font-size: 16px;
}
.footer-info li p {
    display: inline;
}
.footer-short-links li+li {
    margin-top: 5px;
}
.footer-short-links li a {
    color: #ffffff;
    font-size: 18px;
    position: relative;
    padding-left: 25px;
}
.footer-short-links li a:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 6px solid #ffffff;
    border-bottom: 5px solid transparent;
    left: 0;
    top: 8px;
}
.footer-short-links li a:hover {
    color: var(--primary-color);
}
.footer-short-links li a:hover:before {
    border-left-color: var(--primary-color);
}
.footer-bottom {
    padding: 13px;
    position: relative;
    z-index: 9;
}
.footer-bt-part p {
    font-size: 14px;
    color: #dedede;
    margin-top: 6px;
}
.footer-bt-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.footer-bt-links li+li {
    margin-left: 25px;
}
.footer-bt-links li a {
    color: #dedede;
    font-size: 14px;
}
.footer-bt-links li a:hover {
    color: var(--primary-color);
}
.footer-widget-part .social-media li a:hover {
    background-color: transparent;
    color: var(--primary-color);
}
.footer-social-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -7px;
}
.footer-social-image li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 7px;
}
.footer-social-image li a {
    display: block;
    position: relative;
}
.footer-social-image li a:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--primary-color);
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.footer-social-image li a:hover:before {
    opacity: 0.85;
}
.footer-social-image li a img {
    width: 100%;
}
.bottom-top {
    position: absolute;
    top: -33px;
    left: 50%;
    width: 75px;
    height: 75px;
    color: #ffffff;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: -10;
}
.bottom-top:before {
    position: absolute;
    content: '';
    width: 104%;
    height: 45px;
    background-color: #101a23;
    top: 33px;
    left: -2%;
}
.bottom-top:hover {
    background-color: var(--primary-color);
    color: #ffffff;
}
/* footer-section style-two css */
.footer-top {
    background-image: url(../images/bg-9.jpg);
}

/* ome-two footer-section css */
.add-block {
    background-color: #35434f;
}
.add-block.active {
    background-color: var(--primary-color);
}
.add-block-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 25px 40px;
}
.add-block-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    text-align: right;
}
.add-block-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
    padding-left: 15px;
}
.add-block-icon i {
    font-size: 52px;
}
.add-block-content h4 {
    margin-bottom: 6px;
}
.add-block-content span {
    font-size: 15px;
}
.add-block-icon i,
.add-block-content h4,
.add-block-content span
{
    color: #ffffff;
}


/* blog-list.html css */

.single-banner {
    background-image: url(../images/bg-6.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.single-banner.gardient-overlay-one:before {
    opacity: 0.85;
}
.single-banner-content-area {
    padding: 220px 0;
}
.single-bn-header {
    text-transform: uppercase;
}
.breadcrumb {
    background-color: transparent;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.breadcrumb-item a {
	color: #ffffff;
}
.breadcrumb-item.active {
	color: var(--primary-color);
}
.breadcrumb-item+.breadcrumb-item::before {
	content: "|";
	color: #ffffff;
}
.main-wrap {
    padding: 100px 0;
}
.post-wrap .post-item {
    box-shadow: 0px 6px 11px 0px rgba(102, 102, 102, 0.11);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    overflow: hidden;
}
.post-wrap .post-content {
    padding: 45px 20px;
}
.post-footer {
    margin-top: 30px;
}
.post-footer .gym-btn {
    margin-top: 0;
}
.post-wrap .full-bg.btn-cmn:before {
    background-color: #eeeeee;
}
.post-wrap .full-bg.btn-cmn:hover:before {
    background-color: var(--primary-color);
}
.post-wrap .btn-cmn:after {
    display: none;
}
.post-list-style .btn-cmn,
.post-grid-style .btn-cmn {
    color: #333333;
    margin-top: 0;
}
.post-meta li+li {
    margin-left: 10px;
}
.post-list-style .post-meta {
    margin-bottom: 0;
}
.post-list-style .post-meta li a,
.post-grid-style .post-meta li a {
    color: #555555;
}
.post-wrap .video-post-thumb {
    position: relative;
}
.post-wrap .video-post-thumb:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    opacity: 0.71;
}
.single-post-slider {
    position: relative;
}
.post-slider-arrows {
    position: absolute;
    top: 50%;
    width: 100%;
}
.post-slider-arrows .prev,
.post-slider-arrows .next {
    width: 60px;
    height: 40px;
    padding: 0 17px;
    line-height: 42px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
    color: #ffffff;
    background-color: rgba(150, 150, 150, 0.87);
    cursor: pointer;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.post-slider-arrows .prev:hover ,
.post-slider-arrows .next:hover {
    background-color: var(--primary-color);
}
.post-slider-arrows .prev {
    margin-left: -26px;
    text-align: right;
}
.post-slider-arrows .next {
    margin-right: -26px;
    text-align: left;
}

/* sidebar css */

.widget {
    border: 1px solid #eeeeee;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.widget+.widget {
    margin-top: 55px;
}
.widget-body {
    padding: 30px 25px;
}
.widget-search-part {
    padding: 15px 25px;
    background-color: #fbf9f9;
}
.widget-search {
	width: 100%;
	position: relative;
}
.widget-search input {
	width: 100%;
	background-color: #ffffff;
	border-radius: 3px;
	border: none;
	padding: 15px 40px 15px 20px;
}
.widget-search .search-btn {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border: none;
    color: #666666;
    background-color: #ffffff;
    cursor: pointer;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.widget-header {
    text-align: left;
    padding: 15px 15px;
    border-bottom: 1px solid #eeeeee;
}
.widget-header h4 {
    text-transform: capitalize;
}
.post-category {
	margin-top: -10px;
}
.post-category li a {
	padding: 10px 0;
	display: block;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.post-category li a:hover {
	color: var(--primary-color);
}
.post-category li a {
    color: #333333;
    font-weight: 500;
}
.post-category li a i {
    margin-right: 5px;
}
.post-category li a span {
	float: right;
}
.post-tags a {
    color: #333333;
    padding: 8px 20px;
    display: inline-block;
    border: 1px solid #eeeeee;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    margin: 4px 2px;
    text-transform: capitalize;
}
.post-tags a:hover {
    background-color: var(--primary-color);
    color: #ffffff;
}
.small-post-list .post-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.small-post-list .post-item:hover .post-date {
    background-color: transparent;
}
.small-post-list .post-item+.post-item {
    margin-top: 20px;
}
.small-post-list .post-thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.small-post-list .post-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 0 0 10px !important;
}
.post-date {
    color: #666666;
    margin-top: 5px;
    display: inline-block;
}
.sidebar-ad {
    background-color: var(--primary-color);
    margin-top: 55px;
}
.ad-thumb {
    -webkit-clip-path: ellipse(75% 74% at 50% 75%);
    clip-path: ellipse(75% 74% at 50% 75%);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.ad-thumb img {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    width: 100%;
}
.ad-content {
    padding: 30px 15px;
}
.ad-content p {
    color: #ffffff;
    font-size: 22px;
}
.ad-content .ad-btn {
    padding: 10px 30px;
    background-color: #ffffff;
    color: var(--primary-color);
    text-transform: uppercase;
    display: inline-block;
    margin-top: 25px;
}
.pagination {
	margin-top: 30px;
}
.page-item .page-link {
	border-radius: 50%;
	padding: 0 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: var(--primary-color);
}
.page-item.active .page-link {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}
.page-item:first-child .page-link, 
.page-item:last-child .page-link {
	border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.page-item .page-link:focus {
	box-shadow: none;
}
.pagination li+li {
	margin-left: 15px;
}
.pagination li a:hover {
	color: #ffffff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

/* blog-grid.html css */

.blog-grid .post-content {
    padding: 30px 30px;
}
.blog-double-slide {
    margin: -15px;
}
.blog-double-slide .slick-slide {
    margin: 0 15px;
}
.blog-double-slide .post-item {
    margin: 15px 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.blog-double-slide .post-item:hover {
    box-shadow: 0px 18px 30px 0px rgba( 102, 102, 102, 0.15);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
}
.blog-double-slide {
    position: relative;
}
.slick-dots {
    left: 50%;
    position: absolute;
    bottom: -20px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.blog-double-slide .slick-dots li button[type="button"] {
    background-color: #cccccc;
}
.blog-double-slide .slick-dots li.slick-active button[type="button"] {
    background-color: var(--primary-color);
}
.blog-double-slide .slick-dots li+li {
    margin-left: 10px;
}

/* blog-single.html css */

.single-post-title {
    color: var(--primary-color);
    font-weight: 600;
}
.single-post-content-part {
    padding: 50px 0;
    border-bottom: 1px solid #eeeeee;
}
.single-post-content p {
    margin-top: 30px;
}
.single-post-content h4 {
    margin-top: 30px;
}
.single-post-content ul {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.single-post-content ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-top: 10px;
    font-weight: 600;
}
.single-post-content ul li i {
    margin-right: 5px;
}
.single-post-content ul li:hover {
    color: var(--primary-color);
}
blockquote {
    position: relative;
    background-color: #eeeeee;
	padding: 25px 50px;
	margin: 30px 0 0 0;
}
blockquote:after {
	position: absolute;
	content: "\f10d";
	font-family: 'FontAwesome';
	font-size: 22px;
    color: #555555;
    top: 25px;
    left: 21px;
}
.entry-footer {
	text-align: right;
	margin-top: 30px;
}
.share-all {
    background-color: #eeeeee;
    padding: 8px 15px;
    color: #666666;
}
.share-all i {
    margin-right: 8px;
}
.share-post li {
	display: inline;
}
.share-post li+li {
	margin-left: 5px;
}
.share-post li a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	color: #cccccc;
	background-color: transparent;
}
.share-post li a:hover {
    color: var(--primary-color);
}

/* comment */
.inner-block {
    margin-top: 50px;
}
.block-title {
    margin-bottom: 30px;
}
.comments li .comment {
	padding: 30px 0;
}
.comments li ul {
	margin-left: 60px;
}
.comments li .comment {
	border-bottom: 1px solid #eeeeee;
}
.comments>li:last-child .comment {
	border-bottom: none;
}
.comment {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.c-thumb {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 65px;
    flex: 0 0 65px;
	max-width: 65px;
	height: 65px;
	background-color: #f2f2f2;
	border-radius: 50%;
	overflow: hidden;
}
.c-content {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 65px);
    flex: 0 0 calc(100% - 65px);
	max-width: calc(100% - 65px);
	padding-left: 30px;
}
.c-content-top {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: center;
}
.c-content-top a {
    color: #333333;
}
.reply-icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background-color: #eeeeee;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.reply-icon:hover {
    background-color: var(--primary-color);
    color: #ffffff;
}
.cmnt-auth {
    font-weight: 600;
    margin-right: 30px;
}
form {
	width: 100%;
}
input:not(.sub-btn),
textarea {
	width: 100%;
	padding: 15px 25px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
textarea {
	min-height: 180px;
	resize: none;
}
.frm-grp {
	margin: 10px 0;
}
.sub-btn {
	width: auto;
	display: inline-block;
	cursor: pointer;
	margin-top: 0;
	border: none;
}
.sub-btn {
    padding: 10px 35px;
    border-radius: 999px;
    -webkit-border-radius:;
    -moz-border-radius:;
    -ms-border-radius:;
    -o-border-radius:;
    border: 1px solid vaR(--primary-color);
    background-color: transparent;
    font-weight: 600;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    color: #333333;
    background-color: var(--primary-color);
    color: #ffffff;
}
.sub-btn:hover {
    color: #ffffff;
    box-shadow: 0px 15px 20px 0px rgba(249, 80, 111, 0.15);
}


/* about.html css */

.about-page .about-section {
    position: relative;
    z-index: 9;
}
.about-page .about-section:before {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    background-image: url(../images/about-man3.png);
    width: 839px;
    height: 598px;
    z-index: -10;
}
.about-page .about-section:after {
    position: absolute;
    content: '';
    bottom: 0;
    right: 0;
    background-image: url(../images/shape/about-star.png);
    width: 732px;
    height: 490px;
    z-index: -20;
}
.skill-bar-item {
	margin: 10px 0;
}
.work-skill-part .skill-bar-item:nth-of-type(4n+1) .bar {
	background-color: #f6945f;
}
.work-skill-part .skill-bar-item:nth-of-type(4n+2) .bar {
	background-color: #735db6;
}
.work-skill-part .skill-bar-item:nth-of-type(4n+3) .bar {
	background-color: #48bfee;
}
.work-skill-part .skill-bar-item:nth-of-type(4n+4) .bar {
	background-color: #f9506f;
}

.work-skill-part .skill-bar-item:nth-of-type(4n+1) .label {
	background-color: #f6945f;
}
.work-skill-part .skill-bar-item:nth-of-type(4n+2) .label {
	background-color: #735db6;
}
.work-skill-part .skill-bar-item:nth-of-type(4n+3) .label {
	background-color: #48bfee;
}
.work-skill-part .skill-bar-item:nth-of-type(4n+4) .label {
	background-color: #f9506f;
}

.work-skill-part .skill-bar-item:nth-of-type(4n+1) .label:before {
	border-top-color: #f6945f;
}
.work-skill-part .skill-bar-item:nth-of-type(4n+2) .label:before {
	border-top-color: #735db6;
}
.work-skill-part .skill-bar-item:nth-of-type(4n+3) .label:before {
	border-top-color: #48bfee;
}
.work-skill-part .skill-bar-item:nth-of-type(4n+4) .label:before {
	border-top-color: #f9506f;
}
.skill-bar p {
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: uppercase;
}
.progressbar {
    position: relative;
    display: block;
    width: 100%;
    height: 3px;
    background-color: #eeeeee;
}
.bar {
	position:absolute;
	width: 0px;
	height: 100%;
	top: 0;
	left: 0;
	background: #494949;
	overflow:hidden;
}
.label {
	position: absolute;
	top: -40px;
	left: 0;
	width: 30px;
	height: 30px;
	display: block;
	background-color: green;
	line-height: 34px;
	text-align: center;
	color: #ffffff;
	-webkit-transform: translateX(-15px);
	    -ms-transform: translateX(-15px);
	        transform: translateX(-15px);
}
.label:before {
	position: absolute;
	content: '';
	bottom: -10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 10px;
	height: 10px;
	border-top: 6px solid green;
	border-bottom: 5px solid transparent;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}

/* home-two about-section css */


/* gallery.html css */

.gallery-page .gallery-section {
    padding-bottom: 0;
}

/* contact.html css */
.contact-us-form label {
    color: #fff;
}
.cnt-info {
    background-color: #c2c2c2;
    padding: 30px 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.cnt-info:hover {
    background-color: var(--primary-color);
    box-shadow: 0px 25px 35px 0px rgba( 249, 80, 111, 0.15);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
}
.cnt-info-icon {
    width: 97px;
    height: 97px;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #eeeeee;
    color: #666666;
    line-height: 97px;
    font-size: 38px;
    margin-bottom: 15px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}  
.cnt-info:hover .cnt-info-icon {
    background-color: #ffffff;
    color: var(--primary-color);
}
.cnt-info-content h4 {
    margin-bottom: 15px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.cnt-info-content span {
    display: block;
    margin-top: 10px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}

.cnt-info:hover .cnt-info-content h4,
.cnt-info:hover .cnt-info-content span {
    color: #ffffff;
}

.contact-form-part {
    margin-top: 100px;
}

/* single-class.html */

.class-single-content {
    padding: 50px 0;
    border-bottom: 1px solid #eeeeee;
}
.class-single-content ul {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.class-single-content ul li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-top: 10px;
    font-weight: 600;
}
.class-single-content ul li:hover {
    color: var(--primary-color);
}
.class-single-content ul li i {
    margin-right: 5px;
}
.class-single-content p {
    margin-top: 30px;
}

.course-trainer-part {
    margin-top: 100px;
}
.bb-title {
    text-transform: uppercase;
    margin-bottom: 50px;
}
.course-trainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    overflow: hidden;
}
.cs-trainer-thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    min-height: 250px;
    background-image: url(../images/trainer/b1.jpg); background-repeat: no-repeat; background-size: cover;
}
.cs-trainer-details {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    background-color: var(--primary-color);
    padding: 30px 30px;
}
.tr-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tr-name {
    color: #ffffff;
    font-weight: 700;
}
.tr-head .trainer-social-list {
    margin-top: 0;
}
.trainer-info {
    margin-top: 25px;
}
.trainer-info li {
    margin-top: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: #ffffff;
}
.trainer-info li .info-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.trainer-info li .info-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    word-break: break-all;
}

/*  single-event.html css */

.venue-details {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #eeeeee;
    margin-top: 50px;
}
.venue-title {
    color: var(--primary-color);
    margin-bottom: 30px;
}
.venue-list-part {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 30px 30px;
}
.venue-list-part+.venue-list-part {
    border-left: 1px solid #eeeeee;
}
.vn-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 15px;
}
.half {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    word-break: break-all;
}
.ticket-book-part {
    margin-top: 50px;
}
.ticket-book-part p {
    margin-top: 15px;
    margin-bottom: 30px;
}

/* event-page.html css */

.event-section .section-wrapper {
    margin: -15px 0;
}
.event-section .post-item {
    margin: 15px 0;
}
.event-section .post-thumb {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 8%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 89%, 0 100%);
}
.event-section .post-thumb:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    opacity: 0;
}
.event-section .post-item:hover .post-thumb:before {
    opacity: 0.8;
}
.post-thumb .link-icon {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: var(--primary-color);
    color: #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    opacity: 0;
}
.post-item:hover .link-icon {
    top: 50%;
    opacity: 1;
}
.event-section .post-item {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.event-section .post-item {}
.event-section .post-item,
.event-section .post-content {
    background-color: #fafafa;
}
.event-section .post-item:hover {
    box-shadow: 0px 18px 30px 0px rgba( 102, 102, 102, 0.15);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
}
.event-section .post-item:hover,
.event-section .post-item:hover .post-content {
    background-color: #ffffff;
}
.event-section .post-content p i {
    margin-right: 10px;
}
.event-section .post-item:hover {
    -webkit-box-shadow: 0px 12px 30px 0px rgba( 102, 102, 102, 0.15);
    -moz-box-shadow: 0px 12px 30px 0px rgba( 102, 102, 102, 0.15);
    box-shadow: 0px 12px 30px 0px rgba( 102, 102, 102, 0.15);
}
.event-section .post-content {
    padding: 30px 70px;
}
.event-section .post-content p {
    font-size: 18px;
    color: #666666;
}
.event-section .post-content p+p {
    margin-top: 5px;
}
.event-section .post-thumb .post-date {
    bottom: 30px;
    background-color: #101a23;
}
.post-item:hover .post-date {
    background-color: var(--primary-color);
}
.p-date {
    font-size: 30px;
    font-family: var(--heading-font);
    font-weight: 700;
    display: block;
}

/* event-page.html css */
.up-coming-event {
    background-image: url(../images/bg-7.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.up-coming-event .section-header {
    margin-bottom: 30px;
}
.up-coming-event .section-header h4  {
    font-weight: 400;
}
.d-t-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.d-t-list li {
    color: #ffffff;
}
.d-t-list li i {
    margin-right: 8px;
}
#clock {
    margin-top: 50px;
}
#clock .count-single {
    padding: 30px 30px;
    background-color: var(--primary-color);
    text-align: center;
}
#clock .count-single span {
    font-family: var(--heading-font);
    font-size: 30px;
    font-weight: 700;
    color: #ffffff;
}
#clock .count-single p {
    color: #ffffff;
    font-size: 18px;
}

/* shop.html css */

.shop-thumb {
    background-color: #f8f8f8;
    min-height: 346px;
    position: relative;
}
.shop-thumb:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    opacity: 0;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.shop-item:hover .shop-thumb:before {
    opacity: 0.8;
}
.shop-icon {
    position: absolute;
    top: 40%;
    left: 0;
    width: 100%;
    text-align: center;
    margin-top: -22px;
    z-index: 9;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    opacity: 0;
}
.shop-item:hover .shop-icon {
    top: 50%;
    opacity: 1;
}
.shop-icon a {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-color: #000;
    color: var(--primary-color);
    text-align: center;
    line-height: 45px;
}
.shop-icon a+a {
    margin-left: 25px;
}
.shop-info {
    padding: 30px 0;
    overflow: hidden;
}
.shop-info .cmn-btn {
    background-color: var(--primary-color);
    color: #ffffff;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    -ms-border-radius: 999px;
    -o-border-radius: 999px;
    font-weight: 400;
    padding: 8px 25px;
    display: none;
    margin-bottom: 10px;
}
.shop-item:hover .shop-info .cmn-btn {
    display: inline-block;
}
.shop-item:hover .shop-rev {
    display: none;
}
/* .price {
    font-size: 18px;
} */
.price ins {
    margin-left: 15px;
}

/*Checkboxes styles*/

.s-tag+.s-tag {
    margin-top: 8px;
}
.s-tag span {
    font-weight: 400;
}
.s-tag:hover span {
    color: var(--primary-color);
}
input[type="checkbox"] { 
    display: none; 
}
input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 20px;
  color: #333333;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.s-tag:hover input[type="checkbox"] + label {
    color: var(--primary-color);
}
input[type="checkbox"] + label:last-child { 
    margin-bottom: 0; 
}
.s-tag:hover input[type="checkbox"] + label:before {
    border-color: var(--primary-color);
}
input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #333333;
  position: absolute;
  left: 0;
  top: 9px;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
  -moz-transition: all .12s, border-color .08s;
  -ms-transition: all .12s, border-color .08s;
  -o-transition: all .12s, border-color .08s;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
}

input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: 5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: var(--primary-color);
  border-bottom-color: var(--primary-color);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.s-tag:hover input[type="checkbox"]:checked + label:before {
    border-top-color: transparent;
    border-left-color: transparent;
}
.price-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.price-input input {
    max-width: 85px;
    padding: 6px 0;
    border: none;
    background-color: #eeeeee;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    text-align: center;
}
.price-inp-btn {
    background-color: var(--primary-color);
    color: #ffffff;
    border: none;
    padding: 5px 15px;
    cursor: pointer;
}
.shop-feature-part {
    margin-top: 100px;
}
.shop-feature {
    background-color: #f8f8f8;
    padding: 50px 15px;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
}
.shop-feature i {
    font-size: 42px;
    margin-bottom: 10px;
    color: var(--primary-color);
}
.shop-feature h4 {
    text-transform: uppercase;
    margin-bottom: 3px;
}
.shop-feature p {
    letter-spacing: 3px;
}
.shop-feature:hover {
    background-color: var(--primary-color);
    box-shadow: 8px 13px 30px 0px rgba( 249, 80, 111, 0.15);
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
}
.shop-feature:hover i,
.shop-feature:hover h4, 
.shop-feature:hover p {
    color: #ffffff;
}

/* single-shop.html css */

.shop-big-thumb {
    background-color: #f5f5f5;
    text-align: center;
    padding: 100px 0;
}
.shop-big-thumb img {
    margin: 0 auto;
}
.single-shop-thumb ol {
    margin-top: 50px;
    margin: 25px -5px 0 -5px;
}
.single-shop-thumb ol li {
    height: 100px;
    background-color: #f5f5f5;
    display: inline-block;
    margin: 0 5px;
    text-align: center;
    position: relative;
}
.single-shop-thumb ol li img {
    height: 100px;
    margin: 0 auto;
}
.single-shop-thumb ol li:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--primary-color);
    opacity: 0;
}
.single-shop-thumb ol li:hover:after {
    opacity: 0.8;
}
.single-shop-details {
    padding-bottom: 25px;
    border-bottom: 1px solid #eeeeee;
}
.price {
    margin-top: 15px;
}
.price del {
    margin-left: 10px;
}
.price span {
    margin-left: 10px;
    font-size: 24px;
}
.product-rating {
    margin-top: 15px;
}
.ratings {
    color: var(--primary-color);
    display: inline-block;
    vertical-align: middle;
}
.customer-rev {
    color: #666666;
    margin-left: 15px;
    text-transform: capitalize;
}
.product-avb {
    margin-top: 15px;
}
.single-shop-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 25px;
}
.single-shop-details p.product-avb+p {
    margin-top: 15px;
}
.add-cart-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.add-cart-form input {
    padding: 10px 10px;
    width: 60px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.cart-btn {
    margin-left: 25px;
    text-transform: uppercase;
    background-color: var(--dark-color);
    border: none;
    color: #ffffff;
    padding: 10px 25px;
    cursor: pointer;
}
.share-post {
    padding-top: 10px;
}
.single-shop-info {
    margin-top: 50px;
}
.single-shop-info .nav-tabs .nav-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.single-shop-info .nav-tabs {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 15px;
}
.single-shop-info .nav-tabs .nav-link {
    color: #333333;
    font-size: 24px;
    border: none;
}
.single-shop-info .nav-link.active {
    color: var(--primary-color);
}
.single-shop-info .nav-tabs .nav-item .nav-link {
    padding-left: 0;
    padding-right: 50px;
}
.single-shop-info .tab-content {
    margin-top: 25px;
}
.shop_attributes {
    width: 100%;
}
.shop_attributes tr {
    width: 100%;
}
.shop_attributes tr+tr {
    border-top: 1px solid #f8f8f8;
}
.shop_attributes tr th {
    width: 200px;
}
.product-rev-part li {
    padding: 15px 0;
    border-bottom: 1px solid #f2f2f2;
}
.product-rev-part li:first-child {
    padding-top: 0;
}
.product-rev-part li:last-child {
    border-bottom: none;
}
.pro-rev-cmnt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pro-rev-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75px;
    flex: 0 0 75px;
    max-width: 75px;
    height: 75px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #f8f8f8;
    overflow: hidden;
}
.pro-rev-avatar img {
    height: 75px;
}
.pro-rev-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 75px);
    flex: 0 0 calc(100% - 75px);
    max-width: calc(100% - 75px);
    padding-left: 25px;
}
.pro-rev-meta-info a {
    margin-right: 10px;
    color: #333333;
    font-weight: 500;
}
.pro-rev-des {
    margin-top: 15px;
}
.related-shop-items {
    margin-top: 100px;
}
.related-shop-items h4.block-title {
    margin-bottom: 50px;
}
.cart-item {
    vertical-align: middle;
}
.cart-form .table thead th {
    border-bottom: none;
    border-top: none;
}
.product-remove {
    width: 20px;
    height: 20px;
    border: 2px solid #cccccc;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    color: #cccccc;
    text-align: center;
    line-height: 19px;
    font-size: 12px;
    cursor: pointer;
}
.product-thumbnail {
    margin-left: 15px;
    margin-right: 45px;
}
.product-name {
    color: #666666;
    font-weight: 500;
}
.product-price, .product-count, .product-subtotal {
    vertical-align: middle !important;
}
.input-number {
    width: 60px !important;
    padding: 0 12px;
    vertical-align: top;
    text-align: center;
    outline: none;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}
.input-number,
.input-number-decrement,
.input-number-increment {
    border: 1px solid #ccc;
    height: 40px;
    user-select: none;
}
  
  .input-number-decrement,
  .input-number-increment {
    display: inline-block;
    width: 30px;
    line-height: 38px;
    background: #f1f1f1;
    color: #444;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
  }
  .input-number-decrement:active,
  .input-number-increment:active {
    background: #ddd;
  }
  
  .input-number-decrement {
    border-right: none;
  }
  
  .input-number-increment {
    border-left: none;
  }
.coupon {
    margin-top: 75px;
}
.coupon label {
    display: none;
}
.coupon .cupon-input {
    width: 250px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}
.cupon-btn {
    background-color: var(--primary-color);
    color: #ffffff;
    border: none;
    padding: 15px 25px;
    margin-left: 45px;
    cursor: pointer;
}
.cart-subtotal {
    margin-top: 50px;
}
.cart-subtotal table {
    width: 350px;
    margin-top: 30px;
}
.shipping-details {
    margin-top: 50px;
}
.shipping-options {
    margin-top: 25px;
}
.cart-total-table {
    padding: 15px 0;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    margin-top: 25px;
}
.cart-total-table table {
    width: 100%;
    border: none;
}
.cart-total-table table td {
    vertical-align: middle;
}
.cart-total-table table td .sub-btn {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding: 10px 55px;
}
/* shop-checkout.html */

.billing-wrap h4,
.order-wrap h4 {
    text-transform: capitalize;
    padding-bottom: 25px;
    border-bottom: 1px solid #eeeeee;
}
.billing-part {
    margin-top: 35px;
}
.form-check {
    padding-left: 0;
}
.order-wrap h4 {
    text-align: center;
}
.order-part {
    padding: 35px;
    box-shadow: 0px 6px 11px 0px rgba(102, 102, 102, 0.11);
} 
.s-shop-thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 68px;
    flex: 0 0 68px;
    max-width: 68px;
    min-height: 68px;
    background-color: #f8f8f8;
}
.single-shop:first-child {
    padding-top: 0;
}
.single-shop {
    padding: 30px 0;
    border-bottom: 1px solid #eeeeee;
}
.discount-form input[type="text"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-right: none;
}
.discount-form input[type="button"] {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    background-color: var(--primary-color);
    color: #ffffff;
    text-transform: capitalize;
    font-weight: 500;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border: none;
    padding: 15px 16px;
}
.order-part table {
    width: 100%;
    margin-top: 35px;
}
.order-part table th {
    text-align: left;
    font-weight: 500;
}
.order-part table td {
    text-align: right;
    font-weight: 500;
}
.shipping th, .shipping td {
    padding-bottom: 15px;
}
.order-total {
    border-top: 1px solid #eeeeee;
}
.order-part table .order-total th,
.order-part table .order-total td {
    padding-top: 15px;
    font-weight: 700;
    font-size: 18px;
}

/* error-404.html css */

.error-page .start-bg:before {
    width: 40%;
}
.error-page .start-bg:after {
    width: 40%;
}
.error-page .header-bottom {
    background-color: rgba(16, 31, 39, 0.8);
}
.error-page .main-wrap {
    padding-top: 250px;
}
.error-text-part {
    width: 60%;
    height: 300px;
    margin: 0 auto;
    position: relative;
    background-size: 100%;

    background-image: url(../images/bg-8.jpg);
}
.error-text {
    font-size: 300px;
    color: black;
    background-color: white;
    mix-blend-mode: screen;
    width: 100%;
    height: 100%;
    font-weight: bolder;
    text-align: center;
    line-height: 300px;
    margin: 0;
    position: relative;
}
.error-overlay {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    mix-blend-mode: multiply;
}
.error-bottom {
    text-align: center;
    margin-top: 35px;
}
.error-bottom p {
    margin-top: 15px;
}
.error-bottom .sub-btn {
    margin-top: 45px;
}