@font-face {
  font-family: 'fredoka';
  src: url('../fonts/FredokaOne-Regular.ttf');
}

@font-face {
  font-family: 'Poppins';
  src: url('../fonts/poppins/Poppins-Regular.ttf');
}

@font-face {
font-family: 'Poppins';
src: url('../fonts/poppins/Poppins-Bold.ttf');
font-weight: bold;
font-style: normal;
}

body{
	    background-color:#f9f9f9;
	    font-family: 'Poppins', sans-serif;
}

.float-right {
    float: right!important;
}


.app-top{
	padding-bottom: 50px;
}

.video-responsive {
	margin-top: 45px;
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}


/* Header */ 
.top-space{
	margin-top:55px;
}

.navbar-default{
	background-color: #fff;
	min-height:86px; 
	padding-top:16px;
	border-bottom: 0px;
}

.navbar-container,.footer-container{
	max-width:1600px;
	display: block;
	margin: auto;
}

.navbar-brand{
	padding-top:5px;
}

.navbar-logo{
	max-width: 200px;
}


.navbar-default .navbar-nav>li>a {
    color:#55504f;
    letter-spacing:1px; 
    font-size:23px;
}

.carousel-container{
	display: block;
	margin: auto;
	margin-bottom:20px;
}

.carousel-inner{
	max-height:500px; 
	background-color:#fff;
}

.slider-img-center{
	display: block;
	margin: auto;
}



.app-box-img{
	max-height: 350px;
	max-width: 350px;
}

.app-box-title{
	font-size:20px;
	margin-top:10px;
	letter-spacing:1.5px; 
	font-family:'fredoka';
}

.info-title{
	font-size:40px;
	margin-top:45px;
	letter-spacing:1.5px; 
	font-family:'fredoka';
}

.app-box-description{
	font-size:14px;
	color: #55504f ;
}

.section-title{
	margin-bottom:30px;
	font-family:'fredoka';
}

.app-box{
	border-radius:4px;  
	margin-bottom:15px; 
	min-height: 330px;
	display: block;
	margin:auto;
	padding:0px 0px;
	cursor: pointer;
}

.app-box span{
	color: #3C4858;
	font-size:12px;
}

.download-span{
	color:green !important;
	font-weight: bold;
	font-size: 13px;
}

.app-box a:hover,.app-box a:focus{
	text-decoration: none;
}

.app-box p{
	color:#3C4858;
	font-weight: bold;
	padding-top:10px;
	font-size:15px;
	margin-bottom: 1px;
}

.playstore-icon{
	max-width:120px; 
}

.politics-section{
	max-width:900px;
	text-align: justify;
}

.politics-section p{
	letter-spacing:1px; 
	color: #55504f;
}

.contact-box{
	background-color:#fff;
	padding:30px;
	border-radius:15px; 
	max-width:600px;
	display: block;
	margin:auto;  
	margin-bottom:25px; 
	border:5px solid #fc3669;

}

.btn-contact-form,.btn-contact-form:focus{
	background-color:#fc3569;
	color: #fff;
	font-weight: bold;
	font-size:20px; 
	border-radius:30px;
	padding:10px 30px;  
	outline: none;
}

.btn-contact-form:hover{
	color:#fff;
	background-color: #e02153;
	outline: none;
}

.contact-box .form-control{
	font-size:18px;
	border-radius:8px;
	min-height:45px; 
}


#contact-error-message{
	display: block;
    font-size: 18px;
    color: #fc3569;
    padding: 0;
    margin-bottom:10px;
}

.input-error{
	border-color: #fc3569;    
}

#contact-message-success{
	font-size:25px;
	text-align: center;
	color: #22c8c7;
	font-weight: bold;
}

.dont-show{
	display: none;
}

.social-icon-y i{
	background-color:#fff;
	color:#333;
	padding:10px 13px; 
	font-size:37px; 
	border-radius:50%;  
}
.social-icon-y i:hover{
	color:#fff;
	background-color: #d42322;
}

.social-icon-f i{
	background-color:#fff;
	color:#333;
	padding:10px 18px; 
	font-size:37px; 
	border-radius:50%;  
}

.social-icon-f i:hover{
	background-color: #3c5999;
	color:#fff;
}

.social-icon-i i:hover{
	background-color: #be2aa7;
	color:#fff;
}

.social-icon-a i:hover{
	background-color:#000;
	color:#fff;
}

.android-icon i:hover{
	background-color: #b2cd49;
	color:#fff;
}


.social-icon-a i{
	background-color:#fff;
	color:#333;
	padding:10px 15px; 
	font-size:37px; 
	border-radius:50%;  
}

.social-icon-i i{
	background-color:#fff;
	color:#333;
	padding:10px 13px; 
	font-size:37px; 
	border-radius:50%;  
}

.download-txt{
	color:#22c8c7;
	font-weight: bold;
	font-size:15px; 
}

.scrollToTop{
	cursor: pointer;
}

.story-container-block{
	max-width:900px; 
}

.story-block-1{
	background-color:#222a52;
	min-height:500px;
	padding-top:50px; 
	background-image:url("../imgs/stars-cover.png");  
	background-position: center center;
	background-size: cover;
}

.story-block-2{
	background-color:#0984e3;
	min-height:350px; 
}

.story-block-3{
	background-color: #fff;
	min-height:400px; 
}

.story-block-4{
	background-color:#fd744c;
	min-height:400px; 
	background-image:url("../imgs/apps-cover.png");
}
.story-block-tle{
	color:#fff;
	padding-top:20px; 
}

.story-txt-1{
	font-size:40px;
	font-family: 'fredoka';
	letter-spacing:2px;
	margin-top:0px;
}



.download-block{
	padding-top:50px; 
}

.download-title{
	color:#fff;
	font-weight: bold;
	font-size:30px; 
	margin-bottom:0px;
}

.download-subtitle{
	font-weight: bold;
	font-size:20px; 
	color: #fff;
}

.team-txt{
	font-size:30px;
	padding-top:20px; 
	color: #54504f;
}

.apps-ourstory{
	padding-top:20px; 
}

.apps-ourstory img{
	border-radius:20px;
}

.story-block-title{
	color:#fff;
	padding-top:20px; 
	font-family: 'fredoka';
}

#contact{
	padding-bottom:60px;
}

.top-home{
	background-position:bottom center;
	background-size:100%;
	background-repeat: no-repeat;
}

.top-cover-1{
	background-image: url("../imgs/top-portada.png");
}

.top-cover-2{
	background-image: url("../imgs/top-portada-2.png");
}

.top-home-container{
	max-width:1100px;
	display: block;
	margin: auto;
}

.nico-top{
	max-width:180px;
	display: block;
	margin: auto;
	margin-top:-20px;
}

.doggy-top{
	max-width:180px;
	padding-top:18px; 
}

.leonard-top{
	max-width:130px;
	float: right;
}

.home-top-txt{
	color:#fff;
	margin-top:10px;
	margin-bottom:30px; 
	font-family: 'fredoka';
	letter-spacing:4px;
}

.home-top-txt h1{
	font-size:60px;
}



.app-name{
	background-color:red;
}

#apps .section-title,.video-section .section-title{
	color:#666;
	font-size:30px;
	font-weight: bold;
	font-family:'fredoka';
	letter-spacing:2px;
	margin:80px 0px;

}

.story-block-1 img{
	max-width:330px;
	display: block;
	margin: auto;
	margin-top:50px;
}

.app-top{
	min-height:76vh;
	margin-top:10px;
	background-color:#ecf0f1; 
}

.app-info-img{
 	max-width:300px;
	border-radius:20px;
	display: block;
	margin: auto;
	margin-top:80px; 
}

.app-info-title{
	margin-top:80px; 
	font-weight: bold;
}

.app-info-des{
	text-align: justify;
	font-size:18px;
}

.get-android-img{
	margin-top:30px; 
	max-width:150px;
	margin-bottom: 40px;
}

.team-avatar{
	max-height:300px;
	display: block;
	margin:auto;
	margin-top:10px;
}

.avatar-name{
	font-size: 18px;
	font-family: 'fredoka';
	color: #54504f;
	margin-bottom:20px;
	letter-spacing:2px;
}



.avatar-job{
	text-align: center;
	margin-top:-20px;
	color: #54504f;
	font-size:16px; 
}


.team-title{
	font-family:"fredoka";
	color: #54504f;
	margin-top:50px;
}

.abc-train{
	display: block;
	margin: auto;
	max-width:400px;
	margin-top:10px; 
}

.contact-title{
	color:#fc3669;
	font-family:"fredoka";
	margin:0px;
	margin-bottom:25px;
}

.top-disclaimer{
	font-family: "fredoka";
	font-size:60px; 
	color:#fff;
	position: relative;
	float: left;
	top: 10%;
	left: 50%;
	transform: translate(-50%, -50%); 
   	letter-spacing:2px;
   	background-color:#ff8600; 
   	border-radius:15px;
   	padding:10px; 
}

.dont-show{
	display: none !important;
}

.w-is-visible{
	display: none !important; 
}


.bella-video img {
 width: 100%;
 height: auto;
}

.bella-video{
	position:relative;
	}
	.bella-video:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		display: block;
		background-color: rgba(0,0,0,0.6);
	}




.bella-txt{
	color:#fff;
	position: absolute;
	z-index:99;
	font-family: "fredoka";
	text-align: center !important;
	line-height:70px;
	padding:0px 30px; 
}

#apps{
	margin-bottom:50px;
}

.chickens-video{
	min-height: 300px;
}

	.avatar-body{
	min-height:390px;
}

/* FOOTER */ 

.footer-social{
	padding-top:10px;
}

.footer-social a{
	display: inline-block;
	padding-left:10px; 
}

.footer-txt,.footer-txt a{
	color:#fff;
	font-size:18px;
	margin-bottom:2px;
}

.follow-us-footer{
	margin-bottom:4px !important;
	font-size:15px; 
}
.footer{
	padding-top:40px;
	padding-bottom: 30px;
	background-color:#333;
}


@media(max-width:767px){

	.video-section iframe{
		margin-bottom: 40px;
	}



	#apps .section-title,.video-section .section-title{
		margin:40px 0px;

	}



	.abc-train{
	max-width:200px;`
	}


	.avatar-name{
		font-size: 14px;
	}

	.avatar-job{
		
		font-size:10px; 
	}

	.nico-top{
		max-width:130px;
		margin-bottom:50px; 
	}

	.app-top{
		padding-bottom:50px;
	}

	.app-box p{
		font-size:14px;
	}
	

	.section-title{
		font-size:22px !important;
	}

	.story-block-1 img{
		max-width:290px;
	}

	.story-block-1{
		min-height:390px;
	}

	.leonard-top{
		max-width:60px;
	}

	.doggy-top{
		max-width:70px;
	}

	.top-home{
		height:47vh;

	}

	.home-top-txt{
		margin-bottom:58px;
	}

	.app-box{
		min-height:220px;
	}

	.home-top-txt h1{
		font-size:20px;
	}

	.story-block-title{
		font-size:20px;
	}

	.download-block{
		padding-top:10px; 
	}

	.download-subtitle{
		margin-bottom:25px;
		display: block;
	}

	.download-title {
		font-size:20px;
	}

	.download-subtitle{
		font-size:16px;
	}

	.team-txt{
		font-size:15px;
		padding-top:0px; 
	}



	.story-block-3{
		min-height:200px;
	}

	.story-block-tle{
		padding-top:0px;
		margin-top:0px;
		font-size:18px;
	}
	.apps-ourstory img{
		margin-bottom:20px; 
	}

	.section-title{
		font-size:25px; 
	}

	.app-box-title{
		font-size:18px; 
	}

	.footer p{
		font-size:12px;
	}
	.top-disclaimer{
		font-size:13px;
		padding:5px; 
	}
	.bella-txt{
		font-size:16px;
		margin-top:20px; 
		line-height:20px;
	}
	#apps{
		margin-bottom:20px; 
	}
}

@media(min-width:768px){


	.video-section{
		margin-bottom: 120px;
	}

	.video-section iframe{
		margin-bottom: 40px;
	}



	.top-disclaimer{
		font-size:35px;
		padding:10px; 
	}

	.home-top-txt{
		margin-top:40px; 
	}
	.home-top-txt h1{
		font-size:40px;
	}
	.bella-txt{
		font-size:40px;
		margin-top:50px; 
		line-height:50px;
	}

	
	.top-home{
		height:50vh; 
	}
}

@media(min-width:992px){

	.home-video{
		margin-bottom: 30px;
	}


	.top-disclaimer{
		font-size:50px;
		padding:10px; 
	}
	.home-top-txt{
		margin-top:20px; 
	}
	.home-top-txt h1{
		font-size:60px !important;
	}

	.bella-txt{
		font-size:50px;
		margin-top:50px; 
		line-height:60px;
	}

	

	.top-home{
		height:88vh; 
	}
}

@media(min-width:1200px){

	.video-section iframe{
		margin-bottom: 0px;
	}



	.top-disclaimer{
		font-size:60px;
		padding:10px; 
	}
	.bella-txt{
		font-size:70px;
		margin-top:50px; 
		line-height:80px;
	}
}