File: /home/imensosw/www/imenso.co/demo/mcm/style.css
/*
Author - Pixel Speaks
font-family: 'Poppins', sans-serif;
font-family: 'Crimson Text', serif;
*/
/*============================Typography===============================================*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,600,700');
body {
font-family: 'Crimson Text', serif;
}
a:hover {
text-decoration: none;
}
a:focus {
outline: none;
text-decoration: none;
}
button {
border:none;
}
/*============================Bootstrap Overrides=======================================*/
.navbar-default {
background-color: #040A1B;
border:none;
border-radius: 0;
min-height: 65px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.navbar-brand {
padding: 0;
width: 200px;
min-height: 65px;
}
.nav > li {
padding: 0 18px;
}
.navbar {
margin-bottom: 0;
position: absolute;
width: 100%;
}
.navbar-default .navbar-nav > li > a {
padding: 24px 0 21px;
color: #FFF;
font-size: 12px;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
font-weight: 500;
letter-spacing: 1px;
}
.navbar-default .navbar-nav > li > a:hover {
background-color: transparent;
color: #FFF;
}
.navbar-default .navbar-nav > li > a:hover:after {
background: #5aa1e3 none repeat scroll 0 0;
border-radius: 20px;
bottom: 10px;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 100%;
}
.navbar-nav i {
font-size: 15px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: transparent;
color: #FFF;
}
.navbar-default .navbar-nav > li > .active:after {
background: #5aa1e3 none repeat scroll 0 0;
border-radius: 20px;
bottom: 10px;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 100%;
}
.no-nav {
text-transform: none !important;
}
.no-nav:hover:after {
background: transparent !important;
}
.nav_btn_mt {
margin-top: 14px;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background:transparent !important;
color: #FFF !important;
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0px;
}
.dropdown-menu:before {
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
content: "";
left: 35px;
position: absolute;
top: -10px;
}
.nav .dropdown:after {
color: #fff;
content: "";
cursor: pointer;
font-family: FontAwesome;
font-size: 20px;
position: absolute;
right: 0;
top: 20px;
}
.dropdown {
margin-right: 18px;
}
.dropdown-toggle:hover:after {
background: transparent !important;
}
.dropdown-menu {
padding: 10px;
border-radius: 10px !important;
left: 4% !important;
min-width: 182px !important;
border:none;
}
.dropdown-menu > li > a {
font-weight: 600;
font-size: 14px;
font-family: 'Poppins', sans-serif;
color: #666;
padding: 5px 8px;
}
.dropdown-menu > li > a:hover {
background: transparent;
color: #0F49A8;
}
.carousel-control.left, .carousel-control.right {
background: transparent;
}
.carousel-control {
color: #CCC;
left: -52px;
height: 45px;
width: 45px;
line-height: 45px;
opacity: 1;
border:1px solid #CCC;
border-radius: 100%;
text-shadow:none;
top: 35px;
}
.carousel-control:hover {
color: #777;
border-color: #777;
}
.carousel-control:focus {
color: #CCC;
}
.carousel-control.right {
right: -52px;
}
.media-heading {
font-weight: 600;
color: #484848;
font-size: 26px;
margin: 0;
}
/*=====================================Common===========================================*/
.btn-alpha{
background: rgba(0, 0, 0, 0) linear-gradient(#83c735, #58b026) repeat scroll 0 0 !important;
color: #FFF !important;
font-family: 'Poppins', sans-serif;
border-radius: 40px;
font-weight: 600 !important;
letter-spacing: 0 !important;
text-align: center;
display: inline-block;
}
.btn-alpha:hover {
background:#5FB328 !important;
text-decoration: none;
}
.btn-s {
height: 40px;
padding: 0 26px !important;
font-size: 14px !important;
line-height: 40px !important;
}
.btn-l {
height: 50px;
padding: 0 60px !important;
font-size: 18px !important;
line-height: 50px !important;
}
.white-text {
color: #FFF;
}
.burger {
padding: 100px 0;
}
.burger-t {
padding-top: 100px;
}
h1 {
margin: 0;
font-size: 50px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}
h2 {
margin: 0;
font-size: 40px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
color: #484848;
line-height: 60px;
}
h3 {
margin: 0;
font-size: 22px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
color: #484848;
line-height: 32px;
}
.p {
font-size: 18px;
color: #777;
}
.pad-t-75 {
padding-top: 75px;
}
.mb2 {
margin-bottom: 20px;
}
.mb5 {
margin-bottom: 50px;
}
.mt2 {
margin-top: 20px;
}
.mt3 {
margin-top: 30px;
}
.mt5 {
margin-top: 50px;
}
.bold {
font-weight: 900 !important;
}
.grey_bg {
background: #ECF8FF;
}
.caps {
text-transform: uppercase;
}
.link {
color: #5aa1e3;
}
.link-ul {
color: #5aa1e3;
border-bottom: 1px solid #5aa1e3;
}
.pad-t-50 {
padding-top: 50px;
}
.pad-t-20 {
padding-top: 20px;
}
.pad_20 {
padding: 20px;
}
.pad_0 {
padding: 0 !important;
}
.pad-t-0 {
padding-top: 0px !important ;
}
.marg_0 {
margin: 0 !important;
}
.marg-r-20 {
margin-right: 20px;
}
.bdr_bt {
border-bottom: 1px solid #ddd;
}
.bdr_tt {
border-top: 2px solid #f5f5f5 ;
}
.mt10 {
margin-top: 100px;
}
.mb5 {
margin-bottom: 50px;
}
.pad-t-40 {
padding-top: 40px;
}
/*=====================================Home============================================*/
#hero {
min-height: 525px;
background-image: linear-gradient(#1242a2, #0386dd);
background-color:#0482d9;
padding-top: 65px;
}
#hero p {
padding-top: 25px;
font-size: 24px;
line-height: 30px;
}
.sub-nav {
border-bottom: 1px solid #DDD;
}
.sub-nav ul {
padding: 0;
margin: 0;
}
.sub-nav ul li {
list-style: none;
display: inline-block;
margin-right: 30px;
position: relative;
}
.sub-nav ul li:last-child {
margin-right: 0;
}
.sub-nav ul li a {
font-family: 'Poppins', sans-serif;
color: #484848;
font-size: 16px;
font-weight: 600;
padding: 22px 0;
display: inline-block;
}
.sub-nav ul li a:hover {
text-decoration: none;
}
.sub-nav ul li a:hover:after {
background: #5aa1e3 none repeat scroll 0 0;
border-radius: 20px;
bottom: -2px;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 100%;
}
.sub-nav ul > li > .active:after {
background: #5aa1e3 none repeat scroll 0 0;
border-radius: 20px;
bottom: -3px;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 100%;
}
.sub-nav ul > li > .active {
color: #5aa1e3;
}
.sub-nav.is-fixed {
/* on Firefox CSS transition/animation fails when parent element changes position attribute*/
/* so we defined to diffent classes: .is-fixed to change the position value and .is-animated to change childrens' attributes (padding and opacity)*/
position: fixed;
left: 0;
top: 0;
height: 70px;
width: 100%;
z-index: 99;
background-color: #FFF;
}
.btn-l-marg {
margin-top: 8px;
}
.pillers i {
border-radius: 100%;
font-size: 50px;
height: 100px;
line-height: 100px;
text-align: center;
width: 100px;
color: #0C5AB7;
box-shadow: 0 5px 10px #DDD;
}
.pillers h3 {
padding-top: 25px;
padding-bottom: 25px;
}
.pillers p {
font-size: 20px !important;
color: #777;
line-height: 25px;
}
#testimonials {
position: relative;
}
#testimonials .media-object {
border-radius: 100%;
}
.t_name {
display: block;
margin-top: 5px;
}
#testimonials p {
font-size: 18px;
color: #777;
font-weight: 400;
line-height: 24px;
}
#testimonials .rating {
padding: 10px 0;
}
.rating i {
color: #FFD700;
margin-right: 5px;
font-size: 18px;
}
.line-heading:before {
border-bottom: 1px solid #000;
content: "";
display: block;
left: 15px;
margin-top: -1.5px;
position: absolute;
right: 15px;
top: 50%;
}
.line-heading {
margin-bottom: 1rem;
position: relative;
text-align: center;
top: -0.125rem;
}
.line-heading h3 {
background-color: #fff;
color: #333;
display: inline-block;
font-size:18px;
font-weight: 600;
margin: 0;
padding: 0 50px;
position: relative;
text-transform: uppercase;
top: 0.0625rem;
z-index: 1;
letter-spacing: 4px;
font-family: 'Poppins', sans-serif;
}
.quote-heading {
position: relative;
width: 500px;
margin: 0 auto 20px;
}
.quote-border-left {
border-top: 1px solid #00C1FF;
left: 100px;
position: absolute;
top: 18px;
width: 100px;
}
.quote-heading i {
color: #00C1FF;
}
.quote-border-right {
border-top: 1px solid #00C1FF;
right: 100px;
position: absolute;
top: 18px;
width: 100px;
}
.why-item i {
border-radius: 100%;
font-size: 36px;
height: 80px;
line-height: 80px;
text-align: center;
width: 80px;
color: #0C5AB7;
box-shadow: 0 5px 10px #DDD;
}
.why-item h3 {
padding: 15px 0 10px;
font-size: 18px;
font-weight: 900;
}
.why-item p {
font-size: 18px;
color: #777;
line-height: 25px;
font-weight: 400;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
}
#courses {
padding-bottom: 75px;
}
.course-item {
background-image: linear-gradient(to bottom, #8bce28, #65ba19);
background-color:#8bce28;
padding: 23px;
border-radius: 10px;
display: block;
position: relative;
min-height: 250px;
}
.course-link {
bottom: 0;
left: 0;
position: absolute;
right: 0;
font-size: 0;
top: 0;
}
.course-link:hover {
box-shadow: 0 20px 32px rgba(0,0,0,0.2);
border-radius: 10px;
}
.course-item span {
display: block;
}
.course-title {
color: #FFF;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
letter-spacing: 2px;
}
.course-price {
color: #FFF;
font-family: 'Poppins', sans-serif;
font-weight: 900;
font-size: 40px;
margin-top: 15px;
}
.course-text {
color: #FFF;
font-weight: 400;
font-size: 20px;
}
.course-hr {
border-bottom:1px solid rgba(255,255,255,0.5);
margin-bottom: 20px;
margin-top: 25px;
}
#learnings .media {
margin-top: 20px;
}
#learnings h3 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 18px;
color: #484848;
margin-bottom: 30px;
}
#learnings i {
border-radius: 100%;
box-shadow: 0 5px 10px #ddd;
color: #0c5ab7;
float: left;
font-size: 20px;
height: 40px;
line-height: 40px;
margin-right: 10px;
text-align: center;
width: 40px;
background-color: #FFF;
}
#learnings h4 {
color: #484848;
font-family: "Poppins",sans-serif;
font-size: 16px;
font-weight: 600;
margin: 0 0 10px;
line-height: 26px;
}
#learnings p {
color: #777;
font-size: 18px;
line-height: 23px;
}
.location-item h3 {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 18px;
color: #484848;
margin-bottom: 14px;
}
.fourth-heading {
font-family: 'Poppins', sans-serif;
font-weight: 600;
font-size: 18px;
color: #484848;
margin-bottom: 14px;
}
.location-item p {
font-size: 18px;
color: #777;
}
.adrs {
font-weight: 600;
margin-top: 25px;
}
.team-item img {
border-radius: 100%;
}
.team-item h3 {
padding: 30px 0 10px;
font-size: 16px;
font-weight: 600;
}
.team-item p {
font-size: 18px;
color: #777;
/*line-height: 15px;*/
font-weight: 400;
}
.event-img {
height: 254px;
overflow: hidden;
}
#footer {
border-top: 1px solid #DDD;
background-color: #f5f5f5;
}
#footer h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 7px;
}
#footer p {
font-size: 18px;
font-weight: 400;
color: #777;
}
#footer .input-group-btn {
display: inline-block;
margin-left: -15px;
z-index: 9;
}
.footer-sm {
border-top: 1px solid #DDD;
padding: 15px 0;
margin-top: 50px;
}
.f_link {
font-size: 18px;
color: #777;
margin-left: 10px;
border-bottom: 1px solid #777;
}
#footer .form-control {
background-color: #FFF !important;
}
.form-control {
height: 50px;
font-size: 16px;
}
.input-group-btn .btn-l {
padding: 0 35px !important;
margin-left: -48px;
}
.f_second ul {
padding: 0;
}
.f_second ul li {
padding: 9px 0;
border-bottom: 1px solid #DDD;
display: block;
}
.f_second ul li a {
font-weight: 600;
font-size: 16px;
color: #484848;
}
.f_second ul li a:hover {
color: #80B6E9;
}
.f_second h3 {
border-bottom: 1px solid #CCC;
padding-bottom: 12px;
}
.mt15 {
margin-top: 15px;
}
.fb_social {
background-color: #4753A0;
height: 50px;
line-height: 50px;
color: #FFF;
font-size: 20px;
display: block;
text-align: center;
border-radius: 50px;
margin-top: 15px;
}
.fb_social:hover {
color: #FFF;
background: #3a4682;
}
.sticky-nav {
background-color: #FFF;
position: fixed;
top: 0;
transition: all 0.3s ease-in-out 0s;
width: 100%;
z-index: 999;
}
.mcm_terms {
color: #666;
text-decoration: underline;
}
.mcm_terms:hover {
text-decoration: underline;
}
#footer form {
margin-top: 20px;
}
.fw-6 {
font-weight: 600 !important;
}
.add_location .media {
padding:25px 30px;
}
.add_location .media h4 {
margin-top: 0;
margin-bottom: 5px;
}
.review_sec .media {
margin-top: 25px;
}
.review_sec .media:first-child {
margin-top: 0;
}
#instructor .media {
border-radius: 10px;
}
#bookform .course-item {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.opac {
color: rgba(255,255,255,0.8);
}
.line-heading h4 {
background-color: #fff;
color: #333;
display: inline-block;
font-family: "Poppins",sans-serif;
font-size: 18px !important;
font-weight: 600;
letter-spacing: 1px;
margin-top: 30px;
padding: 0 10px;
position: relative;
text-transform: uppercase;
top: -11px;
z-index: 1;
}
.payment-errors {
color: red;
}
.review_form .line-heading {
margin-bottom: 0;
}
.wpcf7-form .form-group {
margin-bottom: 0;
}
.credit-card-number {
width: 87% !important;
}
.cc_card {
background-attachment: scroll;
background-clip: border-box;
background-color: rgba(0, 0, 0, 0);
background-image: url("images/cc-stripe.png");
background-origin: padding-box;
background-position: 2px -119px, 257px -61px;
background-repeat: no-repeat;
background-size: 120px 361px, 123px 361px;
display: block;
height: 42px;
width: 50px;
}
.card-type {
position: absolute;
right: 0;
top: 30px;
}
.card_no_input {
width: 80%
}
.cc_card_visa {
background-position: 2px -156px, 257px -61px;
}
.cc_card_mastercard {
background-position: 2px -243px, 257px -61px;
}
.cc_card_discover {
background-position: 2px -327px, 257px -61px;
}
/*=====================================Individul Course ============================================*/
#banner {
height: 330px;
background-image: linear-gradient(#1242a2, #0386dd);
background-color:#0482d9;
padding-top: 65px;
}
#banner p {
padding-top: 10px;
font-size: 24px;
line-height: 30px;
}
.learning_skill i {
border-radius: 100%;
box-shadow: 0 5px 10px #ddd;
color: #0c5ab7;
float: left;
font-size: 20px;
height: 40px;
line-height: 40px;
margin-right: 20px;
text-align: center;
width: 40px;
}
.learning_skill h4 {
color: #484848;
font-family: "Poppins",sans-serif;
font-size: 18px;
font-weight: 500;
margin: 0 0 10px;
}
.learning_skill p {
color: #777;
font-size: 18px;
line-height: 25px;
}
.review figure {
margin-right: 65px !important;
}
.team_box {
background: rgba(0, 0, 0, 0.4) linear-gradient(#1241a0, #028de3) repeat scroll 0 0;
color: #fff;
height: 250px;
padding: 50px 50px 0;
}
.team_box h3 {
font-family: "Poppins",sans-serif;
font-size: 18px;
font-weight: 600;
margin: 0;
color: #fff;
}
.skyblue_col {
color: #00c1ff;
}
.team_box p {
font-size: 18px;
margin-bottom: 20px;
line-height: 22px;
}
.course-item_indi {
float: left;
min-height: 300px;
padding: 24px !important;
width: 48%;
}
.policy {
background-color: rgb(236, 248, 255);
margin-top: 100px;
padding: 35px;
border-radius: 10px;
}
.calender_sidebar {
background-color: #efefef;
position: relative;
}
.cal-pad {
padding: 20px 15px 15px;
}
.calender_sidebar h4 {
color: #484848;
font-family: "Poppins",sans-serif;
font-size: 18px;
line-height: 26px;
}
.calender_sidebar h5 {
color: #484848;
font-family: "Poppins",sans-serif;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 20px;
}
.calender_sidebar p {
color: #777;
font-size: 17px;
font-weight: 500;
}
.prev_class_left {
color: #aaa;
font-size: 32px;
left: 30px;
position: absolute;
top: 163px;
}
.next_class_right {
color: #aaa;
font-size: 32px;
right: 30px;
position: absolute;
top: 163px;
}
.callout {
border-radius: 10px;
}
.callout .c-col-8 {
width: 66%;
float:left;
}
.callout .c-col-4 {
width: 34%;
float: left;
}
.callout .col-md-4 {
padding-left: : 0 !important;
}
.form-control {
background-color: #f5f5f5 !important;
border: 1px solid #d8d8d8 !important;
height: 50px !important;
/* margin-bottom: 15px;*/
box-shadow: none;
font-family: "Poppins",sans-serif;
font-size: 14px;
}
.form-control:focus {
background-color: #fff !important;
border: 2px solid #80da66 !important;
box-shadow: inherit !important;
outline: 0 none;
}
.check-list {
padding-left: 0;
}
.check-list li {
font-size: 18px;
list-style: outside none none;
margin-bottom: 5px;
color: #777;
}
.check-list i {
background-color: #3399cc;
border-radius: 100%;
color: #fff;
display: inline-block;
font-size: 12px;
height: 20px;
line-height: 20px;
margin-right: 10px;
text-align: center;
width: 20px;
}
.mb0 {
margin-bottom: 0;
}
/************* radio btn css **************/
input[type="radio"] {
display:none;
}
input[type="radio"] + label {
color: #484848;
font-family: "Poppins",sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 50px;
display: block;
cursor: pointer;
padding-left: 35px;
margin-bottom: 0;
margin-left: 15px;
}
input[type="radio"] + label span {
display:inline-block;
width:20px;
height:20px;
margin:3px 21px 5px -20px;
vertical-align:middle;
cursor:pointer;
-moz-border-radius: 50%;
border-radius: 50%;
/* z-index: 99999; */
position: relative;
border:1px solid #6DAB3C;
}
input[type="radio"] + label span {
background-color: transparent;
border:none;
}
input[type="radio"]:checked + label span{
background:rgba(0, 0, 0, 0) linear-gradient(#83c735, #58b026) repeat scroll 0 0 !important;
}
input[type="radio"] + label span,
input[type="radio"]:checked + label span {
-webkit-transition:background-color 0.4s linear;
-o-transition:background-color 0.4s linear;
-moz-transition:background-color 0.4s linear;
transition:background-color 0.4s linear;
}
.radio_btn .bdr_bt > label::before {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 50%;
content: "";
height: 30px;
left: 25px;
position: absolute;
width: 30px;
margin-top: 9px;
}
.add_location p {
font-size: 16px;
color: #484848;
margin-bottom: 0px;
}
.add_location i {
font-size: 36px;
}
.contact_form {
border: 1px solid #ddd;
padding: 25px 25px 50px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.contact_form p {
font-family: 'Poppins', sans-serif;
font-weight: 500;
}
.pbd {
font-family: 'Poppins', sans-serif;
font-weight: 500;
color: #484848;
font-size: 16;
}
.no-spam i {
font-size: 28px;
color: #999
}
.no-spam p {
font-size: 13px;
color:rgba(0,0,0,0.2);
}
.form_cont h4 {
color: #484848;
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-weight: 600;
margin-top: 20px;
}
.form_cont p {
color: #777;
font-family: 'Crimson Text', serif;
line-height: 20px;
font-size: 16px;
}
.lock_icon {
color: #aaa;
}
.cont_p {
color: #777;
font-size: 12px;
}
.contact_icon {
border: 1px solid #ddd !important;
border-radius: 40px;
color: #aaa;
height: 45px;
line-height: 41px;
font-size: 24px;
margin-top: 10px;
text-align: center;
width: 114px;
display: inline-block;
}
.contact_icon:hover {
box-shadow: 0 5px 10px #ddd;
}
/*=====================================Review Page ============================================*/
.pad-50 {
padding: 0 50px !important;
}
.review-header p {
color: #484848;
font-family: "Poppins",sans-serif;
font-size: 16px;
font-weight: 400;
margin: 0;
}
.review-header p i {
margin-right: 5px;
}
.review_tab {
background-color: #77cb29;
border: 1px solid #77cb29;
border-radius: 50px;
color: #fff;
display: inline-block;
font-weight: 600;
height: 30px;
line-height: 1.8;
width: 30px;
}
.review_tab_grey {
border: 1px solid #ddd;
border-radius: 50px;
color: #aaa;
display: inline-block;
font-weight: 600;
height: 30px;
line-height: 1.8;
width: 30px;
background-color: #FFF;
z-index: 99;
position: relative;
}
.payment-item {
border: 1px solid #ddd;
padding: 25px 25px 15px;
}
.review_form h3 {
color: #484848;
font-size: 20px;
font-weight: 500;
}
.review_form p {
color: #484848;
font-family: "Poppins",sans-serif;
font-size: 14px;
font-weight: 500;
margin-bottom: 5px;
}
.review_place.form-control::-moz-placeholder {
color: #484848;
font-weight: 600;
opacity: 1;
}
.add_search {
font-family: "Poppins",sans-serif;
font-size: 16px;
font-weight: 300;
text-decoration: underline;
}
.review_flex {
display: flex;
justify-content: space-around;
text-align: center;
position: relative;
}
.review_popup_sec {
background-color: #fff;
z-index: 9999 !important;
overflow-X: hidden !important;
/* bottom: 0;
height: 100%;
left: 0;
margin: 0 !important;
display: none;
/* overflow-y: auto;*/
/* position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 99999;*/
}
.over_flw_none {
overflow: hidden !important;
}
.review_heading_h4 {
color: #484848;
font-family: "Poppins",sans-serif;
font-size: 14px;
font-weight: 500;
margin: 0;
}
.review_form_text {
color: #777 !important;
font-family: crimson text !important;
font-size: 16px !important;
line-height: 1.4;
}
.review_course_item {
font-family: "Poppins",sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 1px;
line-height: 0.5;
}
.total_pay {
border-top: 2px solid #ddd;
margin-top: 20px;
padding-top: 10px;
}
.total_pay h4 {
color: #484848;
font-family: "Poppins",sans-serif;
font-size: 18px;
}
.booking_reff {
border: 2px solid #ddd;
border-radius: 10px;
display: inline-block;
font-size: 24px;
height: 45px;
line-height: 1.5;
margin-top: 10px;
width: 250px;
}
.footer_img {
float: right;
width: 230px;
}
.divider_review::after {
border-top: 2px solid #ddd;
content: "";
margin-left: 13px;
position: absolute;
top: 14px;
width: 267px;
z-index: -1;
}
.mcm_terms a {
color: #484848;
}
.disable {
pointer-events: none;
color: #aaa !important;
}
.radio_btn .bdr_bt > .disable::before {
background: #ccc none repeat scroll 0 0;
border-color: #ccc;
}
/*=====================================Curriculum============================================*/
.pillers_cur {
color: #666;
font-size: 20px;
letter-spacing: 0;
line-height: 1.2;
margin: 0;
padding-top: 25px;
text-align: center;
}
.pillers_cur p {
margin-bottom: 0;
}
.work_sec p {
color: #777;
font-family: crimson text;
font-size: 18px;
margin-top: 15px;
}
.course-list {
border: 1px solid #ddd;
text-align: center;
}
.course-list > p {
border-bottom: 1px solid #ddd;
font-size: 18px;
line-height: 3.2;
margin: 0 20px;
}
.price-box-full {
position: relative;
}
.price-box-full .course-item {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.client_test {
background-image: linear-gradient(#1242a2, #0386dd);
padding: 50px 0px;
color: #fff;
}
.client_test p {
font-size: 22px;
color: #fff;
}
.client_test span {
font-size: 18px;
color: rgba(255,255,255,0.8);
}
.faq_question > h3 {
font-size: 18px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 20px;
}
.faq_question > p {
color: #777;
font-size: 16px;
line-height: 1.6;
}
.question_heading {
color: #fff;
font-size: 20px;
}
.question_text {
color: #fff;
font-size: 20px;
}
.contact_support_btn {
background: transparent none repeat scroll 0 0;
border: 1px solid #f5f5f5;
border-radius: 40px;
color: #fff !important;
display: inline-block;
font-family: "Poppins",sans-serif;
font-size: 18px;
font-weight: 600 !important;
height: 50px;
letter-spacing: 0 !important;
line-height: 45px;
padding: 0 32px;
text-align: center;
}
.btn-paypal {
color: #002f86;
padding: 12px 24px;
border-radius: 4px;
display: inline-block;
font-family: "Poppins",sans-serif;
font-size: 13px;
font-weight: 400;
height: 50px;
line-height: 50px;
padding: 0 20px;
text-align: center;
background: #ffc520;
width: 100%;
}
.btn-back {
border: 1px solid #484848;
border-radius: 32px;
color: #484848;
display: block;
padding: 10px 20px;
text-align: center;
width: 100px;
font-family: "Poppins",sans-serif;
font-size: 15px;
position: absolute;
top: 21%;
}
.contact_support_btn:hover {
background: #5FB328;
}
.vedio_box {
box-shadow: 0 10px 32px rgba(0,0,0,0.2);
}
.learn-title {
color: #484848;
font-family: "Poppins",sans-serif;
font-size: 18px;
line-height: 2.2;
cursor: pointer;
}
.learn_text {
font-size: 18px;
padding: 0 0 20px;
color: #777;
}
.learn-title.accordion:after {
color: #484848;
content: "";
float: right;
font-family: FontAwesome;
font-size: 20px;
}
.learn-title.accordion.active:after {
content: "\f068";
}
div.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.image-item {
width: 60%;
}
.image-item > img {
border-radius: 10px 0 0 10px;
}
.question-box {
align-items: center;
background-color: #8bce28;
background-image: linear-gradient(to bottom, #8bce28, #65ba19);
display: flex;
flex-direction: column;
justify-content: center;
width: 40%;
border-radius: 0 10px 10px 0;
}
/*=====================================Pricing============================================*/
.price-course-item h3 {
font-size: 18px;
font-weight: 500;
color: #484848;
font-family: "Poppins",sans-serif;
}
.price-course-item p {
color: #aaa;
font-family: "Poppins",sans-serif;
font-size: 16px;
font-weight: 500;
margin: 0px 0 10px;
line-height: 1.1;
}
.feature-item {
width: 20%;
}
.price_flex {
display: flex;
justify-content: space-between;
}
.price_item .item .fa.fa-check {
color: #67ad1b;
font-size: 22px;
}
.price_item {
padding: 15px 20px;
}
.price_item:nth-child(even) {
background-color: #f6f6f6;
}
.price_item .item-1 {
font-family: "Poppins",sans-serif;
font-size: 16px;
font-weight: 500;
}
.item > span {
font-size: 16px;
}
.green_btn {
background-color: #67ad1b;
border-radius: 20px;
color: white;
font-size: 16px;
font-weight: bold;
padding: 10px 20px;
transition: all 0.4s ease 0s;
}
.green_btn:hover, active, focus {
background-color: #67ad1b !important;
border: 1px solid #67ad1b !important;
color: #fff;
}
#faq_questions {
background-color: #ECF8FF;
}
/*===================================== Events ============================================*/
.event_course {
padding: 40px 0;
transition: all 1s ease 0s;
}
.event_course h4 {
font-family: "Poppins",sans-serif;
font-size: 18px;
line-height: 1.2;
margin: 0 0 10px;
}
.event_course p {
color: #777;
font-size: 18px;
margin: 0;
}
.flex {
display: flex;
justify-content: start;
}
.font_icon {
color: #aaa;
font-size: 20px !important;
margin-right: 15px;
margin-top: 6px;
}
.pad_lft_0 {
padding-left: 0 !important;
}
.pad_rht_0 {
padding-right: 0 !important;
}
.view_btn {
border: 1px solid #777;
color: #777 !important;
font-family: 'Poppins', sans-serif;
border-radius: 40px;
font-weight: 600 !important;
letter-spacing: 0 !important;
text-align: center;
display: inline-block;
}
.previous_event_content > h4 {
font-family: 'Poppins', sans-serif;
font-size: 16px;
margin: 15px 0 5px;
}
.previous_event_content > p {
color: #777;
font-size: 16px;
}
.previous_event ul li {
list-style: none;
margin-bottom: 25px;
}
.previous_event ul li img {
cursor: pointer;
}
/*override modal for demo only*/
.previousevent_popup .modal-dialog {
max-width:800px;
}
.privious_body {
position: relative;
padding: 10px 10px !important;
}
.controls{
color: #484848;
display: block;
font-size: 20px;
font-weight: 600;
margin-top: 5px;
}
.next {
float:right;
text-align:right;
}
/*===================================== About ============================================*/
.pad-l-70 {
padding-left: 70px;
}
#whatwedo i {
color: #0c5ab7;
float: left;
font-size: 35px;
line-height: 70px;
margin-left: 30px;
margin-right: 20px;
margin-top: -20px;
text-align: center;
}
#joinus h4 {
font-size: 24px;
}
.bdr_lft {
border-left: 2px solid #ddd;
}
.assembly-grid {
display: flex;
justify-content: space-between;
}
.grid1 {
width: 49%;
}
.grid > img {
width: 100%;
height: 400px;
object-fit: cover;
}
.grid2 {
width: 69%;
}
/*===================================== Instructors ============================================*/
.team-group {
background-image: linear-gradient(#1242a2, #0386dd);
background-color:#0482d9;
color: #fff;
margin-right: 2px;
border-radius: 10px;
}
.team-group img {
border-radius: 10px 10px 0 0;
}
.team-group-item {
padding: 30px;
}
.team-group h3 {
font-size: 18px;
font-weight: 600;
color: #fff;
}
.team-group p {
font-size: 16px;
line-height: 1.4;
font-weight: 400;
}
.view_course_item {
background-color: #FFF;
border-radius: 10px;
float: right;
height: 170px;
padding: 20px;
width: 220px;
box-shadow: 0 10px 22px rgba(0,0,0,0.2);
}
.view_course_item > h3 {
font-size: 16px;
margin-bottom: 10px;
}
.view_course_item > p {
color: #777;
font-size: 16px !important;
line-height: 20px !important;
padding: 0 !important;
}
/*===================================== Faqs ============================================*/
.faq_ques_item h3 {
font-size: 17px;
font-weight: 600;
line-height: 1.4;
margin-bottom: 10px;
}
.faq_ques_item > p {
color: #777;
font-size: 16px;
line-height: 1.6;
}
.sidebar_item {
padding: 30px;
border-radius: 10px;
}
/*===================================== Contact Us ============================================*/
.grey_box {
background-color: #eee;
border-radius: 10px;
color: #777;
padding: 15px;
min-height: 150px;
}
.grey_box h4 {
font-family: "Poppins",sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 1.4;
margin: 0 0 20px;
}
.grey_box p {
font-size: 16px !important;
line-height: 1.4 !important;
padding: 0 !important;
}
.item-text {
color: #777;
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-weight: 300;
margin-top: 5px;
}
#contactus .form-group label {
font-family: 'Poppins', sans-serif;
font-weight: 500;
line-height: 1.9;
}
/*===================================== Singel Event ============================================*/
.post_item > h3 {
color: #fff;
font-size: 16px;
font-weight: 600;
line-height: 1.1;
}
.post_item > p {
color: #fff;
font-size: 18px;
}
.curr_footer .mt10 {
margin-top: 0;
}
.course-item .flex:first-child i {
font-size: 20px;
}
.course-item .flex i {
color: #f5f5f5;
}
/*===================================== Terms of Service ============================================*/
#Sitemap h3 a {
color: #484848;
}
#Sitemap h4 a {
color: #777;
}
#progressbar {
counter-reset: step;
margin-bottom: 20px;
overflow: hidden;
padding-left: 0;
}
#progressbar li {
color: #484848;
float: left;
font-size: 18px;
list-style-type: none;
position: relative;
text-align: center;
width: 50%;
font-family: "Poppins",sans-serif;
}
#progressbar li::before {
background: #fff none repeat scroll 0 0;
border: 1px solid #CCC;
border-radius: 100%;
color: #333;
content: counter(step, decimal);
counter-increment: step;
display: block;
font-size: 16px;
height: 35px;
line-height: 35px;
margin: 0 auto 5px;
text-align: center;
width: 35px;
}
#progressbar li::after {
background: #ddd none repeat scroll 0 0;
content: "";
height: 1px;
left: -50%;
position: absolute;
top: 14px;
width: 100%;
z-index: -1;
}
#progressbar li:first-child::after {
content: none;
}
#progressbar li.active::before, #progressbar li.active::after {
background: #77CB29 none repeat scroll 0 0;
border-color: #77CB29;
color: #fff;
}
#learnings .learning_img_item img {
border-radius: 100%;
box-shadow: 0 5px 10px #ddd;
color: #0c5ab7;
float: left;
font-size: 20px;
height: 40px;
line-height: 40px;
margin-right: 10px;
text-align: center;
width: 40px;
background-color: #FFF;
}