html, body {  
   margin:0px;  
   height:100%;  
 } 
body{font-family:sans-serif;}

@font-face {
    font-family: 'chocolate_bar_demoregular';
    src: url('../fonts/chocolate_bar_demo-webfont.woff2') format('woff2'),
         url('../fonts/chocolate_bar_demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'false_positive_brknormal';
    src: url('../fonts/falsepos-webfont.woff2') format('woff2'),
         url('../fonts/falsepos-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gotham_roundedmedium';
    src: url('../fonts/gothamrounded-medium-webfont.woff2') format('woff2'),
         url('../fonts/gothamrounded-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.btn-register{
	background: #debb1f;
    width: 100px;
    height: 30px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    border-radius: 40.5px;
	margin-right: 1.75vw;
}
.btn-enter{
	background:#78CFA1; 
	width: 85px; 
	height: 30px; 
	color:#fff;
	text-decoration:none; 
	font-size:14px;
	border-radius:40.5px;
}
	.bg-hero{background:url('../images/bg1-center-mobile.png') repeat-x; overflow: hidden; }
	.hero-mobile{position:absolute;top:0;z-index:1}
	
	.btn-register, .btn-enter{font-family: 'chocolate_bar_demoregular';}	
	.btn-register:hover, .btn-enter:hover{color:#fff; text-decoration:none;}
	/*fonts*/
	h1{font-family: 'Montserrat', sans-serif;font-weight:600}
	
	.sliders h2{font-family: "azo-sans-uber", sans-serif;
font-weight: 400;
font-style: normal;
font-size:18px;
margin-bottom:0
}
.sliders h3 {font-size:14.5px}
.hero-h1{color:#78CFA1; font-size:30px}
.false-positive{font-family: 'false_positive_brknormal';}
	
	.bg-footer{
	background: rgb(14,9,49);
	background: -moz-linear-gradient(180deg, rgba(14,9,49,1) 0%, rgba(83,42,198,1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(14,9,49,1) 0%, rgba(83,42,198,1) 100%);
	background: linear-gradient(180deg, rgba(14,9,49,1) 0%, rgba(83,42,198,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0e0931",endColorstr="#532ac6",GradientType=1);
	/*height:245px;*/
	 width:100%; 
	
}
#search{position:relative;float: right;height:40px;width: 100%; font-size: 14px; background:rgba(202,212,227,0.3);border-radius:150px;}
#search .search-text{border:none; color:#fff;height:100%;padding-left:20px;background:transparent;}
#search .search-text:focus{outline:none;border:none;}
#search .search-go{border:none;border-radius:150px;background:#78CFA1;color:#fff; position:absolute;right:0;height:100%;min-width:130px}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.6; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #fff;
  opacity: 0.6; /* Firefox */
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #fff;
  opacity: 0.6; /* Firefox */
}



#slider1 .video-title{background:#D568DB;}
#slider2 .video-title{background:#709EFB;}
#slider3 .video-title{background:#C45A48;}
#slider4 .video-title{background:#332492;}
#slider-peppa .video-title{background:#1ec698;}
#slider-transformers .video-title {background: #332492;}
#slider-mylittlepony .video-title {background: #d568db;}

.video-title:hover{text-decoration:none; opacity:0.9}

.item a:hover{text-decoration:none;}



.owl-prev {
width: 15px;
    height: 40px;
    position: absolute;
    top: 35%;
    margin-left: -20px!important;
    display: block !important;
    border:0px solid black;
}

.owl-next {
 width: 15px;
    height: 40px;
    position: absolute;
    top: 35%;
    right: -20px!important;
    display: block !important;
    border:0px solid black;
}
#slider1.owl-theme .owl-nav [class*='owl-']:hover,
#slider2.owl-theme .owl-nav [class*='owl-']:hover,
#slider3.owl-theme .owl-nav [class*='owl-']:hover,
#slider4.owl-theme .owl-nav [class*='owl-']:hover,
#slider-peppa.owl-theme .owl-nav [class*='owl-']:hover,
#slider-transformers.owl-theme .owl-nav [class*='owl-']:hover,
#slider-mylittlepony.owl-theme .owl-nav [class*='owl-']:hover
{background:transparent!important;border:none!important;outline:none!important;}

#slider1 .owl-carousel .owl-stage-outer{overflow:hidden}
.video-title{
	height:40px;font-size:12px;line-height:12px;text-align:center;
color:#fff;
font-family: 'chocolate_bar_demoregular';
display:flex; 
flex-direction:column; 
align-items:center;
justify-content: center;
border-radius:150px;
margin-top: 6%;
margin-left:auto;
margin-right:auto;
text-transform: uppercase;
padding: 0 4%;
}

.video-title-sub{font-size:10px;}
.no-border{border:none!important;}
.sliders{padding:15% 0}
#bg-circles{background: url('../images/bg-section1-mobile.jpg') no-repeat; background-size:cover; position:relative; margin-top:-1px}
.hero-box p{font-family: 'gotham_roundedmedium', sans-serif;}

/*suscribe*/
.btn-suscribe{width:189px;border-radius:150px;background:#78CFA1;border:1px solid #707070; height:46px;color:#fff; display:flex;align-items:center;justify-content:center;font-family:'Poppins', sans-serif; font-size:18px;font-weight:700}
.bg-hero-suscription *{font-family: 'Poppins', sans-serif; }
.bg-hero-suscription h1{font-weight:900;color:#fff;font-size:25px}
.form-check-input {
    margin-top: 0.18rem;
}
.bg-hero-suscription{background:url('../images/bg-suscription-mobile.png');width:100%;background-size:cover;color: #fff; font-size:13px}
.top-form{width:222px;border-top:6px solid #78CFA1;color:#30278D;font-size:18px;font-weight:900; text-align:center;margin:0 auto;}
.form-suscription #phone-number{height: 55px;
    border-radius: 150px;
    width: 264px;
}
.bg-hero-suscription a{text-decoration:underline;color:#fff;}
.bg-hero-suscription a:hover{color:#fff;}


.inner-text {
    margin: 5px auto 0 auto;
    line-height: 22px;
}
.close{position:absolute;right:0;cursor:pointer;}
@media (min-width: 376px){
.inner-text {
    max-width: 450px;
}
}
#bottom-popup {
    position: absolute;
    z-index: 9999;
    /*bottom: 0px;*/
    left: 0;
    background: #fff;
    font-size: 14px;
    text-align: center;
    width: 100%;
    padding: 14px 0 0 0;
    height: 152px;
    box-sizing: border-box;
}

@media (max-width: 991px) {
.extra-stars{background: url(../images/extra-stars.png) no-repeat bottom center;height: 163px;}
.form-suscription{width:264px;margin:0 auto;position:relative;z-index:2}
.btn-suscribe{margin-top:17px}
.suscription-mobile-bottom{ left:0;right:0;bottom:0;margin:auto;}
.link-tyc{position:absolute; bottom:10px;right:10px}
}
@media (min-width: 992px) {
	.bg-hero-suscription {color:#fff;}
	.bg-hero-suscription h1{font-size:35px; margin-bottom:50px}
	
	
	.tyc-box{height:118px; }
	.under-form{font-size:18px;font-weight:900;color:#78CFA1;width:222px; margin-top:43px; margin-left:auto; margin-right:auto; border-top:6px solid #78CFA1;padding-top:18px}
	.btn-suscribe.red{background:#DF044E}
	.link-tyc{position:absolute; bottom:10px;right:0}
}

/*sucribe*/

/*error*/
.h1-error{font-size:25px;font-weight:900;color:#fff;}
.error-message{height:365px;}
@media (max-width: 991px) {
.bg-violet.light{background:#6503EA;}
.girl{width:122px}
}
@media (min-width: 992px) {
.error-message{height:397px;}
}
/*error*/
@media (min-width: 600px) {
	.hero-tablet{ height: 80vh;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
	}
}
@media (max-width: 600px) {
	.body{height: 100vh; min-height:100vh}
	.hero-box{
    position: relative;
    z-index: 2;
    width: 96%;
    margin: 0 auto;
}

.hero-box p{font-size: 3.1vw;letter-spacing: -0.5px;}
#search .search-text{font-size:2.8vw}	
.fix-mobile{padding:0 40px}
.mobile-absolute-bottom{position:absolute;bottom:4%;left:0; right:0; width:80%; margin:0 auto;z-index:10 }

.content-hero{height: 100%;
    background: url('../images/childrens-mobile.png') top, url('../images/bg-circle-bottom-mobile.png') bottom left;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
}
}
@media (min-width: 601px) and (max-width:991px) {
	.content-hero{height: 100%;
    background: url('../images/childrens-tablet.png') top, url('../images/bg-circle-bottom-mobile.png') bottom left;
    background-size: cover;
    width: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
	
}
.mobile-absolute-bottom{position:absolute;bottom:4%; width:80%;right: 0%; left:0;margin: 0 auto;}
.fix-mobile{padding:0 70px}	
.hero-box p{font-size: 2.9vw;letter-spacing: -0.5px;}
}
@media (max-width: 991px) {
	
.header-nav{margin-top:5%; margin-left:5%;  width: 72vw; position:absolute}
.bg-1{height:50%;position:relative;z-index:2}
.bg-2, .bg-3, .bg-4{height:50%;position:relative;z-index:2 }
.slider-border {
    border-bottom: 2px solid #F7BE3B;
}



}
@media (max-width: 768px) {
	
}



@media (min-width: 992px) {
	/*fonts*/
.hero-h1{font-size: 3.35vw;}

.btn-register{
	background: #debb1f;
    width: 15vw;
    height: 4.2vw;
    color: #fff;
    text-decoration: none;
    font-size: 2vw;
    border-radius: 40.5px;
	margin-right: 1.75vw;
}
.btn-enter{
	background:#78CFA1; 
	width: 13.2vw; 
	height: 4.2vw; 
	color:#fff;
	text-decoration:none; 
	font-size:2vw;
	border-radius:40.5px;
}


.hero-box p{font-size:1.75vw}
.bg-hero{background: url(../images/bg-hero-desktop-right.png) no-repeat right, url(../images/childrens-desktop-top.png) no-repeat, url(../images/childrens-desktop-bottom.png) bottom left no-repeat, url(../images/bg-hero-desktop-repeat.jpg) repeat;
    background-size: contain;}
	
.bg-hero-suscription{background: url(../images/bg-hero-desktop-right.png) no-repeat right, url(../images/childrens-desktop-top.png) no-repeat, url(../images/childrens-desktop-bottom.png) bottom left no-repeat;
    background-size: contain;}
.bg-violet{background: #332492}
.content-hero{height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-content: space-around;
	margin-right:5%;
	align-items: end;
}
.header-nav{width:30%}
.mobile-absolute-bottom{width:40%;}
.mb-5-porcent{margin-bottom:5%}	
	
/*
.bg-1{background: url(../images/bg1-right.png) no-repeat right, url(../images/bg1-left.png) no-repeat, url(../images/bg1-center.png) repeat;
    background-size: contain;}
*/
.bg-1{position:relative;z-index:2}
.bg-2, .bg-3, .bg-4{position:relative;z-index:2 }
.slider-border{border-bottom:2px solid #F7BE3B;padding-bottom:5%}

#bg-circles{background: url('../images/bg-section1.jpg') no-repeat; background-size:cover; position:relative;}
.half-circle{background: url('../images/bg-circle-bottom.png') no-repeat;position:absolute;top:0px;z-index:1; width:100%;height:100vh;background-size:contain;}

#search {width:100%; height: 4.3vw;}
#search .search-text{height:100%;border-radius:150px;padding:0 0 0 3vw; font-size:1.65vw;width:60%}
#search .search-go{height:100%;width:33.29%; font-size:2.25vw}
.sliders{width:80%; margin:0 auto;padding:5% 0}
.sliders h2 {font-size:35px}
.sliders h3 {font-size:29px}

.owl-prev {
width: 2vw;
    height: 4vw;
    position: absolute;
    top: 35%;
    margin-left: -62px!important;
    display: block !important;
    border:0px solid black;
}

.owl-next {
 width: 2vw;
    height: 4vw;
    position: absolute;
    top: 35%;
    right: -62px!important;
    display: block !important;
    border:0px solid black;
}

.video-title { 
width:90%; 
color:#fff;
font-family: 'chocolate_bar_demoregular';
font-size:1.17vw;
height: 3.8vw;
display:flex; 
flex-direction:column; 
align-items:center;
justify-content: center;
border-radius:150px;
margin-top: 6%;
margin-left:auto;
margin-right:auto;
line-height: 1.2vw; 
text-transform: uppercase;
}
.video-title-sub{font-family: 'false_positive_brknormal';font-size:1vw;}

.bg-footer{
height: 51vh;}

}