body {font-family: 'montserrat' !important;}
.btn {
    background: #333;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 21px !important;
    position: relative;
    cursor: pointer;
    border: none !important;
    height: 2.6rem;
    line-height: 2.6rem;
    color: #fff;
    font-weight: 500;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
    white-space: nowrap;
    border: 1px solid transparent;
}
.btn.btn--small {
    height: 36px;
    line-height: 36px;
    font-size: .95rem;
    padding: 0 14px !important;
}
.btn.btn--large {
    height: 50px;
    line-height: 50px;
    padding: 0 47px;
    font-size: 1.2rem;
}
.btn{padding: 14px 20px;	}
	.btn--primary{color: #fff;background-color: #e95107;border: solid 1px #e95107;}
.banner-title h1 {text-transform: uppercase;font-weight: normal;line-height: 0.89;margin-bottom:0}
.banner__img img {height: 100%;object-fit: cover;}
.demo-play {display: flex;justify-content: center;align-items: center;}
.demo-play img {max-width: 116px;}
.demo-play a{z-index:1}
.demo-play{position: relative}
.demo-play:before{	content:'';	background-image: url(/wp-content/uploads/2022/02/demo-circle.svg);	background-repeat: no-repeat;	background-position: center;	position: absolute;	width: 230px;	height: 230px;	-webkit-animation:spin 4s linear infinite;    -moz-animation:spin 4s linear infinite;    animation:spin 4s linear infinite;
}	
@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}
.section--banner .banner {padding-bottom: 60px;border-bottom: 1px solid;position:relative;}
.section--banner .banner:before {content: "";position: absolute;height: 11px;width: 200px;background: #e95107;bottom: -6px;}
.banner__content {display: flex;align-items: center;justify-content: space-between;width: 100%;}

.box__head li a {width: 100%;display: block;text-align: center;height: 40px;line-height: 40px;font-size: 16px;font-weight: 500;color: #fff;}
.box__head li {flex: 0 0 50%;max-width: 50%;border-bottom: 1px solid;}
.box__head .nav-tabs {border: none;}
.box__head li.active {border-bottom: 1px solid #e95107;}
.box__head {margin-bottom: 33px;}
.slab .slab__img {margin-bottom: 25px;width: 116px;height: 103px;display: flex;justify-content: center;align-items: center;}
.slab__detail .qr {width: 98px;height: 98px;display: flex;justify-content: center;align-items: center;padding: 17px;background: #fff;margin-right: 23px;}
.slab__detail .qr img {width: 100%;}
.slab__detail {display: flex;align-items: center;flex-wrap:wrap;margin-bottom: 10px;}
.slab-info h3 {font-size: 20px;font-weight: 600;color: #fff;line-height: 1.76;}	
.form--slab .field-set label {    color: #fff;    font-size: 13px;    height: 39px;    line-height: 39px;    margin: 0;}
.form--slab .field_cover input[type="text"] {background: #151515;border: none;width: 100%;border-radius: 4px;height: 36px;padding: 0 15px;color: #fff}
.live-demo .box {width: calc(100% - 30px);margin: 0 auto;}
.live-demo .col-md-3:first-child .nav li a {text-align: left;}
.live-demo .col-md-3:first-child .nav li {max-width: 100%;flex: 0 0 100%;}
.head-title h3 {color: #fff;text-transform: uppercase;font-size: 24px;margin-bottom: 0;background: #090909;display: inline-block;padding-right: 20px;z-index: 1;position: relative;}
.head-title {position: relative;}
.head-title:before {content: "";position: absolute;height: 1px;width: 100%;background: #979797;top: 50%;transform: translateY(-50%);}
.demo-cycle-detail h4 {font-family: 'Vendura';color: #fff;line-height: 1;margin-bottom: 26px;}
.demo-cycle-detail p {font-size: 24px;line-height: 1.56;margin-bottom: 40px; color:#fff}
ul.cycle-steps {display: flex;flex-wrap: wrap;}
.cycle-steps .cycle-steps__item:not(:last-child) {margin-right: 50px;}
.cycle-steps .cycle-steps__item p {margin-bottom: 8px;text-transform: uppercase; color:#fff;font-size:18px;}
.cycle-steps__item span {color: #fff;opacity: 0.18;font-weight:bold;font-size:18px;}
.demo-cycle .row:not(:last-child) {margin-bottom: 80px;}
.demo-cycle-img .demo-play {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);}
.demo-cycle-img {    position: relative;}
.demo-cycle-img .demo-play img {    max-width: 80px;}
.demo-cycle-img .demo-play:before{width: 200px;height: 200px;background-size:cover}
.tile .tile__img {margin-bottom: 24px;}
.tile .tile__title h3 {    color: #fff;    font-size: 22px;    line-height: 1.62;    margin-bottom: 24px;}
.banner__img .slider-for .slider__item {position: relative;}
.banner__img .slider-for .slider__item:before {content: "";position: absolute;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;    background: rgba(0,0,0,0.4);}
hr {
    border-color: #fff;
    opacity: 1;
}
.live-demo [class*="col-"]:first-child .box__head li {flex: 1;max-width: unset;border-color: #e95107;}
.live-demo [class*="col-"]:first-child .box__head li a {text-align: left;}
.slider-OneByFour .slider__item {margin: 15px;}

.slick-dots li button:before{font-size: 40px;color: white;}
.slick-dots li.slick-active button:before {opacity: 1;color: #fff;}


@media(min-width: 991px){
	.section--banner {height: calc(100vh - 64px);margin-top: 64px;display: flex;flex-direction: column;justify-content: center;	}
	.banner-title h1{font-size: 70px;margin-bottom: 0}
	.banner__content{margin-top: -50px;}
	.banner__content{padding:0px 50px}
	.banner__img {z-index:1}
	.demo-cycle-detail h4 {font-size: 44px;}
	
}
@media(min-width: 1400px){
	.banner-title h1 {font-size: 80px;}
	.banner__content {margin-top: -60px;}
}
@media(max-width: 1199px){
	.cycle-steps .cycle-steps__item:not(:last-child) {margin-right: 30px;}
	.demo-cycle-detail p{font-size: 16px;}
	.box {margin-bottom: 30px !important;}
	.demo-cycle-img .demo-play:before{width: 160px;  height: 160px;background-size: cover;}
	.demo-cycle-img .demo-play img {max-width: 80px;}
	.demo-cycle-detail h4 {    font-size: 35px;}
	.tile .tile__title h3{font-size:16px;}
}
@media(max-width: 991px){
	.banner-title {width: 65%;}
	.banner-title h1{font-size: 50px;}
	
	.banner__content {    margin-top: -37px;}
	.slab-info h3{font-size: 16px;}
	.slab__detail .qr{margin-bottom: 10px;}
	
	.demo-cycle-detail h4{    margin-bottom: 20px;    font-size: 20px;	}
	.demo-cycle-detail p{font-size: 14px;margin-bottom: 20px;}
	.cycle-steps .cycle-steps__item:not(:last-child) {    margin-right: 18px;}
	.demo-cycle-img .demo-play:before {    width: 100px;    height: 100px;    background-size: cover;}
	.demo-cycle-img .demo-play img {    max-width: 50px;}
	.tile .tile__title h3 {    font-size: 16px;    margin-bottom: 20px;}
	.tile .tile__img {    margin-bottom: 20px;}
	.tile {    margin-bottom: 30px;}
	.slab-info h3{font-size: 18px;}
}
@media(max-width: 767px){
	.banner-title h1{font-size: 40px;}
	.demo-play:before{width: 120px;  height: 120px;background-size: cover;}
	.demo-play img {max-width: 55px;}
	.section--banner .banner:before{bottom: -4px;height: 6px;    width: 105px;}
	.banner__img {    height: 200px;}
	.section--banner .banner{padding-bottom: 30px;}
	.section {padding: 40px 0;}
	
	.head-title h3{font-size: 16px;}
	
	.demo-cycle-detail {    margin-bottom: 30px;}
	.demo-cycle .row {    margin-bottom: 40px !important; }
	
	
}
@media(max-width: 576px){
	
	.banner__content{padding: 0}
	.banner-title h1{font-size: 20px;line-height: 1;}
	.demo-play img {max-width: 50px;}
	.banner__content {margin-top: -20px;}
	p, .new-heading-style p {    font-size: 14px;}
	.cycle-steps .cycle-steps__item p{margin-bottom: 0px;font-size: 14px;}
	.cycle-steps__item span{opacity: 0.18;font-size: 14px;}
}