@charset "UTF-8";


/*===============================> START GLOBAL CSS <===============================*/
body {
	font-family: 'Poppins', sans-serif;
	color: #3c3d46;
	overflow-x: hidden;
	font-weight: 500;
	font-display: swap;

}
.no-padding {
	padding: 0;
}
.no-padding-right {
	padding-right: 0;
}
.no-padding-left {
	padding-left: 0;
}
img {
	max-width: 100%;

}
p {
	line-height: 26px;
}
a {
	color: inherit;
	text-decoration: none;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color: inherit;
	outline: none;
}
.section-count {
	height: 0px;
	overflow: hidden;
	font-family: 'Poppins', sans-serif;
	font-weight: 100;
}
.section-count > span {
	color: #e6e9f4;
	display: block;
	font-size: 40px;
	line-height: 0.7em;
}
.section-title {
	color: #34db9b;
	font-size: 60px;
	font-weight: 400;
	font-family: 'Poppins', 'Cinzel', sans-serif;
	margin-bottom: 20px;
}
.section-title2 {
	color: #3c3d46;
	font-size: 60px;
	font-weight: 400;
	font-family: 'Poppins', 'Cinzel', sans-serif;
	margin-bottom: 0px;
}
.section-title3 {
	color: #333;
	font-size: 26px;
	font-weight: 300;
	font-family: 'Poppins';
	font-weight: 800;
	margin-bottom: 20px;
}
.section-text > p {
	margin-bottom: 16px;
	font-size: 20px;
	font-family: 'Poppins', sans-serif;
	line-height: 1.5em;
	color: #3c3d46;
}
.section-text > li {
	margin-bottom: 4px;
	font-size: 18px;
}

.section-text > h1 {
	font-size: 40px;
	color: #1384c6;
}

.section-text > h2 {
	font-size: 32px;
	font-family: 'Poppins', 'Poppins', sans-serif;
	font-weight: 400;
	text-transform: none;

}

.section-text > h2.section-title2  {
	font-size: 44px;
	font-family: 'Poppins', 'Poppins', sans-serif;
	font-weight: 800;
	text-transform: none;
}

.section-text > h6 {
	font-size: 16px;
	font-family: 'Poppins', 'Poppins', sans-serif;
	font-weight: 400;
	text-transform: none;

}

.title-footer {
    color: #34db9b!important;
		padding-bottom: 20px;
		font-weight: 700;

}

.underline {
	background: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0),rgba(255, 255, 255, 0),rgba(255, 255, 255, 0),rgba(255, 255, 255, 0),#34db9b,#34db9b,#34db9b,#34db9b, #34db9b);

}

.underline2 {
	background: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0) 50%,#4deba9);

}

.underlinegrey {
	background: linear-gradient(#e4e4e4,#e4e4e4,#e4e4e4,#e4e4e4,#e4e4e4,#34db9b,#34db9b,#34db9b,#34db9b, #34db9b);

}

.underlinegrey2 {
	background: linear-gradient(#f2f2f2,#f2f2f2,#f2f2f2,#f2f2f2,#f2f2f2,#34db9b,#34db9b,#34db9b,#34db9b, #34db9b);
}

.underline3 {
	background: linear-gradient(#fff,#fff,#fff,#fff,#fff,#34db9b,#34db9b,#34db9b,#34db9b, #34db9b);
}

.scroll-top {
	background: #f2f2f2 none repeat scroll 0 0;
	border-radius: 4px 4px 0px 0px;
	bottom: 0px;
	color: #333;
	font-size: 26px;
	height: 40px;
	position: fixed;
	right: 40px;
	text-align: center;
	width: 40px;
	z-index: 999;
	cursor: pointer;
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
.scroll-top.active {
	right: 20px;
}
.logos {
	max-width: 100px;
	max-height:80px;
}


 @media screen and (max-width: 767px) {
.section-count > span {
	font-size: 180px;
	line-height: .9em;
}
.section-title {
	font-size: 38px;
}
.section-text > h2 {
	font-size: 30px;
}
.section-text > h2.section-title2  {
	font-size: 30px;
}
.section-title2 {
	font-size: 30px;
}
.logos {
	max-width: 80px;
	max-height:80px;
}
}
@media screen and (max-width: 1400px) {
	.logos {
		max-width: 100px;
		max-height:80px;
	}
}
@media screen and (max-width: 1200px) {
	.logos {
		max-width: 100px;
		max-height:80px;
	}
}
@media screen and (max-width: 991px) {
	.logos {
		max-width: 100px;
		max-height:80px;
	}
}
/*===============================> END GLOBAL CSS <===============================*/
/*===============================> START INTRO CSS <===============================*/
.hero-download-link.top-download-link-fixed {
	min-height: 70px;
	position: absolute;
	text-align: center;
	top: 5px;
	width: 100%;
	z-index: 10;

}
.hero-download-link > a {
	background: #445681 none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	font-size: 20px;
	height: 40px;
	margin: 10px 7px;
	padding: 7px;
	position: relative;
	text-align: center;
	width: 40px;
}
.hero-download-link > a:after {
	border: 1px solid #3a445c;
	border-radius: 50%;
	content: "";
	height: 50px;
	left: -5px;
	opacity: 0;
	position: absolute;
	top: -5px;
	width: 50px;
}
.hero-download-link > a:hover {
	background: #34db9b;
}
.hero-download-link > a:hover:after {
	opacity: 1;
}

.slide-item {
	position: relative;
	z-index: 1;
}
.slide-item::after {
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.slide-item2 {
	position: relative;
	z-index: 1;
	padding-top:100px;
}
.slide-item2::after {
	background: rgba(191, 247, 214, 0.78);
	background: rgba(255, 255, 255, 0.733);
	background: linear-gradient(to right, rgba(255, 255, 255, 1.8), rgba(255, 255, 255, 0.4));
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.slide-item3 {
	display:flex;
	height: 100vh;
	min-height: 620px;
	max-height: 700px;
	justify-content: flex-start;
	position: relative;
	z-index: 1;
	/* padding-top:100px; */
	/* padding-bottom:50px; */
	/* box-shadow: 0px 5px 20px 0px rgba(255, 191, 128, 0.55); */
	/* box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05); */
	border-top: 4px solid rgba(255, 191, 128, 0.55);
	/* background: aquamarine; */
	background: white;
}
.slide-item3::after {
	background: rgba(255, 191, 128, 0.95);
	background: rgba(255, 255, 255, 0.8);
	background: linear-gradient(to right, rgba(255, 255, 255, 0.822),rgba(255, 255, 255, 0.822),rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5));
	background: linear-gradient(to right, rgba(255, 255, 255, 1),rgba(255, 255, 255, 0.95),rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.slide-item4 {
	position: relative;
	z-index: 1;
	padding-top:100px;
	
}
.slide-item4::after {
	/* background: linear-gradient(to bottom, rgba(179, 250, 255, 0.075), rgba(147, 248, 255, 0.096)); */
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.slide-item5 {
	position: relative;
	z-index: 1;
	padding-top:100px;
	padding-bottom:50px;
}
.slide-item5::after {
	background: rgba(191, 247, 214, 0.78);
	background: rgba(255, 255, 255, 0.733);
	background: linear-gradient(to right, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.80));
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.slide-item-for {
	position: relative;
	z-index: 1;
	padding-top:10px;
	padding-bottom:20px;
	min-height:223px;
	/* border:1px solid #888; */
	/* box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.10); */
	/* border-radius:10px; */
	overflow: hidden;
}
.slide-item-for::after {
	background: rgba(191, 247, 214, 0.78);
	background: rgba(255, 255, 255, 0.233);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.25),rgba(255, 255, 255, 0.25), rgba(255, 255, 255, 0.25),rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 1.00));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75),rgba(0, 0, 0, 0.75));
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.3));
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
	
}
.slide-item-for6 {
	position: relative;
	z-index: 1;
	padding-top:60px;
	padding-bottom:20px;
	min-height:200px;
	overflow: hidden;
}
.slide-item-for6::after {
	background: rgba(191, 247, 214, 0.78);
	background: rgba(255, 255, 255, 0.233);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6),rgba(255, 255, 255, 0.6));
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
	
}
.category-type{
	font-size:24px;
	font-weight:600;
	margin-bottom:0px;
	padding:0px 30px;
	/* font-family:'Cinzel'; */
	list-style-type: none;
	text-transform:uppercase;
}
.slide-item-workshop {
	position: relative;
	z-index: 1;
	padding-top:40px;
	box-shadow: 0px 5px 20px 0px rgba(255, 191, 128, 0.55);
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05);
	border-top: 4px solid rgba(251, 158, 64, 0.714);
}
.slide-item-workshop::after {
	/* background: rgba(255, 191, 128, 0.95); */
	/* background: rgba(255, 255, 255, 0.95); */
	background: linear-gradient(to left, rgba(255, 255, 255, 0.816), rgba(255, 255, 255, 1));
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}
.slide-text {
	/* display: flex; */
	padding: 30px 0;
	margin-top: 22vh;
}
.slide-text > .hero-title {
	color: #3c3d46;
	font-size: 36px;
	font-weight: 400;
	margin: 20px 0;
  line-height: 50px;
	padding-top:0px;
	margin-bottom: 0px;
	font-family: 'Montserrat';
	font-family: 'Poppins';
	font-weight: 600;
	/* text-transform: uppercase; */
	min-height: 50px;
}
.slide-text > .hero-title > span {
	color: #3c3d46;
}
.slide-text > .hero-subtitle {
	color: #3c3d46;
	font-size: 36px;
	font-weight: 400;
	margin: 20px 0;
  line-height: 50px;
	padding-top:0px;
	margin-bottom: 0px;
	font-family: 'Poppins';
	font-weight: 600;
	/*text-transform: capitalize;*/
	min-height: 50px;
}
.slide-text > .hero-subtitle .hero-subtitle-underline {
	background-color:rgba(255, 255, 255, 0.609);
}



.slide-text > .hero-subtitle2 {
	color: #3c3d46;
	/*background-color: #ddd;*/
	font-size: 1.7rem;
	font-weight: 600;
	margin: 20px 0;
    /* line-height: 10px; */
    /* padding-top: 10px; */
	margin-bottom: 2%;
	/* text-shadow: 1px 2px #fff; */

}
.slide-buttons {
	margin: 2% 0;
	font-weight: 700;
	border-radius: 50px
}
.slide-buttons > a {
	border: 0px solid #1283CA;
	border-radius: 0px;
	display: inline-block;
	margin: 10px 0px;
	padding: 15px 10px;
	text-decoration: none;
	text-transform: uppercase;
	width: 280px;
	/* color: #189cec;*/
	color: #fff;
	background: #3483fa none repeat scroll 0 0;
	background: -webkit-linear-gradient(45deg,#34db9b, #52e79f); /* For Safari 5.1 to 6.0 */
	background: linear-gradient(45deg,#43E597, #21D47E); /* Standard syntax #ce427c, #941b4d */
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
	font-size: 18px;
	border-radius: 15px
	
}
.slide-buttons > a:hover {
	background: linear-gradient(45deg,#34db9b, #2bc47a); /* Standard syntax */
	border-color: #fff;
	color: #fff;
	transition: 0.5s;
}
.slide-buttons2 {
	margin: 2% 0;
	font-weight: 700;
	border-radius: 50px
}
.slide-buttons2 > a {
	border: 0px solid #1283CA;
	border-radius: 0px;
	display: inline-block;
	margin: 10px 0px;
	padding: 15px 10px;
	text-decoration: none;
	text-transform: uppercase;
	width: 280px;
	/* color: #189cec;*/
	color: #34db9b;
	background: #3483fa none repeat scroll 0 0;
	background: -webkit-linear-gradient(45deg,#fff, #fff); /* For Safari 5.1 to 6.0 */
	background: linear-gradient(45deg,#fff, #fff); /* Standard syntax #ce427c, #941b4d */
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
	font-size: 18px;
	border-radius: 15px
	
}
.slide-buttons2 > a:hover {
	background: linear-gradient(45deg,#fff, #fff); /* Standard syntax */
	border-color: #fff;
	color: #34db9b;
	transition: 0.5s;
}

.hero-screen > img {
	display: block;
	margin: 0 auto;
}
 @media screen and (max-width: 991px) {
#intro-hero .slide-text {
	padding: 1% 0;
	margin-top: 10px;
}
#intro-hero .slide-text.margin-pic {
	margin: 0px 0px;
	margin-top:15vh;
	display:flex;
}
#intro-hero .slide-text > .hero-title {
	font-size: 38px;
}
#intro-hero .slide-text > .hero-subtitle {
	font-size: 44px;
	margin-bottom: 10px;
	min-height: 0px;
	line-height: 50px;
}
#intro-hero .slide-text > .hero-subtitle2 {
	font-size: 16px;
	margin: 0px 0;
}
#intro-hero .slide-text .slide-buttons a {
	font-size: 16px;
	margin-bottom: 0px;
	margin: 0px;
	width: 260px;
}
#intro-hero2 .slide-text {
	padding: 30px 0;
}
#intro-hero2 .slide-text > .hero-title {
	font-size: 24px;
}
#intro-hero2 .slide-text > .hero-subtitle {
	font-size: 12px;
}
#intro-hero2 .slide-text .slide-buttons a {
	margin-bottom: 10px;
}
}
 @media screen and (max-width: 767px) {
	.slide-item3 {
		background: white;
	}
	.slide-item3::after {
		background: linear-gradient(to right, rgba(255, 255, 255, 1),rgba(255, 255, 255, 1),rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.5));
	}
#intro-hero .slide-text {
	padding: 4% 0;
	margin-top: 0px;
}
#intro-hero .slide-text.margin-pic {
	margin: 0px 0px;
	margin-top:15vh;
	display:flex;
}
#intro-hero .slide-text > .hero-title {
	font-size: 40px;
}
#intro-hero .slide-text > .hero-subtitle {
	font-size: 32px;
	margin-bottom: 10px;
	margin-top: 10px;
	min-height: 0px;
	line-height: 4rem;
}
#intro-hero .slide-text > .hero-subtitle2 {
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 20px;
}
#intro-hero .slide-text .slide-buttons a {
	font-size: 16px;
	margin-bottom: 0px;
	margin: 0px;
	width: 220px;
}
#intro-hero2 .slide-text {
	padding: 30px 0;
}
#intro-hero2 .slide-text > .hero-title {
	font-size: 22px !important;
}
#intro-hero2 .slide-text > .hero-subtitle {
	font-size: 22px !important;
	min-height: 0px;

}
#intro-hero2 .slide-text .slide-buttons a {
	margin-bottom: 10px;
}
}
@media screen and (max-width: 576px) {
#intro-hero .slide-text {
 padding: 5% 0;
}
#intro-hero .slide-text > .hero-title {
	font-size: 28px;
	margin-bottom: 10px;
	margin-top: 0px;
	min-height: 0px;
	line-height: 40px;
}
#intro-hero .slide-text > .hero-subtitle {
 font-size: 32px;
 margin-bottom: 10px;
 min-height: 0px;
 line-height: 40px;
}
#intro-hero .slide-text > .hero-subtitle2 {
 font-size: 14px;
 margin-bottom:0px;
}
#intro-hero .slide-text .slide-buttons a {
 font-size: 16px;
 margin-bottom: 0px;
 margin: 0px;
 width: 220px;
}
#intro-hero2 .slide-text {
 padding: 30px 0;
}
#intro-hero2 .slide-text > .hero-title {
 font-size: 22px !important;
}
#intro-hero2 .slide-text > .hero-subtitle {
 font-size: 22px !important;
 min-height: 0px;
}
#intro-hero2 .slide-text .slide-buttons a {
 margin-bottom: 10px;
}
}
.border-mini {
	min-height: 250px;
}
#flecha {
	position: absolute;
	width: 40px;
	height: 115px;
	z-index: 5000;
	font-size: 48px;
	left: 95%;
	top: 75%;
	color: #fff;
}
/*===============================> END INTRO CSS <===============================*/
/*===============================> START NAV CSS <===============================*/
#nav {
	background: #fff none repeat scroll 0 0;
	border-radius: 0px;
	-webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
	margin: 0px auto 0;
	padding: 0px 6px 6px 6px;
  	position: fixed;
 	width: 100%;
	-webkit-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
	z-index: 20001;
	font-weight: 400;
	font-size: 16px;
	font-family: 'Poppins';
	font-weight: 800;

}

#nav .logo {
	color: #fff;
	font-size: 0px;
	line-height: 80px;
	padding-left: 20px;
}
#nav.navbar-fixed-top {
	/* border-radius: 0; */
	/* margin-top: 0; */
	position: fixed;
	/* top: 0px; */
	width: 100%;
	/* z-index: 20000; */
	background: rgba(255, 255, 255, 0.89);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.0);

}
#nav .section-scroll-arrow {
	/* background: #ce427c none repeat scroll 0 0; */
    	/* border-radius: 50%; */
	bottom: 1px;
	/* -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3); */
    	/* box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3); */
	color: #fff;
	cursor: pointer;
	height: 40px;
	left: 49%;
	top: 450px;
	font-size: 50px;
	margin: 0 auto;
	padding: 12px;
	position: fixed;
	text-align: center;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 40px;

}
.main-menu {
	list-style: outside none none;
	margin-top: 20px;
	padding: 0;

}
.main-menu > li {
	display: inline-block;
}

.main-menu > li > a {
	/* border-radius: 0px; */
	/*color: #7d7d7d;*/
	font-size: 15px;
	padding: 8px;
	text-decoration: none;
	/* text-transform: uppercase; */
	display: inline-block;
	font-family: 'Poppins';
	font-weight: 600;
	border-radius: 10px;
}
.main-menu > li > a:hover {
	outline: 0px solid rgb(116, 241, 181);
	color: #4deba9;
	border-bottom: 4px solid #4deba9;
	border-radius: 6px;
	/* transition: 0s; */
}

.main-menu > li > a.active {
	border-bottom: 4px solid rgb(116, 241, 181);
	/* color: rgb(116, 241, 181); */
	border-radius: 0px;
}

.main-menu > li > a.bgacc:hover {
	color: #f9f9f9;
}

.navbar-collapse {
	padding-left:0px;
	padding-right:0px;
}

 @media only screen and (max-width: 1200px) {
#nav {
	border-radius: 0;
	width: 100%;
}
.border-mini {
	min-height: 80px;
}
#flecha {
	position: absolute;
	width: 40px;
	height: 115px;
	z-index: 5000;
	font-size: 48px;
	left: 80%;
	top: 88%;
	color: #fff;
}
}
 @media only screen and (max-width: 991px) {
.navbar-header {
	float: none;
}
.navbar-toggle {
	display: block;
	padding-top: 22px;
}
.navbar-collapse {
	border-top: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-collapse.collapse {
	display: none !important;
}
ul.main-menu > li {
	display: block;
	padding: 5px 50px;
	text-align: center;
}
.main-menu {
	list-style: outside none none;
	margin-top: 0px;
	padding: 0;
	padding: 10px 0px;

}

.main-menu > li > a {
	border: 5px solid transparent;
	border-radius: 5px;
	font-size: 18px;
	padding: 10px 16px;

}
.main-menu > li > a:hover {
	border: 5px solid #fff;

}
.navbar-collapse.collapse.in {
	display: block !important;

}
.navbar-toggle .icon-bar {
	background: #545454 none repeat scroll 0 0;
	border-radius: 2px;
	display: block;
	height: 4px;
	width: 22px;



}
.navbar-toggle {
	background-color: #fff;

}
.main-menu.pull-right {
	float: none !important;
	background-color: #fff;
	font-size: 24px;
}
}




/*===============================> END NAV CSS <===============================*/
/*===============================> START ABOUT NAIVE CSS <===============================*/
#nosotros {
	padding: 40px 0;
	background-color: #e4e4e4;

}
.available-on {
	padding-top: 40px;
}
.available-on > a {
	color: #dedede;
	font-size: 24px;
	padding: 15px;
}
.available-on > a:hover {
	color: #ce427c;
}
.available-on > span {
	color: #3a3a3a;
	display: inline-block;
	font-size: 15px;
	margin-right: 20px;
	vertical-align: 3px;
}
.app-screen > img {
	margin: 0 auto;
	display: block;
	border-radius: 50%;
	height: 150px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	
}

.logo2 {
	max-width: 300px;
	max-height:120px;
	position:absolute;
	margin-top:-12%;
	margin-left:25%;
	text-align:center;
}
.section-title {
	color: #34db9b;
	font-size: 60px;
	font-weight: 400;
	text-transform: capitalize;
	font-family: 'Ubuntu', sans-serif;
	margin-bottom: 20px;
}

.section-text > h1 {
	color: #34db9b;
	font-size: 50px;
}

.section-text > h3 {
	color: #3c3d46;
	font-size: 40px;
	font-weight: 400;
	font-family: 'Poppins';font-weight: 800;
}

.section-text > h4 {
	color: #34db9b;
	font-size: 18px;
	font-weight: 700;
	text-transform: capitalize;
	font-family: 'Ubuntu', sans-serif;
	margin-bottom: 20px;
}

.section-text > h5 {
	color: #333;
}

 @media screen and (max-width: 991px) {
#about {
	padding: 90px 0;
}
}
 @media screen and (max-width: 767px) {
#about {
	padding: 60px 0;
}
#about .app-screen {
	margin-bottom: 30px;
}
#about .available-on {
	padding-top: 20px;
}
}
/*===============================> END ABOUT NAIVE CSS <===============================*/
/*===============================> START ABOUT NAIVE CSS <===============================*/
#nosotros2 {
	padding: 5% 0;
	background-color: #F2F2F2;
}
.available-on {
	padding-top: 40px;
}
.available-on > a {
	color: #dedede;
	font-size: 24px;
	padding: 15px;
}
.available-on > a:hover {
	color: #ce427c;
}
.available-on > span {
	color: #3a3a3a;
	display: inline-block;
	font-size: 15px;
	margin-right: 20px;
	vertical-align: 3px;
}
.app-screen > img {
	margin: 0 auto;
	display: block;
}
 @media screen and (max-width: 991px) {
#about {
	padding: 90px 0;
}
}
 @media screen and (max-width: 767px) {
#about {
	padding: 60px 0;
}
#about .app-screen {
	margin-bottom: 30px;
}
#about .available-on {
	padding-top: 20px;
}
}
/*===============================> END ABOUT NAIVE CSS <===============================*/
/*===============================> START ABOUT NAIVE CSS <===============================*/
#nosotros3 {
	padding: 2% 0;
	line-height: 2.5rem;
	color: #3d3d3d;
	font-family: 'Poppins';
	font-size: 1.1em;
}

.available-on a {
	color: #0087cc;
	text-decoration: underline;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.available-on {
	padding-top: 40px;
}
.available-on > a {
	color: #dedede;
	font-size: 24px;
	padding: 15px;
}
.available-on > a:hover {
	color: #ce427c;
}
.available-on > span {
	color: #3a3a3a;
	display: inline-block;
	font-size: 15px;
	margin-right: 20px;
	vertical-align: 3px;
}
.app-screen > img {
	margin: 0 auto;
	display: block;
	/* background-image: url(../img/banner1.jpg); */
	background-size: cover;

}
 @media screen and (max-width: 991px) {
#about {
	padding: 90px 0;
}
}
 @media screen and (max-width: 767px) {
#about {
	padding: 60px 0;
}
#about .app-screen {
	margin-bottom: 30px;
}
#about .available-on {
	padding-top: 20px;
}
}
/*===============================> END ABOUT NAIVE CSS <===============================*/

#metrics {
	padding: 60px 0;
	margin: 10px 0;
	background:linear-gradient(45deg, #34db9b,#70BCED);
	background:linear-gradient(45deg, #34db9b,#34db9b);
	color:#fff;
	/* color:#444; */
}



#metrics p {
	color:#fff;
	font-size:20px;
	font-weight:600;
	padding:0px 0px 0px 0px;
	text-transform:uppercase;
}

#metrics2 {
	padding: 50px 0;
	background:linear-gradient(45deg, #34db9b,#70BCED);
	color:#fff;

}

.metrics {
	font-size:54px;
	font-weight:800;
	/* color:#fff; */
	border-radius:15px;
	padding:2px;
	margin-bottom:10px;
	border: 0px solid #25d366;
	/* box-shadow: 0px 0px 5px 0px rgb(255, 255, 255); */
	/* background:#fff; */
	/* padding:50px 25px; */
	/* background:linear-gradient(to bottom, #34db9b,rgb(84, 248, 226)); */
}

#metrics2 p {
	color:#fff;
	font-size:20px;
	font-weight:600;
	padding:0px 0px 0px 0px;
	/* text-transform:uppercase; */
}


#plans {
	padding: 3% 0;
	/* background:linear-gradient(45deg, #34db9b,rgb(65, 207, 250)); */
	color:#fff;
	

}

#plans p {
	color:#3c3d46;
	font-size:30px;
	font-weight:800;
	padding:0px 0px 0px 0px;
	line-height:40px;
	text-transform:uppercase;
}

@media screen and (max-width: 767px) {
	.metrics {
	font-size:34px;
	font-weight:800;
	}	
}

/*===============================> START ABOUT NAIVE CSS <===============================*/
#nosotros4 {
	padding: 5% 0;
	background-color: #fff;

}

.available-on {
	padding-top: 40px;
}
.available-on > a {
	color: #dedede;
	font-size: 24px;
	padding: 15px;
}
.available-on > a:hover {
	color: #ce427c;
}
.available-on > span {
	color: #3a3a3a;
	display: inline-block;
	font-size: 15px;
	margin-right: 20px;
	vertical-align: 3px;
}
.app-screen > img {
	margin: 0 auto;
	display: block;
	border-radius: 50%;
	height: 177px;
  box-shadow: 10px 10px 10px 0 rgba(185, 185, 185, 0.2);
}
.section-title {
	color: #333;
	font-size: 60px;
	font-weight: 400;
	text-transform: capitalize;
	font-family: 'Poppins', 'Poppins', sans-serif;
	margin-bottom: 20px;
}

.section-text > h1 {
	color: #34db9b;
	font-size: 50px;
}

.section-text > h3 {
	color: #5a5a5a;
	font-size: 30px;
	font-weight: 700;
	font-family: 'Poppins', 'Poppins', sans-serif;
}

.section-text > h4 {
	color: #777;
	font-size: 20px;
	font-weight: 700;
	text-transform: capitalize;
	font-family: 'Poppins', 'Poppins', sans-serif;
	margin-bottom: 20px;
}

.section-text > li {
	color: #333;
	font-family: 'Poppins', 'Poppins', sans-serif;
	font-size: 18px;
	list-style: none;
}

.section-text.workshop > li {
	color: #333;
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	list-style: circle;
	margin-top:5px;
}

.section-text > p {
	color: #555;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	margin-top:0px;
	font-weight: 500;
	
}

.section-text > p.recomendations {
	color: #555;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 500;
	font-style: italic; 
	min-height: 50px;
	
}

.section-text > p.recomendations .quote {
	color: #999;
	/* font-family: 'Abril Fatface', sans-serif; */
	/* font-size: 24px; */
	font-weight: 800;
	/* font-style: italic;  */
	
}

.ref-title {
	font-size:30px;
	font-weight:600; 
	padding:10px 0px 20px 0px;
	color:#3c3d46;
}

 @media screen and (max-width: 991px) {
#about {
	padding: 90px 0;
}
}
 @media screen and (max-width: 767px) {

	.section-text > h3 {
		font-size: 32px;
	}
	
	.section-text > h4 {
		font-size: 20px;
	}
	
	.section-text > li {
		font-size: 14px;
	}

	.ref-title {
		font-size:26px;
		line-height:30px;
		padding:30px 0px 10px 0px;
	}

#about {
	padding: 60px 0;
}
#about .app-screen {
	margin-bottom: 30px;
}
#about .available-on {
	padding-top: 20px;
}
}
/*===============================> END ABOUT NAIVE CSS <===============================*/
/*===============================> START FEATURES CSS <===============================*/
#ofrecemos {
	padding: 30px 0px;
 	background: #f2f2f2;
}
.features-brief {
	background: #fff none repeat scroll 0 0;
	height: 700px;
	padding: 2% 110px;


}
.features-brief .features-text {
	margin-left: 0;
	max-width: 500px;
	font-family: 'Poppins';font-weight: 800;
	font-size: 16px;
}
.feature-screen {
	/* background-image: url(../img/banner1.jpg); */
	background-size: cover;
	/* background: #ce427c none repeat scroll 0 0;*/
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 700px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.feature-screen > img {
	max-width: 300px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.feature-screen > img:nth-child(1) {
	right: 50%;
}
.feature-screen > img:nth-child(2) {
	right: 28%;
}
.features-tab-list {
	position: absolute;
	right: 105%;
	top: 64%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
}
.features-tab-list .nav-tabs {
	border-bottom: none;
}
.features-tab-list .nav-tabs > li {
	float: none;
	margin-bottom: 50px;
}
.features-tab-list .nav-tabs > li > a {
	background: #f2f2f2 none repeat scroll 0 0;
	border: 1px solid transparent;
	border-radius: 50%;
	/*-webkit-box-shadow: 0 6px 20px 6px rgba(0, 0, 0, 0.15);
	box-shadow: 0 6px 20px 6px rgba(0, 0, 0, 0.15);*/
	color: #34db9b;
	font-size: 36px;
	height: 56px;
	margin: 30px -40px 30px 0;
	padding: 14px;
	position: relative;
	text-align: center;
	width: 80px;
	z-index: 999;
}
.features-tab-list .nav-tabs > li > a::after {
	background: transparent none repeat scroll 0 0;
	border: 0px solid #1384c6;
	border-radius: 25%;
	content: "";
	height: 100px;
	left: -10px;
	position: absolute;
	top: -10px;
	width: 100px;
}
.features-tab-list .nav-tabs li.active > a {
	background: #34db9b;
	/*  background: rgba(62, 110, 223, 0.8);*/
	border: 1px solid transparent;
	color: #fff;
	cursor: default;
}
 .features-tab-list .nav-tabs li.active > a:focus {
 	background: #5684fb;
 	border: 1px solid transparent;
 	color: #fff;
 	cursor: default;
}
 .features-tab-list .nav-tabs li.active > a:hover {
 	background: #34db9b;
 	border: 1px solid transparent;
 	color: #fff;
 	cursor: default;
}
.features-tab-content .tab-pane > h3 {
	color: #34db9b;
	font-size: 60px;
	margin-bottom: 20px;
	margin-top: 50px;
	text-transform: capitalize;

}
.features-tab-content .tab-pane > h4 {
	color: #3d3d3d;
	font-family: "Poppins", sans-serif;
	font-size: 30px;
	margin-bottom: 5px;
	margin-top: 45px;
	font-weight: 600;
	text-transform: none;
	line-height: 30px;
}
.features-tab-content .tab-pane p {
	margin-bottom: 0px;
	font-size: 20px;
	font-family: 'Poppins';
	color: #3d3d3d;
}
.features-tab-content .tab-pane ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.features-tab-content .tab-pane ul > li {
	margin-bottom: 5px;
}
.features-tab-content .tab-pane ul > li .fa.fa-check-circle {
	float: right;
	margin-left: 10px;
	margin-top: 3px;
	color: #ce427c;
}
 @media screen and (max-width: 1200px) {
.features-brief {
	height: 850px;
	padding: 150px 80px;
}
.feature-screen {
	height: 850px;
}
.features-tab-content .tab-pane > h4 {
	color: #3d3d3d;
	font-size: 24px;
	margin-bottom: 5px;
	margin-top: 20px;
	font-weight: 700;
	text-transform: none;
	line-height: 30px;
}
.features-tab-content .tab-pane > p {
	color: #3d3d3d;
	font-size: 14px;
}
}
 @media only screen and (max-width: 991px) {
.features-brief {
	background: #f2f2f2 none repeat scroll 0 0;
	height: auto;
	padding: 120px 110px;

}
.features-tab-list {
	top: 100%;
	top: 120px;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	width: 100%;
	text-align: center;
}
.mmm{
	margin-top:10px;}
.features-tab-list .nav-tabs > li {
display: inline-block;
	position: relative;
}
.features-tab-list .nav-tabs > li > a {
	margin: -60px 15px 30px;
	z-index: 100;
}
.feature-screen {
	padding: 120px 0;
}
}
 @media only screen and (max-width: 767px) {
.features-brief {
	background: #f2f2f2 none repeat scroll 0 0;
	height: auto;
	padding: 40px 40px;
}
.features-tab-list {
	top: 100%;
	top: 80px;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	width: 100%;
	text-align: center;
}
.features-tab-list .nav-tabs > li > a {
	font-size: 22px;
	height: 45px;
	margin: 30px -40px 30px 0;
	padding: 8px;
	width: 45px;
	margin: -30px 5px 0 !important;
	z-index: 100;
}
.features-tab-list .nav-tabs > li > a::after {
	border: 2px solid #34db9b;
	height: 55px;
	left: -6px;
	top: -6px;
	width: 55px;
}
.feature-screen {
	padding: 60px 0;
	height: 50px;
}
.feature-screen > img {
	max-width: auto;
}
}
/*===============================> END FEATURES CSS <===============================*/
/*===============================> START WHY CHOOSE CSS <===============================*/
#why-choose {
	padding: 150px 0;
}
.why-choose-reason-blocks {
	margin-top: 30px;
}
.why-choose-reason-blocks .reason-block {
	border-left: 1px solid #dfe7fa;
	position: relative;
}
.why-choose-reason-blocks .reason-block:last-child {
	border-left: none;
}
.why-choose-reason-blocks .reason-block::after {
	background: #fff none repeat scroll 0 0;
	border: 5px solid;
	border-color: #ce427c;
	border-color: rgba(62, 110, 223, 0.3);
	border-radius: 50%;
	content: "";
	height: 20px;
	left: -10px;
	position: absolute;
	top: 0;
	width: 20px;
}
.why-choose-reason-blocks .reason-block .reason-inner {
	padding-bottom: 10px;
	padding-left: 30px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.why-choose-reason-blocks .reason-block .reason-inner > h4 {
	margin-top: 0;
	color: #3a3a3a;
	position: relative;
	cursor: pointer;
	font-weight: 500;
	line-height: 30px;
}
.why-choose-reason-blocks .reason-block .reason-inner > p {
	height: 0;
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.why-choose-reason-blocks .reason-block .reason-inner.active > p {
	opacity: 1;
	height: auto;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	margin-bottom: 0;
}
.why-choose-reason-blocks .reason-block .reason-inner.active {
	background: #fff none repeat scroll 0 0;
	border-left: 3px solid #ce427c;
	-webkit-box-shadow: 0 0 2px 2px #ccc;
	box-shadow: 0 0 2px 2px #ccc;
	margin-bottom: 20px;
	margin-left: -110px;
	padding: 30px 20px 30px 100px;
	position: relative;
	z-index: 2;
}
.why-choose-reason-blocks .reason-block .reason-inner.active h4::before {
	background: #fff none repeat scroll 0 0;
	border: 5px solid #ce427c;
	border-radius: 50%;
	content: "";
	height: 20px;
	margin-right: 40px;
	position: absolute;
	right: 100%;
	top: 5px;
	width: 20px;
}
 @media screen and (max-width: 1200px) {
.app-screen {
	margin-top: 10px;
}
}
 @media screen and (max-width: 991px) {
#why-choose {
	padding: 90px 0;
}
#why-choose .app-screen {
	margin-top: 0;
	margin-bottom: 70px;
}
#why-choose .why-choose-reason-blocks {
	padding-left: 110px;
	margin-top: 50px;
}
}
 @media screen and (max-width: 767px) {
#why-choose {
	padding: 60px 0;
}
.app-screen {
	margin-bottom: 30px;
	margin-top: 0;
}
.why-choose-reason-blocks {
	padding-left: 70px;
}
.why-choose-reason-blocks .reason-block .reason-inner > h4 {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 20px;
}
.why-choose-reason-blocks .reason-block .reason-inner > p {
	height: 0;
	opacity: 0;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
}
.why-choose-reason-blocks .reason-block .reason-inner.active > p {
	opacity: 1;
	height: auto;
	-webkit-transition: .5s;
	-o-transition: .5s;
	transition: .5s;
	margin-bottom: 0;
}
.why-choose-reason-blocks .reason-block .reason-inner.active {
	margin-bottom: 20px;
	margin-left: -70px;
	padding: 30px 20px 30px 70px;
}
}
/*===============================> START WHY CHOOSE CSS <===============================*/
/*===============================> START FOR HOW WORK CSS <===============================*/
#how-work {
	background: #ce427c;
	color: #fff;
}
#how-work .section-title {
	color: #fff;
}
.how-work-video {
	position: absolute;
	top: -100px;
}
.how-work-text {
	padding: 0px;
	font-size: 16px;
	font-family: 'Poppins';
	/* border: 1px solid lightgrey;
	border-radius:10px; */
}
.how-work-text p {
	margin-bottom: 22px;
	font-family: 'Poppins';
}
.how-work-text h3 {
	margin-bottom: 10px;
	/* font-family: 'Cinzel'; */
	font-size: 19px;
	font-weight:600;
	
}
.how-work-text > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	font-family: 'Poppins';
}

.how-work-text > li {
	margin: 0;
	padding: 0;
	padding-bottom:20px;
	list-style: none;
	font-size: 20px;
	font-family: 'Poppins','Cinzel', sans-serif;
	font-weight: 600;
	color: #3c3d46;
}
.how-work-text > ul > li {
	margin: 10px;
	padding: 0;
  	list-style: circle;
}
.how-work-text > ul > li .fa {
	float: right;
	margin-left: 20px;
}
 @media screen and (max-width: 991px) {
.how-work-video {
	position: relative;
	top: -50px;
}
.how-work-text {
	padding: 20px 0;
}
.how-work-text > li {
	font-size: 16px;
	padding-bottom:0px;
}
}
 @media screen and (max-width: 767px) {
.how-work-video {
	position: relative;
	top: -50px;
}
.how-work-text {
	padding: 0 0 20px;
}
}
/*===============================> END FOR HOW WORK CSS <===============================*/
/*===============================> START SCREENSHOTS CSS <===============================*/
#screenshots {
	padding: 250px 0 150px;
}
.screenshots-text-content {
	display: table-cell;
	min-height: 450px;
	vertical-align: middle;
}
.rotateslider-container {
	margin-left: auto;
	margin-right: auto;
	min-height: 450px;
	position: relative;
	width: 90%;
}
.rotateslider-container .rotateslider-item {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%) scale(0.6);
	-ms-transform: translateY(-50%) translateX(-50%) scale(0.6);
	transform: translateY(-50%) translateX(-50%) scale(0.6);
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.rotateslider-container .rotateslider-item img {
	width: 100%;
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
}
.rotateslider-container .rotateslider-item.next {
	left: 75%;
	opacity: 1;
	width: 75%;
}
.rotateslider-container .rotateslider-item.prev {
	left: 25%;
	opacity: 1;
}
.rotateslider-container .rotateslider-item.now {
	opacity: 1;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%) scale(1);
	-ms-transform: translateY(-50%) translateX(-50%) scale(1);
	transform: translateY(-50%) translateX(-50%) scale(1);
	z-index: 10;
}
.rotateslider-container .rotateslider-item.now > img {
	-webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2);
	width: 100%;
}
.rotateslider-container .arrow {
	color: #ce427c;
	cursor: pointer;
	display: inline-block;
	height: 40px;
	margin-top: -25px;
	padding: 10px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 40px;
}
.rotateslider-container .arrow.left {
	right: 100%;
}
.rotateslider-container .arrow.right {
	left: 100%;
}
 @media screen and (max-width: 991px) {
#screenshots {
	padding: 120px 0 170px;
}
#screenshots .screenshots-text-content {
	min-height: 400px;
	display: block;
}
}
 @media screen and (max-width: 767px) {
#screenshots {
	padding: 60px 0;
}
#screenshots .rotateslider-container {
	margin-left: auto;
	margin-right: auto;
	min-height: 350px;
	position: relative;
	width: 480px;
}
#screenshots .screenshots-text-content {
	display: block;
	min-height: 360px;
}
#screenshots .rotateslider-container .arrow.right {
	right: -30px;
	left: auto;
}
#screenshots .rotateslider-container .arrow.left {
	left: -30px;
	right: auto;
}
}
 @media screen and (max-width: 480px) {
#screenshots {
	padding: 60px 0;
}
#screenshots .rotateslider-container {
	width: 90%;
}
}
/*===============================> END SCREENSHOTS CSS <===============================*/
/*===============================> START VIDEO-RESPONSIVE CSS <===============================*/

#video-responsive {
	background: #f2f2f2;
	padding: 0px 0;
	font-family: 'Poppins';
	font-weight: 700px;
}


.video-responsive {
margin: 5px 0px;
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 0px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 5%;
left: 5%;
width: 90%;
height: 90%;
}

#video-responsive .section-text{
margin: 0px 0 0px;
position: relative;
padding-bottom: 0%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
}

#video-responsive .section-title{
margin: 0px 0 0px;
position: relative;
padding-bottom: 4.25%; /* 16/9 ratio */
padding-top: 0px; /* IE6 workaround*/
height: 0;
font-size: 42px;
font-family: 'Poppins';
color: #34db9b;

}

 @media screen and (max-width: 991px) {
#video-responsive .section-title{
margin: 0px 0 0px;
position: relative;
padding-bottom: 4.25%; /* 16/9 ratio */
padding-top: 0px; /* IE6 workaround*/
height: 0;
font-size: 30px;
font-family: 'Ubuntu';
}
}


 @media screen and (max-width: 767px) {
#video-responsive .section-title{
margin: 0px 0 0px;
position: relative;
padding-bottom: 8.25%; /* 16/9 ratio */
padding-top: 0px; /* IE6 workaround*/
height: 0;
font-size: 20px;
font-family: 'Ubuntu';
}
}


/*===============================> END VIDEO CSS <===============================*/
/*===============================> START FUN FACT CSS <===============================*/
#fun-fact {
	background: #f6f7fe none repeat scroll 0 0;
}
.fun-fact-block {
	padding: 130px 15px;
	text-align: center;
}
.fun-fact-block > h4 {
	color: #ce427c;
	font-size: 36px;
	font-family: 'Poppins';font-weight: 800;
}
.fun-fact-block > p {
	font-weight: 300;
	text-transform: uppercase;
}
.fun-fact-screen > img {
	padding: 20px;
	position: absolute;
}
 @media screen and (max-width: 1200px) {
.fun-fact-block {
	padding: 90px 15px;
	text-align: center;
}
.fun-fact-block {
	padding: 20px 15px;
	text-align: center;
}
.fun-fact-screen > img {
	display: block;
	margin: 0 auto;
	position: inherit;
}
}
 @media screen and (max-width: 991px) {
#fun-fact {
	padding: 20px 0;
}
}
 @media screen and (max-width: 767px) {
#fun-fact .fun-fact-block {
	padding: 10px 15px;
	text-align: center;
}
}
/*===============================> END FUN FACT CSS <===============================*/
/*===============================> START UNLIMITED POSSIBILITIES CSS <===============================*/
#unlimited-possibilities {
	padding: 200px 0 150px;
}
#unlimited-possibilities .section-top-text > p {
	font-size: 16px;
}
.ul-pos-block {
	border: 0px solid #f2f2f2;
	margin-top: 10px;
	padding: 20px;
	-webkit-transition: .0s;
	-o-transition: .0s;
	transition: .0s;
	min-height: 250px;
	border-radius: 10px;
	/*background-color: #fff;*/
	/*-webkit-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.1);*/
	/* box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1); */


}
.ul-pos-block > h4 {
	color: #3a3a3a;
	font-size: 0px;
	margin: 20px 0;
	font-family: 'Poppins';font-weight: 800;
}

.ul-pos-block > span.icon {
	color: #34db9b;
	font-size: 36px;
	border-radius: 50%;
	/* background-color: #34db9b; */
	height: 80px;
	width: 80px;
	padding: 15px;
	margin-bottom: 30px;
	/* box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.08); */
	position:absolute;
	z-index:1000;
	bottom:39px;
	left:29%;
}

.ul-pos-block > p.icon {
	color: #34db9b;
	font-size: 36px;
	border-radius: 50%;
	margin-bottom:0px;
}

.ul-pos-block.platpad > span.icon {
	margin-bottom: 100px;
	left:36%
}

.how-work-text > h6 {
	color: #555;
	font-size: 15px;
	min-height:60px;
	/* border-radius: 50%; */
	/* margin-bottom:0px; */
	line-height: 26px;
}


.ul-pos-block2 {
	border: 0px solid #d3d3d3;
	margin-top: 0px;
	padding: 15px 20px;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	min-height: 140px;
	border-radius: 5px;
	box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.4);

}
.ul-pos-block2 > h4 {
	color: #3a3a3a;
	font-size: 0px;
	margin: 20px 0;
	font-family: 'Poppins';font-weight: 800;
}
.ul-pos-block2 > span.icon {
	color: #34db9b;
	font-size: 40px;
}
.ul-pos-block2.active {
	-webkit-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.1);
}

 @media screen and (max-width: 1200px) {
#unlimited-possibilities {
	padding: 120px 0;
}
}
 @media screen and (max-width: 991px) {
#unlimited-possibilities {
	padding: 90px 0;
}
.ul-pos-block {
	padding: 50px 10px;
	max-height: 0px;
	min-height: 270px;
}
.ul-pos-block > h4 {
	font-size: 28px;
}
.ul-pos-block > span.icon {
	position:inherit;
	
}
}
 @media screen and (max-width: 767px) {
#unlimited-possibilities {
	padding: 60px 0;
}
.ul-pos-block {
	padding: 0px;
	max-height:0px;
	min-height: 220px;
	
}
.how-work-text > h6 {
	min-height:0px;
}
}
/*===============================> END UNLIMITED POSSIBILITIES CSS <===============================*/
/*===============================> START TEAM CSS <===============================*/
#team {
	background: #f6f7fe;
	padding: 150px 0;
}
.team-section-text {
	padding-top: 70px;
}
.team-single {
	border: 8px solid #e6e9f4;
	margin: 0 auto;
	padding: 15px;
	width: 320px;
	display: none;
}
.team-single.active {
	display: block;
}
.team-list > ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.team-list > ul > li {
	position: relative;
	margin: 15px 0;
}
.team-list > ul > li:first-child {
	margin-top: 0;
}
.team-list > ul > li:last-child {
	margin-bottom: 0;
}
.team-list > ul > li.active > a > figure:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(131, 158, 226, 0.7);
}
.team-list > ul > li.active::after {
	color: #ce427c;
	content: "";
	font-family: fontawesome;
	margin-top: -10px;
	position: absolute;
	right: 0;
	top: 50%;
}
.team-list > ul > li > a > figure {
	border-radius: 50%;
	height: 100px;
	overflow: hidden;
	width: 100px;
	position: relative;
}
.team-info > h4 {
	color: #3a3a3a;
	font-size: 16px;
	margin-bottom: 5px;
	margin-top: 20px;
	text-align: center;
}
.team-img {
	position: relative;
}
.team-img > img {
	width: 100%;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.team-social > ul {
	bottom: 0;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 30px;
	opacity: 0;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	margin-left: 20px;
}
.team-social > ul > li > a {
	border-radius: 50%;
	color: #ce427c;
	display: block;
	font-size: 18px;
	height: 40px;
	margin: 15px 5px;
	padding: 8px;
	position: relative;
	text-align: center;
	width: 40px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.team-social > ul > li > a:hover {
	background: #ce427c;
	color: #fff;
}
.team-social > ul > li > a::after {
	border: 1px solid #dee3f4;
	border-radius: 50%;
	content: "";
	height: 50px;
	left: -5px;
	position: absolute;
	top: -5px;
	width: 50px;
}
.team-single:hover .team-img > img {
	margin-left: -70px;
}
.team-single:hover .team-social > ul {
	opacity: 1;
	right: 0;
}
 @media screen and (max-width: 1200px) {
#team {
	padding: 120px 0;
}
}
 @media screen and (max-width: 991px) {
#team {
	padding: 90px 0;
}
#team .col-md-5.col-sm-12.pull-right {
	float: none !important;
}
#team .team-section-text {
	padding-bottom: 50px;
	padding-top: 0;
}
}
 @media screen and (max-width: 767px) {
#team {
	padding: 60px 0;
}
#team .team-section-text {
	padding-bottom: 30px;
	padding-top: 0;
}
#team .team-single {
	margin: 30px auto 0;
	overflow: hidden;
	padding: 10px;
	width: 100%;
}
#team .team-list {
	text-align: center;
}
#team .team-list > ul > li {
	display: inline-block;
	margin: 15px 0;
	position: relative;
}
#team .team-list > ul > li > a > figure {
	height: 65px;
	position: relative;
	width: 65px;
}
#team .team-list > ul > li.active::after {
	margin-top: 10px;
	position: absolute;
	right: 30px !important;
	top: 100%;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
#team .team-list > ul > li {
	display: inline-block;
	margin: 15px 0;
}
}
/*===============================> END TEAM CSS <===============================*/
/*===============================> START PRICING CSS <===============================*/
#pricing {
	padding: 1% 0;
	background: #fff none repeat scroll 0 0;
}

.padding-top {
	padding-top:100px;
}

#pricing .section-text > p {
	padding-right: 20px;
	

}
.pricing-plan {
	text-align: center;
	border-top: 0px solid #f2f2f2;
	border-bottom: 0px solid #cc9584;
	/*border: 0px solid #f2f2f2;*/
	padding: 0px 0px;
	-webkit-transition: .0s;
	-o-transition: .0s;
	transition: .0s;
	width: 100%;
	float: left;
	min-height: 190px;
	border-radius: 10px;
	overflow:hidden;
	background: #fff none repeat scroll 0 0;
	-webkit-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow: rgb(34 38 42 / 5%) 0.125rem 0.25rem 0.5rem;
	
}


.bg-blue {
	/* border-top: 5px solid #34db9b; */
	background: #07a4ff;
	overflow:	auto;


}
.preferred {
	/* border-top: 5px solid #34db9b; */
	background: #42d698;
	background: #07a4ff;
	color: #fff;
	font-weight:600;
	font-family: 'Poppins';
	overflow:	auto;
	position:absolute;
	margin-top:-27px;
	width:97%;
	border-radius: 25px;


}

.bg-preferred {
	background: #07a4ff!important;
	/* background: linear-gradient(to bottom,#07a4ff 0%,#fff 100%)!important ; */
	
}

.bg-preferred-solid {
	background: #07a4ff!important;
	/* background: linear-gradient(to bottom,#07a4ff 0%,#fff 100%)!important ; */
	
}

.bg-preferred-solid:hover {
	background: #0073b6!important;
	/* background: linear-gradient(to bottom,#07a4ff 0%,#fff 100%)!important ; */
	
}

.bg-violet {
	border-top: 0px solid #f2f2f2;
	background: #6d00b6!important;
}

.bg-green {
	background: #00e299!important;
}

.bg-green:hover {
	background: #00865c!important;
}

.check-green {
    color: #fff!important;
    color: #0dce71!important;
    background: #fff;
    background: #e8fff4;
    border-radius: 50px;
    padding: 4px;
    margin-right: 5px;
    /* box-shadow: inset -2px -3px 6px 1px rgb(0 0 0 / 15%);*/
}

.pricing-plan .plan-name {

	background-color: #34db9b;
	background-color: #69f0ae;
	/* background: linear-gradient(to bottom,#34db9b 0%,#fff 100%) ; */
	color: #3c3d46;
	padding: 20px;
	

}

.pricing-plan .plan-name > h1 {
	font-size: 56px;
	font-weight: normal;
	color: #7ee8e5;
	margin-bottom: 0px;
	

}
.pricing-plan .plan-name > h2 {
	font-size: 24px;
	font-weight: 600;
	font-family: 'Montserrat';
	color: #3c3d46;
	margin-bottom: 0px;
	margin-top: 5px;
}

.pricing-plan .plan-name.bg-preferred > h2 {
	color: #fff!important;
}

.pricing-plan .plan-name > p {
	font-size:14px;
}

.pricing-plan .plan-name.bg-preferred > p {
	color: #f2f2f2!important;
}


.pricing-plan .plan-name > h3 {
	font-size: 18px;
	font-weight: 600;
	font-family: 'Poppins';
	color: #000;
	margin-bottom: 20px;
  margin-top: 40px;
	text-align: left;

}
.pricing-plan .plan-name > h4 {
	font-size: 16px;
	font-weight: 600;
	font-family: 'Poppins';
	color: #f2f2f2;
	margin-bottom: 0px;
}
.pricing-plan .plan-name > h5 {
	margin-bottom: 30px;
	font-family: 'Poppins';
		font-size: 18px;
		font-weight: 700;
		color: #999;
}


.pricing-plan .plan-price > p {
	font-size: 12px;
	margin: 20px 0;
}
.pricing-plan .plan-price > p > span {
	font-size: 34px;
	font-family: "Poppins", sans-serif;
	color: #3c3d46;
	font-weight: 800;
}

.pricing-plan .plan-price > p > span.price-valu-cross {
	font-size: 12px;
	font-family: "Poppins", sans-serif;
	color: rgb(132, 151, 136);
	font-weight: 600;
	text-decoration: line-through;
}

.pricing-plan .plan-price > p span.sign.price-valu-cross {
	font-size: 30px;
	font-weight: 600;
	text-decoration: line-through;

}

.price-valu-cross {
	text-decoration: line-through;
}




.pricing-plan .plan-price > p span.sign {
	font-size: 16px;
	font-weight: 600;

}
.pricing-plan.active {
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
	box-shadow: rgb(34 38 42 / 5%) 0.125rem 0.25rem 0.5rem;
}

.plan-details {
	padding: 15px 20px;
	min-height: 225px;
}

.padding-5 {
	padding-right:5px;
	padding-left:5px;
	margin-bottom:30px;
	
}

.plan-details > ul {
	list-style: outside none none;
	margin: 3px 0;
	margin-left: 20px;
	padding: 0;
	font-size: 16px;
	color: #777;
	font-weight: 200;
}

.plan-details > ol {
	list-style: outside none none;
	padding: 0;
	font-size: 16px;
	color: #1384c6;
	margin: 3px 0;
	margin-left: 20px;
	font-weight: 500;
}
.plan-details > li {
	list-style: outside none none;
	margin: 6px 0;
	padding: 0;
	font-size: 13px;
	color: #3c3d46;
	margin-left: 5px;
	font-weight: 400;
	font-family: "Poppins";
}

.plan-details2 > li {
	list-style: outside none none;
	margin: 3px 0;
	padding: 0;
	font-size: 14px;
	color: #3c3d46;
	margin-left: 5px;
	font-weight: 400;
	font-family: "Poppins";
}

.pricing-plan .plan-details > h3 {
	font-size: 18px;
	font-weight: 600;
	font-family: 'Poppins';
	color: rgb(65, 65, 65);
	margin-bottom: 20px;
  margin-top: 40px;
	text-align: left;

}

.plan-details > hr {

margin-top: 10px;
margin-bottom: 10px;
}

.choose-plan > a {
	border: 0px solid #777;
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	margin: 20px 0;
	padding: 15px 20px;
	text-decoration: none;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	background-color: #34db9b;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;
	box-shadow: 10px 10px 10px 5px rgba(0, 0, 0, 0.15);
	box-shadow: rgb(34 38 42 / 5%) 0.125rem 0.25rem 0.5rem;
	font-family: 'Montserrat';

}
.pricing-plan.active .choose-plan > a {
	background: #2aaaa6;
	background: #98d3d1;
	background: #34db9b;
	border: 0px solid transparent;
	color: #fff;
}

.pricing-plan.active .choose-plan > a:hover {
	background: #12d677;
}
 @media screen and (max-width: 1200px) {
#pricing {
	padding: 60px 0;
}

}
 @media screen and (max-width: 991px) {
#pricing {
	padding: 10px 0;
}
#pricing .pricing-plan {
	width: 100%;
	margin-bottom: 30px;
	font-size: 20px;
}
.plan-details {
	min-height: 0px;
}
#pricing .plan-details > ul > li {
	padding: 5px 0;
	border-bottom: 2px solid #ccc;
	font-size: 20px;
}
#pricing .pricing-section-text {
	padding-bottom: 10px;
}
}
 @media screen and (max-width: 767px) {
#pricing .pricing-plan {
	margin-bottom: 30px;
	width: 100%;
}
.preferred {
	margin-top:-30px;
	width:98%;
	font-size:12px;


}
}
/*===============================> END pricing CSS <===============================*/
/*===============================> START reviews6 CSS <===============================*/
#reviews6 {
	background: -webkit-linear-gradient(#34db9b, rgb(197, 255, 220),#34db9b); /* For Safari 5.1 to 6.0 */
	background: linear-gradient(45deg,#d5eee2, rgb(193, 231, 209)); /* Standard syntax #ce427c, #941b4d */
	background: #34db9b;
	padding: 40px 0px;
}

/*===============================> END reviews5 CSS <===============================*/
/*===============================> START reviews5 CSS <===============================*/
#reviews5 {
	background: #fff;
	padding: 10px 0px;
}

.margin-pic {
	margin: 5vh 0px;
	/* display: flex; */
}

.margin-text {
	margin: 20px 0px;
	margin: 5vh 0px;
	padding:30px 30px;
}

.padding-text {
	padding:30px 30px;
}

.how-work-text > li.title {
	font-size:18px;
	padding-bottom:0px;
	padding-left:8px;
	font-weight:800!important;
	/* text-transform:uppercase; */
	/* font-family: 'Cinzel'; */
}

.how-work-text > li.subtitle {
	font-size:16px;
	color:#888;
	font-weight:400;
	margin-bottom:0px;
}

@media screen and (max-width: 767px) {
.margin-pic {
	margin: 0px 0px;
	margin-top:40px;
	/* display:flex; */
	/* padding:20px 60px; */
	text-align:center;
}

.margin-text {
	margin: 0px 0px;
	padding:0px 30px;
}
.padding-text {
	padding:0px 30px;
}
.how-work-text > li.title {
	font-size:18px;
	padding-bottom:10px;
}

.how-work-text > ul > li {
	font-size:14px;
}

.how-work-text > li.subtitle {
	font-size:14px!important;
	margin-bottom:10px;
}
}

/*===============================> END reviews5 CSS <===============================*/
/*===============================> START reviews CSS <===============================*/
#reviews {
	background: #fff;
	padding: 50px 0px;
}

#reviews.padding-reviews {
	padding-top:120px;
	padding-bottom:40px;
}

#reviews .section-title {
	font-size: 20px;
	/*margin: 0px 0;*/
	margin-bottom: 15px;
	margin-top: 5px;
	/* font-family: 'Cinzel', sans-serif; */
	font-weight: 600;
	color: #3c3d46;
}
#reviews .section-title2 {
	font-size: 40px;
	margin: 0px 0;
	margin-bottom: 15px;
	font-family: 'Poppins', sans-serif;
}
#reviews .section-text {
	font-size: 13px;
	/*margin: 0px 0;*/
	margin-bottom: 20px;
	font-family: 'Poppins', sans-serif;
	
	color: #3c3d46;
}
.reviewer-list {
	background: #cccccc none repeat scroll 0 0;
	-webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.15);
	padding: 30px;
	position: relative;
	margin-top: -30px;
}
.reviewer-list::after {
	background: #34db9b none repeat scroll 0 0;
	border-radius: 50%;
	-webkit-box-shadow: 0 1px 2px 2px #cccccc;
	box-shadow: 0 1px 2px 2px #cccccc;
	color: #ffffff;
	content: "";
	cursor: pointer;
	font: 14px/1 FontAwesome;
	height: 40px;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0;
	padding: 13px;
	position: absolute;
	right: -20px;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40px;
}
.reviewer-list > ul {
	list-style: outside none none;
	margin: 0;
	padding: 0px;
}
.reviewer-list > ul > li.active > a .reviewer-thumb::after {
	background: rgba(131, 158, 226, 0.7) none repeat scroll 0 0;
	border: 8px solid rgba(217, 226, 249, 0.6);
	border-radius: 50%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.reviewer-list > ul > li.active > a .name {
	color: #34db9b;
}
.reviewer-list > ul > li {
	margin-bottom: 20px;
	overflow: hidden;
}
.reviewer-list > ul > li > a .name {
	color: #3a3a3a;
	display: block;
	font-size: 16px;
}
.reviewer-list > ul > li > a .reviewer-info {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
.reviewer-thumb {
	border-radius: 50%;
	float: left;
	height: 90px;
	overflow: hidden;
	width: 90px;
	position: relative;
}
.review-single {
	display: none;
}
.review-single.active {
	display: block;
}
.rating {
	display: inline-block;
	text-align: center;
	padding: 60px 15px 35px;
}
.rating > span {
	display: inline-block;
	margin: 0 15px;
}
.rating .rating-title {
	color: #3a3a3a;
	font-size: 15px;
	font-weight: normal;
}
.rating .rating-stars i {
	color: #ce427c;
	display: inline-block;
}
.review-text {
	padding: 0 50px;
}
.reviewer-img {
	border: 8px solid #d1dcf8;
	border-radius: 50%;
	height: 100px;
	margin: 45px auto;
	overflow: hidden;
	width: 100px;
}
.reviewer-name > h4 {
	color: #ce427c;
	font-size: 16px;
	font-weight: normal;
	font-weight: normal;
}
 @media screen and (max-width: 1200px) {
#reviews {
	padding: 30px 0;
}
}
 @media screen and (max-width: 991px) {
#reviews {
	padding: 40px 0;
}
#reviews.padding-reviews {
	padding-top:40px;
	padding-bottom:40px;
}
#reviews .reviewer-list {
	margin-top: 40px;
}
#reviews .reviewer-info {
	display: none;
}

#reviews .section-title2 {
	font-size: 30px;
}

}
 @media screen and (max-width: 767px) {
#reviews ul {
	padding-left: 10px!important;
}
.reviewer-thumb {
	height: 60px;
	width: 60px;
}
.reviewer-list {
	padding: 15px;
}
.reviewer-list > ul {
	text-align: center;
	
}
.reviewer-list > ul > li {
	display: inline-block;
	margin: 20px 0;
	overflow: hidden;
}
.reviewer-list::after {
	left: 50%;
	right: auto;
	top: 100%;
	-webkit-transform: translateX(-50%) rotate(90deg);
	-ms-transform: translateX(-50%) rotate(90deg);
	transform: translateX(-50%) rotate(90deg);
	margin-top: -20px;
}
.review-text {
	padding: 0;
}
}
/*===============================> END reviews CSS <===============================*/
/*===============================> START reviews2 CSS <===============================*/
#reviews2 {
	background: #f2f2f2;
	padding: 40px 0;
}
#reviews2 .section-title {
	font-size: 22px;
	margin: 0px 0;
	margin-bottom: 20px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}
#reviews2 .section-title2 {
	font-size: 40px;
	margin: 0px 0;
	margin-bottom: 15px;
	font-family: 'Poppins', sans-serif;

}
.reviewer-list {
	background: #cccccc none repeat scroll 0 0;
	-webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.15);
	padding: 30px;
	position: relative;
	margin-top: -30px;
}
.reviewer-list::after {
	background: #34db9b none repeat scroll 0 0;
	border-radius: 50%;
	-webkit-box-shadow: 0 1px 2px 2px #cccccc;
	box-shadow: 0 1px 2px 2px #cccccc;
	color: #ffffff;
	content: "";
	cursor: pointer;
	font: 14px/1 FontAwesome;
	height: 40px;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0;
	padding: 13px;
	position: absolute;
	right: -20px;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40px;
}
.reviewer-list > ul {
	list-style: outside none none;
	margin: 0;
	padding: 0px;
}
.reviewer-list > ul > li.active > a .reviewer-thumb::after {
	background: rgba(131, 158, 226, 0.7) none repeat scroll 0 0;
	border: 8px solid rgba(217, 226, 249, 0.6);
	border-radius: 50%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.reviewer-list > ul > li.active > a .name {
	color: #34db9b;
}
.reviewer-list > ul > li {
	margin-bottom: 20px;
	overflow: hidden;
}
.reviewer-list > ul > li > a .name {
	color: #3a3a3a;
	display: block;
	font-size: 16px;
}
.reviewer-list > ul > li > a .reviewer-info {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
.reviewer-thumb {
	border-radius: 50%;
	float: left;
	height: 90px;
	overflow: hidden;
	width: 90px;
	position: relative;
}
.review-single {
	display: none;
}
.review-single.active {
	display: block;
}
.rating {
	display: inline-block;
	text-align: center;
	padding: 60px 15px 35px;
}
.rating > span {
	display: inline-block;
	margin: 0 15px;
}
.rating .rating-title {
	color: #3a3a3a;
	font-size: 15px;
	font-weight: normal;
	
}
.rating .rating-stars i {
	color: #ce427c;
	display: inline-block;
}
.review-text {
	padding: 0 50px;
}
.reviewer-img {
	border: 8px solid #d1dcf8;
	border-radius: 50%;
	height: 100px;
	margin: 45px auto;
	overflow: hidden;
	width: 100px;
}
.reviewer-name > h4 {
	color: #ce427c;
	font-size: 16px;
	font-weight: normal;
	font-weight: normal;
}
 @media screen and (max-width: 1200px) {
#reviews2 {
	padding: 60px 0;
}
}
 @media screen and (max-width: 991px) {
#reviews2 {
	padding: 30px 0;
}
#reviews2 .reviewer-list {
	margin-top: 40px;
}
#reviews2 .reviewer-info {
	display: none;
}
}
 @media screen and (max-width: 767px) {
.reviewer-thumb {
	height: 60px;
	width: 60px;
}
.reviewer-list {
	padding: 15px;
}
.reviewer-list > ul {
	text-align: center;
}
.reviewer-list > ul > li {
	display: inline-block;
	margin: 20px 0;
	overflow: hidden;
}
.reviewer-list::after {
	left: 50%;
	right: auto;
	top: 100%;
	-webkit-transform: translateX(-50%) rotate(90deg);
	-ms-transform: translateX(-50%) rotate(90deg);
	transform: translateX(-50%) rotate(90deg);
	margin-top: -20px;
}
.review-text {
	padding: 0;
}
}
/*===============================> END reviews CSS <===============================*/
/*===============================> START reviews3 CSS <===============================*/
#reviews3 {
	
	padding: 10px 0;
}
#reviews3 .section-title {
	font-size: 22px;
	margin: 0px 0;
	margin-bottom: 18px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
}
#reviews3 .section-title2 {
	font-size: 40px;
	margin: 0px 0;
	/* margin-bottom: 15px; */
	font-family: 'Poppins', sans-serif;

}
#reviews3 .how-work-text {
	padding: 30px;
	font-size: 18px;
	color: #3c3d46;
	font-family: 'Poppins';font-weight: 800;
}

.how-work-text > li {
	font-size: 30px;
}

.how-work-text > li.desc {
	font-size:15px;
	color:#555;
	margin:0px;
	font-weight:500;
	padding:0px;
}

#reviews3 .ul-pos-block3 {
	border-left: 0px solid #34db9b;
	margin-top: 0px;
	padding: 10px 0px;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	min-height: 0px;
	border-radius: 0px;
}

#reviews3 .ul-pos-block3 > span.icon {
	color: #34db9b;
	font-size: 60px;
	border-radius: 50%;
	border: 0px solid;
	padding: 14px;
	box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0.2);
}
#reviews3 .ul-pos-block3.active {
	-webkit-box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0);
	box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0);
	padding: 20px;
}

.reviewer-list {
	background: #cccccc none repeat scroll 0 0;
	-webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.15);
	padding: 30px;
	position: relative;
	margin-top: -30px;
}
.reviewer-list::after {
	background: #34db9b none repeat scroll 0 0;
	border-radius: 50%;
	-webkit-box-shadow: 0 1px 2px 2px #cccccc;
	box-shadow: 0 1px 2px 2px #cccccc;
	color: #ffffff;
	content: "";
	cursor: pointer;
	font: 14px/1 FontAwesome;
	height: 40px;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0;
	padding: 13px;
	position: absolute;
	right: -20px;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40px;
}
.reviewer-list > ul {
	list-style: outside none none;
	margin: 0;
	padding: 0px;
}
.reviewer-list > ul > li.active > a .reviewer-thumb::after {
	background: rgba(131, 158, 226, 0.7) none repeat scroll 0 0;
	border: 8px solid rgba(217, 226, 249, 0.6);
	border-radius: 50%;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.reviewer-list > ul > li.active > a .name {
	color: #34db9b;
}
.reviewer-list > ul > li {
	margin-bottom: 20px;
	overflow: hidden;
}
.reviewer-list > ul > li > a .name {
	color: #3a3a3a;
	display: block;
	font-size: 16px;
}
.reviewer-list > ul > li > a .reviewer-info {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
}
.reviewer-thumb {
	border-radius: 50%;
	float: left;
	height: 90px;
	overflow: hidden;
	width: 90px;
	position: relative;
}
.review-single {
	display: none;
}
.review-single.active {
	display: block;
}
.rating {
	display: inline-block;
	text-align: center;
	padding: 60px 15px 35px;
}
.rating > span {
	display: inline-block;
	margin: 0 15px;
}
.rating .rating-title {
	color: #3a3a3a;
	font-size: 15px;
	font-weight: normal;
}
.rating .rating-stars i {
	color: #ce427c;
	display: inline-block;
}
.review-text {
	padding: 0 50px;
}
.reviewer-img {
	border: 8px solid #d1dcf8;
	border-radius: 50%;
	height: 100px;
	margin: 45px auto;
	overflow: hidden;
	width: 100px;
}
.reviewer-name > h4 {
	color: #ce427c;
	font-size: 16px;
	font-weight: normal;
	font-weight: normal;
}
 @media screen and (max-width: 1200px) {
#reviews3 {
	padding: 0px 0;
}
}
 @media screen and (max-width: 991px) {
#reviews3 {
	padding: 0px 0;
}
#reviews3 .reviewer-list {
	margin-top: 10px;
}
#reviews3 .reviewer-info {
	display: none;
}
#reviews3 .how-work-text {
	padding: 28px 0px;
}
}
 @media screen and (max-width: 767px) {
.reviewer-thumb {
	height: 60px;
	width: 60px;
}
.reviewer-list {
	padding: 15px;
}
.reviewer-list > ul {
	text-align: center;
}
.reviewer-list > ul > li {
	display: inline-block;
	margin: 20px 0;
	overflow: hidden;
}
.reviewer-list::after {
	left: 50%;
	right: auto;
	top: 100%;
	-webkit-transform: translateX(-50%) rotate(90deg);
	-ms-transform: translateX(-50%) rotate(90deg);
	transform: translateX(-50%) rotate(90deg);
	margin-top: -20px;
}
.review-text {
	padding: 0;
}
#reviews3 .how-work-text {
	padding: 28px 0px;
}
#reviews3 .ul-pos-block3 > span.icon {
	font-size: 40px;
}
.how-work-text > li {
	font-size: 26px;
}
.how-work-text > li.desc {
	font-size:14px;
	color:#777;
	margin-top:20px;
	font-weight:400
}
}
/*===============================> END reviews3 CSS <===============================*/
/*===============================> START DOWNLOAD APP CSS <===============================*/
#download-app {
	padding-top: 60px;
}
.downlaod-text-content {
	padding-left: 18%;
}
.section-text > p {
	margin: 20px 0;
}
.download-app-from > h4 {
	color: #3a3a3a;
	font-size: 16px;
	margin: 30px 0;
}
.download-app-from > a {
	background: #dce9fd none repeat scroll 0 0;
	border-radius: 50px;
	color: #676767;
	display: inline-block;
	max-width: 200px;
	padding: 8px;
	text-align: left;
	text-decoration: none;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.download-app-from > a:hover {
	background: #34db9b;
	color: #fff;
}
.download-app-from > a.active {
	background: #34db9b;
	color: #fff;
	margin-left: 30px;
}
.download-app-from figure {
	display: inline-block;
	padding: 5px 10px;
}
.download-app-screen {
	margin-top: -70px;
}
 @media screen and (max-width: 991px) {



.no-padding {
	padding-left: 15px;
	padding-right: 15px;
}
}
 @media screen and (max-width: 767px) {

	.section-text > p {
		font-size: 15px;
	}
#download-app {
	padding-top: 90px;
}
.downlaod-text-content {
	padding: 15px;
}
.download-app-from {
	text-align: center;
}
.download-app-from > a {
	padding: 8px;
	text-align: left;
	margin: 10px 0;
}
.download-app-from > a.active {
	margin-left: 0;
}
.download-app-screen {
	padding-top: 30px;
}
}
/*===============================> END DOWNLOAD APP CSS <===============================*/
/*===============================> START NEWS CSS <===============================*/
#news {
	background: #f6f7fe none repeat scroll 0 0;
	padding: 150px 0;
}
.news-section-text {
	margin-top: 90px;
}
.news-block {
	background: #fff none repeat scroll 0 0;
	margin-bottom: 20px;
	padding: 30px 40px;
	text-align: right;
	border-right: 2px solid transparent;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
.news-block .news-title > h2 {
	margin-top: 0;
	font-size: 18px;
}
.news-block .news-title > a {
	color: #3a3a3a;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
}
.news-block .news-meta > ul {
	list-style: outside none none;
	margin: 15px 0;
	padding: 0;
}
.news-block .news-meta > li {
	border-right: 2px solid #a2a2a2;
	color: #a2a2a2;
	display: inline-block;
	padding: 0 10px;
}
.news-block .news-meta > li:last-child {
	border-right: none;
}
.news-block.active {
	border-color: #ce427c;
	-webkit-box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.15);
}
.news-block.active .news-title > h2 > a {
	color: #ce427c;
}
.news-text {
	height: 0;
	opacity: 0;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
.news-block.active .news-text {
	height: auto;
	opacity: 1;
	-webkit-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
}
 @media screen and (max-width: 1200px) {
#news {
	padding: 120px 0;
}
}
 @media screen and (max-width: 991px) {
#news {
	padding: 90px 0;
}
#news .col-md-4.col-md-offset-1.pull-right {
	float: none !important;
	padding-bottom: 50px;
}
#news .news-section-text {
	margin-top: 0;
}
}
/*===============================> END NEWS CSS <===============================*/
/*===============================> START NEWSLETTER CSS <===============================*/
#newsletter {
	background: #ce427c none repeat scroll 0 0;
	padding: 30px 0;
}
#newsletter h2.section-title {
	color: #fff;
	font-size: 30px;
	margin: 0;
}
#newsletter .newsletter-subscribe .input-group-addon {
	background: #ffffff none repeat scroll 0 0;
	border: medium none;
	border-radius: 0;
}
#newsletter .newsletter-subscribe .form-control {
	border: medium none;
	height: 50px;
	padding-right: 60px;
}
#newsletter .newsletter-subscribe .btn {
	background: #ce427c none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	height: 40px;
	margin-left: -50px;
	width: 40px;
	z-index: 10;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
#newsletter .newsletter-subscribe .btn:hover {
	border-radius: 3px;
}
#newsletter .newsletter-subscribe .subscribe-message {
	font-weight: normal;
	left: 0;
	margin-top: 3px;
	position: absolute;
	top: 100%;
	width: 100%;
}
#newsletter .newsletter-subscribe .subscribe-message.fa.fa-warning {
	color: red !important;
}
 @media screen and (max-width: 991px) {
#newsletter .col-md-4.col-sm-5.text-right {
	text-align: center;
}
}
 @media screen and (max-width: 767px) {
#newsletter h2.section-title {
	color: #fff;
	font-size: 30px;
	margin: 0 0 20px;
}
}
/*===============================> END NEWSLETTER CSS <===============================*/
/*===============================> START CONTACT CSS <===============================*/
.contact-wrap {
	background: url(../img/2e.jpg) no-repeat scroll 0 0;
	background-size: cover;
	min-height: 500px;
}
.row-naive-contact {
	margin-left: 20px;
	margin-top: 30px;
}
.address-block {
	background: #f6f7fe none repeat scroll 0 0;
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 8px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 0 6px 8px 4px rgba(0, 0, 0, 0.15);
	height: 120px;
	padding-bottom: 40px;
	padding-left: 20%;
	padding-top: 40px;
	position: relative;
}
.address-block .address-icon {
	background: #34db9b none repeat scroll 0 0;
	border-radius: 50%;
	color: #ffffff;
	font-size: 18px;
	height: 40px;
	left: -25px;
	padding: 8px;
	position: absolute;
	text-align: center;
	width: 40px;
}
.address-block .address-icon::after {
	border: 1px solid #d2d8f0;
	border-radius: 50%;
	content: "";
	height: 50px;
	left: -5px;
	position: absolute;
	top: -5px;
	width: 50px;
}
.naive-contact-form {
	background: #f6f7fe none repeat scroll 0 0;
	-webkit-box-shadow: 0 6px 8px 4px rgba(0, 0, 0, 0.15);
	box-shadow: 0 6px 8px 4px rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	height: 400px;
	max-width: 370px;
}
.naive-contact-form > h4 {
	border-bottom: 1px solid #dadada;
	color: #3a3a3a;
	margin: 0;
	padding: 30px 0;
	text-align: center;
	text-transform: capitalize;
}
.naive-contact-form .contact-form {
	padding: 0 30px;
	position: relative;
}
.naive-contact-form .contact-form > input, .naive-contact-form .contact-form > textarea {
	background: transparent none repeat scroll 0 0;
	-webkit-border-image: none;
	-o-border-image: none;
	border-image: none;
	border-style: none none solid;
	border-width: medium medium 1px;
	margin-top: 15px;
	padding: 10px 0;
	width: 100%;
}
.naive-contact-form .contact-form > input.error, .naive-contact-form .contact-form > textarea.error {
	border-bottom-color: red;
}
.naive-contact-form .contact-form > input:focus, .naive-contact-form .contact-form > textarea:focus {
	outline: none;
}
.naive-contact-form .contact-form .submit {
	background: #34db9b none repeat scroll 0 0;
	border: medium none;
	border-radius: 50%;
	color: #ffffff;
	float: right;
	height: 40px;
	margin-top: 15px;
	text-align: center;
	width: 40px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.naive-contact-form .contact-form .submit:hover {
	width: 100px;
	border-radius: 4px;
}
.naive-contact-form .contact-form .contact-message {
	font-size: 10px;
	font-weight: 600;
	position: absolute;
	top: 5px;
}
 @media screen and (max-width: 991px) {
.row-naive-contact {
	margin: 0;
	padding: 90px 0;
}
}
 @media screen and (max-width: 767px) {
.no-padding.contact-wrap {
	padding: 0 15px;
}
.naive-contact-form {
	max-width: 100%;
}
}
/*===============================> END CONTACT CSS <===============================*/
/*===============================> START FOOTER CSS <===============================*/
#naive-footer {
	background: #3c3d46  none repeat scroll 0 0;
	color: #f2f2f2;
	padding: 30px 0px;
	font-size: 18px;
	font-family: 'Poppins';

}
#naive-footer .text-muted {
	line-height: 10px;
}
#naive-footer .col-sm-6.pull-right {
	text-align: right;
}
.social > ul > li > a {
	background: #404a61 none repeat scroll 0 0;
	background: -webkit-linear-gradient(45deg,#404a61, #5570af); /* For Safari 5.1 to 6.0 */
	background: linear-gradient(45deg,#3c3d46, #3c3d46); /* Standard syntax #ce427c, #941b4d */
	border-radius: 50%;
	display: block;
	height: 50px;
	padding: 9px;
	text-align: center;
	width: 50px;
	color: #f6f7fe;
	position: relative;
	font-size: 24px;
}
.social > ul > li > a:hover {
	background: #34db9b;
	background: -webkit-linear-gradient(45deg,#34db9b, #34db9b); /* For Safari 5.1 to 6.0 */
	background: linear-gradient(45deg,#34db9b, #65e0a5); /* Standard syntax #ce427c, #941b4d */
	color: #fff;
}
.social > ul > li > a:hover::after {
	border: 0px solid #404a61;
	border-radius: 50%;
	content: "";
	height: 50px;
	left: -5px;
	position: absolute;
	top: -5px;
	width: 50px;
}
 @media screen and (max-width: 767px) {
#naive-footer .col-sm-6.pull-right {
	float: none !important;
	text-align: center;
}
#naive-footer .social > ul > li {
	margin-bottom: 10px;
}
}
/*===============================> END FOOTER CSS <===============================*/


.boxx {
	-webkit-box-shadow: -2px 9px 24px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: -2px 9px 24px -5px rgba(0,0,0,0.75);
	box-shadow: -2px 9px 0px -5px rgba(0,0,0,0);

}
.bgacc {
	background: #34db9b; /* For browsers that do not support gradients */
	/* background: -webkit-linear-gradient(#ce427c, #941b4d); For Safari 5.1 to 6.0 */
	/* background: -o-linear-gradient(#ce427c, #941b4d); For Opera 11.1 to 12.0 */
	/* background: -moz-linear-gradient(#ce427c, #941b4d); For Firefox 3.6 to 15 */
	/* background: linear-gradient(#34db9b, #34db9b); Standard syntax #ce427c, #941b4d */
	background: #34db9b none repeat scroll 0 0;
	color: #fff;
	border: 2px solid #34db9b;
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
	font-family: 'Poppins';
	
	
}


.bgacc2 {
	background-color: #fff; /* For browsers that do not support gradients */
	/* background: -webkit-linear-gradient(#ce427c, #941b4d); For Safari 5.1 to 6.0 */
	/* background: -o-linear-gradient(#ce427c, #941b4d); For Opera 11.1 to 12.0 */
	/* background: -moz-linear-gradient(#ce427c, #941b4d); For Firefox 3.6 to 15 */
	/* background: linear-gradient(#fff, #fff); Standard syntax #ce427c, #941b4d */
	/* background: #ce427c none repeat scroll 0 0;*/
	border-color: #4deba9;
	color: #34db9b;
	border: 2px solid #34db9b;
	box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
	font-family: 'Poppins';
	/* border-radius: 10px; */
}

.bgacc2:hover {
	color: #fff!important;
	background-color: #43e2a5!important;
	border: 2px solid #43e2a5;
}

.bgacc:hover {
	color: #fff!important;
	background-color: #43e2a5!important;
	box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.2);
	border: 2px solid #43e2a5;
}


.main-menu > li > a .bgacc {
	color: #fff;
}

.float{
	position:fixed;
	width:55px;
	height:55px;
	bottom:40px;
	right:80px;
	background: -webkit-linear-gradient(45deg,#4dc247, #a2ff9d); /* For Safari 5.1 to 6.0 */
	background: -webkit-linear-gradient(45deg,#4dc247, #4dc247); /* For Safari 5.1 to 6.0 */
	background: linear-gradient(45deg,#a2ff9d, #4dc247); /* Standard syntax #ce427c, #941b4d */
	background: linear-gradient(45deg,#4dc247, #4dc247); /* Standard syntax #ce427c, #941b4d */
	color:#FFF;
	border-radius:50px;
	text-align:center;
        font-size:35px;
	box-shadow: 0px 2px 10px #d2d2d2;
        z-index:100;
}

.float:hover {
	background-color: #25d366;
	background: linear-gradient(45deg,#fff, #fff); /* Standard syntax #ce427c, #941b4d */
	color:#4dc247;

}

@media screen and (max-width: 767px) {

	.float{
		position:fixed;
		/* width:50px; */
		/* height:50px; */
		bottom:30px;
		right:35px;
		/* font-size:30px; */
	}

}

.my-float{
	margin-top:11px;
}



#aws i {
	font-size:20px;
	font-weight:600;
	color:#3c3d46;
}

#aws .logo {
	text-align:right;
}

#aws .text {
	text-align:left;
}



@media screen and (max-width: 767px) {
	#aws i {
		font-size:16px;
		font-weight:600;
		color:#444;
		font-style:normal;
		
	}
	#aws {
		background:#f5f5f5;
		padding:20px;
	}
	#aws .logo {
		text-align:center;
	}
	
	#aws .text {
		text-align:center;
		/* text-transform:uppercase; */
		color:#888;
		margin-top:20px;
	}
}

/* WhatsApp Floating Button Styles */
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    left: 20px;
    background-color: #25D366;
    color: #FFF;
    border-radius: 50%;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 1000;
    transition: all 0.3s ease;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.whatsapp-float:hover {
    background-color: #128C7E;
    color: #FFF;
    text-decoration: none;
    transform: scale(1.1);
    box-shadow: 2px 2px 10px #666;
}

.whatsapp-float i {
    margin: 0;
}

@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.whatsapp-float.pulse {
    animation: pulse 2s infinite;
}

@media (max-width: 768px) {
    .whatsapp-float {
        width: 50px;
        height: 50px;
        font-size: 24px;
        bottom: 15px;
        left: 15px;
    }
}