File: /home/imensosw/www/imenso.co/learn2chat/css/style.css
/* @include transition(all,2s,ease-out); */
/*@include transition (all, 0.5s, ease)*/
.custom_navbar.navbar-light .navbar-nav .nav-item {
padding: 0 25px; }
.custom_navbar.navbar-light .navbar-nav .nav-link {
border-color: none;
font-family: 'Summary Notes';
box-shadow: 0px 0px 10px 2px white;
border-radius: 10px;
padding: 5px 15px 2px; }
.custom_navbar.nav_red .navbar-nav .nav-link {
color: #fff;
background-color: #dc2249; }
.custom_navbar.nav_red .navbar-nav .nav-link:focus, .custom_navbar.nav_red .navbar-nav .nav-link:hover, .custom_navbar.nav_red .navbar-nav .nav-link:active {
color: #fff;
background-color: #dc2249; }
.custom_navbar.nav_yellow .navbar-nav .nav-link {
color: #000;
background-color: #FFFF25;
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3); }
.custom_navbar.nav_yellow .navbar-nav .nav-link:focus, .custom_navbar.nav_yellow .navbar-nav .nav-link:hover, .custom_navbar.nav_yellow .navbar-nav .nav-link:active {
color: #000;
background-color: #FFFF25; }
.custom_navbar.nav_purple .navbar-nav .nav-link {
color: #fff;
background-color: #B8005B; }
.custom_navbar.nav_purple .navbar-nav .nav-link:focus, .custom_navbar.nav_purple .navbar-nav .nav-link:hover, .custom_navbar.nav_purple .navbar-nav .nav-link:active {
color: #fff;
background-color: #B8005B; }
.custom_navbar.nav_pink .navbar-nav .nav-link {
color: #fff;
background-color: #F90061; }
.custom_navbar.nav_pink .navbar-nav .nav-link:focus, .custom_navbar.nav_pink .navbar-nav .nav-link:hover, .custom_navbar.nav_pink .navbar-nav .nav-link:active {
color: #fff;
background-color: #F90061; }
.footer {
font-family: 'Now';
font-size: 14px;
padding: 5px 0;
background-color: #FFA500; }
.footer a {
color: #000;
border-right: 1px solid;
padding: 0px 7px;
display: inline-block;
line-height: 100%; }
.footer a:last-child {
padding-right: 0;
border-right: none; }
a {
text-decoration: none; }
a, .animate, button {
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.bg-transparent {
background-color: none !important; }
.h_100 {
min-height: 100vh; }
.heading-lg h1 {
font-family: Fredoka One;
font-size: 30.84pt; }
.childer-imgs .chil_img1 {
position: absolute;
top: 236px;
left: 55px; }
.childer-imgs .chil_img1 img {
width: 178px; }
.childer-imgs .chil_img2 {
position: absolute;
top: 152px;
right: 92px; }
.childer-imgs .chil_img2 img {
width: 113px; }
.childer-imgs .chil_img3 {
position: absolute;
top: 214px;
right: 0; }
.childer-imgs .chil_img3 img {
width: 72px; }
.childer-imgs .chil_img4 {
position: absolute;
bottom: -11px;
right: 22px; }
.childer-imgs .chil_img4 img {
width: 203px; }
.brand_logo {
margin-bottom: 30px; }
.burger {
padding: 100px 0; }
.congratulation_section {
color: #fff;
margin: 50px 0; }
.congratulation_section h1 {
font-family: 'Adlery Pro';
font-size: 110px;
margin-bottom: 30px; }
.congratulation_section h2 {
font-family: 'Great Vibes';
font-size: 60px;
margin-bottom: 0; }
.congratulation_section h4 {
display: inline-block;
font-family: 'Fredoka One';
font-size: 40px;
padding: 10px 30px;
background-color: #8D1930;
color: #fff;
margin-bottom: 30px; }
.reward_section {
color: #fff;
margin: 50px 0; }
.reward_section h1 {
font-family: 'Adlery Pro';
font-size: 110px;
margin-bottom: 30px; }
.reward_section h2 {
font-family: 'Adlery Pro';
font-size: 60px;
margin-bottom: 0; }
.reward_section .get_reward {
position: relative; }
.reward_section .get_reward img {
width: 230px;
height: auto; }
.reward_section .get_reward .btn {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); }
.video_list {
text-align: center; }
.video_list .video {
border-radius: 10px;
position: relative;
overflow: hidden; }
.video_list .video:after {
content: '';
display: block;
padding-bottom: 55%; }
.video_list .video iframe, .video_list .video video {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0; }
.video_list .video > img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0; }
.video_list .video .play {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
margin-top: 0;
z-index: 1; }
.video_list a {
margin-top: 20px; }
.img_list {
text-align: center; }
.img_list .img {
border-radius: 10px;
position: relative;
overflow: hidden;
max-width: 250px;
margin: auto;
border: 2px solid #fff; }
.img_list .img:after {
content: '';
display: block;
padding-bottom: 80%; }
.img_list .img img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0; }
.img_list a {
margin-top: 20px; }
.practice_list {
margin: 20px auto 30px; }
.practice_list h3 {
text-align: center; }
.practice_list .practice {
border-radius: 15px;
position: relative;
max-width: 200px;
min-height: 180px;
margin: auto;
background: url("../img/texture.jpg") center;
box-shadow: 0 0 8px 0 #790746;
padding: 20px 10px 10px; }
.practice_list .practice:before {
content: '';
position: absolute;
right: 10px;
bottom: 10px;
width: 30px;
height: 30px;
background: url("../img/star.png") no-repeat;
background-size: 100%; }
.practice_list .practice .sky {
position: absolute;
left: 0;
top: -25px;
width: 100%;
height: 30px;
text-align: center;
z-index: 1; }
.practice_list .practice .sky img {
width: 50px;
height: auto; }
.practice_list .practice ul {
list-style: none;
margin: 0 10px 0 25px;
padding: 0; }
.practice_list .practice ul li {
padding: 2px 15px;
position: relative;
border-bottom: 1px solid #000; }
.practice_list .practice ul li:before {
content: '';
position: absolute;
left: -15px;
bottom: -5px;
width: 10px;
height: 10px;
background: #EB0C87; }
.practice_list a {
margin-top: 20px; }
.bg_1 {
background-image: url("../img/bg/bg_1.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.bg_2 {
background-image: url("../img/bg/bg_2.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.bg_3 {
background-image: url("../img/bg/bg_3.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.bg_4 {
background-image: url("../img/bg/bg_4.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.bg_5 {
background-image: url("../img/bg/bg_5.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.bg_6 {
background-image: url("../img/bg/bg_6.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.bg_7 {
background-image: url("../img/bg/bg_7.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.bg_8 {
background-image: url("../img/bg/bg_8.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.bg_9 {
background-image: url("../img/bg/bg_9.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.bg_red {
background-color: #ff0000; }
.bg_green {
background-color: #00ff40; }
.btn {
border: none !important;
outline: none;
box-shadow: 0 0px 4px #7351d4;
font-size: 20px;
border-radius: 50px;
padding: 12px 33px;
font-family: 'Now';
font-weight: 500;
/*General Class*/ }
.btn.texture_btn {
position: relative;
overflow: hidden;
background-repeat: repeat;
background-position: center;
line-height: 120%;
margin-bottom: 10px; }
.btn.texture_btn:after {
content: '';
position: absolute;
left: -15%;
top: 00%;
border-radius: 0 0 100% 100%;
opacity: 1;
width: 130%;
height: 50%;
z-index: 0;
background: rgba(255, 255, 255, 0.6);
background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%);
background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%);
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 100%); }
.btn.texture_btn:before {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background: #fff;
background: rgba(255, 255, 255, 0.5);
background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%, rgba(255, 255, 255, 0) 100%); }
.btn.texture_btn.btn-lg {
width: 250px;
height: 90px;
border-radius: 70px;
color: #000;
font-family: 'My Kids Handwritten';
font-size: 30px; }
.btn.texture_btn.btn-sm {
padding: 12px 18px;
border-radius: 70px;
color: #000;
font-family: 'Eras Bold ITC';
font-weight: bold;
font-size: 20px; }
.btn.texture_btn.btn-warning {
background-color: #FF8700;
box-shadow: 0 5px 0 1px #B33500; }
.btn.texture_btn.btn-warning .shad {
background: #ffd659;
background: -moz-linear-gradient(180deg, #ffd659 0%, rgba(255, 214, 89, 0) 100%);
background: -webkit-linear-gradient(180deg, #ffd659 0%, rgba(255, 214, 89, 0) 100%);
background: linear-gradient(180deg, #ffd659 0%, rgba(255, 214, 89, 0) 100%); }
.btn.texture_btn.btn-warning:hover {
background-color: rgba(255, 214, 89, 0.3); }
.btn.texture_btn.btn-success {
background-color: #4BA600;
box-shadow: 0 5px 0 1px #165C00; }
.btn.texture_btn.btn-success .shad {
background: #c6ff29;
background: -moz-linear-gradient(180deg, #c6ff29 0%, rgba(198, 255, 41, 0) 100%);
background: -webkit-linear-gradient(180deg, #c6ff29 0%, rgba(198, 255, 41, 0) 100%);
background: linear-gradient(180deg, #c6ff29 0%, rgba(198, 255, 41, 0) 100%); }
.btn.texture_btn.btn-success:hover {
background-color: rgba(15, 159, 0, 0.5); }
.btn.texture_btn.btn-info {
background-color: #FF0CA3;
box-shadow: 0 5px 0 1px #C10055; }
.btn.texture_btn.btn-info .shad {
background: #ff4fc9;
background: -moz-linear-gradient(180deg, #ff4fc9 0%, rgba(255, 79, 201, 0) 100%);
background: -webkit-linear-gradient(180deg, #ff4fc9 0%, rgba(255, 79, 201, 0) 100%);
background: linear-gradient(180deg, #ff4fc9 0%, rgba(255, 79, 201, 0) 100%); }
.btn.texture_btn.btn-info:hover {
background-color: rgba(255, 79, 201, 0.3); }
.btn.texture_btn .shad {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 0;
opacity: .5; }
.btn.texture_btn span {
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center; }
.btn.circle_texture {
background-image: url("../img/circle_texture.png") !important;
background-size: 75px auto; }
.btn.cancel_texture {
background-image: url("../img/cancel_texture.png") !important;
background-size: 60px auto; }
.btn.heart_texture {
background-image: url("../img/heart_texture.png") !important;
background-size: 65px auto; }
.btn.btn-warning {
box-shadow: 0 0 3px 3px #fe5b00;
color: #931F00;
background: #fde000;
background: -moz-linear-gradient(180deg, #fde000 0%, #e6c900 100%);
background: -webkit-linear-gradient(180deg, #fde000 0%, #e6c900 100%);
background: linear-gradient(180deg, #fde000 0%, #e6c900 100%); }
.btn.btn-warning:hover {
background: #fde000;
background: -moz-linear-gradient(180deg, #fde000 0%, #baa304 100%);
background: -webkit-linear-gradient(180deg, #fde000 0%, #baa304 100%);
background: linear-gradient(180deg, #fde000 0%, #baa304 100%); }
.btn.btn-sm {
font-size: 20px;
padding: 5px 30px;
border-radius: 20px; }
.btn.btn-sm img {
width: 20px;
height: auto;
margin-left: 7px; }
.btn.btn-fade {
font-family: 'Fredoka One';
font-size: 20px;
background: rgba(57, 115, 124, 0.3);
border-radius: 10px; }
.btn.btn-fade:hover {
background: rgba(57, 115, 124, 0.5); }
.btn.btn-danger {
background-color: #cc1803;
color: #fff; }
label {
font-weight: 500; }
.form-control {
background-color: #fffaf6;
height: 52px;
border: 1px solid #ffddc0;
border-radius: 10px; }
.form-control:focus {
border-color: #ffddc0;
box-shadow: initial; }
.form-label {
color: #323463;
font-size: 16px;
margin-bottom: 5px; }
textarea.form-control {
height: 110px; }
.text-msg {
font-size: 16px;
font-family: 'Fredoka One'; }
.text-success {
color: #00B200; }
.text-danger {
color: #FF0000; }
.text-muted {
color: #ced4da; }
.text-pink {
color: #F90061; }
.heading_1 {
font-family: 'Fredoka One';
font-size: 50px;
color: #fff;
text-align: center;
text-shadow: 0 2px 2px #000; }
.heading_sm_1 {
font-family: 'Fredoka One';
font-size: 24px;
color: #fff;
text-align: center; }
.heading_sm_2 {
font-family: 'Fredoka One';
font-size: 24px;
color: #000;
text-align: center; }
.heading_2 {
font-family: 'Fredoka One';
font-size: 50px;
color: #F90061;
text-align: center;
text-shadow: 0 2px 2px #000; }
.my_kids {
font-family: 'My Kids Handwritten' !important; }
.login {
width: 100%;
display: inline-block; }
.login .card {
padding: 60px;
font-family: 'Now';
margin: 28px 0 10px 0;
border-radius: 11px;
box-shadow: 0 0px 13px -2px #ff770d; }
.login .card .sky_top {
position: absolute;
top: 41px;
right: -89px; }
.login .card .sky_bottom {
position: absolute;
bottom: 212px;
left: -75px; }
.login .card .logo img {
width: 382px; }
.login .card h5 {
color: #323563;
font-family: 'Now';
font-size: 34px;
font-weight: 500;
margin: 38px 0; }
.login .card .form-check-label {
color: #6a6a6a;
font-family: 'Now';
font-weight: 500;
font-size: 14px; }
.login .card .find_btn {
border: none !important;
outline: none;
box-shadow: 0 0px 4px #7351d4;
font-size: 16px;
border-radius: 50px;
padding: 7px 46px;
font-family: 'Now';
font-weight: 500;
background: #323663;
color: #fff; }
.member_area {
width: 100%;
display: inline-block; }
.member_area .card {
padding: 60px;
font-family: 'Now';
margin: 28px 0 10px 0;
border-radius: 11px;
box-shadow: 0 0px 13px -2px #ff770d; }
.member_area .card .sky_top {
position: absolute;
top: 41px;
right: -89px; }
.member_area .card .sky_bottom {
position: absolute;
bottom: 212px;
left: -75px; }
.member_area .card .logo img {
width: 382px; }
.member_area .card h5 {
color: #323563;
font-family: 'Now';
font-size: 30px;
font-weight: 400;
margin: 7px 0 59px 0;
position: relative; }
.member_area .card h5:before {
content: "";
width: 33px;
background: #323663;
height: 3px;
position: absolute;
bottom: -5px;
left: 45%;
right: auto; }
.member_area .card .profile {
margin-top: 53px; }
.member_area .card .profile img {
width: 150px;
height: 150px;
border-radius: 50px; }
.member_area .card .nav-link {
background: #fef7f1;
padding: 15px 19px;
color: #8d8d8d;
margin-bottom: 14px; }
.member_area .card .nav-link.active {
background-color: #fef0e7; }
.exercse {
background-image: url(../img/exercse_bg.jpg);
min-height: 100vh;
background-size: cover; }
.exercse .heading-lg {
margin-top: 65px; }
.exercse .heading-lg h1 {
color: #dc2249;
text-shadow: 2px 1px #fff;
border-bottom: 2px dashed #000;
width: 433px;
padding-bottom: 9px; }
.exercse .girl_section {
background: #fff;
border-bottom: 3px solid #dc2249;
border-top: 3px solid #dc2249;
border-left: 5px solid #dc2249;
border-right: 5px solid #dc2249;
margin-top: 18px;
width: 54%; }
.exercse .girl_section h4 {
font-family: 'Fredoka One';
font-size: 29px;
color: #dc2249; }
.exercse .girl_section p {
font-size: 20px;
font-family: 'Now';
font-weight: bold; }
.exercse_2 {
background-image: url(../img/exercse_bg.jpg);
min-height: 100vh;
background-size: cover;
width: 100%;
display: inline-block; }
.exercse_2 .heading-lg {
margin-top: 65px; }
.exercse_2 .heading-lg h1 {
color: #dc2249;
text-shadow: 2px 1px #fff; }
.exercse_2 .heading_sm_2 {
font-size: 19px; }
.exercse_2 .girl_section {
background: #dc2249;
padding: 6px 11px 0;
margin-top: 18px;
width: 54%; }
.exercse_2 .girl_section h4 {
font-family: 'Fredokaone';
font-size: 29px;
color: #dc2249; }
.exercse_2 .girl_section p {
font-size: 12px;
font-family: 'Montserrat';
color: #dc2249;
font-weight: 600; }
.lessons_2 {
width: 100%;
display: inline-block; }
.lessons_2 .heading-lg {
margin-top: 36px; }
.lessons_2 .heading-lg h1 {
color: #fff;
width: 433px;
padding-bottom: 9px;
font-family: 'LEMON MILK';
font-size: 47px;
text-shadow: 2px 2px 4px #000; }
.lessons_2 .sky_section .sky.sky1 {
background-image: url(../img/skyimg1.png);
background-size: 100%;
padding-top: 40px;
background-repeat: no-repeat; }
.lessons_2 .sky_section .sky.sky2 {
background-image: url(../img/skyimg2.png);
background-size: 100%;
padding-top: 40px;
background-repeat: no-repeat; }
.lessons_2 .sky_section .sky.sky3 {
background-image: url(../img/skyimg3.png);
background-size: 100%;
padding-top: 40px;
background-repeat: no-repeat; }
.lessons_2 .sky_section .sky.sky4 {
background-image: url(../img/skyimg4.png);
background-size: 100%;
padding-top: 40px;
background-repeat: no-repeat; }
.lessons_2 .sky_section .sky.sky5 {
background-image: url(../img/skyimg5.png);
background-size: 100%;
padding-top: 40px;
background-repeat: no-repeat; }
.lessons_2 .sky_section .sky.sky6 {
background-image: url(../img/skyimg6.png);
background-size: 100%;
padding-top: 40px;
background-repeat: no-repeat; }
.lessons_2 .sky_section .sky h4 {
font-family: 'My Kids Handwritten'; }
.lessons_2 .sky_section .sky p a {
display: inline-block;
padding: 2px 24px;
font-size: 15px;
margin-top: 16px;
color: #000;
font-family: 'Myriad Pro'; }
.unit_page {
width: 100%;
display: inline-block; }
.unit_page .heading-lg {
margin-top: 36px; }
.unit_page .heading-lg h1 {
color: #fff;
width: 433px;
padding-bottom: 9px;
font-family: 'LEMON MILK';
font-size: 47px;
text-shadow: 2px 2px 4px #000; }
.unit_page .unit_section .unit {
padding-top: 18px;
border-radius: 10px;
overflow: hidden;
margin-bottom: 20px; }
.unit_page .unit_section .unit.unit1 {
background-color: #ffe846; }
.unit_page .unit_section .unit.unit2 {
background-color: #1fbcff; }
.unit_page .unit_section .unit.unit3 {
background-color: #8b5cfe; }
.unit_page .unit_section .unit.unit4 {
background-color: #ff4e01; }
.unit_page .unit_section .unit.unit5 {
background-color: #fe057b; }
.unit_page .unit_section .unit.unit6 {
background-color: #73ce4d; }
.unit_page .unit_section .unit.unit7 {
background-color: #00f2da; }
.unit_page .unit_section .unit.unit8 {
background-color: #cc00cc; }
.unit_page .unit_section .unit.unit9 {
background-color: #f7aec2; }
.unit_page .unit_section .unit.unit10 {
background-color: #68a9cc; }
.unit_page .unit_section .unit.unit11 {
background-color: #ff3399; }
.unit_page .unit_section .unit.unit12 {
background-color: #00ff40; }
.unit_page .unit_section .unit h4 {
font-family: 'My Kids Handwritten'; }
.unit_page .unit_section .unit p {
margin-bottom: 0; }
.unit_page .unit_section .unit p a {
display: inline-block;
padding: 7px 24px;
font-size: 15px;
margin-top: 16px;
color: #000;
width: 100%;
font-family: 'Myriad Pro'; }
.course_page {
width: 100%;
display: inline-block; }
.course_page .heading-lg {
margin: 47px 0; }
.course_page .heading-lg h1 {
color: #fff;
width: 433px;
font-family: 'LEMON MILK';
font-size: 47px;
text-shadow: 2px 2px 4px #000; }
.course_page .course_section .course {
padding-top: 18px;
border-radius: 30px;
overflow: hidden;
margin-bottom: 20px; }
.course_page .course_section .course.course1 {
background-color: #323363; }
.course_page .course_section .course.course2 {
background-color: #f84528; }
.course_page .course_section .course.course3 {
background-color: #235016; }
.course_page .course_section .course.course4 {
background-color: #fec52d; }
.course_page .course_section .course h4 {
font-family: 'My Kids Handwritten'; }
.course_page .course_section .course p {
margin-bottom: 0; }
.course_page .course_section .course p a {
display: inline-block;
padding: 7px 24px;
font-size: 15px;
margin-top: 16px;
color: #000;
width: 100%;
font-family: 'Myriad Pro';
font-weight: bold; }
/*****/
/*# sourceMappingURL=style.css.map */