@charset "utf-8";
    
html {
	overflow-x: hidden
}
body {
	color: #000;
	font-size: 14px;
}

p {
	font-size: 14px;
}
ul, li, figure {
	margin: 0px;
	padding: 0px;
	list-style: none
}
a {
	color: inherit
}
a:hover {
	text-decoration: none;
	color: #7a469a;
}
img {
	max-width: 100%;
	height: auto
}
.my_submenu_main{display: none;}

#mainNav {
	background: #000
}
#mainNav .navbar-nav .nav-item .nav-link {
	font-size: .75rem;
	font-weight: 500;
	color: #fff;
	padding: 0rem .75rem;
	letter-spacing: 1px
}

#mainNav .navbar-nav .nav-item .nav-link:hover {
	color: #662f88
}
.header-bar {
	background: #384a4c;
	text-align: right;
	color: #fff;
padding:.5rem 0rem;
	font-size: 12px
}
.header-wrapper {
	/*background: url(../images/banner.jpg) center top no-repeat;
	background-size: cover;*/
	
	position: relative
}
.header-wrapper .navbar-brand img {
	max-width: 180px
}
.hero-area {
	color: #000;
	text-align: center;
	padding: 6rem 0rem;
	position: relative;
}
.hero-area h2 {
	width: 100%;
	font-size: 2.75rem;
	color: #3c788c

}
.hero-area figure {
	margin: auto;
	width: 100%;
	margin-top: 2.5rem;
	position: relative;
	text-align: center;

}
.hero-area figure .store {
	position: absolute;
	top: 60px;
	display: block;
	width: 100%;
	text-align: center;
	z-index: 999
}
.hero-area figure .mackbook {
	position: absolute;
	top: 0px;
	display: block;
	width: 100%;
	text-align: center;
}
.hero-area figure .nowOpen {
	position: absolute;
	top: -11px;
	display: block;
	width: 100%;
	text-align: center;
}
.hero-area h1 {
	font-size: 3.375rem;
	font-family: 'Spartan', sans-serif;
}
.hero-area p {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 2rem;
	max-width: 880px;
	margin: auto;
	color: #fff
}
.overlay-hero{
	position: absolute;
	top: 0px;
	width: 100%;
	z-index: -1
}
.overlay-hero img{
	width: 100%;
	margin-top: -200px

}
.hero-area .btn-primary {
	font-size: 1.375rem;
	font-weight: 600;
	background: #fff;
	color: #13A5F6;
	border: none;
	padding: 1rem 5rem;
	border-radius: 0.75rem;
	margin-top: 2.5rem;

}


.section_60 {
	width: 60%;
	position: relative
}
.section_40 {
	width: 40%;
	position: relative
}
.section_55 {
	width: 55%;
	position: relative;
	min-height: 25rem;
}

.section_55.section-img-1-height, .section_55.section-img-2-height {
	min-height: 29rem;
}

.section_55.section-img-6-height {
	min-height: 22rem;
}

.section_45 {
	width: 45%;
	position: relative
}
.anim-wrapper {
	padding: 4rem 0rem;
	clear: both;
	display: flex;
	position: relative;
	align-items: center;
}
.anim-wrapper .row {
	align-items: center;
}
.anim-text h3{
	font-size: 14px;
	color: #a15e6d;
	text-transform: uppercase;
}
.anim-text h2{
	font-size: 29px;
	font-family: 'Quicksand', sans-serif;
	/*margin: 2rem 0rem*/
}
.anim-text h4{
	font-size: 1rem;
	color: #714057;
}
.anim-text.pad-left {
	padding: 0rem 0rem 0rem 0rem
}
.anim-text.pad-rht {
	padding: 2rem 3rem 2rem 0rem
}

.anim-text p {
	font-size: 14px;
	/*line-height: 1.75rem;*/
}

@media (max-width: 480px) {
	.anim-text p {
		/*line-height: 25px;*/
	}
}
.prestigo .anim-orchid {
	position: absolute;
	bottom: 88px;
	right: 112px;
	z-index: 9
}
.prestigo .anim-journal {
	position: absolute;
	bottom: 0;
	left: 60px;
	z-index: 9
}
.aberto {
	position: relative;
}
.aberto {
	position: relative;
}
.aberto-img{
	position: absolute;
	top:0px;
	width: 100%;
	z-index: -1
}
.aberto-img img{
	width: 100%
	}
.aberto .anim-soundList {
	position: absolute;;
	left: 338px;
	bottom: 110px;
}
.aberto .anim-cloud {
	position: absolute;
	top: -68px;
	left: 40px;
	z-index: 9
}
.aberto .anim-bird {
	position: relative;
	bottom: 0px;
	left: 0;
	z-index: 0
}
.aberto .anim-wave {
	position: absolute;
	bottom: -130px;
	left: 16px;
	width: 100%
}

.aparencia.anim-wrapper{
	padding-bottom: 2rem;
}
.aparencia .anim-headphone {
	text-align: right;
    position: absolute;
    top: 125px;
    left: 80px;
}
.aparencia .anim-peaceful {
	position: absolute;
    top: -15%;
    z-index: 9;
    right: 0;
}
.aparencia .anim-piano {
	position: relative;
	top: -130px;
	margin-bottom: -130px;
	z-index: -1;
	text-align: right;
}
.planos.anim-wrapper{
	padding-bottom: 0px;

}
.planos {
	position: relative;
}
.planos-img{
	position: absolute;
	top:50px;
	width: 100%;
	z-index: -1
}
.planos-img img{
	width: 100%
	}
.planos_lft{
	padding-right: 3rem;
	min-height: 400px;
}
.planos .anim-mob-screen {
	position: absolute;
	bottom: 70px;
	right: 60px;
	z-index: 99
}
.planos .anim-universe-check {
	position: absolute;
	top: 0;
	width: 100%;
	text-align: left;
	z-index: 9;
	left: 0;
}
.planos .anim-money {
	position: absolute;
	top: -60px;
	width: 100%;
	text-align: center;
	z-index: 9
}
.graphicos.anim-wrapper{
	padding-bottom: 0px;

}
.graphicos {
	background: url(../images/homepage/games/Purple-wave-background%203.png) left top 0px no-repeat;
	background-size: 102% auto
}
.planos_lft{
	padding-right: 3rem
}
.graphicos .anim-sidebar{
	position: absolute;
	top: 90px;
	left: 20px;
	z-index: 1
}

.graphicos .anim-content{
	position: absolute;
    top: 48px;
    right: 92px;
    z-index: -1;
}

.graphicos .anim-status{
	position: absolute;
	top: 120px;
	right:58px;
	z-index: 1
}
.graphicos .anim-chart{
	position: absolute;
    top: 235px;
    left: 58px;
    z-index: 1;
}
.graphicos .anim-carousel{
	position: absolute;
    bottom: 14px;
    right: 84px;
    z-index: 0;
}

.painel .anim-sidebar{
	position: absolute;
    top: 58px;
    left: 0px;
    z-index: -1;

}

.painel .anim-topcarousel{
	position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

}
.painel .anim-usercount{
	position: absolute;
    top: 116px;
    left: 104px;
    z-index: -2;

}
.painel .anim-recent-orders{
	position: absolute;
    top: 148px;
    right: 158px;
    z-index: -1;
}
.painel .anim-product1{
	 position: absolute;
    top: 272px;
    left: 67px;
    z-index: -1;
}
.painel .anim-product2{
	position: absolute;
    top: 325px;
    left: 186px;
    z-index: -1;
}
.painel .anim-product3{
	 position: absolute;
    top: 364px;
    left: 294px;
    z-index: -1;
}
.tempo-area{
	position: relative;
}
.tempo-area .tempo-img{
	position: absolute;
	top:-100px;
	width: 100%;
	z-index: -1
}
.tempo-area .tempo-img img{
	width: 100%
	}
.tempo-area .tempo-inner{
	width: 100%;
	text-align: center;
}
.tempo-area .tempo-inner h2{
	font-size: 2.5rem;
	margin-bottom: 2rem
	}
.tempo-area .tempo-inner .btn-primary{
	font-size: 1.25rem;
	background: #c79d34;
	border: none;
	border-radius: 0px;
	box-shadow: none;
	font-family: 'Spartan', sans-serif;
	text-transform: none;
	padding-left: 3rem;
	padding-right: 3rem;
	color: #fff
}
.tempo-area .tempo-inner .btn-primary:hover{
	background: #7e6015;
	color: #fff !important
	}
.tempo-area2 .tempo-img{
	top: -300px

}
.tempo-area2 .tempo-inner .btn-primary{
	background: #6aa4a1
	}
.tempo-area2 .tempo-inner .btn-primary:hover{
	background: #477472
	}

.infinitas-area{
	text-align: center;
	margin: 5rem 0rem
}
.infinitas-area .infinitas-inner h2{
	font-size: 2.5rem;
	margin-bottom: 2rem;
}
.infinitas-area .infinitas-inner h4{
	color: #3c788c;
	font-size: 1.25rem;
}
.infinitas-area .infinitas-inner ul{
	display: flex;flex-wrap: wrap;
}

.infinitas-area .infinitas-inner ul li{
	width: 23%;
    margin: 2rem 5%;
}
.infinitas-area .infinitas-inner ul li h5{
	color: #a86c79;
	font-size: 1rem
}
.infinitas-area .infinitas-inner ul li figure{
	height: 176px;
}

.testimonial-bg {
	background: url(../images/bg-news.jpg) center center no-repeat;
	background-size: 100% 100%;
	height: auto;
	clear: both
}
.testimonial-wrapper {
	text-align: center;
	padding: 4rem 0rem 6rem
}
.testimonial-wrapper .heading2 {
	width: 100%;
	text-align: center;
	margin-bottom: 4rem
}
.slider-area {
	padding-bottom: 3rem
}
.slider-area figure {
	width: 40%;
	max-width: 400px
}
.slider-area figcaption {
	width: 60%;
	margin-left: auto;
	text-align: left;
	padding: 4rem
}
.slider-area figcaption h4 {
	font-size: 1.625rem;
	color: #7e469a;
	font-weight: 600
}
.slider-area figcaption h5 {
	font-size: 1.125rem;
	color: #807d82;
	font-weight: 500
}
.slider-area figcaption p {
	font-size: 0.9375rem;
	color: #000;
	font-weight: 500;
	line-height: 1.75rem;
	margin-top: 2rem
}
.item_flex {
	display: flex;
	border-radius: 1rem;
	overflow: hidden;
	margin: 2rem 2rem;
	background: #fff;
	box-shadow: 0px 0px 20px #ccc
}
.multi-item-carousel {
/* overflow: hidden;*/
}
.multi-item-carousel .carousel-indicators {
	margin-right: 25%;
	margin-left: 25%;
	bottom: -50px
}
.multi-item-carousel .carousel-indicators li {
	width: 16px;
	height: 16px;
	border-radius: 5px;
	background: #aa9cc5;
	border-top: 0px;
	border-bottom: 0px;
	margin-top: 1rem;
	margin-left: 5px;
	margin-right: 5px
}
.multi-item-carousel .carousel-control-prev, .multi-item-carousel .carousel-control-next {
	background: rgba(255, 255, 255, 0.3);
	width: 11%;
	z-index: 11;  /* .carousel-caption has z-index 10 */
}
.multi-item-carousel .carousel-inner {
	width: 220%;
	left: -60%;
}
.carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right {
	-webkit-transform: translate3d(33%, 0, 0);
	transform: translate3d(33%, 0, 0);
}
.carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left {
	-webkit-transform: translate3d(-33%, 0, 0);
	transform: translate3d(-33%, 0, 0);
}
.item__third {
	float: left;
	position: relative;  /* captions can now be added */
	width: 33.33333333%;
}
.newsletter-wrapper {
	padding: 0rem 6rem 9rem;
	background: url(../images/Purple-wave-background-CONTACTS4.png) left top -212px no-repeat;
	background-size: 100% auto
}
.newsletter-wrapper .form-sec {
	width: 55%;
	background: #fff;
	box-shadow: 0px 0px 20px rgba(0,0,0, .34);
	border-radius: 1rem;
	padding: 4rem 5rem 3rem
}
.newsletter-wrapper .form-sec h4 {
	font-size: 2.125rem;
	font-weight: 500;
	max-width: 500px;
	margin-bottom: 3rem;
	letter-spacing: 2px;
	line-height: 3rem
}
.newsletter-wrapper .form-sec ul li {
	margin: 1rem 0rem 2rem 0rem
}
.newsletter-wrapper .form-sec ul li .form-control {
	font-size: 1.25rem;
	background: #dddfe3;
	padding: 2rem;
	height: 3.75rem
}
.newsletter-wrapper .form-sec ul li textarea.form-control {
	height: 10rem
}
.newsletter-wrapper .form-sec ul li .btn-primary {
	width: 100%;
	height: 3.75rem;
	font-size: 1.875rem;
	border: none;
	text-transform: uppercase;
	background-image: linear-gradient(100deg, #c2509e, #72449a);
	border-radius: 1rem;
	box-shadow: 0px 0px 20px rgba(0,0,0,.4);
	transition: all .2s ease-in-out
}
.newsletter-wrapper .form-sec ul li .btn-primary:hover {
	background-image: linear-gradient(100deg, #72449a, #c2509e);
	box-shadow: 0px 0px 20px rgba(0,0,0,.8);
}
.btn-primary {
	font-size: 2.375rem;
	border: none;
	text-transform: uppercase;
	background-image: linear-gradient(100deg, #c2509e, #72449a);
	border-radius: 1rem;
	box-shadow: 0px 0px 20px rgba(0,0,0,.4)
}
.newsletter-wrapper .subscribe-sec {
	width: 39%;
	margin-left: auto;
	padding-top: 4rem
}
.newsletter-wrapper .subscribe-sec h3 {
	font-size: 3.75rem;
	color: #7a469a
}
.newsletter-wrapper .subscribe-sec .subs-frm {
	background-image: linear-gradient(to bottom, #8a499b, #a54c9d);
	margin-top: 8rem;
	max-width: 440px;
	border-radius: 1rem;
	padding: 5rem 3rem
}
.newsletter-wrapper .subscribe-sec .subs-frm h5 {
	font-size: 1.75rem;
	color: #fff;
	font-weight: 500;
	letter-spacing: 1px
}
.heading2 {
	font-size: 2.8125rem
}
.newsletter-wrapper .subscribe-sec .subs-frm .form-control {
	font-size: 1.125rem;
	padding: 1.25rem;
	height: 4rem;
	border-radius: 0px;
	margin: 2.5rem 0rem
}
.newsletter-wrapper .subscribe-sec .subs-frm .btn-primary {
	font-size: 1.5rem;
	box-shadow: 0px 0px 46px rgba(0,0,0,.6)
}
.newsletter-wrapper .subscribe-sec .subs-frm .btn-primary:hover {
	background-image: linear-gradient(100deg, #72449a, #c2509e);
	box-shadow: 0px 0px 46px rgba(0,0,0,.8);
}
/*footer {
	background:#000;
	padding: 4rem 0rem;
	color: #fff;
	text-align: left;
	display: flex;
	font-family: 'cg_regular';
	font-size: 12px;
	color: #999
}
footer h4 {
	font-size: 1rem;
	border-bottom: 1px solid #fff;
	font-family: 'cg_bold';
	padding: 1rem 0rem;
	color: #a8733e
}
.footer-row{
	display: flex;
	width: 100%
}
footer .footer-bx1 {
	width: 35%;
	margin-right: 5%
}
footer .footer-bx2 {
	width: 35%;
	margin-right: 5%
}
footer .footer-bx2 ul{
	display: flex;
	flex-wrap: wrap;
}
footer .footer-bx2 ul li{
	margin-bottom: .5rem;
	width: 50%
}
footer .footer-bx2 ul li a{
	border-bottom: .5rem;
	display: flex;
	align-items: center;
}

footer .footer-bx2 ul li span{
	width: 30px;
	height: 30px;
	background: #fff;
	display: block;
	margin-right: 1rem;
	background: #a88945
	}

footer .footer-bx2 ul li .spn1{
	background: #2c4b4e
}

footer .footer-bx2 ul li .spn2{
	background: #a8733e
}

footer .footer-bx2 ul li .spn3{
	background: #537f7f
}

footer .footer-bx2 ul li .spn4{
	background: #a77f59
}

footer .footer-bx2 ul li .spn5{
	background: #a8733e
}

footer .footer-bx2 ul li .spn6{
	background: #ba934d
}

footer .footer-bx3{
	width: 20%;
}
footer .footer-bx3 ul li {
	display: flex;
	margin-bottom: .5rem;
	align-items: center;
}
footer .footer-bx3 ul li span{
	width: 30px;
	height: 30px;
	background: #fff;
	display: block;
	margin-right: 1rem;
	background: #a88945;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	}
footer .footer-bx3 ul li .cmn-btn{
	background: #be3846;
	color: #fff;
	border: none;
	padding: .5rem 5rem;
	width: 100%;
	font-size: 1rem

	}


footer .footer-row2 .footer-bx1 .cmn-btn{
	background: #4e8086;
	color: #fff;
	border: none;
	padding: .5rem 3rem;
	font-size: 1rem

	}

footer .footer-row2 .footer-bx2 ul li .spn1{
	background: #465a7e
}

footer .footer-row2 .footer-bx2 ul li .spn2{
	background: #40487d
}

footer .footer-row2 .footer-bx2 ul li .spn3{
	background: #5587ba
}

footer .footer-row2 .footer-bx2 ul li .spn4{
	background: #5033b7
}
footer .footer-row2 .footer-bx3 .socialBx a {
	margin-right: .5rem

}

footer .footer-row3{
	width: 100%;
}
.sitemap-list{
	display: flex;
}
footer .footer-row3 ul{
	width: 12%;
	margin-right: 2.5%
}
footer .footer-row3 ul li{
	margin-bottom: .5rem
}
*/




.mob-img {
	display: none
}
.header-wrapper2 {
	background: none;
	height: auto
}



/*second page css start here*/

.measure h2{
	font-size: 2.5rem;
	color: #6aa4a1;
}
.measure h4{
	font-size: 1.375rem;
	color: #000;
}
.measure p{
	font-size: 1.125rem;
	margin-top: 2rem
}
.measure .mesure-img{
	text-align: right;
}

.measure-img{
	position: absolute;
    top: 10rem;
    width: 100%;
    z-index: -1;
}
.measure-img img{
	width: 100%
}


.fatores{
	position: relative;
}
.fatores .fatores-img2{
	position: absolute;;
	top: 0px;
	right:3rem;

}
.fatores .fatores-img3{
	position: absolute;;
	top: 15rem;
	left:-2rem;

}
.fatores .fatores-img4{
	position: absolute;;
	top: 15rem;
	right:5.5rem;

}
.text-style2 h3{
	font-size: 1.25rem;
	color: #034856

}
.text-style2 h2{
	font-size: 1.625rem;

}

.text-style2 ul li{
	font-size: 14px;
	color: #555555;
	line-height: 2.25rem
}

.text-style3 h3{
	font-size: 1.25rem;
	color: #ac98d2
}
.text-style3 h2{
	font-size: 1.625rem;
	line-height: 2.5rem
}
.text-style3 h4{
	font-size: 14px;
	color: #ac98d2
}
.text-style3 p{
	/*line-height: 2rem*/
}

.empresa .anim-emp1{
	position: relative;
	left: 5rem;
	top: 0rem
}

.empresa .anim-emp2{
	position: absolute;
	right: 0rem;
	top: 15rem
}

.assim-text{
	padding: 4rem 0rem;
}
.assim-text .tempo-img{
	top: -21rem

}
.assim-text .tempo-inner h2{
	font-size: 1.5rem
}
.assim-text .btn-primary{
	background: #d39548 !important
}
.assim-text .btn-primary:hover{
	background: #a66a21 !important
}

.impacto .section_55{
	left: 0rem;
	min-height: 36rem;
}
.impacto .text-style3 h3, .impacto .text-style3 h4{
	color: #a87f56
}
.impacto .anim-impact1{
	position: relative;
	left: 0rem; 
	top: 0rem
}
.impacto .anim-impact2{
	position: absolute;
	right: 0rem; 
	top: 0rem
}
.impacto .anim-impact3{
	position: absolute;
	left: 0rem; 
	top: 18rem
}
.impacto .anim-impact4{
	position: absolute;
	right: 0rem; 
	top: 18rem
}
.impacto, .creatividade, .responsivos, .optimize, .empresa, .fatores{
	padding: 0rem 0rem
}
.creatividade .anim-cr1{
	text-align: right;;
	position: relative;
}
.creatividade .text-style3 h3, .creatividade .text-style3 h4{
	color: #3a656c
}
.creatividade  .creatividade-img {
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: -1;
}
.creatividade  .creatividade-img img{
	width: 100%
}

.responsivos .anim-text{
	/*padding-top: 4rem*/
}
.responsivos .text-style3 h3, .responsivos .text-style3 h4{
	color: #6aa4a1
}

.optimize .anim-opt1{
	position: relative;
	text-align: right;
	right: -2rem
}
.optimize .anim-opt2{
	position: absolute;
	left: 0rem;
	top: 5rem
}
.optimize .anim-opt3{
	position: absolute;
	left:6rem;
	top: -1rem
}
.optimize .section_55{
	min-height: 25rem;
}
.optimize .text-style3 h3, .optimize .text-style3 h4{
	color: #6aa4a1
}

.vamos{
	padding: 4rem 0rem 4rem
}
.vamos .tempo-inner h2{
	font-size: 1.5rem
}
.vamos .tempo-inner .btn-primary{
	background: #912828
}
.vamos .tempo-inner .btn-primary:hover{
	background: #6e1313
}

.tal-como .infinitas-inner h2{
	color: #6aa4a1;
}

.tal-como .infinitas-inner h4{
	color: #676666;
	max-width: 900px;
	margin: auto;
	margin-bottom: 2rem
}
.tal-como .infinitas-inner ul li h5{
	color: #6aa4a1
}


.tipos-area{
	padding: 6rem 0rem;
	position: relative;
}
.tipos-area .tipos-img{
	position: absolute;
    top: -16rem;
    width: 100%;
    z-index: -1;
}
.tipos-area .tipos-img img{
	width: 100%
}
.tipos-area .tipos-inner{
	width: 100%;
	 text-align: center;
}
.tipos-area .tipos-inner h2{
	margin-bottom: 5rem
	}
.tipos-area .tipos-inner .tipos-flex {
	display: flex;
}
.tipos-area .tipos-inner .tipos-left{
	width: 45%
}
.tipos-area .tipos-inner .tipos-rht{
	width: 45%;
	margin-left: auto
}
.tipos-area .tipos-inner .tipos-flex figure{
	height: 450px
}
.tipos-area .tipos-inner .tipos-flex figcaption h4{
	color: #656464

}
.pronto .tempo-inner .btn-primary{
	background: #ac4e2a
}
.pronto .tempo-inner .btn-primary:hover{
	background: #8a310f
}


.plateform-area{
	margin: 6rem 0rem

}
.plateform-area p{
	text-align: center;
	max-width: 1140px;
	margin: auto;
	font-size: 1.25rem;

}
.plateform-area h2{
	text-align: center;
	margin: 3rem 0rem 2rem
}
.plateform-area .platef_section{
	display: flex;
	width: 100%
}
.plateform-area .section1{
	/*width: 26%;*/
	width: 33.3%;
	text-align: center;
	margin-right: 0%;
}
.plateform-area .section1:last-child{
	/*margin-right: 0%*/
	   /* margin-left: -45px;*/
	   margin-left: 0px;
}
.plateform-area .section1 h4{
	font-size: 1.125rem;
	color: #6aa4a1;
	margin: 5px 0px 1rem
}
.plateform-area .section1 ul li{
	font-size: 1.125rem;
	margin: 5px 0px
}
.noso-area{
	margin-top: 8rem
}
.noso-area .tempo-inner .btn-primary{
	background: #6aa4a1
}
.noso-area .tempo-inner .btn-primary:hover{
	background: #3e7572
}

.headingOne{
	color: #6aa4a1;
	font-size: 2.5rem
}

.section_50 {
	width: 50%
}

body {
	position: relative
}
.body-bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
	overflow: hidden
}
.body-bg img {
	width: 100%;
	height: 100%
}




.app-banner {
	/*position: relative;
	top: -144px;
	z-index: -1;
	margin-bottom: -144px*/
}
.app-banner img {
	width: 100%;
	height: auto
}
.app-here h1 {
	max-width: 100%;
	margin-top: 3rem;
	letter-spacing: 1px
}
.app-here h3 {
	letter-spacing: 1px;
	margin: 3rem 0rem 1rem
}
.app-features {
	height: auto;
}
.app-features h1 {
	text-align: center;
	width: 100%;
	font-size: 3rem
}
.app-features {
	background: url(../images/app/slide/feature-app-bg.png) left top no-repeat;
	background-size: 100% auto
}
.app-features .carousel-inner{
	overflow:visible
}
.app-features #features-slider {
	width: 100%
}
.app-features #features-slider .carousel-caption {
	position: static;
	color: #000;
	text-align: left
}
.app-features #features-slider .features-row {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 8rem
}
.app-features #features-slider .features-row figure {
	width: 55%;
	height: 690px
}
.app-features #features-slider .features-row figure img {
	width: 100%;
	height: auto
}
.app-features #features-slider .features-row figcaption {
	width: 45%
}
.app-features #features-slider .features-row figcaption h2 {
	color: #704599;
	margin-bottom: 1rem
}
.app-features #features-slider .features-row figcaption p {
	font-size: 1.375rem;
	line-height: 2.5rem
}
.app-features #features-slider .carousel-indicators {
	bottom: auto;
	top: 0px;
	margin: 0px;
	left: auto;
	right: 0px;
}
.app-features #features-slider .carousel-indicators li {
	background-repeat: no-repeat !important;
	background-size: 100% 100% !important;
	width: 8rem;
	height: 8rem;
	border-radius: 100%;
	opacity: 1;
	margin: 0rem 2rem;
	transition: all .2s ease-in-out
}
.app-features #features-slider .carousel-indicators li:nth-child(1) {
	background: url(../images/app/icon-music.png) center center no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 1rem
}
.app-features #features-slider .carousel-indicators li:nth-child(1):hover, .app-features #features-slider .carousel-indicators li:nth-child(1).active {
	background: url(../images/app/icon-music2.png)
}
.app-features #features-slider .carousel-indicators li:nth-child(2) {
	background: url(../images/app/icon-producer.png) center center no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 3rem
}
.app-features #features-slider .carousel-indicators li:nth-child(2):hover, .app-features #features-slider .carousel-indicators li:nth-child(2).active {
	background: url(../images/app/icon-producer2.png)
}
.app-features #features-slider .carousel-indicators li:nth-child(3) {
	background: url(../images/app/Guided%20meditation.png) center center no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 7rem
}
.app-features #features-slider .carousel-indicators li:nth-child(3):hover, .app-features #features-slider .carousel-indicators li:nth-child(3).active {
	background: url(../images/app/Guided%20meditation-mouseover.png)
}
.app-features #features-slider .carousel-indicators li:nth-child(4) {
	background: url(../images/app/icon-affirmation.png) center center no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 10rem
}
.app-features #features-slider .carousel-indicators li:nth-child(4):hover, .app-features #features-slider .carousel-indicators li:nth-child(4).active {
	background: url(../images/app/icon-affirmation2.png)
}
.app-features #features-slider .carousel-indicators li:nth-child(5) {
	background: url(../images/app/icon-journal.png) center center no-repeat;
	background-size: 100% 100%;
	position: relative;
	top: 12rem
}
.app-features #features-slider .carousel-indicators li:nth-child(5):hover, .app-features #features-slider .carousel-indicators li:nth-child(5).active {
	background: url(../images/app/icon-journal2.png)
}
.personalize-ac {
	/*background: url(../images/app/personlized-ac/Purple-wave-background.png) left top no-repeat;
	background-size: 100% auto*/
	position:relative
}
.personalize-ac .personalizw-wave{position:absolute; left:0rem; top:-2rem; width:100%; height:100%}
.personalize-ac .personalizw-wave img{ width:100%; height:auto}
.personalize-ac .row {
	align-items: center
}
.personalize-ac .section_50 {
	position: relative
}
.personalize-ac .anim-plize-phone {
	text-align: right
}
.personalize-ac .anim-plize-block1 {
	position: absolute;
	right: 62px;
	top: 92px;
	z-index: 3
}
.personalize-ac .anim-plize-block2 {
	position: absolute;
	right: 32px;
	top: 115px;
	z-index: 2
}
.personalize-ac .anim-plize-block3 {
	position: absolute;
	right: 5px;
	top: 140px;
	z-index: 1
}
.anim-plize-feature1 {
	position: absolute;
	left: 8rem;
	top: 18rem;
	z-index: 99
}
.anim-plize-feature2 {
	position: absolute;
	left: 20rem;
	top: 18rem;
	z-index: 99
}
.anim-plize-feature3 {
	position: absolute;
	left: 13rem;
	top: 22rem;
	z-index: 99
}
.anim-plize-feature4 {
	position: absolute;
	left: 7rem;
	top: 26rem;
	z-index: 99
}
.anim-plize-feature5 {
	position: absolute;
	left: 19rem;
	top: 28rem;
	z-index: 99
}
.anim-plize-feature6 {
	position: absolute;
	right: 3rem;
	top: 24rem;
	z-index: 99
}
.anim-plize-next {
	position: absolute;
	right: 0px;
	bottom: 1rem;
	z-index: 99
}
.stay-motivated .section_50 {
	position: relative
}
.stay-motivated .row {
	align-items: center
}
.stay-motivated .anim-point1 {
	position: absolute;
	left: 4rem;
	top: 6rem;
	z-index: 99
}
.stay-motivated .anim-point2 {
	position: absolute;
	left: 3rem;
	bottom: 1rem;
	z-index: 99
}
.stay-motivated .anim-motive-icon1 {
	position: absolute;
	left: 1rem;
	bottom: 19rem;
	z-index: 99
}
.stay-motivated .anim-motive-icon2 {
	position: absolute;
	left: 3rem;
	bottom: 15.5rem;
	z-index: 99
}
.stay-motivated .anim-motive-icon3 {
	position: absolute;
	left: 1rem;
	bottom: 12rem;
	z-index: 99
}
.stay-motivated .anim-motive-icon4 {
	position: absolute;
	left: 3rem;
	bottom: 8.5rem;
	z-index: 99
}
.stay-motivated .anim-motive-icon5 {
	position: absolute;
	left: 1rem;
	bottom: 5rem;
	z-index: 99
}
.stay-motivated .anim-motive-icon6 {
	position: absolute;
	left: 3rem;
	bottom: 1.5rem;
	z-index: 99
}
.user-friendly .section_50 {
	position: relative
}
.user-friendly .row {
	align-items: center
}
.user-friendly .anim-uf-phone {
	text-align: center
}
.user-friendly .anim-uf-profile {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 0rem;
	z-index: 99
}
.user-friendly .anim-uf-calendar {
	position: absolute;
	left: 5rem;
	top: 9.5rem;
	z-index: 99
}
.user-friendly .anim-uf-points {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 13rem;
	z-index: 99
}
.user-friendly .anim-uf-icon1 {
	position: absolute;
	right: 19rem;
	bottom: 9.5rem;
	z-index: 99
}
.user-friendly .anim-uf-icon2 {
	position: absolute;
	right: 11.5rem;
	bottom: 9.5rem;
	z-index: 99
}
.user-friendly .anim-uf-icon3 {
	position: absolute;
	right: 4rem;
	bottom: 9.5rem;
	z-index: 99
}
.user-friendly .anim-uf-menu {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: -1.5rem;
	z-index: 99
}
.cnct-wrapper {
	background: url(../images/contact/cnct-bg.png) left top no-repeat;
	background-size: 100% auto;
	padding: 5rem 0rem
}
.cnct-wave {
	background: url(../images/contact/contact-wave.png) left top 12rem no-repeat;
	background-size: 100% auto;
	width: 100%
}
.cnct-wrapper .subscribe-sec h3 {
	font-size: 3.5rem;
	font-weight: 500;
	letter-spacing: 1px;
	margin-bottom: 1rem
}
.cnct-wrapper .subscribe-sec p {
	font-size: 1.5rem
}
.cnct-wrapper .subscribe-sec p span {
	font-size: 1.25rem;
	color: #7e7479;
	margin: 3rem 0rem;
	display: block
}
.cnct-wrapper .subscribe-sec ul {
	display: flex;
	width: 100%
}
.cnct-wrapper .subscribe-sec ul li a {
	width: 2.5rem;
	height: 2.5rem;
	background-size: auto 1.5rem !important;
margin:0rem .25rem
}
.cnct-wrapper .subscribe-sec ul li a {
	display: block
}
.cnct-wrapper .subscribe-sec ul li.facebook a {
	background: url(../images/contact/Facebook/FB%20mouseover.png) center center no-repeat
}
.cnct-wrapper .subscribe-sec ul li.facebook a:hover {
	background: url(../images/contact/Facebook/Facebook%20icon.png) center center no-repeat
}
.cnct-wrapper .subscribe-sec ul li.twitter a {
	background: url(../images/contact/Twitter/Twitter%20mouseover.png) center center no-repeat
}
.cnct-wrapper .subscribe-sec ul li.twitter a:hover {
	background: url(../images/contact/Twitter/Twitter%20icon.png) center center no-repeat
}
.cnct-wrapper .subscribe-sec ul li.pinterest a {
	background: url(../images/contact/Pinterest/Pinterest%20mouseover.png) center center no-repeat
}
.cnct-wrapper .subscribe-sec ul li.pinterest a:hover {
	background: url(../images/contact/Pinterest/Pinterest%20icon.png) center center no-repeat
}
.cnct-wrapper .subscribe-sec ul li.instagram a {
	background: url(../images/contact/Instagram/Instagram%20mouseover.png) center center no-repeat
}
.cnct-wrapper .subscribe-sec ul li.instagram a:hover {
	background: url(../images/contact/Instagram/Instagram%20icon.png) center center no-repeat
}
.faq-wave {
	position: absolute;
	bottom: 0px;
	right: 0px;
}
.ck_faq_area {
	padding: 6rem 0rem;
	position: relative;
	background-color: #eee;
}
.ck_faq_area h1 {
	font-size: 2.5rem;
	width: 100%;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 5rem
}
.ck_faq_area h2:hover i {
	color: #3ea1d0 !important;
	border-color: #3ea1d0 !important
}
.ck_faq_area h2:after {
	content: "";
	width: 7rem;
	height: 3px;
	background: #F46F23;
	position: absolute;
	bottom: -2rem;
	left: 0px;
	left: 45%;
}
.ck_faq_area .faq_inner {
	width: 100%
}
.ck_faq_area .faq_inner .accordion {
	max-width: 1000px;
	margin: auto
}
.ck_faq_area .faq_inner .card-header {
	padding: 0.75rem 0rem;
	background: #eeeeee;
    border: 1px solid #eeeeee;
    box-shadow: inset 5px 5px 12px #e0e0e0, inset -5px -5px 12px #fcfcfc;
}
.ck_faq_area .faq_inner .card-header button:active,
.ck_faq_area .faq_inner .card-header button:focus,
.ck_faq_area .faq_inner .card-header button:hover 
{
	text-decoration: none !important;
}

.ck_faq_area .faq_inner .card-body
{
	box-shadow: inset 0px 2px 4px #a7a7a7, inset 1px 2px 0px #f5f5f5;
}

.ck_faq_area .faq_inner .card-body p 
{
	padding-left: 25px;
    padding-right: 25px;
    margin-bottom: 0px;
    line-height: 33.5px;
    text-align: justify;
}

.ck_faq_area .faq_inner .btn.btn-link {
	width: 100%;
	text-align: left;
	font-family: 'Spartan', sans-serif;
	font-size: 17px;
	font-weight: 500;
	color: #000!important;
	padding-left: 2rem;
	padding-right: 1rem
}
.ck_faq_area .faq_inner .btn.btn-link:hover {
	color: #3ea1d0;
	text-decoration: none
}
.ck_faq_area .faq_inner .accordion .fa {
	margin-right: 0.5rem;
    font-size: 2rem;
    position: relative;
    top: -7px;
    float: right;
    color: #ccc;
    width: 46px;
    border-radius: 100%;
    text-align: center;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ck_faq_area .faq_inner .card-header {
	border: none;
	padding: 1rem 1rem
}

.ck_faq_area .faq_inner .card {
	border: none;
	margin-bottom: 2rem
}
.ck_faq_area .faq_inner .haveMore {
	width: 100%;
	text-align: center;
}
.ck_faq_area .faq_inner .haveMore h3 {
	font-size: 1.875rem;
	font-family: futuraBTmedium;
	margin: 4rem 0rem 1.75rem
}
.blog-banner {
	position: relative;
	/*top: -144px;
	z-index: -1;
	text-align: center;
	margin-bottom: -144px*/
	background:url(../images/blog/Blog-Main-page-image.png) left top no-repeat;
	background-size:100% auto;
	height:820px
}
.blog-banner img {
	width: 100%;
	height: auto
}
.blog-bnr-txt {
	width: 100%;
	position: absolute;
	bottom: 4rem;
	text-align:center
}
.blog-bnr-txt h1 {
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 2.625rem
}
.blog-bnr-txt p {
	font-size: 1.5rem
}
.blog-wrapper {
	background: url(../images/blog/Purple-background-wave.png) left bottom no-repeat;
	background-size: 100% auto
}
.blog-wrapper .blog-lft {
	width: 65%;
}
.blog-wrapper .blog-lft .blog-jumbo {
	width: 100%;
	box-shadow: 0px 0px 15px #ccc;
	border-radius: 5px;
	background: #fff
}
.blog-wrapper .blog-lft .blog-jumbo h5 {
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	color: #7e469a;
	padding: 2.5rem 0rem 0rem
}
.blog-wrapper .blog-lft .blog-jumbo h3 {
	font-size: 1.625rem;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: center;
padding:.5rem 0rem 2rem
}
.blog-wrapper .blog-lft .blog-jumbo figure img {
	width: 100%
}
.blog-wrapper .blog-lft .blog-jumbo figcaption {
	padding: 3rem 2.5rem 1.5rem;
	margin-bottom: 3rem
}
.blog-wrapper .blog-lft .blog-jumbo figure img {
	width: 100%
}
.blog-wrapper .blog-lft .blog-jumbo figcaption p {
	font-size: 12px;
	line-height: 1.5rem
}
.blog-wrapper .blog-lft .blog-jumbo figcaption .blg-continue {
	text-align: center;
	color: #7e469a;
	font-weight: 500;
	text-decoration: underline;
	padding: 4rem 0rem 2rem
}
.blog-wrapper .blog-lft .blog-jumbo figcaption ul {
	border-top: 2px solid #ccc;
	display: flex
}
.blog-wrapper .blog-lft .blog-jumbo figcaption ul li {
	width: 33.33%;
	text-align: center;
	margin: 1.5rem 0rem 0rem;
	border-right: 1px solid #ccc;
	position: relative;
	color: #767676;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 500
}
.blog-wrapper .blog-lft .blog-jumbo figcaption ul li .social-hvr {
	position: absolute;
	top: -5px;
	background: #fff;
	padding: 5px;
	left: 0rem;
	visibility: hidden;
	opacity: 0;
	transition: all .2s ease-in-out;
	width: 100%
}
.blog-wrapper .blog-lft .blog-jumbo figcaption ul li .social-hvr a {
	padding: 5px
}
.blog-wrapper .blog-lft .blog-jumbo figcaption ul li:hover .social-hvr {
	visibility: visible;
	opacity: 1
}
.blog-wrapper .blog-lft .blog-jumbo figcaption ul li:last-child {
	border: none;
}
.blog-wrapper .blog-lft .blog-jumbo figcaption ul li a {
	color: #767676;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 500
}
.blg-bx {
	width: 100%;
	box-shadow: 0px 0px 15px #ccc;
	border-radius: 5px;
	padding: 1.5rem;
	margin-bottom: 2rem;
	background: #fff
}
.blog-listing {
	display: flex;
	flex-wrap: wrap
}
.blog-wrapper .blog-lft .blog-listing .blog-item:nth-child(2n) {
	margin-left: auto
}
.blog-wrapper .blog-lft .blog-listing .blog-item {
	width: 48.5%;
	box-shadow: 0px 0px 15px #ccc;
	margin-bottom: 2rem;
	background: #fff
}
.blog-wrapper .blog-lft .blog-listing .blog-item figure img {
	width: 100%
}
.blog-wrapper .blog-lft .blog-item h5 {
	font-size: 12px;
	text-transform: uppercase;
	text-align: center;
	color: #7e469a;
	padding: 1.5rem 0rem 0rem
}
.blog-wrapper .blog-lft .blog-listing .blog-item h3 {
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: 1px;
	text-align: center;
padding:.5rem 0rem 0rem
}
.blog-wrapper .blog-lft .blog-listing .blog-item figcaption {
padding:0rem 2rem .5rem;
}
.blog-wrapper .blog-lft .blog-listing .blog-item figcaption p {
	font-size: 11px;
	line-height: 1.5rem;
	text-align: justify
}
.blog-wrapper .blog-lft .blog-listing .blog-item .share-blg {
	text-transform: uppercase;
	text-align: center;
	border-top: 2px solid #ccc;
	display: flex;
	justify-content: center;
	margin-top: 2rem;
	width:100%;
	position:relative
}
.blog-wrapper .blog-lft .blog-listing .blog-item .share-blg .share-txt{
	display: inline-block;
	background: #fff;
	padding: 10px;
	color: #767676;
	position: relative;
	top: -19px;
	margin-bottom: -10px;
	font-size:11px;

}
.blog-wrapper .blog-lft .blog-listing .blog-item .share-blg .social-hvr {
	position: absolute;
	top:0px;
	background: #fff;
	padding: 5px;
	left: -1rem;
	visibility: hidden;
	opacity: 0;
	transition: all .2s ease-in-out;
	display:flex
}
.blog-wrapper .blog-lft .blog-listing .blog-item .share-blg .share-txt:hover .social-hvr{
	visibility:visible;
	opacity:1;
}
.blog-wrapper .blog-lft .blog-listing .blog-item .share-blg .social-hvr a{
	display:inline-block;
	padding:5px
}
.blog-wrapper .blog-lft .blog-listing .blog-item .share-blg a:hover {
	color: #7e469a
}
.blog-wrapper .blog-rht {
	width: 30%;
	margin-left: auto
}
.blog-wrapper .blog-rht h4 {
	font-size: 12px;
	color: #4e4e4e;
	text-align: center;
	margin-bottom: 2rem;
	margin-top: 1rem
}
.blog-wrapper .blog-rht .recent-post {
}
.blog-wrapper .blog-rht .recent-post ul li {
	display: flex;
	margin-top: 1rem
}
.blog-wrapper .blog-rht .recent-post ul li figure {
	margin-right: 1rem
}
.blog-wrapper .blog-rht .recent-post ul li figcaption {
padding:.5rem 0rem
}
.blog-wrapper .blog-rht .recent-post ul li figcaption h5 {
	font-size: 12px;
}
.blog-wrapper .blog-rht .recent-post ul li figcaption p {
	font-size: 12px;
	color: #878383;
}
.blog-wrapper .blog-rht .follow-us ul {
	display: flex;
	justify-content: center;
	margin-bottom: 1.5rem
}
.blog-wrapper .blog-rht .follow-us ul li {
margin:.75rem
}
.blog-wrapper .blog-rht .newsletter .form-control {
	border-radius: 0px;
	box-shadow: inset 0px 0px 5px #ccc;
	font-size: 12px;
	height: 2.75rem
}
.blog-wrapper .blog-rht .newsletter .btn-primary {
	font-size: 1.125rem;
	border-radius: 10px;
	height: 2.75rem
}
.blog-wrapper .blog-rht .newsletter .btn-primary:hover {
    background-image: linear-gradient(100deg, #72449a, #c2509e);
    box-shadow: 0px 0px 20px rgba(0,0,0,.8);
}
.blog-wrapper .blog-rht .app-dwnload figure img {
	width: 100%;
	height: auto
}
.blog-wrapper .blog-rht .app-dwnload figcaption {
	display: flex;
	justify-content: center;
	margin-top: 1rem
}
.blog-wrapper .blog-rht .app-dwnload figcaption a {
	width: 48%;
	transition:all .2s ease-in-out
}
.blog-wrapper .blog-rht .app-dwnload figcaption a:hover {
    box-shadow: 0px 0px 15px #af4d9d;
}
.blog-wrapper .blog-rht .app-dwnload figcaption a:last-child {
	margin-left: auto
}
.blog-wrapper .blog-rht .category ul li a {
	border-bottom: 1px solid #999;
	font-size: 11px;
	color: #000;
	font-weight: 500;
	display: block;
padding:.5rem 0rem
}
.blog-article .blog-lft {
	width: 100%
}
.blog-article .blog-lft .blog-jumbo figcaption p {
	font-size: 1.125rem;
	line-height: 2.25rem
}
.blog-article .blog-lft .blog-jumbo figcaption ul {
	margin-top: 6rem
}
.blog-article .blog-lft .blog-listing .blog-item {
	width: 31.5%;
	margin-right: 2.5%
}
.blog-article .blog-lft .blog-listing .blog-item:nth-child(2n) {
	margin-left: inherit
}
.blog-article .blog-lft .blog-listing .blog-item:nth-child(3n) {
	margin-right: 0px;
}
.blog-article .blog-comment {
	margin-top: 1.5rem
}
.blog-article .blog-comment h3 {
	font-size: 1.5rem;
	text-align: center;
	margin: 1rem 0rem 1rem
}
.blog-article .blog-comment .blog-comment-row {
	display: flex;
	border-bottom: 1px solid #333;
	padding: 2rem 1rem
}
.blog-article .blog-comment .blog-comment-row:last-child {
	border-bottom: none
}
.blog-article .blog-comment .blog-comment-row figure {
	width: 4rem;
	height: 4rem;
	border-radius: 100%;
	overflow: hidden
}
.blog-article .blog-comment .blog-comment-row figcaption {
	margin-left: auto;
	width: 90%;
}
.blog-article .blog-comment .blog-comment-row figcaption h4 {
	font-size: 12px;
	text-transform: uppercase
}
.blog-article .blog-comment .blog-comment-row figcaption h5 {
	font-size: 12px;
	color: #787878
}
.blog-article .blog-comment .blog-comment-row figcaption p {
	font-size: 11px;
	line-height: 1.5rem;
	margin-bottom: 0rem
}
.blog-article .write-comment {
	margin-top: 1.5rem;
	margin-bottom: 6rem
}
.blog-article .write-comment h3 {
	font-size: 1.5rem;
	text-align: center;
	margin: 1rem 0rem 2rem;
}
.blog-article .write-comment ul {
	display: flex;
	flex-wrap: wrap
}
.blog-article .write-comment ul li {
	margin-bottom: 1.5rem
}
.blog-article .write-comment .wid-49 {
	width: 49%
}
.blog-article .write-comment .wid-100 {
	width: 100%
}
.mrgn-left-auto {
	margin-left: auto
}
.blog-article .write-comment .form-control {
	border-radius: 0px;
	box-shadow: inset 1px 1px 4px #ddd;
	height: 2.75rem;
	font-size: 12px;
}
.blog-article .write-comment textarea {
	height: 150px !important
}
.blog-article .write-comment .btn-primary {
	font-size: 1.125rem;
	max-width: 260px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	margin: auto;
	box-shadow: none;
	height: 2.75rem;
	line-height: 2.75rem;
	padding: 0px
}
.blog-bradcrumb {
	background: #fafafa;
	padding: 1.5rem 0rem;
	margin: 2rem 0rem 4rem
}
.blog-bradcrumb-left {
	font-size: 12px;
	color: #8b4dba
}
.blog-bradcrumb-left a {
	color: #646464
}
.blog-bradcrumb-rht {
	margin-left: auto;
	color: #666;
	font-size: 1rem;
}
.blog-bradcrumb-rht a {
	padding: 5px;
	border: 1px solid transparent;
	transition: all .2s ease-in-out
}
.blog-bradcrumb-rht a:hover {
	background: #fff;
	border: 1px solid #ccc
}



.carousel-inner .carousel-item {
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease-in-out;
  transition: transform 2s ease-in-out, -webkit-transform 2s ease-in-out;
}

.you-may{ width:100%; text-align:center; margin:4rem 0rem 2rem; font-weight:500}

.button-pim-green-white-bg
{
	box-shadow: 1px 1px 1px 1px #2f2f2f, inset 2px 2px 3px #c7dfe0 !important;
    border: none !important;
    border-radius: 2px !important;
}

.button-pim-green-white-bg:hover
{
    box-shadow: inset 2px 2px 1px #213e3d, inset -1px -1px 0px #71a5a4 !important;
	color: #fff;
}

.button-pim-brown-white-bg
{
	box-shadow: 1px 1px 1px 1px #2f2f2f, inset 2px 2px 3px #c7dfe0 !important;
    border: none !important;
    border-radius: 2px !important;
}

.button-pim-brown-white-bg:hover
{
    box-shadow: inset 2px 2px 1px #2f2f2f, inset -1px -1px 0px #a58a71 !important;
	color: #fff;
}

.button-pim-red-green-bg
{
	box-shadow: 1px 1px 1px 1px #2f2f2f, inset 2px 2px 3px #a0a0a0 !important;
    border: none !important;
    border-radius: 2px !important;
}

.button-pim-red-green-bg:hover
{
    box-shadow: inset 2px 2px 1px #2f2f2f, inset -1px -1px 0px #a57371 !important;
	color: #fff;
}

.button-pim-red-white-bg
{
	box-shadow: 1px 1px 1px 1px #2f2f2f, inset 2px 2px 3px #a0a0a0 !important;
    border: none !important;
    border-radius: 2px !important;
}

.button-pim-red-white-bg:hover
{
    box-shadow: inset 2px 2px 1px #2f2f2f, inset -1px -1px 0px #a57371 !important;
	color: #fff;
}

.button-pim-orange-white-bg
{
	box-shadow: 1px 1px 1px 1px #2f2f2f, inset 2px 2px 3px #a0a0a0 !important;
    border: none !important;
    border-radius: 2px !important;
}

.button-pim-orange-white-bg:hover
{
    box-shadow: inset 2px 2px 1px #2f2f2f, inset -1px -1px 0px #a58471 !important;
	color: #fff;
}

@media (max-width: 480px) {
	.elementor-flip-box {
		height: 320px;
	}

	.elementor-widget-flip-box {
		width: 100%;
	}
}