/* Kidum Online Education HTML Template*/
/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider / Two / Three
6. Services Section / Two
7. Philosophy Sectio / Two
8. Courses Section / Two / Three
9. Team Section
10. Clients Section / Two
11. Choose Section / Two / Three
12. Testimonial Section / Two / Three
13. News Section / Two / Three
14. Main Footer / Two / Three
15. Features Section
16. Gallery Section
17. Video Section
18. Team Section
19. Inspiration Section
20. Counter Section
21. Teacher Section
22. Page Title Section
23. Faq's Section
24. Classes Sidebar Widgets
25. Teacher Section
26. Our Blogs
27. Blog Sidebar Widgets
28. Comment Form
29. Contact Form
30. Map
**********************************************/
/*
font-family: 'Fredoka One', cursive;
font-family: 'Roboto', sans-serif;
*/
/***
====================================================================
Reset
====================================================================
***/
* {
margin:0px;
padding:0px;
border:none;
outline:none;
}
:root{
--thm-base: #ff9138;
--thm-base-rgb: 255,145,56;
--thm-secnd:#00beb0;
}
/***
====================================================================
Global Settings
====================================================================
***/
body {
position:relative;
font-size:16px;
color:var(--thm-secnd);
line-height:1.9em;
font-weight:400;
background:#ffffff;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-family: 'Roboto', sans-serif;
}
a{
text-decoration:none;
cursor:pointer;
color:var(--thm-base);
}
button{
cursor:pointer;
text-decoration:none;
outline:none !important;
}
a:hover,a:focus,a:visited{
text-decoration:none;
outline:none !important;
}
h1,h2,h3,h4,h5,h6 {
font-weight:normal;
margin:0px;
background:none;
line-height:1.2em;
font-family: 'Roboto', sans-serif;
}
input,button,select,textarea{
}
textarea{
overflow:hidden;
}
p{
position:relative;
line-height:1.7em;
font-size:16px;
color:var(--thm-secnd);
}
.auto-container{
position:static;
max-width:1200px;
padding:0px 15px;
margin:0 auto;
}
.medium-container{
max-width:850px;
}
.page-wrapper{
position:relative;
margin:0 auto;
width:100%;
min-width:300px;
}
ul,li{
list-style:none;
padding:0px;
margin:0px;
}
img{
display:inline-block;
max-width:100%;
}
.theme-btn{
display:inline-block;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.centered{
text-align:center;
}
/* Typography */
h1{
position:relative;
font-size:54px;
line-height:1.3em;
font-weight:400;
}
h2{
position:relative;
font-size:36px;
font-weight:700;
line-height:1.3em;
}
h3{
position:relative;
font-size:24px;
font-weight:600;
line-height:1.4em;
}
h4{
position:relative;
font-size:20px;
font-weight:600;
line-height:1.4em;
}
h5{
position:relative;
font-size:18px;
line-height:1.5em;
font-weight:600;
}
h6{
position:relative;
font-size:16px;
}
.text{
position:relative;
color:#71758C;
line-height:28px;
}
p{
position:relative;
color:#707070;
font-size:18px;
line-height:28px;
}
/* List Style One */
.list-style-one{
position:relative;
}
.list-style-one li{
position:relative;
color:#303030;
font-size:16px;
font-weight:400;
margin-bottom:12px;
padding-left:28px;
line-height: 1.8em;
}
.list-style-one li strong{
position:relative;
display:block;
font-size:18px;
font-weight:400;
margin-bottom:4px;
}
.list-style-one li:before{
position:absolute;
content:'\f127';
left:0px;
top:0px;
display:inline-block;
color:var(--thm-secnd);
font-family: "Flaticon";
}
.list-style-one li:last-child{
margin-bottom:0px;
}
/*Btn Style One*/
.btn-style-one,
.tutor-reg-form-btn-wrap button{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 30px;
color: #ffffff;
font-weight: 700;
overflow: hidden;
background:none;
border-radius:50px;
padding: 11px 40px;
text-transform: uppercase;
background-color:var(--thm-base);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
font-family: 'Roboto', sans-serif;
}
.btn-style-one:before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
background-color:var(--thm-secnd);
}
.btn-style-one .txt{
position:relative;
z-index:1;
}
.btn-style-one:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-one:hover,
.tutor-reg-form-btn-wrap button:hover{
color: #ffffff;
}
.tutor-reg-form-btn-wrap button:hover{
background-color:var(--thm-secnd);
}
/* Btn Style Two */
.btn-style-two{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 10px 40px;
font-weight: 700;
overflow: hidden;
background:var(--thm-secnd);
border-radius:5px;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
}
.btn-style-two:before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: #111111;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
}
.btn-style-two .txt{
position:relative;
z-index:1;
}
.btn-style-two:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-two:hover{
color: #ffffff;
}
/* Btn Style Three */
.btn-style-three{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 30px;
color: #ffffff;
padding: 10px 54px;
font-weight: 400;
overflow: hidden;
background:none;
border-radius:50px;
text-transform: capitalize;
border:1px solid #ffffff;
}
.btn-style-three:before{
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background-color: #ffffff;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
}
.btn-style-three .txt{
position:relative;
z-index:1;
}
.btn-style-three:hover::before{
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn-style-three:hover{
color: var(--thm-base);
border-color:#ffffff;
}
/* Social Icon One */
.social-icon-one{
position: relative;
display: block;
}
.social-icon-one .title{
position: relative;
font-size: 20px;
line-height: 26px;
color: #ffffff;
font-weight: 700;
display:block;
margin-bottom:12px;
}
.social-icon-one li{
position: relative;
display: inline-block;
font-size: 16px;
line-height: 24px;
color: #ffffff;
margin-right: 4px;
}
.social-icon-one li:last-child{
margin-right: 0;
}
.social-icon-one li a{
position: relative;
display: block;
font-size: 16px;
line-height: 24px;
color: #ffffff;
width:40px;
height:40px;
line-height:38px;
text-align:center;
display:inline-block;
border:1px solid rgba(255,255,255,0.70);
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.social-icon-one li a:hover{
color: #000000;
background-color:#ffffff;
}
.theme_color{
color:var(--thm-base);
}
.preloader{ position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:999999; background-color:#f5f7f6; background-position:center center; background-repeat:no-repeat; background-image:url(../images/icons/preloader.gif); }
img{
display:inline-block;
max-width:100%;
height:auto;
}
/***
====================================================================
Scroll To Top style
====================================================================
***/
.scroll-to-tops{
position:fixed;
right:20px;
bottom:20px;
width:40px;
height:40px;
color:#ffffff;
font-size:14px;
text-transform:uppercase;
line-height:38px;
text-align:center;
z-index:100;
cursor:pointer;
background:var(--thm-base);
display:none;
padding-left:1px;
border-radius:50px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.scroll-to-tops:hover{
color:#ffffff;
background:var(--thm-base);
}
/***
====================================================================
Section Title
====================================================================
***/
.sec-title{
position:relative;
margin-bottom:50px;
}
.sec-title .title{
color: #707070;
font-size: 16px;
font-weight: 400;
line-height:1.4em;
margin-bottom:18px;
}
.sec-title h2{
color: var(--thm-secnd);
display:block;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
}
.sec-title .text{
color: #707070;
font-size: 18px;
font-weight: 400;
line-height:1.7em;
margin-top:15px;
}
.sec-title.light h2{
color:#ffffff;
}
.sec-title.light .text{
color:#ffffff;
}
.sec-title.style-two h2{
color:#1B212F;
}
/***
====================================================================
Main Header style
====================================================================
***/
.main-header{
background: teal;
position:absolute;
left:0px;
right:0px;
top:0px;
z-index:99;
width:100%;
}
.main-header .header-top{
position:relative;
padding:14px 0px;
border-bottom:1px solid rgba(255,255,255,0.10);
}
.main-header .header-top .info{
position:relative;
}
.main-header .header-top .info li{
position:relative;
padding-left:25px;
color:#ffffff;
font-size:16px;
margin-right:50px;
display:inline-block;
}
.main-header .header-top .info li .icon{
position:absolute;
left:0px;
top:1px;
color:var(--thm-base);
font-size:16px;
}
.main-header .header-top .info li:last-child{
margin-right:0px;
}
.main-header .header-top .info li a{
position:relative;
color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-top .info li a:hover{
color:var(--thm-secnd);
}
/* Main Header */
.main-header .main-box{
position:relative;
padding:0px 0px;
left:0px;
top:0px;
width:100%;
background:none;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .main-box .outer-container{
position:relative;
padding:0px 40px;
}
.main-header .main-box .logo-box{
position:relative;
float:left;
left:0px;
z-index:10;
padding:30px 0px;
}
.main-header .main-box .logo-box .logo img{
display:inline-block;
max-width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-upper .social-box{
position:relative;
float:left;
margin-left:40px;
padding:29px 0px;
}
.main-header .header-upper .social-box li{
position:relative;
margin-right:8px;
display:inline-block;
}
.main-header .header-upper .social-box li a{
position:relative;
width:50px;
height:50px;
color:var(--thm-secnd);
line-height:48px;
border-radius:50px;
text-align:center;
font-size:20px;
display:inline-block;
border:1px solid #ededed;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-upper .social-box li a:hover{
color:var(--thm-base);
border-color:var(--thm-base);
}
.main-header .nav-toggler{
position:absolute;
top:50%;
margin-top:0px;
display: block;
}
.main-header .nav-toggler button{
position:relative;
display:block;
color:#444444;
text-align:center;
font-size:24px;
line-height:34px;
font-weight:normal;
background:none;
}
.main-header .header-upper{
position:relative;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .header-upper .pattern-layer{
position:absolute;
left:-380px;
top:12px;
height:85px;
width:346px;
z-index:2;
background-repeat:no-repeat;
}
.main-header .header-upper .upper-right{
position:relative;
padding-top:35px;
}
.main-header .header-lower .inner-container{
position:relative;
padding:15px 0;
}
.main-header .nav-outer{
position:static;
}
.main-header .header-upper .logo-box{
position:relative;
padding:14.5px 0px;
padding-right:20px;
}
.main-header .header-upper .logo-box:before{
position:absolute;
content:'';
right:0px;
top:0px;
bottom:0px;
width:1000%;
background-color:var(--thm-secnd);
transform: skewX(20deg);
}
.main-header .header-upper .logo-box .logo{
position:relative;
z-index:9;
}
.main-header .info-box{
position:relative;
float:left;
z-index:1;
min-height:56px;
margin-left:50px;
font-size:15px;
color:#777777;
text-align:left;
padding:0px 0px 20px 60px;
}
.main-header .info-box .icon-box{
position:absolute;
left:0px;
top:3px;
font-size:42px;
line-height:1em;
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
color:#1f1f1f;
line-height:1em;
}
.main-header .info-box ul li{
position:relative;
line-height:20px;
color:rgba(12,13,36,0.70);
font-size:16px;
margin-bottom:6px;
font-weight:400;
text-transform:capitalize;
}
.main-header .info-box strong{
position:relative;
font-weight:700;
color:var(--thm-secnd);
font-size:20px;
text-transform:capitalize;
}
.main-header .info-box strong a{
position:relative;
color:var(--thm-secnd);
-moz-transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header .info-box strong a:hover{
color:var(--thm-base);
}
.main-menu{
position:static;
float:left;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-menu .navbar-collapse{
padding:0px;
}
.main-menu .navigation{
position:static;
margin:0px;
}
.main-menu .navigation > li{
position:relative;
float:left;
margin-right:30px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li:last-child{
margin-right:0px;
}
.sticky-header .main-menu .navigation > li > a{
padding:20px 0px !important;
color:#444444 !important;
}
.sticky-header .main-menu .navigation > li:hover > a,
.sticky-header .main-menu .navigation > li.current > a{
color:var(--thm-base);
background-color:inherit !important;
}
.sticky-header .nav-outer .options-box{
margin-top:26px;
}
/*Sticky Header*/
.sticky-header{
position:fixed;
opacity:0;
visibility:hidden;
left:0px;
top:0px;
width:100%;
padding:0px 0px;
background:#ffffff;
z-index:0;
border-bottom:1px solid #e6e6e6;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sticky-header .logo{
padding:9px 0px 9px;
}
.fixed-header .sticky-header{
z-index:999999;
opacity:1;
visibility:visible;
-ms-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-op-animation-name: fadeInDown;
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
-ms-animation-duration: 500ms;
-moz-animation-duration: 500ms;
-op-animation-duration: 500ms;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-ms-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-op-animation-timing-function: linear;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-ms-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-op-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}
.main-menu .navigation > li > a{
position:relative;
display:block;
color:#707070;
text-align:center;
line-height:30px;
text-transform:capitalize;
letter-spacing:0px;
font-weight:400;
font-size:26px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .main-menu .navigation > li.dropdown > a{
padding-right:18px !important;
}
.main-header .main-menu .navigation > li.dropdown > a:before{
font-family: "Flaticon";
content: "\f136";
position: absolute;
right: 0px;
color:#707070;
font-size: 10px;
line-height: 33px;
font-weight:700;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.sticky-header .main-menu .navigation > li{
position:relative;
margin-left:30px;
margin-right:0px !important;
}
.sticky-header .main-menu .navigation > li.dropdown > a:before{
display:none;
}
.sticky-header .main-menu .navigation > li:before,
.sticky-header .main-menu .navigation > li:after{
display:none;
}
.main-menu .navigation > li > a:after{
position:absolute;
content:'';
left:-7px;
bottom:21px;
height:8px;
width:100%;
z-index:-1;
opacity:0;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
background:url(/kidum_files/menu-bg.png) no-repeat;
background-position:center center;
}
.main-menu .navigation > li:hover > a:after,
.main-menu .navigation > li.current > a:after{
opacity:1;
}
.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a{
opacity:1;
color:#1b212f;
}
.main-menu .navigation > li > ul{
position:absolute;
left:0px;
top:120%;
width:220px;
padding:0px;
z-index:100;
display:none;
background:#ffffff;
border-top:3px solid var(--thm-base);
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li{
position:relative;
width:100%;
border-bottom:2px solid #f5f7f9;
}
.main-menu .navigation > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > a{
position:relative;
display:block;
padding:14px 30px;
line-height:24px;
text-align:left;
text-transform:capitalize;
color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li:hover > a{
color:var(--thm-base);
}
.main-menu .navigation > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:15px;
top:15px;
width:10px;
height:20px;
display:block;
color:var(--thm-base);
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{
color:#111111;
}
.main-menu .navigation > li > ul > li > ul{
position:absolute;
left:100%;
top:20px;
width:220px;
padding:0px;
z-index:100;
display:none;
background:#ffffff;
border-top:3px solid var(--thm-base);
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05);
}
.main-menu .navigation > li > ul > li > ul.from-right{
left:auto;
right:0px;
}
.main-menu .navigation > li > ul > li > ul > li{
position:relative;
width:100%;
border-bottom:2px solid #f5f7f9;
}
.main-menu .navigation > li > ul > li > ul > li:last-child{
border-bottom:none;
}
.main-menu .navigation > li > ul > li > ul > li > a{
position:relative;
display:block;
padding:14px 30px;
line-height:24px;
text-align:left;
text-transform:capitalize;
color:#222222;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-menu .navigation > li > ul > li > ul > li:hover > a{
color:var(--thm-base);
}
.main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{
font-family: 'FontAwesome';
content: "\f105";
position:absolute;
right:10px;
top:11px;
width:10px;
height:20px;
display:block;
color:#272727;
line-height:20px;
font-size:20px;
font-weight:normal;
text-align:center;
z-index:5;
}
.main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{
color:#ffffff;
}
.main-menu .navigation > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:100%;
}
.main-menu .navigation li > ul > li.dropdown:hover > ul{
visibility:visible;
opacity:1;
top:0;
transition:all 300ms ease;
-moz-transition:all 300ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{
position:absolute;
right:10px;
top:6px;
width:30px;
height:30px;
text-align:center;
color:#ffffff;
line-height:28px;
border:1px solid #ffffff;
background-size:20px;
cursor:pointer;
z-index:5;
display:none;
}
.main-header .button-box{
position:relative;
float:right;
padding:0px 0px 2px;
}
.main-header .header-lower{
position:relative;
display:block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-header.fixed-header .header-lower{
position:fixed;
left:0px;
right:0px;
top:0px;
z-index:99;
border:none;
background-color:#ffffff;
box-shadow:0px 10px 15px rgba(0,0,0,0.05);
}
.main-header .header-lower .logo-box{
position:relative;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
.main-header .header-lower .outer-box{
position:relative;
float:right;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
transition:all 500ms ease;
}
/* Header Search Form */
.main-header .header-lower .outer-box .search-box{
position:relative;
float:left;
}
.main-header .header-lower .outer-box .search-box .form-group{
position:relative;
margin:0px;
width:265px;
max-width:100%;
}
.main-header .header-lower .outer-box .form-group input[type="text"],
.main-header .header-lower .outer-box .form-group input[type="search"]{
position:relative;
line-height:43px;
padding:10px 55px 10px 20px;
background-color:#f4f4f4;
display:block;
font-size:16px;
height:50px;
width:100%;
color:#707070;
border-radius:0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .header-lower .outer-box .form-group button{
position:absolute;
right:0px;
top:0px;
height:50px;
width:50px;
display:block;
font-size:16px;
color:#ffffff;
cursor:pointer;
line-height:100%;
background-color:var(--thm-base);
font-weight:normal;
text-align:center;
border-radius:0px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.main-header .header-lower .outer-box .form-group button:hover{
background-color:var(--thm-secnd);
}
/* Search Box Outer */
.main-header .header-lower .outer-box .search-box-outer{
position:relative;
float:left;
}
.main-header .header-lower .outer-box .search-box-btn{
position:relative;
background:none;
color:#71758c;
cursor: pointer;
font-size: 20px;
margin:10px 0px;
margin-right:20px;
padding-right:20px;
border-right:1px solid #c6c8d1;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-header .header-lower .outer-box .search-box-btn:after{
display:none;
}
.main-header .header-lower .outer-box .search-box-btn:hover{
color:var(--thm-base);
}
.header-style-two .auto-container{
max-width:1400px;
position:relative;
}
.header-style-two .main-menu .navigation > li > a,
.header-style-two .main-menu .navigation > li.dropdown > a:before{
color:#ffffff;
}
.main-header.header-style-two .main-menu .navigation{
width:100%;
}
.main-header.header-style-two .main-menu .navigation > li{
float:none;
display:inline-block;
}
.main-header.header-style-two.fixed-header .main-menu .navigation > li > a,
.main-header.header-style-two.fixed-header .main-menu .navigation > li > a:before{
color:#111111;
}
/* Header Style Three */
.header-style-three .auto-container{
max-width:1400px;
position:relative;
}
.header-style-three .main-menu .navigation > li > a,
.header-style-three .main-menu .navigation > li.dropdown > a:before{
color:#ffffff;
}
.main-header.header-style-three .main-menu .navigation > li{
float:none;
display:inline-block;
}
.main-header.header-style-three.fixed-header .header-lower{
background-color:teal;
}
.main-header.header-style-three.fixed-header .main-menu .navigation > li > a,
.main-header.header-style-three.fixed-header .main-menu .navigation > li > a:before{
color:#ffffff;
}
.main-header.header-style-three .button-box .theme-btn{
display:block;
}
.main-header.header-style-three.fixed-header .nav-outer{
}
.main-header.header-style-three .button-box .theme-btn{
border-radius:50px;
}
/* Header Style Four */
.header-style-four{
position:relative;
}
.header-style-four .header-top{
border-color:#d6d6d6;
}
.header-style-four .header-top .info li,
.header-style-four .header-top .info li a{
color:#707070;
}
.header-style-four .auto-container{
max-width:1400px;
position:relative;
}
.header-style-four .main-menu .navigation > li > a,
.header-style-four .main-menu .navigation > li.dropdown > a:before{
color:#707070;
}
.main-header.header-style-four .main-menu{
width:100%;
text-align:center;
}
.main-header.header-style-four .nav-outer{
width:100%;
margin-top:-120px;
text-align:center;
}
.main-header.header-style-four .main-menu .navigation{
width:100%;
}
.main-header.header-style-four .main-menu .navigation > li{
float:none;
display:inline-block;
}
.main-header.header-style-four .main-menu .navigation > li > a{
padding:45px 0px 45px;
}
.main-header.header-style-four .main-menu .navigation > li > a:after{
bottom:50px;
}
.main-header.header-style-four .header-lower .outer-box{
position:absolute;
right:0px;
top:0px;
padding:34px 0px 22px;
}
.main-header.header-style-four .header-lower .logo-box{
padding:30px 0px 30px;
}
.main-header.header-style-four.fixed-header .main-menu .navigation > li > a{
padding:28px 0px 28px;
color:#111111;
}
.main-header.header-style-four.fixed-header .main-menu .navigation > li > a:after{
bottom:32px;
}
.main-header.header-style-four.fixed-header .nav-outer{
margin-top:-86px;
}
.main-header.header-style-four.fixed-header .header-lower .outer-box{
padding:15px 0px 12px;
}
/***
====================================================================
Main Slider Section
====================================================================
***/
.main-slider{
position:relative;
overflow:hidden;
background: #E8F8F7;
background: -webkit-linear-gradient(to right, #E8F8F7 0%, #fafcfc 100%);
background: -moz-linear-gradient(to right, #E8F8F7 0%, #fafcfc 100%);
background: linear-gradient(to right, #E8F8F7 0%, #fafcfc 100%);
}
.main-slider .icon-layer-one{
position:absolute;
left:8%;
top:20%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.main-slider .icon-layer-two{
position:absolute;
left:2%;
top:62%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.main-slider .icon-layer-three{
position:absolute;
left:8%;
bottom:8%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.main-slider .icon-layer-four{
position:absolute;
left:38%;
top:75%;
width:31px;
height:33px;
background-repeat:no-repeat;
}
.main-slider .icon-layer-five{
position:absolute;
left:48%;
bottom:8%;
width:28px;
height:28px;
background-repeat:no-repeat;
}
.main-slider .icon-layer-six{
position:absolute;
left:48%;
top:24%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.main-slider .icon-layer-seven{
position:absolute;
right:4%;
top:25%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.main-slider .icon-layer-eight{
position:absolute;
right:18%;
top:18%;
width:31px;
height:33px;
background-repeat:no-repeat;
}
.main-slider .icon-layer-nine{
position:absolute;
right:18%;
bottom:18%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.main-slider .icon-layer-ten{
position:absolute;
right:6%;
top:44%;
width:24px;
height:27px;
background-repeat:no-repeat;
}
.main-slider .slide{
position:relative;
overflow:hidden;
padding:200px 0px 70px;
}
.main-slider .content-column{
position:relative;
}
.main-slider .content-column .inner-column{
position:relative;
padding-top:150px;
}
.main-slider h1{
color:#111D5E;
margin-bottom:22px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider h1:before{
position:absolute;
content:'';
left: -70px;
top: -20px;
width:177px;
height:15px;
background-position: center center;
background-repeat: no-repeat;
}
.main-slider .active h1{
opacity: 1;
transform: scaleY(1);
transition-delay: 300ms;
}
.main-slider .text{
font-weight: 400;
margin-bottom: 40px;
opacity: 0;
color:#707070;
font-size:18px;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider .active .text{
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.main-slider .btns-box{
opacity:0;
transform: scaleY(0);
transform-origin: top;
display:inline-block;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.main-slider .active .btns-box{
opacity: 1;
transform: scaleY(1);
transition-delay:900ms;
}
.main-slider .btns-box .theme-btn{
margin-right:25px;
}
.main-slider .image{
position:relative;
opacity:0;
transform: scaleX(0);
transform-origin: top;
display:inline-block;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.main-slider .active .image{
opacity: 1;
transform: scaleX(1);
transition-delay:200ms;
}
.main-slider .owl-carousel .owl-stage-outer{
overflow:visible;
}
.main-slider .image-column{
position:relative;
}
.main-slider .image-column .inner-column{
position:relative;
}
.main-slider .image-column .image .circle-layer{
position:absolute;
left:-10px;
top:40px;
width:570px;
height:570px;
border-radius:50%;
display:inline-block;
background-color:var(--thm-secnd);
}
.main-slider .image-column img{
}
.main-slider .image-column .inner-column .pattern-layer-one{
position:absolute;
left:-280px;
bottom:-160px;
width:1130px;
height:892px;
background-repeat:no-repeat;
opacity:0;
transform: translateX(100px);
transform-origin: top;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.main-slider .active .image-column .inner-column .pattern-layer-one{
opacity: 1;
transform: translateX(0px);
transition-delay:600ms;
}
.main-slider .owl-dots{
position:absolute;
left:40px;
top:50%;
display:none;
margin-top:-60px;
}
.main-slider .owl-dots .owl-dot{
position:relative;
width:12px;
height:12px;
opacity:0.2;
margin:15px 0px;
border-radius:50px;
display:block;
background-color:#71758C;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-slider .owl-dots .owl-dot:hover,
.main-slider .owl-dots .owl-dot.active{
opacity:1;
background-color:var(--thm-base);
}
.main-slider .owl-nav{
display:none;
}
/*Custom Select*/
.form-group .ui-selectmenu-button.ui-button{
margin-top:-12px;
font-size:16px;
font-style:normal;
height:55px;
padding:12px 20px 10px 20px;
line-height:28px;
color:#777777;
border: none;
width:180px;
border-radius:0px;
background:#ffffff;
margin-right:0px;
border:1px solid #e9e9e9;
}
.form-group .ui-button .ui-icon{
background:none;
position:relative;
top:2px;
text-indent:0px;
color:#333333;
}
.form-group .ui-button .ui-icon:before{
font-family: 'FontAwesome';
content: "\f107";
position:absolute;
right:0px;
top:2px !important;
top:13px;
width:10px;
height:20px;
display:block;
color:#999999;
line-height:20px;
font-size:16px;
font-weight:normal;
text-align:center;
z-index:5;
font-weight:800;
}
.ui-widget.ui-widget-content{
}
.ui-menu .ui-menu-item{
font-size:14px;
}
.ui-menu .ui-menu-item:last-child{
border:none;
}
.ui-state-active, .ui-widget-content .ui-state-active{
background:var(--thm-base);
border-color:var(--thm-base);
}
.ui-menu .ui-menu-item-wrapper{
position:relative;
display:block;
padding:8px 20px;
font-size:14px;
line-height:24px;
}
.ui-menu-item:hover{
background-color:var(--thm-base);
}
/***
====================================================================
Mobile Menu
====================================================================
***/
.nav-outer .mobile-nav-toggler{
position: relative;
float: right;
font-size: 40px;
cursor: pointer;
color:#111111;
display: none;
}
.mobile-menu{
position: fixed;
right: 0;
top: 0;
width: 300px;
padding-right:30px;
max-width:100%;
height: 100%;
visibility: hidden;
z-index: 999999;
}
.mobile-menu .nav-logo{
position: relative;
padding: 11px 11px 18px 20px;
text-align: left;
background: teal;
}
.mobile-menu .nav-logo img{
height:30px;
}
.mobile-menu-visible{
overflow: hidden;
}
.mobile-menu-visible .mobile-menu{
visibility: visible;
}
.mobile-menu .menu-backdrop{
position: fixed;
right: 0;
top: 0;
width: 0%;
height: 100%;
z-index: 1;
background: rgba(0,0,0,0.90);
-webkit-transform: translateX(101%);
-ms-transform: translateX(101%);
transform: translateX(101%);
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-webkit-transition-delay: 300ms;
-moz-transition-delay: 300ms;
-ms-transition-delay: 300ms;
-o-transition-delay: 300ms;
transition-delay: 300ms;
}
.mobile-menu-visible .mobile-menu .menu-backdrop{
opacity: 1;
width:100%;
visibility: visible;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.mobile-menu .menu-box{
position: absolute;
right: -400px;
top: 0px;
width: 100%;
height: 100%;
max-height: 100%;
overflow-y: auto;
background: #ffffff;
padding: 0px 0px;
z-index: 5;
border-radius: 0px;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
}
.mobile-menu-visible .mobile-menu .menu-box{
right:0px;
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.mobile-menu .close-btn{
position: absolute;
right: 15px;
top: 15px;
line-height: 30px;
width: 30px;
text-align: center;
font-size: 14px;
color: #202020;
cursor: pointer;
z-index: 10;
-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;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
}
.mobile-menu-visible .mobile-menu .close-btn{
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
-webkit-transition-delay: 900ms;
-moz-transition-delay: 900ms;
-ms-transition-delay: 900ms;
-o-transition-delay: 900ms;
transition-delay: 900ms;
}
.mobile-menu .close-btn:hover{
opacity: 0.50;
}
.mobile-menu .navigation{
position: relative;
display: block;
width:100%;
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li{
position: relative;
display: block;
border-bottom: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > ul > li:last-child{
border-bottom: none;
}
.mobile-menu .navigation li > ul > li:first-child{
border-top: 1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > a{
position: relative;
display: block;
line-height: 24px;
padding: 10px 20px;
font-size: 16px;
color: #404040;
text-transform: capitalize;
}
.mobile-menu .navigation li:hover > a,
.mobile-menu .navigation li.current > a{
color:#111111;
}
.mobile-menu .navigation li.dropdown .dropdown-btn{
position:absolute;
right:0px;
top:0px;
width:44px;
height:44px;
text-align:center;
font-size:16px;
line-height:44px;
color:#404040;
cursor:pointer;
z-index:5;
}
.mobile-menu .navigation li.dropdown .dropdown-btn:after{
content:'';
position:absolute;
left:0px;
top:10px;
width:1px;
height:24px;
border-left:1px solid rgba(0,0,0,0.10);
}
.mobile-menu .navigation li > ul,
.mobile-menu .navigation li > ul > li > ul{
display: none;
padding-left:15px;
}
.sticky-header .navbar-header{
display:none;
}
/***
====================================================================
Services Section
====================================================================
***/
.services-section{
position:relative;
padding:100px 0px 70px;
}
.services-section .auto-container{
max-width:1400px;
}
.service-block{
position:relative;
margin-bottom:30px;
}
.service-block .inner-box{
position:relative;
padding:25px 30px;
border-radius:10px;
border:1px solid #dfdfdf;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.service-block .inner-box:hover{
border-color:#ffffff;
box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}
.service-block .inner-box .icon-box{
position:relative;
width:70px;
height:70px;
color:var(--thm-base);
font-size:36px;
margin-bottom:15px;
line-height:70px;
text-align:center;
border-radius:50%;
background: #FFE9D8;
display:inline-block;
transition: all 300ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
-moz-transition: all 600ms ease;
background: -webkit-linear-gradient(to bottom, #FFE9D8 0%, #ffffff 100%);
background: -moz-linear-gradient(to bottom, #FFE9D8 0%, #ffffff 100%);
background: linear-gradient(to bottom, #FFE9D8 0%, #ffffff 100%);
}
.service-block .inner-box .icon-box .icon{
position:relative;
}
.service-block .inner-box:hover .icon-box{
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.service-block .inner-box h5{
position:relative;
font-weight:700;
margin-bottom:8px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.service-block .inner-box h5 a{
position:relative;
color:#1b212f;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.service-block .inner-box:hover h5 a{
color:var(--thm-base);
}
.service-block .inner-box .text{
position:relative;
color:#707070;
font-size:16px;
}
.service-block:nth-child(2) .inner-box .icon-box{
color:var(--thm-secnd);
background: #cdf2ef;
background: -webkit-linear-gradient(to bottom, #cdf2ef 0%, #FFFFFF 100%);
background: -moz-linear-gradient(to bottom, #cdf2ef 0%, #FFFFFF 100%);
background: linear-gradient(to bottom, #cdf2ef 0%, #FFFFFF 100%);
}
.service-block:nth-child(2) .inner-box:hover h5 a{
color:var(--thm-secnd);
}
.service-block:nth-child(3) .inner-box .icon-box{
color:#eb93b6;
background: #fbeaf0;
background: -webkit-linear-gradient(to bottom, #fbeaf0 0%, #FFFFFF 100%);
background: -moz-linear-gradient(to bottom, #fbeaf0 0%, #FFFFFF 100%);
background: linear-gradient(to bottom, #fbeaf0 0%, #FFFFFF 100%);
}
.service-block:nth-child(3) .inner-box:hover h5 a{
color:#eb93b6;
}
.service-block:nth-child(4) .inner-box .icon-box{
color:#97d1ec;
background: #e5f3fa;
background: -webkit-linear-gradient(to bottom, #e5f3fa 0%, #FFFFFF 100%);
background: -moz-linear-gradient(to bottom, #e5f3fa 0%, #FFFFFF 100%);
background: linear-gradient(to bottom, #e5f3fa 0%, #FFFFFF 100%);
}
.service-block:nth-child(4) .inner-box:hover h5 a{
color:#97d1ec;
}
.service-block:nth-child(5) .inner-box .icon-box{
color:#ffbb39;
background: #ffeece;
background: -webkit-linear-gradient(to bottom, #ffeece 0%, #FFFFFF 100%);
background: -moz-linear-gradient(to bottom, #ffeece 0%, #FFFFFF 100%);
background: linear-gradient(to bottom, #ffeece 0%, #FFFFFF 100%);
}
.service-block:nth-child(5) .inner-box:hover h5 a{
color:#ffbb39;
}
.service-block:nth-child(6) .inner-box .icon-box{
color:#9ebe3b;
background: #edf3dc;
background: -webkit-linear-gradient(to bottom, #edf3dc 0%, #FFFFFF 100%);
background: -moz-linear-gradient(to bottom, #edf3dc 0%, #FFFFFF 100%);
background: linear-gradient(to bottom, #edf3dc 0%, #FFFFFF 100%);
}
.service-block:nth-child(6) .inner-box:hover h5 a{
color:#9ebe3b;
}
.service-block:nth-child(7) .inner-box .icon-box{
color:#dea770;
background: #f8eee3;
background: -webkit-linear-gradient(to bottom, #f8eee3 0%, #FFFFFF 100%);
background: -moz-linear-gradient(to bottom, #f8eee3 0%, #FFFFFF 100%);
background: linear-gradient(to bottom, #f8eee3 0%, #FFFFFF 100%);
}
.service-block:nth-child(7) .inner-box:hover h5 a{
color:#dea770;
}
.service-block:nth-child(8) .inner-box .icon-box{
color:#766dff;
background: #dad8ff;
background: -webkit-linear-gradient(to bottom, #dad8ff 0%, #FFFFFF 100%);
background: -moz-linear-gradient(to bottom, #dad8ff 0%, #FFFFFF 100%);
background: linear-gradient(to bottom, #dad8ff 0%, #FFFFFF 100%);
}
.service-block:nth-child(8) .inner-box:hover h5 a{
color:#766dff;
}
/***
====================================================================
Philosophy Section
====================================================================
***/
.philosophy-section{
position:relative;
padding:20px 0px 60px;
}
.philosophy-section.style-two{
padding-top:100px;
padding-bottom:0px;
}
.philosophy-section .icon-layer-one{
position:absolute;
left:5%;
width:154px;
height:32px;
top:10%;
background-repeat:no-repeat;
}
.philosophy-section .icon-layer-two{
position:absolute;
width:24px;
height:27px;
left:3%;
top:35%;
background-repeat:no-repeat;
}
.philosophy-section .icon-layer-three{
position:absolute;
width:47px;
height:47px;
left:8%;
top:75%;
background-repeat:no-repeat;
}
.philosophy-section .icon-layer-four{
position:absolute;
width:31px;
height:33px;
left:50%;
top:15%;
background-repeat:no-repeat;
}
.philosophy-section .icon-layer-five{
position:absolute;
width:28px;
height:24px;
right:12%;
top:10%;
background-repeat:no-repeat;
}
.philosophy-section .icon-layer-six{
position:absolute;
width:47px;
height:47px;
right:4%;
top:56%;
background-repeat:no-repeat;
}
.philosophy-section .icon-layer-seven{
position:absolute;
width:154px;
height:32px;
right:8%;
bottom:10%;
background-repeat:no-repeat;
}
.philosophy-section .icon-layer-eight{
position:absolute;
width:28px;
height:24px;
right:42%;
bottom:12%;
background-repeat:no-repeat;
}
.philosophy-section .image-column{
position:relative;
margin-bottom:40px;
}
.philosophy-section .image-column .inner-column{
position:relative;
padding-right:60px;
}
.philosophy-section .image-column .image{
position:relative;
}
.philosophy-section .image-column .image img{
position:relative;
width:100%;
display:block;
}
.philosophy-section .image-column .shadow-box{
position:absolute;
left:-250px;
top:-50px;
width:750px;
height:750px;
background:url(/kidum_files/philosophy-shadow.png) no-repeat;
background-size:cover;
}
/* Teacher Box */
.philosophy-section .image-column .teacher-box{
position:absolute;
left:100px;
bottom:30px;
max-width:220px;
}
.philosophy-section .image-column .teacher-box .box-inner{
position:relative;
padding:38px 35px;
border-radius:10px;
background-color:#ffffff;
}
.philosophy-section .image-column .teacher-box .box-inner .text{
position:relative;
color:#1B212F;
font-size:20px;
line-height:1.7em;
}
.philosophy-section .image-column .teacher-box .box-inner .text .count-box{
position:relative;
color:var(--thm-base);
font-size:46px;
margin:18px 0px 18px;
font-family: 'Fredoka One', cursive;
}
/* Courses Box */
.philosophy-section .image-column .courses-box{
position:absolute;
right:0px;
top:30%;
max-width:220px;
box-shadow:0px 10px 45px rgba(0,190,176,0.10);
}
.philosophy-section .image-column .courses-box .box-inner{
position:relative;
padding:38px 35px;
border-radius:10px;
background-color:#ffffff;
}
.philosophy-section .image-column .courses-box .box-inner .text{
position:relative;
color:#1B212F;
font-size:20px;
line-height:1.7em;
}
.philosophy-section .image-column .courses-box .box-inner .text .count-box{
position:relative;
color:var(--thm-secnd);
font-size:46px;
margin:18px 0px 18px;
font-family: 'Fredoka One', cursive;
}
.philosophy-section .content-column{
position:relative;
margin-bottom:40px;
}
.philosophy-section .content-column .inner-column{
position:relative;
padding-left:40px;
padding-top:160px;
}
.philosophy-section .content-column .sec-title{
margin-bottom:20px;
}
.philosophy-section .content-column .bold-text{
position:relative;
color:#303030;
font-size:18px;
margin-bottom:50px;
}
.philosophy-section .content-column .bold-text span{
position:relative;
font-weight:700;
}
.philosophy-section .content-column .btns-box{
position:relative;
}
.philosophy-section .content-column .course-box{
position:relative;
width:178px;
height:169px;
color:#1B212F;
margin-left:250px;
margin-top:-40px;
padding:34px 30px 15px;
font-size:20px;
font-weight:700;
text-align:center;
display:inline-block;
text-transform:capitalize;
}
.philosophy-section .content-column .course-box:before{
position:absolute;
content:'';
left:0px;
top:-3px;
right:0px;
bottom:0px;
width:178px;
height:169px;
z-index:-1;
background:url(../images/icons/course-bg.png) no-repeat;
}
/***
====================================================================
Courses Section
====================================================================
***/
.courses-section{
position:relative;
padding:90px 0px 90px;
background-color:#eaf8f7;
}
.courses-section .icon-layer-one{
position:absolute;
left:8%;
top:15%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.courses-section .icon-layer-two{
position:absolute;
left:2%;
top:62%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.courses-section .icon-layer-three{
position:absolute;
left:8%;
bottom:8%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.courses-section .icon-layer-four{
position:absolute;
left:38%;
top:75%;
width:31px;
height:33px;
background-repeat:no-repeat;
}
.courses-section .icon-layer-five{
position:absolute;
left:48%;
bottom:8%;
width:28px;
height:28px;
background-repeat:no-repeat;
}
.courses-section .icon-layer-six{
position:absolute;
left:35%;
top:2%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.courses-section .icon-layer-seven{
position:absolute;
right:4%;
top:25%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.courses-section .icon-layer-eight{
position:absolute;
right:18%;
top:6%;
width:31px;
height:33px;
background-repeat:no-repeat;
}
.courses-section .icon-layer-nine{
position:absolute;
right:18%;
bottom:18%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.courses-section .icon-layer-ten{
position:absolute;
right:6%;
top:44%;
width:24px;
height:27px;
background-repeat:no-repeat;
}
.courses-section .auto-container{
max-width:1600px;
}
.courses-section .button-box{
margin-top:30px;
}
.course-block{
position:relative;
margin-bottom:30px;
}
.course-block .inner-box{
position:relative;
padding:15px 15px;
border-radius:10px;
background-color:#ffffff;
border:1px solid #eaeeee;
}
.course-block .inner-box .image{
position:relative;
border-radius:10px;
overflow:hidden;
background-color:var(--thm-base);
}
.course-block .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.course-block .inner-box:hover .image img{
opacity:0.40;
transform:scale(1.07,1.07) rotate(3deg);
}
.course-block .inner-box .image .course-price{
position:absolute;
right:10px;
bottom:10px;
color:#ffffff;
font-size:16px;
padding:1px 12px;
font-weight:700;
display:inline-block;
background-color:var(--thm-secnd);
}
.course-block .inner-box .lower-content{
position:relative;
padding-top:20px;
}
.course-block .inner-box .lower-content h4{
margin-bottom:8px;
font-family: 'Roboto', sans-serif;
}
.course-block .inner-box .lower-content h4 a{
position:relative;
color:#1b212f;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
}
.course-block .inner-box:hover .lower-content h4 a{
color:var(--thm-secnd);
}
.course-block .inner-box .lower-content .text{
position:relative;
color:#707070;
font-size:18px;
margin-bottom:10px;
}
.course-block .inner-box .lower-content .course-list{
position:relative;
margin-bottom:14px;
}
.course-block .inner-box .lower-content .course-list li{
position:relative;
color:#303030;
font-size:16px;
font-weight:400;
margin-right:20px;
display:inline-block;
font-family: 'Fredoka One', cursive;
}
.course-block .inner-box .lower-content .course-list li span{
position:relative;
color:var(--thm-secnd);
}
.course-block .inner-box .lower-content .course-list li:last-child{
margin-right:0px;
}
.course-block .inner-box .lower-content .enroll-btn{
position: relative;
display: inline-block;
font-size: 14px;
line-height: 30px;
color: #ffffff;
font-weight: 700;
overflow: hidden;
background:none;
border-radius:0px;
padding: 8px 26px;
text-transform: uppercase;
background-color:var(--thm-base);
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
font-family: 'Roboto', sans-serif;
}
.course-block .inner-box:hover .lower-content .enroll-btn{
background-color:var(--thm-secnd);
}
/***
====================================================================
Team Section
====================================================================
***/
.team-section{
position:relative;
padding:90px 0px 60px;
}
.team-section .auto-container{
max-width:1600px;
}
.team-block{
position:relative;
margin-bottom:30px;
}
.team-block .inner-box{
position:relative;
}
.team-block .inner-box .image{
position:relative;
width:315px;
height:350px;
margin:0 auto;
}
.team-block .inner-box .image .social-outer-box{
position:absolute;
left:0px;
bottom:25px;
right:0px;
overflow:hidden;
padding:10px;
}
.team-block .inner-box .image .social-outer-box .social-arrow{
position:relative;
width:58px;
height:58px;
color:var(--thm-secnd);
line-height:58px;
font-size:26px;
text-align:center;
border-radius:50%;
display:inline-block;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.team-block .inner-box .image .social-outer-box .social-box{
position:absolute;
left:-240px;
top:8px;
padding:14px 35px;
border-radius:50px;
background-color:var(--thm-secnd);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.team-block .inner-box:hover .image .social-outer-box .social-box{
left:0px;
}
.team-block .inner-box .image .social-outer-box .social-box li{
position:relative;
margin-right:20px;
display:inline-block;
}
.team-block .inner-box .image .social-outer-box .social-box li a{
position:relative;
color:#ffffff;
font-size:18px;
}
.team-block .inner-box .image .social-outer-box .social-box li:last-child{
margin-right:0px;
}
.team-block .inner-box .image .color-layer{
position:absolute;
left: 15px;
top: 69px;
width: 285px;
height: 280px;
z-index:-1;
border-radius:50%;
display:inline-block;
background-color:var(--thm-base);
}
.team-block .inner-box .lower-content{
position:relative;
padding-top:25px;
text-align:center;
}
.team-block .inner-box .lower-content h4{
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.team-block .inner-box .lower-content h4 a{
color:#1B212F;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.team-block .inner-box:hover .lower-content h4 a{
color:var(--thm-base);
}
.team-block .inner-box .lower-content .designation{
position:relative;
color:#707070;
font-size:16px;
margin-top:6px;
}
.team-block.style-two .inner-box .image .color-layer{
background: #FF9642;
background: -webkit-linear-gradient(to bottom, #FF9642 0%, #ffeddf 100%);
background: -moz-linear-gradient(to bottom, #FF9642 0%, #ffeddf 100%);
background: linear-gradient(to bottom, #FF9642 0%, #ffeddf 100%);
}
.team-block.style-two .inner-box .image .social-outer-box .social-arrow{
color:var(--thm-base);
margin:0 auto;
display:block;
}
.team-block.style-two .inner-box .image .social-outer-box .social-box{
background-color:var(--thm-base);
}
.team-block.style-two .inner-box:hover .image .social-outer-box .social-box{
left:56px;
}
/***
====================================================================
Clients Section
====================================================================
***/
.clients-section{
position:relative;
padding:10px 0px 30px;
}
.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav{
position:relative;
display:none;
}
.clients-section .sponsors-outer .image-box{
position:relative;
text-align:center;
margin:0px;
}
.clients-section .sponsors-outer .image-box img{
max-width:100%;
width:auto;
opacity:0.80;
margin:0 auto;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section .sponsors-outer .image-box img:hover{
opacity:1;
}
/***
====================================================================
Choose Section
====================================================================
***/
.choose-section{
position:relative;
overflow:hidden;
padding:60px 0px 100px;
}
.choose-section .icon-layer-one{
position:absolute;
left:14%;
top:10%;
width:31px;
height:33px;
background-repeat:no-repeat;
}
.choose-section .icon-layer-two{
position:absolute;
left:5%;
top:47%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.choose-section .icon-layer-two{
position:absolute;
left:5%;
top:47%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.choose-section .icon-layer-three{
position:absolute;
left:12%;
top:82%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.choose-section .icon-layer-four{
position:absolute;
left:42%;
top:15%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.choose-section .icon-layer-five{
position:absolute;
left:42%;
top:78%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.choose-section .icon-layer-six{
position:absolute;
left:90%;
top:18%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.choose-section .icon-layer-seven{
position:absolute;
left:96%;
top:48%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.choose-section .icon-layer-eight{
position:absolute;
left:80%;
top:82%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.choose-section .content-column{
position:relative;
margin-bottom:30px;
}
.choose-section .content-column .inner-column{
position:relative;
padding-top:140px;
padding-right:70px;
}
.choose-section .content-column .sec-title{
margin-bottom:20px;
}
.choose-section .content-column .btns-box{
position:relative;
margin-top:40px;
}
.choose-section .images-column{
position:relative;
margin-bottom:30px;
}
.choose-section .images-column .inner-column{
position:relative;
text-align:right;
}
.choose-section .images-column .image{
position:relative;
padding-left:60px;
}
.choose-section .images-column .image-two{
position:absolute;
left:-45px;
bottom:-50px;
}
.choose-section .images-column .shadow-box{
position:absolute;
right:-200px;
top:-50px;
width:750px;
height:750px;
background:url(/kidum_files/philosophy-shadow.png) no-repeat;
background-size:cover;
}
/***
====================================================================
Testimonial Section
====================================================================
***/
.testimonial-section{
position:relative;
overflow:hidden;
padding:90px 0px 100px;
background: #FFFFFF;
background: -webkit-linear-gradient(to right, #FFFFFF 0%, #e8f8f7 100%);
background: -moz-linear-gradient(to right, #FFFFFF 0%, #e8f8f7 100%);
background: linear-gradient(to right, #FFFFFF 0%, #e8f8f7 100%);
}
.testimonial-section .owl-carousel .owl-stage-outer{
position:static;
padding:20px 0px;
}
.testimonial-section .owl-theme .testimonial-block{
margin:0px 15px;
}
.testimonial-section .owl-carousel{
margin:0px -15px;
width:auto;
}
.testimonial-section .owl-dots{
display:none;
}
.testimonial-section .owl-nav{
position:absolute;
left:-70px;
top:50%;
z-index:99999;
right:-70px;
margin-top:-30px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.testimonial-section .owl-nav .owl-prev{
position:absolute;
left:0px;
width:60px;
height:60px;
color:var(--thm-secnd);
line-height:56px;
font-size:24px;
text-align:center;
border-radius:50px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:#bcede9;
}
.testimonial-section .owl-nav .owl-next{
position:absolute;
right:0px;
color:var(--thm-secnd);
font-size:24px;
width:60px;
height:60px;
line-height:56px;
border-radius:50px;
text-align:center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:#bcede9;
}
.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover{
color:#ffffff;
background-color:var(--thm-secnd);
}
.testimonial-block{
position:relative;
}
.testimonial-block .inner-box{
position:relative;
border-radius:10px;
overflow:hidden;
background-color:#ffffff;
box-shadow:0px 10px 10px rgba(0,0,0,0.06);
}
.testimonial-block .inner-box .image{
position:relative;
}
.testimonial-block .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.testimonial-block .inner-box .lower-content{
position:relative;
padding:25px 25px;
}
.testimonial-block .inner-box .lower-content .quote-icon{
position:absolute;
right:30px;
top:-30px;
font-size:60px;
color:var(--thm-base);
line-height:1em;
}
.testimonial-block .inner-box .lower-content .rating{
position:relative;
color:#fdc25c;
font-size:18px;
margin-bottom:12px;
}
.testimonial-block .inner-box .lower-content .text{
color:#707070;
margin-bottom:14px;
}
.testimonial-block .inner-box .lower-content h4{
color:#1B212F;
font-family: 'Roboto', sans-serif;
}
.testimonial-block .inner-box .lower-content i{
display:block;
color:#707070;
font-size:16px;
margin-top:3px;
font-style:normal;
font-weight:400;
}
/***
====================================================================
News Section
====================================================================
***/
.news-section{
position:relative;
overflow:hidden;
padding:90px 0px 100px;
}
.news-section .inner-container{
position:relative;
}
.news-section .shadow-box{
position:absolute;
left:-250px;
top:-240px;
width:750px;
height:750px;
background:url(/kidum_files/philosophy-shadow.png) no-repeat;
background-size:cover;
}
.news-section .icon-layer-one{
position:absolute;
left:14%;
top:10%;
width:31px;
height:33px;
background-repeat:no-repeat;
}
.news-section .icon-layer-two{
position:absolute;
left:5%;
top:47%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.news-section .icon-layer-two{
position:absolute;
left:5%;
top:47%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.news-section .icon-layer-three{
position:absolute;
left:12%;
top:82%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.news-section .icon-layer-four{
position:absolute;
left:42%;
top:15%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.news-section .icon-layer-five{
position:absolute;
left:42%;
top:78%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.news-section .icon-layer-six{
position:absolute;
left:90%;
top:18%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.news-section .icon-layer-seven{
position:absolute;
left:96%;
top:48%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.news-section .icon-layer-eight{
position:absolute;
left:80%;
top:82%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.news-section .button-box{
margin-top:20px;
}
.news-block{
position:relative;
margin-bottom:30px;
}
.news-block .inner-box{
position:relative;
padding:40px 30px;
padding-right:275px;
border-radius:8px;
min-height:320px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.news-block .inner-box .content{
position:relative;
}
.news-block .inner-box .category{
position:relative;
color:#ffffff;
padding:6px 18px;
font-size:16px;
font-weight:500;
margin-bottom:18px;
display:inline-block;
background-color:var(--thm-secnd);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block .inner-box:hover .category{
background-color:var(--thm-base);
}
.news-block .inner-box h4{
position:relative;
margin-bottom:10px;
font-family: 'Roboto', sans-serif;
}
.news-block .inner-box h4 a{
position:relative;
color:#1B212F;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block .inner-box:hover h4 a{
color:var(--thm-secnd);
}
.news-block .inner-box .text{
color:#707070;
line-height:1.7em;
}
.news-block .inner-box .image{
position:absolute;
right:0px;
top:0px;
overflow:hidden;
border-radius:10px;
background-color:var(--thm-base);
}
.news-block .inner-box .image img{
position:relative;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block .inner-box:hover .image img{
opacity:0.50;
transform:scale(1.05,1.05);
}
/***
====================================================================
Main Footer
====================================================================
***/
.main-footer{
position:relative;
background: #F1F7F6;
background: -webkit-linear-gradient(to bottom, #F1F7F6 0%, #e5f8f6 100%);
background: -moz-linear-gradient(to bottom, #F1F7F6 0%, #e5f8f6 100%);
background: linear-gradient(to bottom, #F1F7F6 0%, #e5f8f6 100%);
}
.main-footer .upper-box{
position:relative;
padding-top:80px;
padding-bottom:20px;
border-bottom:1px solid #a4e6e2;
}
.main-footer .upper-box .social-box{
position:relative;
}
.main-footer .upper-box .social-box li{
position:relative;
margin-right:5px;
display:inline-block;
}
.main-footer .upper-box .social-box li a{
position:relative;
width:40px;
height:40px;
color:var(--thm-secnd);
font-size:16px;
text-align:center;
line-height:40px;
border-radius:5px;
display:inline-block;
background-color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-footer .upper-box .social-box li a:hover{
color:#ffffff;
background-color:var(--thm-secnd);
}
.main-footer .widgets-section{
position:relative;
padding:100px 0px 40px;
}
.main-footer .footer-widget{
position:relative;
margin-bottom:30px;
}
.main-footer .footer-widget h4{
color:#1F2131;
margin-bottom:20px;
text-transform:capitalize;
font-family: 'Roboto', sans-serif;
}
.main-footer .logo-widget{
position:relative;
}
.main-footer .logo-widget .logo{
position:relative;
margin-bottom:18px;
}
.main-footer .logo-widget .text{
color:#707070;
font-weight: 400;
margin-bottom: 22px;
}
.main-footer .logo-widget .social-box{
position:relative;
}
.main-footer .logo-widget .social-box li{
position:relative;
margin-right:5px;
display:inline-block;
}
.main-footer .logo-widget .social-box li a{
position:relative;
width:40px;
height:40px;
color:var(--thm-secnd);
font-size:16px;
text-align:center;
line-height:40px;
border-radius:50%;
display:inline-block;
background-color:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-footer .logo-widget .social-box li a:hover{
color:#ffffff;
background-color:var(--thm-secnd);
}
.main-footer .list-link{
position:relative;
}
.main-footer .list-link li{
position:relative;
margin-bottom:10px;
}
.main-footer .list-link li a{
position:relative;
color:#707070;
font-size:16px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-footer .list-link li a:hover{
color:var(--thm-secnd);
}
.main-footer .in-touch-widget{
position:relative;
}
.main-footer .in-touch-widget li{
position:relative;
color:#707070;
font-size:16px;
line-height:1.8em;
margin-bottom:10px;
}
.main-footer .in-touch-widget li a{
position:relative;
color:#707070;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-footer .in-touch-widget li:nth-child(2) a{
color:var(--thm-secnd);
}
.main-footer .in-touch-widget li a:hover{
color:var(--thm-secnd);
}
/*Gallery Widget*/
.main-footer .gallery-widget{
position:relative;
}
.main-footer .gallery-widget .images-outer{
position:relative;
margin:0px -3px;
}
.main-footer .gallery-widget .image-box{
position:relative;
float:left;
width:33.333%;
padding:0px 6px;
margin-bottom:12px;
}
.main-footer .gallery-widget .image-box img{
position:relative;
display:block;
width:100%;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-footer .gallery-widget .image-box img:hover{
opacity:0.70;
}
.main-footer .footer-bottom{
position:relative;
padding:30px 0px;
text-align:center;
border-top:1px solid #a2e6e1;
}
.main-footer .footer-bottom .copyright{
position:relative;
color:#505050;
font-size:16px;
}
.main-footer.style-two .widgets-section{
padding-top:50px;
}
.main-footer .footer-bottom-two{
position:relative;
padding:30px 0px;
text-align:center;
border-top:1px solid #a2e6e1;
}
.main-footer .footer-bottom-two .copyright{
position:relative;
color:#505050;
font-size:16px;
}
.main-footer .footer-bottom-two .footer-bottom-nav{
position:relative;
}
.main-footer .footer-bottom-two .footer-bottom-nav li{
position:relative;
margin-left:15px;
display:inline-block;
}
.main-footer .footer-bottom-two .footer-bottom-nav li a{
position:relative;
color:#303030;
font-size:16px;
font-weight:400;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-footer .footer-bottom-two .footer-bottom-nav li a:hover{
color:var(--thm-base);
}
/* Newslettter Form */
.main-footer .newsletter-form{
margin-bottom:35px;
}
.main-footer .newsletter-form .form-group{
position:relative;
display:block;
margin-bottom:10px;
}
.main-footer .newsletter-form .form-group input[type="text"],
.main-footer .newsletter-form .form-group input[type="email"]{
position:relative;
display:block;
width:100%;
line-height:26px;
padding:10px 85px 10px 28px;
height:52px;
font-size:15px;
color:#000000;
border-radius:50px;
background:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.main-footer .newsletter-form .form-group button{
position:relative;
border-radius:50px;
display:block;
width:100%;
cursor:pointer;
margin-top:12px;
}
.main-footer.style-three{
background-color:#1b212f;
background-image:none;
}
.main-footer.style-three .footer-bottom-two,
.main-footer.style-three .upper-box{
border-color:rgba(255,255,255,0.10);
}
.p-t50{
padding-top:50px !important;
}
.main-footer.style-three .footer-bottom-two .footer-bottom-nav li a,
.main-footer.style-three .footer-bottom-two .copyright,
.main-footer.style-three .list-link li a,
.main-footer.style-three .in-touch-widget li,
.main-footer.style-three .footer-widget h4{
color:#ffffff;
}
.main-footer.style-three .icon-layer-one{
position:absolute;
left:8%;
top:45%;
opacity:0.50;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.main-footer.style-three .icon-layer-two{
position:absolute;
left:10%;
top:80%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.main-footer.style-three .icon-layer-three{
position:absolute;
left:20%;
top:24%;
width:31px;
height:33px;
background-repeat:no-repeat;
}
.main-footer.style-three .icon-layer-four{
position:absolute;
left:28%;
top:68%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.main-footer.style-three .icon-layer-five{
position:absolute;
left:50%;
bottom:8%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.main-footer.style-three .icon-layer-six{
position:absolute;
left:62%;
top:22%;
width:31px;
height:33px;
background-repeat:no-repeat;
}
.main-footer.style-three .icon-layer-seven{
position:absolute;
right:4%;
top:25%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.main-footer.style-three .icon-layer-eight{
position:absolute;
right:5%;
top:60%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.main-footer.style-three .icon-layer-nine{
position:absolute;
right:10%;
bottom:10%;
width:31px;
height:33px;
background-repeat:no-repeat;
}
/***
====================================================================
Slider Section Two
====================================================================
***/
.main-slider-two{
position:relative;
overflow:hidden;
}
.main-slider-two .slide{
position:relative;
overflow:hidden;
padding:300px 0px 280px;
background-position:center top;
background-size:cover;
}
.main-slider-two .content-box{
position:relative;
}
.main-slider-two .content-box .box-inner{
position:relative;
padding-top:50px;
max-width:600px;
}
.main-slider-two h1{
color:#1B212F;
margin-bottom:18px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-two .active h1{
opacity: 1;
transform: scaleY(1);
transition-delay: 300ms;
}
.main-slider-two .text{
font-weight: 400;
margin-bottom: 35px;
opacity: 0;
color:#707070;
font-size:18px;
max-width:530px;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-two .active .text{
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.main-slider-two .btns-box{
opacity:0;
transform: scaleY(0);
transform-origin: top;
display:inline-block;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.main-slider-two .active .btns-box{
opacity: 1;
transform: scaleY(1);
transition-delay:900ms;
}
.main-slider-two .btns-box .theme-btn{
margin-right:25px;
}
.main-slider-two .owl-dots,
.main-slider-two .owl-nav{
display:none;
}
/***
====================================================================
Features Section
====================================================================
***/
.features-section{
position:relative;
padding:100px 0px 60px;
}
.features-section .auto-container{
position:relative;
max-width:1440px;
}
.feature-block{
position:relative;
margin-bottom:30px;
}
.feature-block .inner-box{
position:relative;
padding:25px 22px;
min-height:120px;
border-radius:10px;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
-moz-transition: all 600ms ease;
}
.feature-block .inner-box .overlay-link{
position:absolute;
left:0px;
top:0px;
right:0px;
bottom:0px;
display:block;
z-index:1;
}
.feature-block .inner-box .pattern-layer{
position:absolute;
left:0px;
top:0px;
width:100%;
bottom:0px;
opacity:0.20;
background-repeat:repeat;
}
.feature-block .inner-box:hover{
background-color:var(--thm-base);
}
.feature-block .inner-box .content{
position:relative;
padding-top:22px;
padding-left:85px;
}
.feature-block .inner-box .content .icon{
position:absolute;
left:0px;
top:0px;
width:70px;
height:70px;
color:var(--thm-base);
font-size:34px;
line-height:70px;
text-align:center;
border-radius:50%;
display:inline-block;
transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
-moz-transition: all 600ms ease;
background: -webkit-linear-gradient(to bottom, #FFE9D8 0%, #ffffff 100%);
background: -moz-linear-gradient(to bottom, #FFE9D8 0%, #ffffff 100%);
background: linear-gradient(to bottom, #FFE9D8 0%, #ffffff 100%);
}
.feature-block .inner-box:hover .content .icon{
color:var(--thm-base);
background:#ffffff;
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.feature-block .inner-box .content h5{
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
transition: all 600ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
-moz-transition: all 600ms ease;
}
.feature-block .inner-box .content h5 a{
position:relative;
}
.feature-block .inner-box:hover .content h5{
color:#ffffff;
}
/***
====================================================================
Philosophy Section Two
====================================================================
***/
.philosophy-section-two{
position:relative;
padding:0px 0px 90px;
}
.philosophy-section-two .icon-layer-one{
position:absolute;
left:5%;
width:154px;
height:32px;
top:10%;
background-repeat:no-repeat;
}
.philosophy-section-two .icon-layer-two{
position:absolute;
width:24px;
height:27px;
left:3%;
top:35%;
background-repeat:no-repeat;
}
.philosophy-section-two .icon-layer-three{
position:absolute;
width:47px;
height:47px;
left:8%;
top:75%;
background-repeat:no-repeat;
}
.philosophy-section-two .icon-layer-four{
position:absolute;
width:31px;
height:33px;
left:50%;
top:15%;
background-repeat:no-repeat;
}
.philosophy-section-two .icon-layer-five{
position:absolute;
width:28px;
height:24px;
right:12%;
top:10%;
background-repeat:no-repeat;
}
.philosophy-section-two .icon-layer-six{
position:absolute;
width:47px;
height:47px;
right:4%;
top:56%;
background-repeat:no-repeat;
}
.philosophy-section-two .icon-layer-seven{
position:absolute;
width:154px;
height:32px;
right:8%;
bottom:10%;
background-repeat:no-repeat;
}
.philosophy-section-two .icon-layer-eight{
position:absolute;
width:28px;
height:24px;
right:42%;
bottom:12%;
background-repeat:no-repeat;
}
.philosophy-section-two .image-column{
position:relative;
}
.philosophy-section-two .image-column .inner-column{
position:relative;
padding-right:60px;
padding-bottom:120px;
}
.philosophy-section-two .image-column .image{
position:relative;
}
.philosophy-section-two .image-column .image img{
position:relative;
width:100%;
display:block;
}
.philosophy-section-two .image-column .shadow-box{
position:absolute;
left:-250px;
top:-50px;
width:750px;
height:750px;
background:url(/kidum_files/philosophy-shadow.png) no-repeat;
background-size:cover;
}
.philosophy-section-two .content-column{
position:relative;
}
.philosophy-section-two .content-column .inner-column{
position:relative;
padding-left:40px;
}
.philosophy-section-two .content-column .sec-title{
margin-bottom:30px;
}
.philosophy-section-two .content-column .btns-box{
position:relative;
z-index:99;
}
.philosophy-section-two .content-column .fact-counter{
margin-top:-70px;
}
.philosophy-section-two .content-column .fact-counter .column:nth-child(1) .content-box{
margin-top:100px;
}
.philosophy-section-two .image-column .inner-column .video-box{
position:absolute;
right:0px;
bottom:0px;
max-width:350px;
width:100%;
}
.fact-counter{
position:relative;
}
.fact-counter .column{
position:relative;
}
.fact-counter .content-box{
position:relative;
padding:35px 30px;
border-radius:15px;
margin-top:30px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgb(0 0 0 / 10%);
}
.fact-counter .content-box .count-box{
position:relative;
color:var(--thm-base);
font-size:46px;
line-height:1em;
font-family: 'Fredoka One', cursive;
}
.fact-counter .content-box h5{
position:relative;
color:#1B212F;
font-size:20px;
margin-top:14px;
text-transform:capitalize;
font-family: 'Roboto', sans-serif;
}
.fact-counter .column:nth-child(2) .content-box:nth-child(1) .count-box{
color:var(--thm-secnd);
}
.fact-counter .column:nth-child(2) .content-box:nth-child(2) .count-box{
color:#303030;
}
/* Video Box */
.video-box{
position:relative;
}
.video-box .video-image{
position:relative;
margin:0px;
overflow:hidden;
}
.video-box .video-image img{
position:relative;
width:100%;
z-index:3;
}
.video-box .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height: 45px;
overflow:hidden;
border-radius:50% 50% 50% 50%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.video-box .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:10;
}
.video-box .overlay-box span{
position: absolute;
width:60px;
height: 60px;
left:50%;
top: 50%;
z-index:10;
color: var(--thm-secnd);
font-weight:400;
font-size:16px;
text-align: center;
padding-left:4px;
display: inline-block;
margin-top: -30px;
margin-left:-30px;
line-height:60px;
border-radius:50%;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-color:#ffffff;
}
.video-box .ripple,
.video-box .ripple:before,
.video-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:60px;
height: 60px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.video-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.video-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
@keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
/***
====================================================================
Courses Section Two
====================================================================
***/
.courses-section-two{
position:relative;
padding:90px 0px 90px;
background: #fbf7f5;
}
.courses-section-two .outer-container{
position:relative;
max-width:1460px;
margin:0 auto;
padding:0px 15px;
}
.courses-section-two.style-two{
background:none;
padding-top:0px;
}
.courses-section-two .owl-dots{
display:none;
}
.courses-section-two .owl-nav{
position:absolute;
left:50%;
top:-110px;
max-width:1200px;
width:100%;
text-align:right;
margin-left:-600px;
}
.courses-section-two .owl-nav .owl-prev,
.courses-section-two .owl-nav .owl-next{
position:relative;
width:50px;
height:50px;
color:var(--thm-base);
font-size:20px;
margin-left:15px;
text-align:center;
border-radius:50%;
display:inline-block;
background-color:#f8e6d3;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.courses-section-two .owl-nav .owl-prev:hover,
.courses-section-two .owl-nav .owl-next:hover{
color:#ffffff;
background-color:var(--thm-base);
}
.courses-section-two .button-box{
margin-top:20px;
}
.course-block-two{
position:relative;
margin-bottom:30px;
}
.course-block-two .inner-box{
position:relative;
border-radius:10px;
overflow:hidden;
}
.course-block-two .inner-box .image{
position:relative;
overflow:hidden;
background-color:var(--thm-base);
}
.course-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.course-block-two .inner-box:hover .image img{
opacity:0.50;
transform:scale(1.05,1.05);
}
.course-block-two .inner-box .image .overlay-box{
position:absolute;
left:10px;
right:10px;
bottom:10px;
padding:15px 15px;
border-radius:5px;
background-color:#ffffff;
}
.course-block-two .inner-box .image .overlay-box .overlay-inner{
position:relative;
}
.course-block-two .inner-box .image .price{
position:absolute;
right:0px;
top:0px;
color:#ffffff;
font-weight:500;
padding:2px 13px;
border-radius:5px;
display:inline-block;
background-color:var(--thm-secnd);
}
.course-block-two .inner-box .image h4{
margin-bottom:8px;
padding-top:6px;
font-family: 'Roboto', sans-serif;
}
.course-block-two .inner-box .image h4 a{
position:relative;
color:#1B212F;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.course-block-two .inner-box:hover .image h4 a{
color:var(--thm-secnd);
}
.course-block-two .inner-box .course-options{
position:relative;
padding-top:10px;
margin-top:12px;
border-top:2px dashed var(--thm-base);
}
.course-block-two .inner-box .course-options li{
position:relative;
color:#707070;
font-size:16px;
margin-right:30px;
padding-left:22px;
display:inline-block;
}
.course-block-two .inner-box .course-options li .icon{
position:absolute;
left:0px;
color:var(--thm-secnd);
}
.course-block-two .inner-box .course-options li:last-child{
margin-right:0px;
}
/***
====================================================================
Gallery Section
====================================================================
***/
.gallery-section{
position:relative;
padding:90px 0px 90px;
}
/* Gallery Item */
.gallery-block{
position:relative;
margin-bottom:30px;
}
.gallery-block .inner-box{
position:relative;
width:100%;
overflow:hidden;
border-radius:8px;
}
.gallery-block .image-box{
position:relative;
display:block;
margin:0px;
overflow:hidden;
border-radius:0px;
}
.gallery-block .image-box img{
position:relative;
display:block;
width:100%;
}
.gallery-block .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
opacity:0;
color:#ffffff;
text-align:center;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
-moz-transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
background-color:rgba(var(--thm-base-rgb),0.70);
}
.gallery-block .inner-box:hover .overlay-box{
opacity:1;
-moz-transform: rotateY(0deg);
-webkit-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
visibility: visible;
}
.gallery-block .overlay-inner{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
display:table;
vertical-align:middle;
padding:10px 0px;
}
.gallery-block .overlay-inner .content{
position:relative;
display:table-cell;
vertical-align:middle;
}
.gallery-block .overlay-box h4{
margin-bottom:8px;
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.gallery-block .overlay-box h4 a{
position:relative;
color:#ffffff;
}
.gallery-block .overlay-box .category{
position:relative;
color:#ffffff;
font-size:16px;
}
.gallery-block .overlay-inner .link{
position:relative;
width:50px;
height:50px;
font-size:18px;
color:#ffffff;
line-height:50px;
margin:0px 3px;
font-weight:400;
text-align:center;
border-radius:50px;
display:inline-block;
background-color:#7148eb;
transition:all 300ms ease;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
}
.gallery-block .overlay-inner .link .icon{
position:relative;
z-index:1;
}
.gallery-block .overlay-inner .link:hover{
box-shadow:inset 0 0 10px rgba(0,0,0,0.90);
}
/***
====================================================================
Video Section
====================================================================
***/
.video-section{
position:relative;
padding:0px 0px 0px;
}
/* Video Box */
.video-box-two{
position:relative;
border-radius:15px;
overflow:hidden;
}
.video-box-two .video-image{
position:relative;
margin:0px;
overflow:hidden;
}
.video-box-two .video-image img{
position:relative;
width:100%;
z-index:3;
}
.video-box-two .overlay-box{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height: 110px;
overflow:hidden;
border-radius:50% 50% 50% 50%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.video-box-two .overlay-box:before{
position:absolute;
content:'';
left:0px;
top:0px;
right:0px;
bottom:0px;
z-index:10;
}
.video-box-two .overlay-box span{
position: absolute;
width:110px;
height: 110px;
left:50%;
top: 50%;
z-index:10;
color: #ffffff;
font-weight:400;
font-size:24px;
text-align: center;
padding-left:4px;
display: inline-block;
margin-top: -55px;
margin-left:-55px;
line-height:110px;
border-radius:50%;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
background-color:var(--thm-base);
}
.video-box-two .ripple,
.video-box-two .ripple:before,
.video-box-two .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:110px;
height: 110px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.video-box-two .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.video-box-two .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
/***
====================================================================
Choose Section Two
====================================================================
***/
.choose-section-two{
position:relative;
overflow:hidden;
padding:110px 0px 70px;
background: #E8F9F7;
background: -webkit-linear-gradient(to right, #E8F9F7 0%, #fcfdfd 100%);
background: -moz-linear-gradient(to right, #E8F9F7 0%, #fcfdfd 100%);
background: linear-gradient(to right, #E8F9F7 0%, #fcfdfd 100%);
}
.choose-section-two .icon-layer-one{
position:absolute;
left:14%;
top:10%;
width:31px;
height:33px;
background-repeat:no-repeat;
}
.choose-section-two .icon-layer-two{
position:absolute;
left:5%;
top:47%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.choose-section-two .icon-layer-two{
position:absolute;
left:5%;
top:47%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.choose-section-two .icon-layer-three{
position:absolute;
left:12%;
top:82%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.choose-section-two .icon-layer-four{
position:absolute;
left:42%;
top:15%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.choose-section-two .icon-layer-five{
position:absolute;
left:42%;
top:78%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.choose-section-two .icon-layer-six{
position:absolute;
left:90%;
top:18%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.choose-section-two .icon-layer-seven{
position:absolute;
left:96%;
top:48%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.choose-section-two .icon-layer-eight{
position:absolute;
left:80%;
top:82%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.choose-sectio-twon .content-column{
position:relative;
margin-bottom:30px;
}
.choose-section-two .content-column .inner-column{
position:relative;
padding-top:80px;
padding-right:70px;
}
.choose-section-two .content-column .sec-title{
margin-bottom:20px;
}
.choose-section-two .content-column .btns-box{
position:relative;
margin-top:40px;
}
.choose-section-two .images-column{
position:relative;
margin-bottom:30px;
}
.choose-section-two .images-column .border-one{
position:absolute;
left:-30px;
top:-30px;
width:500px;
height:640px;
border-radius:15px;
border:2px solid var(--thm-base);
}
.choose-section-two .images-column .border-two{
position:absolute;
right:10px;
bottom:-30px;
width:180px;
z-index:1;
height:180px;
border-radius:15px;
border:2px solid var(--thm-base);
}
.choose-section-two .images-column .inner-column{
position:relative;
}
.choose-section-two .images-column .image{
position:relative;
}
.choose-section-two .images-column .shadow-box{
position:absolute;
left:-200px;
top:-50px;
width:750px;
height:750px;
background:url(/kidum_files/philosophy-shadow.png) no-repeat;
background-size:cover;
}
/***
====================================================================
Testimonial Section Two
====================================================================
***/
.testimonial-section-two{
position:relative;
overflow:hidden;
padding:90px 0px 70px;
}
.testimonial-section-two .sec-title{
margin-bottom:25px;
}
.testimonial-section-two .owl-carousel .owl-stage-outer{
position:static;
padding:20px 0px;
}
.testimonial-section-two .owl-theme .testimonial-block-two{
margin:0px 15px;
}
.testimonial-section-two .owl-carousel{
margin:0px -15px;
width:auto;
}
.testimonial-section-two .owl-dots{
display:none;
}
.testimonial-section-two .owl-nav{
position:absolute;
left:-70px;
top:50%;
z-index:99999;
right:-70px;
margin-top:-30px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.testimonial-section-two .owl-nav .owl-prev{
position:absolute;
left:0px;
width:60px;
height:60px;
color:var(--thm-base);
line-height:56px;
font-size:24px;
text-align:center;
border-radius:50px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:#ffe9d7;
}
.testimonial-section-two .owl-nav .owl-next{
position:absolute;
right:0px;
color:var(--thm-base);
font-size:24px;
width:60px;
height:60px;
line-height:56px;
border-radius:50px;
text-align:center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:#ffe9d7;
}
.testimonial-section-two .owl-nav .owl-prev:hover,
.testimonial-section-two .owl-nav .owl-next:hover{
color:#ffffff;
background-color:var(--thm-base);
}
.testimonial-section-two .inner-container{
position:relative;
}
.testimonial-section-two .shadow-box{
position:absolute;
left:380px;
top:-50px;
width:700px;
height:700px;
background:url(/kidum_files/philosophy-shadow.png) no-repeat;
background-size:cover;
}
.testimonial-block-two{
position:relative;
margin-bottom:30px;
}
.testimonial-block-two .inner-box{
position:relative;
padding:55px 25px 32px;
}
.testimonial-block-two .inner-box:before{
position:absolute;
content:'';
left:0px;
top:30px;
right:0px;
bottom:0px;
border-radius:10px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgb(0 0 0 / 10%);
}
.testimonial-block-two .inner-box .image{
position:relative;
}
.testimonial-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.testimonial-block-two .inner-box .quote-icon{
position:absolute;
right:30px;
top:0px;
font-size:60px;
color:var(--thm-base);
line-height:1em;
}
.testimonial-block-two .inner-box .rating{
position:relative;
color:#fdc25c;
font-size:18px;
margin-bottom:12px;
}
.testimonial-block-two .inner-box .text{
color:#707070;
margin-bottom:14px;
}
.testimonial-block-two .inner-box .author-info{
position:relative;
}
.testimonial-block-two .inner-box .author-info .info-inner{
position:relative;
padding-left:90px;
padding-top:10px;
}
.testimonial-block-two .inner-box .author-info .info-inner .author-image{
position:absolute;
left:0px;
top:0px;
width:72px;
height:72px;
overflow:hidden;
border-radius:50%;
}
.testimonial-block-two .inner-box h4{
color:#1B212F;
font-family: 'Roboto', sans-serif;
}
.testimonial-block-two .inner-box .designation{
display:block;
color:#707070;
font-size:14px;
margin-top:0px;
font-style:normal;
font-weight:400;
}
/***
====================================================================
News Section Two
====================================================================
***/
.news-section-two{
position:relative;
overflow:hidden;
padding:20px 0px 100px;
}
.news-section-two .inner-container{
position:relative;
}
.news-section-two .shadow-box{
position:absolute;
left:-250px;
top:-240px;
width:750px;
height:750px;
background:url(/kidum_files/philosophy-shadow.png) no-repeat;
background-size:cover;
}
.news-section-two .icon-layer-one{
position:absolute;
left:14%;
top:10%;
width:31px;
height:33px;
background-repeat:no-repeat;
}
.news-section-two .icon-layer-two{
position:absolute;
left:5%;
top:47%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.news-section-two .icon-layer-two{
position:absolute;
left:5%;
top:47%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.news-section-two .icon-layer-three{
position:absolute;
left:12%;
top:82%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.news-section-two .icon-layer-four{
position:absolute;
left:42%;
top:15%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.news-section-two .icon-layer-five{
position:absolute;
left:42%;
top:78%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.news-section-two .icon-layer-six{
position:absolute;
left:90%;
top:18%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.news-section-two .icon-layer-seven{
position:absolute;
left:96%;
top:48%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.news-section-two .icon-layer-eight{
position:absolute;
left:80%;
top:82%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.news-section-two .button-box{
margin-top:20px;
}
.news-section-two .auto-container{
max-width:1440px;
}
.news-block-two{
position:relative;
margin-bottom:30px;
}
.news-block-two .inner-box{
position:relative;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.news-block-two .inner-box .content-box{
position:relative;
padding:25px 25px;
}
.news-block-two .inner-box .category{
position:relative;
color:#ffffff;
padding:4px 18px;
font-size:16px;
font-weight:500;
margin-bottom:18px;
display:inline-block;
background-color:var(--thm-secnd);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-two .inner-box:hover .category{
background-color:var(--thm-base);
}
.news-block-two .inner-box h4{
position:relative;
margin-bottom:10px;
font-family: 'Roboto', sans-serif;
}
.news-block-two .inner-box h4 a{
position:relative;
color:#1B212F;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-two .inner-box:hover h4 a{
color:var(--thm-secnd);
}
.news-block-two .inner-box .text{
color:#707070;
line-height:1.7em;
}
.news-block-two .inner-box .image{
position:relative;
overflow:hidden;
border-radius:0px;
background-color:var(--thm-base);
}
.news-block-two .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-two .inner-box:hover .image img{
opacity:0.50;
transform:scale(1.05,1.05);
}
/***
====================================================================
Main Slider Section
====================================================================
***/
.main-slider-three{
position:relative;
overflow:hidden;
background: #205d6b;
}
.main-slider-three:before{
position:absolute;
content:'';
left:0px;
bottom:0px;
height:127px;
width:100%;
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
background-color:#fff;
}
.main-slider-three .icon-layer-one{
position:absolute;
left:8%;
top:45%;
opacity:0.50;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.main-slider-three .icon-layer-two{
position:absolute;
left:10%;
top:80%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.main-slider-three .icon-layer-three{
position:absolute;
left:20%;
top:24%;
width:31px;
height:33px;
background-repeat:no-repeat;
}
.main-slider-three .icon-layer-four{
position:absolute;
left:28%;
top:68%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.main-slider-three .icon-layer-five{
position:absolute;
left:50%;
bottom:8%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.main-slider-three .icon-layer-six{
position:absolute;
left:62%;
top:22%;
width:31px;
height:33px;
background-repeat:no-repeat;
}
.main-slider-three .icon-layer-seven{
position:absolute;
right:4%;
top:25%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.main-slider-three .icon-layer-eight{
position:absolute;
right:5%;
top:60%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.main-slider-three .icon-layer-nine{
position:absolute;
right:10%;
bottom:10%;
width:31px;
height:33px;
background-repeat:no-repeat;
}
.main-slider-three .slide{
position:relative;
overflow:hidden;
padding:340px 0px 220px;
}
.main-slider-three .content-column{
position:relative;
z-index:1;
}
.main-slider-three .content-column .inner-column{
position:relative;
padding-top:30px;
}
.main-slider-three h1{
color:#ffffff;
margin-bottom:22px;
opacity: 0;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-three h1:before{
position:absolute;
content:'';
left: -70px;
top: -20px;
width:177px;
height:15px;
background-position: center center;
background-repeat: no-repeat;
}
.main-slider-three .active h1{
opacity: 1;
transform: scaleY(1);
transition-delay: 300ms;
}
.main-slider-three .text{
font-weight: 400;
margin-bottom: 40px;
opacity: 0;
color:#ffffff;
font-size:18px;
transform: scaleY(0);
transform-origin: top;
-webkit-transition: all 1000ms ease;
-moz-transition: all 100ms ease;
-ms-transition: all 1000ms ease;
-o-transition: all 1000ms ease;
transition: all 1000ms ease;
}
.main-slider-three .active .text{
opacity: 1;
transform: scaleY(1);
-webkit-transition-delay: 600ms;
-moz-transition-delay: 600ms;
-ms-transition-delay: 600ms;
-o-transition-delay: 600ms;
transition-delay: 600ms;
}
.main-slider-three .btns-box{
opacity:0;
transform: scaleY(0);
transform-origin: top;
display:inline-block;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.main-slider-three .active .btns-box{
opacity: 1;
transform: scaleY(1);
transition-delay:900ms;
}
.main-slider-three .btns-box .theme-btn{
border-radius:50px;
}
.main-slider-three .image{
position:relative;
opacity:0;
z-index:1;
padding-left:130px;
transform: scaleX(0);
transform-origin: top;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.main-slider-three .active .image{
opacity: 1;
transform: scaleX(1);
transition-delay:200ms;
}
.main-slider-three .image .course-box{
position:absolute;
right:100px;
bottom:-50px;
width:147px;
height:147px;
color:var(--thm-secnd);
font-size:36px;
padding:30px 10px 10px;
display:inline-block;
text-align:center;
border-radius:50%;
background-color:#ffffff;
font-family: 'Fredoka One', cursive;
}
.main-slider-three .image .course-box span{
color:#1B212F;
font-size:20px;
display:block;
margin-top:10px;
line-height:1.3em;
font-family: 'Roboto', sans-serif;
}
.main-slider-three .image .play-box{
position:absolute;
left:90px;
top:180px;
width:90px;
height:90px;
color:#ffffff;
line-height:90px;
border-radius:50%;
text-align:center;
display:inline-block;
background-color:rgba(255,255,255,0.35);
}
.main-slider-three .image .play-box .ripple,
.main-slider-three .image .play-box .ripple:before,
.main-slider-three .image .play-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:90px;
height: 90px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.main-slider-three .image .play-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.main-slider-three .image .play-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.main-slider-three .image-two{
position:absolute;
left:-80px;
bottom:-40px;
width:309px;
height:309px;
opacity:0;
border-radius:50%;
display:inline-block;
transform: scaleX(0);
transform-origin: top;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.main-slider-three .active .image-two{
opacity: 1;
transform: scaleX(1);
transition-delay:500ms;
}
.main-slider-three .image-three{
position:absolute;
left:-40px;
top:-70px;
width:215px;
height:215px;
opacity:0;
border-radius:50%;
display:inline-block;
transform: scaleX(0);
transform-origin: top;
-webkit-transition: all 900ms ease;
-moz-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: all 900ms ease;
}
.main-slider-three .active .image-three{
opacity: 1;
transform: scaleX(1);
transition-delay:800ms;
}
.main-slider-three .owl-carousel .owl-stage-outer{
overflow:visible;
}
.main-slider-three .image-column{
position:relative;
}
.main-slider-three .image-column .inner-column{
position:relative;
margin-right:-150px;
}
.main-slider-three .image-column img{
}
.main-slider-three .owl-dots{
position:absolute;
left:40px;
top:50%;
display:none;
margin-top:-60px;
}
.main-slider-three .owl-dots .owl-dot{
position:relative;
width:12px;
height:12px;
opacity:0.2;
margin:15px 0px;
border-radius:50px;
display:block;
background-color:#71758C;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.main-slider-three .owl-dots .owl-dot:hover,
.main-slider-three .owl-dots .owl-dot.active{
opacity:1;
background-color:var(--thm-base);
}
.main-slider-three .owl-nav{
display:none;
}
/***
====================================================================
Clients Section Two
====================================================================
***/
.clients-section-two{
position:relative;
padding:60px 0px 30px;
background-color:#fbf7f5;
}
.clients-section-two.style-two{
background:none;
padding-bottom:100px;
}
.clients-section-two .title-box{
position:relative;
margin-bottom:50px;
}
.clients-section-two .title-box h2{
position:relative;
color:#1B212F;
font-family: 'Roboto', sans-serif;
}
.clients-section-two .sponsors-outer .owl-nav{
position:absolute;
right:0px;
top:-80px;
}
.clients-section-two .sponsors-outer .owl-nav .owl-prev,
.clients-section-two .sponsors-outer .owl-nav .owl-next{
position:relative;
margin-left:20px;
color:#b3b9bd;
font-size:24px;
background:none;
display:inline-block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section-two .sponsors-outer .owl-nav .owl-prev:hover,
.clients-section-two .sponsors-outer .owl-nav .owl-next:hover{
color:#1b212f;
}
.clients-section-two .sponsors-outer .owl-dots{
position:relative;
display:none;
}
.clients-section-two .sponsors-outer .image-box{
position:relative;
text-align:center;
margin:0px;
}
.clients-section-two .sponsors-outer .image-box img{
max-width:100%;
width:auto;
opacity:0.80;
margin:0 auto;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.clients-section-two .sponsors-outer .image-box img:hover{
opacity:1;
}
/***
====================================================================
Services Section Two
====================================================================
***/
.services-section-two{
position:relative;
padding:70px 0px 70px;
background-color:#fbf7f5;
}
.service-block-two{
position:relative;
margin-bottom:30px;
}
.service-block-two .inner-box{
position:relative;
padding:0px 20px;
text-align:center;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.service-block-two .inner-box .icon-box{
position:relative;
width:70px;
height:70px;
color:var(--thm-base);
font-size:36px;
margin-bottom:15px;
line-height:70px;
text-align:center;
border-radius:50%;
display:inline-block;
background-color:#ffffff;
transition: all 300ms ease;
-webkit-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
-moz-transition: all 600ms ease;
box-shadow:0px 0px 20px rgba(0,0,0,0.10);
}
.service-block-two .inner-box .icon-box .icon{
position:relative;
}
.service-block-two .inner-box:hover .icon-box{
-webkit-transform: scale(-1) rotate(180deg);
-moz-transform: scale(-1) rotate(180deg);
-ms-transform: scale(-1) rotate(180deg);
-o-transform: scale(-1) rotate(180deg);
transform: scale(-1) rotate(180deg);
}
.service-block-two .inner-box h5{
position:relative;
font-weight:700;
margin-bottom:8px;
text-transform:capitalize;
font-family: 'Roboto', sans-serif;
}
.service-block-two .inner-box h5 a{
position:relative;
color:#1b212f;
transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
}
.service-block-two .inner-box:hover h5 a{
color:var(--thm-base);
}
.service-block-two .inner-box .text{
position:relative;
color:#707070;
font-size:16px;
}
.service-block-two:nth-child(2) .inner-box .icon-box{
color:var(--thm-secnd);
}
.service-block-two:nth-child(2) .inner-box:hover h5 a{
color:var(--thm-secnd);
}
.service-block-two:nth-child(3) .inner-box .icon-box{
color:#eb93b6;
}
.service-block-two:nth-child(3) .inner-box:hover h5 a{
color:#eb93b6;
}
.service-block-two:nth-child(4) .inner-box .icon-box{
color:#97d1ec;
}
.service-block-two:nth-child(4) .inner-box:hover h5 a{
color:#97d1ec;
}
.service-block-two:nth-child(5) .inner-box .icon-box{
color:#ffbb39;
}
.service-block-two:nth-child(5) .inner-box:hover h5 a{
color:#ffbb39;
}
.service-block-two:nth-child(6) .inner-box .icon-box{
color:#9ebe3b;
}
.service-block-two:nth-child(6) .inner-box:hover h5 a{
color:#9ebe3b;
}
.service-block-two:nth-child(7) .inner-box .icon-box{
color:#dea770;
}
.service-block-two:nth-child(7) .inner-box:hover h5 a{
color:#dea770;
}
.service-block-two:nth-child(8) .inner-box .icon-box{
color:#766dff;
}
.service-block-two:nth-child(8) .inner-box:hover h5 a{
color:#766dff;
}
/***
====================================================================
Inspiration Section
====================================================================
***/
.inspiration-section{
position:relative;
padding:150px 0px 30px;
background-color:#fbf7f5;
}
.inspiration-section .icon-layer-one{
position:absolute;
left:5%;
width:154px;
height:32px;
top:10%;
background-repeat:no-repeat;
}
.inspiration-section .icon-layer-two{
position:absolute;
width:24px;
height:27px;
left:3%;
top:35%;
background-repeat:no-repeat;
}
.inspiration-section .icon-layer-three{
position:absolute;
width:47px;
height:47px;
left:8%;
top:75%;
background-repeat:no-repeat;
}
.inspiration-section .icon-layer-four{
position:absolute;
width:31px;
height:33px;
left:50%;
top:15%;
background-repeat:no-repeat;
}
.inspiration-section .icon-layer-five{
position:absolute;
width:28px;
height:24px;
right:12%;
top:10%;
background-repeat:no-repeat;
}
.inspiration-section .icon-layer-six{
position:absolute;
width:47px;
height:47px;
right:4%;
top:56%;
background-repeat:no-repeat;
}
.inspiration-section .icon-layer-seven{
position:absolute;
width:154px;
height:32px;
right:8%;
bottom:10%;
background-repeat:no-repeat;
}
.inspiration-section .icon-layer-eight{
position:absolute;
width:28px;
height:24px;
right:42%;
bottom:12%;
background-repeat:no-repeat;
}
.inspiration-section .images-column{
position:relative;
margin-bottom:40px;
}
.inspiration-section .images-column .shadow-box{
position:absolute;
left:-100px;
top:-200px;
width:700px;
height:700px;
background-size:cover;
}
.inspiration-section .images-column .inner-column{
position:relative;
}
.inspiration-section .images-column .image{
position:relative;
width:450px;
height:450px;
border-radius:50%;
display:inline-block;
}
.inspiration-section .images-column .image img{
position:relative;
border-radius:50%;
}
.inspiration-section .images-column .image .play-box{
position:absolute;
left:35px;
top:35px;
width:60px;
height:60px;
z-index:1;
color:#ffffff;
font-size:14px;
line-height:60px;
text-align:center;
border-radius:50%;
display:inline-block;
background-color:var(--thm-secnd);
}
.inspiration-section .images-column .image .play-box .ripple,
.inspiration-section .images-column .image .play-box .ripple:before,
.inspiration-section .images-column .image .play-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:60px;
height: 60px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-box-shadow: 0 0 0 0 rgba(0, 190, 176, .6);
-moz-box-shadow: 0 0 0 0 rgba(0, 190, 176, .6);
-ms-box-shadow: 0 0 0 0 rgba(0, 190, 176, .6);
-o-box-shadow: 0 0 0 0 rgba(0, 190, 176, .6);
box-shadow: 0 0 0 0 rgba(0, 190, 176, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.inspiration-section .images-column .image .play-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.inspiration-section .images-column .image .play-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
.inspiration-section .images-column .image-two{
position:absolute;
left:130px;
top:-160px;
width:115px;
height:115px;
border-radius:50%;
}
.inspiration-section .images-column .image-three{
position:absolute;
right:-20px;
top:-160px;
width:336px;
height:336px;
border-radius:50%;
}
.inspiration-section .images-column .image-four{
position:absolute;
right:-60px;
bottom:50px;
width:177px;
height:176px;
border-radius:50%;
}
.inspiration-section .content-column{
position:relative;
margin-bottom:40px;
}
.inspiration-section .content-column .inner-column{
position:relative;
padding-left:60px;
}
.inspiration-section .content-column .title{
position:relative;
color:var(--thm-secnd);
font-weight:700;
text-transform:uppercase;
}
.inspiration-section .content-column h2{
color:#1B212F;
margin-top:10px;
font-weight:700;
margin-bottom:18px;
font-family: 'Roboto', sans-serif;
}
.inspiration-section .content-column .text{
position:relative;
margin-bottom:35px;
}
.inspiration-section .content-column .text p{
color:#707070;
font-size:18px;
margin-bottom:15px;
}
.inspiration-section .content-column .text p:last-child{
margin-bottom:0px;
}
.inspiration-section .content-column .theme-btn{
border-radius:50px;
}
/***
====================================================================
Counter Section
====================================================================
***/
.counter-section{
position:relative;
padding:0px 0px 30px;
background-color:#fbf7f5;
}
.counter-section .row{
margin:0px -50px;
}
.counter-section .column{
padding:0px 50px;
}
.fact-counter-two{
position:relative;
}
.fact-counter-two .column{
position:relative;
margin-bottom:30px;
}
.fact-counter-two .content-box{
position:relative;
padding:35px 30px;
border-radius:18px;
margin-bottom:30px;
background-color:#ffffff;
box-shadow:0px 10px 20px rgba(255,228,170,0.12);
}
.fact-counter-two .content-box .count-box{
position:relative;
color:var(--thm-base);
font-size:46px;
line-height:1em;
font-family: 'Fredoka One', cursive;
}
.fact-counter-two .content-box .counter-title{
position:relative;
color:#1B212F;
font-size:20px;
font-weight:400;
margin-top:15px;
font-family: 'Roboto', sans-serif;
}
/***
====================================================================
Courses Section Three
====================================================================
***/
.courses-section-three{
position:relative;
padding:90px 0px 90px;
background-position:center center;
background-repeat:no-repeat;
}
.courses-section-three .outer-container{
position:relative;
max-width:1460px;
margin:0 auto;
padding:0px 15px;
}
.courses-section-three .button-box{
margin-top:15px;
}
.course-block-three{
position:relative;
margin-bottom:30px;
}
.course-block-three .inner-box{
position:relative;
border-radius:10px;
overflow:hidden;
padding:20px 20px;
background-color:#ffffff;
box-shadow:0px 0px 28px rgba(0,0,0,0.07);
}
.course-block-three .inner-box .image{
position:relative;
overflow:hidden;
border-radius:10px;
background-color:var(--thm-base);
}
.course-block-three .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.course-block-three .inner-box:hover .image img{
opacity:0.50;
transform:scale(1.05,1.05);
}
.course-block-three .inner-box .image .post-date{
position:absolute;
right:10px;
bottom:10px;
color:#ffffff;
font-size:16px;
padding:2px 14px;
border-radius:5px;
display:inline-block;
background-color:var(--thm-secnd);
}
.course-block-three .inner-box .lower-content{
position:relative;
padding-top:20px;
}
.course-block-three .inner-box .lower-content .course-info{
position:relative;
margin-bottom:6px;
}
.course-block-three .inner-box .lower-content .course-info li{
position:relative;
color:var(--thm-secnd);
font-size:16px;
padding-right:12px;
margin-right:4px;
display:inline-block;
text-transform:uppercase;
}
.course-block-three .inner-box .lower-content .course-info li:before{
position:absolute;
content:'.';
right:0px;
bottom:0px;
}
.course-block-three .inner-box .lower-content .course-info li:last-child{
margin-right:0px;
padding-right:0px;
}
.course-block-three .inner-box .lower-content .course-info li:last-child::before{
display:none;
}
.course-block-three .inner-box .lower-content h4{
margin-bottom:8px;
font-family: 'Roboto', sans-serif;
}
.course-block-three .inner-box .lower-content h4 a{
position:relative;
color:#1B212F;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.course-block-three .inner-box:hover .lower-content h4 a{
color:var(--thm-base);
}
.course-block-three .inner-box .lower-content .text{
position:relative;
color:#707070;
font-weight:400;
margin-bottom:16px;
}
.course-block-three .inner-box .lower-content .theme-btn{
border-radius:50px;
font-size:14px;
font-weight:700;
padding:7px 27px;
text-transform:capitalize;
font-family: 'Roboto', sans-serif;
}
/***
====================================================================
Choose Section Three
====================================================================
***/
.choose-section-three{
position:relative;
padding:20px 0px 20px;
}
.choose-section-three .inner-container{
position:relative;
padding-bottom:50px;
}
.choose-section-three .inner-container:before{
position:absolute;
content:'';
left:0px;
top:50px;
right:330px;
bottom:0px;
border-radius:12px;
background: #fbf7f5;
}
.choose-section-three .content-column{
position:relative;
}
.choose-section-three .content-column .inner-column{
position:relative;
padding-right:20px;
padding-top:120px;
padding-left:60px;
}
.choose-section-three .content-column .title{
position:relative;
color:var(--thm-secnd);
font-weight:700;
margin-bottom:10px;
text-transform:uppercase;
}
.choose-section-three .content-column h2{
margin-bottom:15px;
font-family: 'Roboto', sans-serif;
}
.choose-section-three .content-column .text{
position:relative;
font-size:18px;
color:#707070;
margin-bottom:20px;
}
.choose-section-three .content-column .button-box{
margin-top:35px;
}
.choose-section-three .image-column{
position:relative;
}
.choose-section-three .image-column .inner-column{
position:relative;
}
.choose-section-three .image-column .play-box{
position:absolute;
right:45px;
bottom:30px;
width:80px;
height:80px;
color:#ffffff;
line-height:80px;
text-align:center;
border-radius:50%;
background-color:var(--thm-base);
}
.choose-section-three .image-column .play-box .ripple,
.choose-section-three .image-column .play-box .ripple:before,
.choose-section-three .image-column .play-box .ripple:after {
position: absolute;
top: 50%;
left: 50%;
width:80px;
height: 80px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 145, 56, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 145, 56, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 145, 56, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 145, 56, .6);
box-shadow: 0 0 0 0 rgba(255, 145, 56, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.choose-section-three .image-column .play-box .ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.choose-section-three .image-column .play-box .ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
/***
====================================================================
Teacher Section
====================================================================
***/
.teacher-section{
position:relative;
padding:80px 0px 70px;
}
.teacher-section .auto-container{
max-width:1460px;
}
.teacher-block{
position:relative;
margin-bottom:30px;
}
.teacher-block .inner-box{
position:relative;
}
.teacher-block .inner-box .image{
position:relative;
overflow:hidden;
}
.teacher-block .inner-box .image .social-box{
position:absolute;
left:0px;
bottom:-80px;
right:0px;
text-align:center;
padding:12px 35px;
background-color:var(--thm-secnd);
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.teacher-block .inner-box:hover .image .social-box{
bottom:0px;
}
.teacher-block .inner-box .image .social-box li{
position:relative;
margin:0px 10px;
display:inline-block;
}
.teacher-block .inner-box .image .social-box li a{
position:relative;
color:#ffffff;
font-size:18px;
}
.teacher-block .inner-box .image .color-layer{
position:absolute;
left: 0px;
top: 69px;
right:0px;
bottom:0px;
z-index:-1;
display:block;
background: #fbf7f5;
}
.teacher-block .inner-box .lower-content{
position:relative;
padding:20px 15px;
text-align:center;
box-shadow:0px 10px 15px rgba(0,0,0,0.10);
}
.teacher-block .inner-box .lower-content h4{
text-transform:uppercase;
font-family: 'Roboto', sans-serif;
}
.teacher-block .inner-box .lower-content h4 a{
color:#1B212F;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.teacher-block .inner-box:hover .lower-content h4 a{
color:var(--thm-base);
}
.teacher-block .inner-box .lower-content .designation{
position:relative;
color:#1B212F;
font-size:14px;
margin-top:3px;
}
/***
====================================================================
Testimonial Section Three
====================================================================
***/
.testimonial-section-three{
position:relative;
overflow:hidden;
padding:90px 0px 75px;
background: #fbf7f5;
}
.testimonial-section-three .sec-title{
margin-bottom:25px;
}
.testimonial-section-three .owl-carousel .owl-stage-outer{
position:static;
padding:20px 0px;
}
.testimonial-section-three .owl-theme .testimonial-block-three{
margin:0px 15px;
}
.testimonial-section-three .owl-carousel{
margin:0px -15px;
width:auto;
}
.testimonial-section-three .owl-dots{
display:none;
}
.testimonial-section-three .owl-nav{
position:absolute;
left:-70px;
top:50%;
z-index:99999;
right:-70px;
margin-top:-30px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.testimonial-section-three .owl-nav .owl-prev{
position:absolute;
left:0px;
width:60px;
height:60px;
color:var(--thm-base);
line-height:56px;
font-size:24px;
text-align:center;
border-radius:50px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:#ffe9d7;
}
.testimonial-section-three .owl-nav .owl-next{
position:absolute;
right:0px;
color:var(--thm-base);
font-size:24px;
width:60px;
height:60px;
line-height:56px;
border-radius:50px;
text-align:center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
background-color:#ffe9d7;
}
.testimonial-section-three .owl-nav .owl-prev:hover,
.testimonial-section-three .owl-nav .owl-next:hover{
color:#ffffff;
background-color:var(--thm-base);
}
.testimonial-section-three .inner-container{
position:relative;
}
.testimonial-block-three{
position:relative;
margin-bottom:30px;
}
.testimonial-block-three .inner-box{
position:relative;
border-radius:10px;
text-align:center;
padding:30px 25px 30px;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.07);
}
.testimonial-block-three .inner-box .quote-icon{
position:relative;
font-size:40px;
color:var(--thm-base);
line-height:1em;
margin-top:5px;
}
.testimonial-block-three .inner-box .rating{
position:relative;
color:#fdc25c;
font-size:18px;
}
.testimonial-block-three .inner-box .text{
color:#707070;
margin-bottom:8px;
}
.testimonial-block-three .inner-box .author-info{
position:relative;
}
.testimonial-block-three .inner-box .author-info .info-inner{
position:relative;
}
.testimonial-block-three .inner-box .author-info .info-inner .author-image{
position:relative;
width:89px;
height:89px;
overflow:hidden;
border-radius:50%;
margin:0 auto;
}
.testimonial-block-three .inner-box h4{
color:#1B212F;
margin-top:15px;
font-family: 'Roboto', sans-serif;
}
.testimonial-block-three .inner-box .designation{
display:block;
color:#707070;
font-size:14px;
margin-top:0px;
font-style:normal;
font-weight:400;
}
/***
====================================================================
News Section Three
====================================================================
***/
.news-section-three{
position:relative;
overflow:hidden;
padding:90px 0px 100px;
}
.news-section-three .inner-container{
position:relative;
}
.news-section-three .shadow-box{
position:absolute;
left:-250px;
top:-240px;
width:750px;
height:750px;
background:url(/kidum_files/philosophy-shadow.png) no-repeat;
background-size:cover;
}
.news-section-three .icon-layer-one{
position:absolute;
left:14%;
top:10%;
width:31px;
height:33px;
background-repeat:no-repeat;
}
.news-section-three .icon-layer-two{
position:absolute;
left:5%;
top:47%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.news-section-three .icon-layer-two{
position:absolute;
left:5%;
top:47%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.news-section-three .icon-layer-three{
position:absolute;
left:12%;
top:82%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.news-section-three .icon-layer-four{
position:absolute;
left:42%;
top:15%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.news-section-three .icon-layer-five{
position:absolute;
left:42%;
top:78%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.news-section-three .icon-layer-six{
position:absolute;
left:90%;
top:18%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.news-section-three .icon-layer-seven{
position:absolute;
left:96%;
top:48%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.news-section-three .icon-layer-eight{
position:absolute;
left:80%;
top:82%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.news-section-three .button-box{
margin-top:20px;
}
.news-block-three{
position:relative;
margin-bottom:30px;
}
.news-block-three .inner-box{
position:relative;
border-radius:15px;
overflow:hidden;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.news-block-three .inner-box .image{
position:relative;
overflow:hidden;
border-radius:0px;
background-color:var(--thm-secnd);
}
.news-block-three .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-three .inner-box:hover .image img{
opacity:0.50;
transform:scale(1.05,1.05);
}
.news-block-three .inner-box .lower-content{
position:relative;
padding:20px 28px 25px;
}
.news-block-three .inner-box .post-info{
position:relative;
margin-bottom:8px;
}
.news-block-three .inner-box .post-info li{
position:relative;
color:var(--thm-secnd);
font-size:16px;
margin-right:35px;
display:inline-block;
}
.news-block-three .inner-box .post-info li:last-child{
margin-right:0px;
}
.news-block-three .inner-box:hover .category{
background-color:var(--thm-base);
}
.news-block-three .inner-box h4{
position:relative;
margin-bottom:10px;
font-family: 'Roboto', sans-serif;
}
.news-block-three .inner-box h4 a{
position:relative;
color:#1B212F;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-three .inner-box:hover h4 a{
color:var(--thm-base);
}
.news-block-three .inner-box .text{
color:#707070;
line-height:1.7em;
}
/***
====================================================================
Page Title
====================================================================
***/
.page-title{
position:relative;
text-align:center;
overflow:hidden;
padding:200px 0px 200px;
background-color:var(--thm-secnd);
}
.page-title .icon-layer-one{
position:absolute;
left:8%;
top:45%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.page-title .icon-layer-two{
position:absolute;
left:25%;
top:10%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.page-title .icon-layer-three{
position:absolute;
left:25%;
top:60%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.page-title .icon-layer-four{
position:absolute;
left:45%;
top:6%;
width:25px;
height:25px;
background-repeat:no-repeat;
}
.page-title .icon-layer-five{
position:absolute;
left:44%;
bottom:6%;
width:28px;
height:24px;
background-repeat:no-repeat;
}
.page-title .icon-layer-six{
position:absolute;
left:66%;
top:42%;
width:27px;
height:24px;
background-repeat:no-repeat;
}
.page-title .icon-layer-seven{
position:absolute;
left:75%;
top:10%;
width:154px;
height:32px;
background-repeat:no-repeat;
}
.page-title .icon-layer-eight{
position:absolute;
left:78%;
bottom:10%;
width:47px;
height:47px;
background-repeat:no-repeat;
}
.page-title .icon-layer-nine{
position:absolute;
left:94%;
top:42%;
width:27px;
height:24px;
background-repeat:no-repeat;
}
.page-title .pattern-layer{
position:absolute;
right:0px;
bottom:0px;
width:896px;
height:378px;
background-repeat:no-repeat;
}
.page-title .auto-container{
position:relative;
}
.page-title h2{
color:#ffffff;
font-weight:400;
text-transform:capitalize;
}
.page-breadcrumb{
position:relative;
margin-top:10px;
}
.page-breadcrumb li{
position:relative;
display:inline-block;
margin-right:10px;
padding-right:15px;
color:#ffffff;
font-size:18px;
font-weight:400;
text-transform:capitalize;
}
.page-breadcrumb li:after{
position:absolute;
content: "/";
right:-2px;
top:-1px;
color:#ffffff;
font-size:14px;
font-weight:700;
font-family: 'FontAwesome';
}
.page-breadcrumb li:last-child::after{
display: none;
}
.page-breadcrumb li:last-child{
padding-right:0px;
margin-right:0px;
}
.page-breadcrumb li a{
color:#ffffff;
font-weight:400;
text-transform: capitalize;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.page-breadcrumb li a:hover{
color:#fe982f;
}
/***
====================================================================
Faq Page Section
====================================================================
***/
.faq-page-section{
position:relative;
padding:90px 0px 80px;
}
.faq-page-section .accordian-column{
position:relative;
margin-bottom:30px;
}
.faq-page-section .accordian-column .inner-column{
position:relative;
}
.accordion-box{
position: relative;
}
.accordion-box .block{
position: relative;
margin-bottom:20px;
border-radius:5px;
border:2px solid #dff7f5;
background-color:#ffffff;
}
.accordion-box .block.active-block{
}
.accordion-box .block .acc-btn{
position:relative;
font-size:20px;
line-height:35px;
color:#303030;
line-height:1.8em;
font-weight:700;
cursor:pointer;
padding:12px 30px;
padding-right: 45px;
margin-bottom: 0px;
-webkit-transition:all 500ms ease;
-moz-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
transition:all 500ms ease;
}
.accordion-box .block .acc-btn.active{
margin-bottom:0px;
background-color:#f2fcfb;
}
.accordion-box .block .icon{
position:absolute;
right: 10px;
top:12px;
height: 35px;
width: 35px;
font-size: 24px;
line-height: 35px;
color: var(--thm-secnd);
text-align: center;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.accordion-box .block .acc-btn.active .icon{
transform:rotate(180deg);
}
.accordion-box .block .acc-content{
position:relative;
display:none;
}
.accordion-box .block .content{
position:relative;
padding:20px 30px 20px;
}
.accordion-box .block .acc-content.current{
display: block;
}
.accordion-box .block .content .text{
display: block;
font-size: 16px;
line-height: 1.8em;
color: #555555;
}
.faq-page-section .form-column{
position:relative;
margin-bottom:30px;
}
.faq-page-section .form-column .inner-column{
border-radius:6px;
padding:40px 30px 25px;
box-shadow:0px 0px 20px rgba(0,0,0,0.06);
}
.faq-page-section .form-column .title-box{
position:relative;
margin-bottom:20px;
}
.faq-page-section .form-column .title-box h2{
color:#1B212F;
font-family: 'Roboto', sans-serif;
}
.faq-page-section .form-column .title-box .text{
position:relative;
color:#707070;
margin-top:8px;
}
/***
====================================================================
Faq Form
====================================================================
***/
.faq-form{
position:relative;
}
.faq-form .form-group{
position:relative;
margin-bottom:12px;
}
.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="tel"],
.faq-form .form-group input[type="email"],
.faq-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 22px;
color:#707070;
height:50px;
font-size:15px;
background:#f8f8f8;
border-radius:5px;
font-weight:400;
border:1px solid transparent;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.faq-form .form-group input[type="text"]:focus,
.faq-form .form-group input[type="tel"]:focus,
.faq-form .form-group input[type="email"]:focus,
.faq-form .form-group textarea:focus{
border-color:var(--thm-secnd);
}
.faq-form .form-group textarea::-webkit-input-placeholder,
.faq-form .form-group input::-webkit-input-placeholder{
color:#707070;
}
.faq-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:22px;
padding:15px 22px;
color:#707070;
height:100px;
resize:none;
font-size:15px;
background:#f8f8f8;
border-radius:5px;
font-weight:400;
border:1px solid transparent;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.faq-form .form-group .theme-btn{
position:relative;
margin-top:10px;
}
.sticky-top{
z-index:1;
top:100px;
}
/***
====================================================================
Classes Page Section
====================================================================
***/
.classes-page-section{
position:relative;
padding:100px 0px 100px;
}
.classes-page-section .auto-container{
max-width:1560px;
}
.classes-page-section .styled-pagination{
margin-top:20px;
}
.styled-pagination{
position:relative;
}
.styled-pagination li{
position:relative;
display:inline-block;
margin:0px 3px 6px;
}
.styled-pagination li a{
position:relative;
display:inline-block;
line-height:46px;
height:44px;
font-size:16px;
min-width:44px;
color:var(--thm-secnd);
font-weight:700;
text-align:center;
border-radius:50px;
background:#e3f7f5;
text-transform:capitalize;
transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
-moz-transition:all 500ms ease;
}
.styled-pagination li a:hover,
.styled-pagination li a.active{
color:#ffffff;
background-color:var(--thm-secnd);
}
.styled-pagination li.next a{
font-size:24px;
line-height:42px;
}
/***
====================================================================
Sidebar Page Container
====================================================================
***/
.sidebar-page-container{
position:relative;
padding:100px 0px 80px;
}
.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side{
margin-bottom:40px;
}
.sidebar-page-container .sidebar-side .sidebar{
padding-left:20px;
}
.sidebar-widget{
margin-bottom:35px;
}
/* Sidebar Title */
.sidebar-title{
position:relative;
margin-bottom:25px;
}
.sidebar-title .sidebar-inner{
position:relative;
padding-left:65px;
}
.sidebar-title .sidebar-inner .separator{
position:absolute;
left:0px;
top:9px;
width:50px;
height:12px;
}
.sidebar-title .sidebar-inner .separator .line-one{
position:relative;
width:50px;
height:1px;
margin-bottom:4px;
display:block;
background-color:#707070;
}
.sidebar-title .sidebar-inner .separator .line-two{
position:relative;
width:25px;
height:1px;
margin-bottom:4px;
display:block;
background-color:#707070;
}
.sidebar-title .sidebar-inner .separator .line-three{
position:relative;
width:35px;
height:1px;
margin-bottom:4px;
display:block;
background-color:#707070;
}
.sidebar-title h3{
position: relative;
color: #222222;
font-size:22px;
font-weight: 700;
line-height: 1.3em;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
}
/*Search Box Widget*/
.sidebar .search-box .form-group{
position:relative;
margin:0px;
}
.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"]{
position:relative;
line-height:36px;
padding:10px 50px 10px 30px;
background:#e5f9f7;
display:block;
font-size:15px;
border:none;
width:100%;
height:60px;
color:#000000;
border-radius:50px;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.sidebar .search-box .form-group button,
.sidebar .search-box .form-group .button{
position:absolute;
right:5px;
top:5px;
height:50px;
width:50px;
display:block;
font-size:20px;
color:#ffffff;
text-align:center;
border-radius:50px;
line-height:100%;
font-weight:normal;
background:var(--thm-secnd);
display:inline-block;
z-index:9;
}
.sidebar .search-box .form-group .button span{
color: inherit;
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
line-height: 45px;
font-size: inherit;
width: auto;
display: block;
}
/* Gallery Widget */
.gallery-widget .gallery-outer{
position:relative;
margin: 0px -5px 0px;
}
.gallery-widget .gallery-outer .image{
position:relative;
float:left;
width: 33.333333333%;
padding-right: 5px;
padding-left: 5px;
margin-bottom: 10px;
overflow: hidden;
}
.gallery-widget .gallery-outer .image img{
display:block;
width:100%;
}
/* Social Widget */
.social-widget .social-box{
position:relative;
}
.social-widget .social-box li{
position:relative;
margin-right:5px;
display:inline-block;
}
.social-widget .social-box li a{
position:relative;
width:40px;
height:40px;
color:var(--thm-secnd);
font-size:16px;
text-align:center;
line-height:40px;
border-radius:50px;
display:inline-block;
background-color:#e5f9f7;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.social-widget .social-box li a:hover{
color:#ffffff;
background-color:var(--thm-secnd);
}
/*=== Tags ===*/
.tag-list{
position: relative;
display: block;
}
.tag-list li{
position: relative;
margin-bottom: 10px;
margin-right: 10px;
display:inline-block;
}
.tag-list li a{
position: relative;
display: block;
font-size: 16px;
line-height: 20px;
color: #707070;
font-weight: 400;
padding: 12px 24px;
border-radius:0px;
border:1px solid #cbf1ee;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.tag-list li a:hover{
background-color: var(--thm-secnd);
border-color: var(--thm-secnd);
color:#ffffff;
}
/* Course Detail */
.course-detail{
position:relative;
}
.course-detail .inner-box{
position:relative;
}
.course-detail .inner-box .image{
position:relative;
border-radius:10px;
overflow:hidden;
}
.course-detail .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.course-detail .inner-box .lower-content{
position:relative;
padding-top:28px;
}
.course-detail .inner-box .lower-content h2{
color:#1B212F;
font-family: 'Roboto', sans-serif;
}
.course-detail .inner-box .lower-content .course-options{
position:relative;
margin-top:15px;
margin-bottom:15px;
}
.course-detail .inner-box .lower-content .course-options li{
position:relative;
padding-left:25px;
color:#707070;
font-size:16px;
margin-right:25px;
display:inline-block;
}
.course-detail .inner-box .lower-content .course-options li:last-child{
margin-right:0px;
}
.course-detail .inner-box .lower-content .course-options li .icon{
position:absolute;
left:0px;
top:0px;
color:var(--thm-secnd);
font-size:18px;
}
.course-detail .inner-box .lower-content .course-options li:first-child .icon{
top:-1px;
}
.course-detail .inner-box .lower-content p{
font-size:16px;
margin-bottom:15px;
}
.course-detail .inner-box .lower-content h3{
color:#1B212F;
margin-bottom:14px;
font-family: 'Roboto', sans-serif;
}
.course-detail .inner-box .lower-content .list-style-one{
margin-bottom:20px;
}
.course-detail .inner-box .gallery-outer{
position:relative;
margin-top:25px;
}
.course-detail .inner-box .gallery-outer .row{
margin:0px -5px;
}
.course-detail .inner-box .gallery-outer .gallery-column{
padding:0px 5px;
margin-bottom:10px;
}
.course-detail .inner-box .gallery-outer img{
position:relative;
width:100%;
display:block;
border-radius:8px;
overflow:hidden;
}
/***
====================================================================
Courses Section Two
====================================================================
***/
.gallery-page-section{
position:relative;
padding:100px 0px 70px;
}
.gallery-page-section .inner-box{
position:relative;
}
.gallery-page-section .inner-box .image{
position:relative;
border-radius:10px;
overflow:hidden;
}
.gallery-page-section .inner-box .image img{
position:relative;
width:100%;
display:block;
}
.gallery-page-section .inner-box .lower-content{
position:relative;
padding-top:30px;
}
.gallery-page-section .inner-box .lower-content h2{
color:#1B212F;
margin-bottom:15px;
font-family: 'Roboto', sans-serif;
}
.gallery-page-section .inner-box .lower-content p{
font-size:16px;
margin-bottom:15px;
}
.gallery-page-section .inner-box .lower-content h3{
color:#1B212F;
margin-bottom:15px;
font-family: 'Roboto', sans-serif;
}
.gallery-page-section .inner-box .gallery-outer{
position:relative;
margin-top:28px;
}
.gallery-page-section .inner-box .gallery-outer .gallery-column{
position:relative;
margin-bottom: 30px;
}
.gallery-page-section .inner-box .gallery-outer .gallery-column img{
display:block;
width:100%;
border-radius:10px;
overflow:hidden;
}
.gallery-page-section .column{
margin-bottom:30px;
}
.gallery-page-section .teacher-list{
position:relative;
}
.gallery-page-section .teacher-list li{
position:relative;
color:#707070;
font-size:18px;
margin-bottom:12px;
}
.gallery-page-section .teacher-list li span{
position:relative;
color:#303030;
font-weight:500;
font-size:18px;
}
.gallery-page-section .teacher-list li a{
position:relative;
color:#707070;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.gallery-page-section .teacher-list li a:hover{
color:var(--thm-base);
}
/* Teacher Detail */
.teacher-detail{
position:relative;
}
.teacher-detail .inner-box{
position:relative;
}
.teacher-detail .inner-box .image{
position:relative;
}
.teacher-detail .inner-box .image img{
position:relative;
width:100%;
overflow:hidden;
border-radius:10px;
}
.teacher-detail .inner-box .lower-content{
position:relative;
padding-top:30px;
}
.teacher-detail .inner-box .lower-content h2{
color:#1B212F;
margin-bottom:18px;
font-family: 'Roboto', sans-serif;
}
.teacher-detail .inner-box .lower-content p{
position:relative;
color:#707070;
font-size:16px;
margin-bottom:15px;
}
.teacher-detail .inner-box .lower-content h3{
color:#1B212F;
margin-bottom:18px;
font-family: 'Roboto', sans-serif;
}
/* Count Box */
.teacher-detail .inner-box .lower-content .counter-boxed-outer{
position:relative;
margin-top:40px;
}
.teacher-detail .inner-box .lower-content .counter-boxed{
position:relative;
width:20%;
float:left;
}
.teacher-detail .inner-box .lower-content .counter-boxed .graph-outer{
position:relative;
text-align:center;
display:inline-block;
}
.teacher-detail .inner-box .lower-content .counter-boxed .count-box{
position: absolute;
left: 0;
top: 50%;
width: 100%;
font-size: 16px;
color: #303030;
font-weight: 700;
margin-top: -28px;
text-align:center;
}
.teacher-detail .inner-box .lower-content .counter-boxed .count-box .sign{
font-size: 20px;
}
.teacher-detail .inner-box .lower-content .counter-boxed h6{
position: relative;
line-height: 1.6em;
color: #303030;
font-weight: 700;
margin-top:0px;
font-size:16px;
text-transform: capitalize;
font-family: 'Roboto', sans-serif;
}
/* Teacher Info Widget */
.teacher-info-widget{
position:relative;
}
.teacher-info-widget .widget-content{
position:relative;
}
.teacher-info-widget h2{
color:#1B212F;
margin-bottom:10px;
font-family: 'Roboto', sans-serif;
}
.teacher-info-widget .text{
position:relative;
color:#707070;
font-size:16px;
margin-bottom:18px;
}
.teacher-info-widget .info-list{
position:relative;
}
.teacher-info-widget .info-list li{
position:relative;
color:#707070;
font-size:18px;
margin-bottom:12px;
}
.teacher-info-widget .info-list li span{
position:relative;
color:#303030;
font-weight:500;
font-size:18px;
}
.teacher-info-widget .info-list li a{
position:relative;
color:#707070;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
/*Post Widget*/
.sidebar .popular-posts .post{
position:relative;
font-size:15px;
color:#242424;
padding:0px 0px 20px;
padding-left:90px;
min-height:90px;
margin-bottom:20px;
border-bottom:1px solid #e2e2e2;
}
.sidebar .popular-posts .post:last-child{
margin-bottom:0px;
padding-bottom:0px;
border-bottom:none;
}
.sidebar .popular-posts .post .post-thumb{
position:absolute;
left:0px;
top:0px;
width:70px;
}
.sidebar .popular-posts .post .post-thumb img{
display:block;
width:100%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post .text{
position:relative;
top:0px;
font-size:16px;
margin:0px 0px 0px;
font-weight:700;
color:#1B212F;
line-height:1.7em;
text-transform:capitalize;
}
.sidebar .popular-posts .post .text a{
color:#1B212F;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-ms-transition:all 0.3s ease;
-o-transition:all 0.3s ease;
}
.sidebar .popular-posts .post a:hover{
color:var(--thm-secnd);
}
.skills-form .check-box{
position:relative;
margin-bottom:22px;
}
.skills-form .check-box:last-child{
margin-bottom:0px;
}
.skills-form .check-box label{
color:#2b2b2b;
}
.skills-form .check-box label{
position: relative;
display: block;
width: 100%;
line-height: 16px;
padding: 8px 0px 0px 38px;
font-size: 18px;
font-weight: 400;
cursor: pointer;
margin-bottom: 0;
color: #707070;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.skills-form .check-box label .star{
position:relative;
color:#fbb039;
margin-right:8px;
}
.skills-form .check-box input[type="checkbox"]:checked + label{
border-color: var(--thm-secnd);
}
.skills-form .form-group .check-box label {
padding-left: 30px;
padding-top: 1px;
cursor: pointer;
}
.skills-form .check-box label:before{
position: absolute;
left: 0;
top: 3px;
height:24px;
width: 24px;
background: #ffffff;
content: "";
border-radius: 2px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
border:2px solid #d3d3d3;
}
.skills-form .check-box label:after {
position: absolute;
left: 0px;
top: 0;
height: 15px;
line-height: 15px;
max-width: 0;
font-size: 14px;
color: #ffffff;
font-weight: 800;
overflow: hidden;
background: transparent;
text-align: center;
font-family: 'FontAwesome';
-webkit-transition: max-width 500ms ease;
-moz-transition: max-width 500ms ease;
-ms-transition: max-width 500ms ease;
-o-transition: max-width 500ms ease;
transition: max-width 500ms ease;
}
.skills-form .check-box input[type="checkbox"] {
display: none;
}
.skills-form .check-box input[type="checkbox"]:checked + label:before{
border: 11px solid var(--thm-secnd);
background: #ffffff;
}
.skills-form .check-box input[type="checkbox"]:checked + label:after {
max-width: 20px;
opacity: 1;
}
.news-block-four{
position:relative;
margin-bottom:50px;
}
.news-block-four .inner-box{
position:relative;
border-radius:15px;
overflow:hidden;
background-color:#ffffff;
box-shadow:0px 0px 15px rgba(0,0,0,0.10);
}
.news-block-four .inner-box .image{
position:relative;
overflow:hidden;
border-radius:0px;
background-color:var(--thm-secnd);
}
.news-block-four .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-four .inner-box:hover .image img{
transform:scale(1.05,1.05);
}
.news-block-four .inner-box .lower-content{
position:relative;
padding:25px 30px 30px;
}
.news-block-four .inner-box .post-info{
position:relative;
margin-bottom:15px;
}
.news-block-four .inner-box .post-info li{
position:relative;
color:#707070;
font-size:16px;
margin-right:35px;
padding-left:25px;
display:inline-block;
}
.news-block-four .inner-box .post-info li .icon{
position:absolute;
left:0px;
top:0px;
color:var(--thm-secnd);
}
.news-block-four .inner-box .post-info li:last-child{
margin-right:0px;
}
.news-block-four .inner-box:hover .category{
background-color:var(--thm-base);
}
.news-block-four .inner-box h2{
position:relative;
margin-bottom:15px;
}
.news-block-four .inner-box h2 a{
position:relative;
color:#1B212F;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.news-block-four .inner-box:hover h2 a{
color:var(--thm-base);
}
.news-block-four .inner-box .text{
color:#707070;
line-height:1.7em;
}
/* Blog Detail */
.blog-detail{
position:relative;
margin-bottom:50px;
}
.blog-detail .inner-box{
position:relative;
}
.blog-detail .inner-box .upper-box{
position:relative;
margin-bottom:25px;
}
.blog-detail .inner-box .upper-box .post-info{
position:relative;
}
.blog-detail .inner-box .upper-box .post-info li{
position:relative;
color:#707070;
font-size:16px;
margin-right:35px;
padding-left:25px;
display:inline-block;
}
.blog-detail .inner-box .upper-box .post-info li .icon{
position:absolute;
left:0px;
top:0px;
color:var(--thm-secnd);
}
.blog-detail .inner-box .upper-box .post-info li:last-child{
margin-right:0px;
}
.blog-detail .inner-box .upper-box h2{
color:#1B212F;
margin-bottom:18px;
}
.blog-detail .inner-box .upper-box h2 a{
position:relative;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-detail .inner-box .image{
position:relative;
overflow:hidden;
border-radius:7px;
background-color:var(--thm-secnd);
}
.blog-detail .inner-box .image img{
position:relative;
width:100%;
display:block;
transition:all 500ms ease;
-moz-transition:all 500ms ease;
-webkit-transition:all 500ms ease;
-ms-transition:all 500ms ease;
-o-transition:all 500ms ease;
}
.blog-detail .inner-box:hover .image img{
}
.blog-detail .inner-box .lower-content{
position:relative;
padding:30px 0px 30px;
}
.blog-detail .inner-box p{
color:#707070;
line-height:1.7em;
margin-bottom:15px;
}
.blog-detail .inner-box .lower-content blockquote{
position:relative;
color:#707070;
font-size:16px;
font-style:italic;
border-radius:10px;
line-height:1.7em;
margin-top:25px;
margin-bottom:25px;
border:1px solid #f0f0f0;
padding:18px 20px 20px 90px;
}
.blog-detail .inner-box .lower-content blockquote .quote-icon{
position:absolute;
left:20px;
top:20px;
}
.blog-detail .inner-box h3{
color:var(--thm-secnd);
margin-bottom:14px;
}
.blog-detail .inner-box .lower-content .masonry-outer{
margin-top:25px;
margin-bottom:20px;
}
.blog-detail .inner-box .lower-content .masonry-items-container-two.row{
margin:0px -5px;
}
.blog-detail .inner-box .lower-content .gallery-block{
padding:0px 5px;
margin-bottom:10px;
}
.blog-detail .inner-box .lower-content .numbering-list{
position:relative;
margin-top:20px;
margin-bottom:40px;
}
.blog-detail .inner-box .lower-content .numbering-list li{
position:relative;
margin-bottom:8px;
color:#1B212F;
font-weight:500;
font-size:18px;
}
.blog-detail .inner-box .lower-content .numbering-list li:last-child{
margin-bottom:0px;
}
/* Post Share Options */
.blog-detail .post-share-options{
position:relative;
margin-top: 40px;
padding:20px 40px;
border-radius:6px;
border:1px solid #efefef;
}
.blog-detail .post-share-options .tags span{
font-size:15px;
color:#f7941d;
font-weight:400;
margin-right:10px;
text-transform: capitalize;
}
.blog-detail .post-share-options .author-box{
position:relative;
}
.blog-detail .post-share-options .author-box .box-inner{
position:relative;
padding-top:10px;
min-height:80px;
padding-left:100px;
}
.blog-detail .post-share-options .author-box .box-inner .author-image{
position:absolute;
left:0px;
top:0px;
width:80px;
height:80px;
overflow:hidden;
border-radius:50%;
display:inline-block;
}
.blog-detail .post-share-options .author-box .box-inner h4{
color:#1B212F;
font-family: 'Roboto', sans-serif;
}
.blog-detail .post-share-options .author-box .box-inner .designation{
position:relative;
margin-top:2px;
color:var(--thm-secnd);
font-size:16px;
font-weight:500;
}
.blog-detail .post-share-options .social-box{
position:relative;
margin-top:25px;
}
.blog-detail .post-share-options .social-box li.share{
position:relative;
color:#707070;
font-size:16px;
font-weight:400;
margin-left:0px;
}
.blog-detail .post-share-options .social-box li{
position:relative;
margin-left:15px;
display:inline-block;
}
.blog-detail .post-share-options .social-box li a{
position:relative;
font-size:18px;
color:#707070;
display:inline-block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.blog-detail .post-share-options .social-box li a:hover{
color:var(--thm-secnd);
}
/***
====================================================================
Comments Area
====================================================================
***/
.sidebar-page-container .comments-area{
position:relative;
margin-top:60px;
margin-bottom:50px;
}
.sidebar-page-container .group-title{
position:relative;
}
.sidebar-page-container .group-title h4{
color:var(--thm-secnd);
margin-bottom:25px;
font-size:24px;
text-transform:capitalize;
font-family: 'Roboto', sans-serif;
}
.sidebar-page-container .comments-area .comment-box{
position:relative;
margin-bottom:30px;
padding-bottom:15px;
border-bottom:1px solid #f0f0f0;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.sidebar-page-container .comments-area .comment{
position:relative;
font-size:14px;
min-height:140px;
padding:0px 0px 0px 100px;
}
.sidebar-page-container .comments-area .reply-comment{
margin-left:100px;
}
.sidebar-page-container .comments-area .comment-box .author-thumb{
position:absolute;
left:0px;
top:0px;
width:70px;
border-radius:50%;
margin-bottom:20px;
overflow:hidden;
background-color:#7a7a7a;
}
.sidebar-page-container .comments-area .comment-box .author-thumb img{
width:100%;
display:block;
}
.sidebar-page-container .comments-area .comment-info{
margin-bottom:10px;
}
.sidebar-page-container .comments-area .comment-box strong{
font-size:18px;
font-weight:700;
color:#1B212F;
display:block;
line-height:1.3em;
display:inline-block;
text-transform:capitalize;
}
.sidebar-page-container .comments-area .comment-box .text{
color:#626262;
font-size:16px;
line-height:1.7em;
margin-bottom:10px;
}
.sidebar-page-container .comments-area .comment-info .comment-time{
position:absolute;
right:0px;
font-weight:500;
font-size:16px;
color:#303030;
padding-left:24px;
display:inline-block;
}
.sidebar-page-container .comments-area .comment-info .comment-time:before{
position:absolute;
content: "\f133";
left:0px;
top:0px;
color:var(--thm-secnd);
font-family: 'FontAwesome';
}
.sidebar-page-container .comments-area .comment-box .theme-btn{
position:relative;
font-size:16px;
color:var(--thm-secnd);
font-weight:500;
text-decoration:underline;
text-transform:uppercase;
}
.sidebar-page-container .comments-area .comment-box .theme-btn:hover{
color:#3d415b;
}
.sidebar-page-container .comments-area .load-comments{
position:relative;
font-size:18px;
color:var(--thm-secnd);
font-weight:700;
text-decoration:underline;
text-transform:capitalize;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.sidebar-page-container .comments-area .load-comments:hover{
color:#111111;
text-decoration:none;
}
/* Comment Form */
.comment-form .form-group{
margin-bottom:30px;
}
.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 28px;
color:#888888;
border:1px solid #e2e2e2;
height:60px;
font-size:14px;
border-radius:4px;
background:#ffffff;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus{
border-color:var(--thm-secnd);
}
.comment-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 20px 25px;
color:#888888;
border:1px solid #e1e1e1;
height:300px;
background:#ffffff;
resize:none;
border-radius:4px;
font-size:14px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.comment-form .theme-btn{
cursor:pointer;
padding:14px 40px;
}
/***
====================================================================
Comments Area
====================================================================
***/
.contact-page-section{
position:relative;
padding:100px 0px 50px;
}
.contact-page-section .info-column{
position:relative;
margin-bottom:40px;
}
.contact-page-section .info-column .inner-column{
position:relative;
}
.contact-page-section .info-column .contact-info-list{
position:relative;
}
.contact-page-section .info-column .contact-info-list li{
position:relative;
color:#707070;
font-size:18px;
margin-bottom:30px;
padding:37px;
box-shadow: 0px 0px 28px rgb(0 0 0 / 7%);
}
.contact-page-section .info-column .contact-info-list li .contact-info-list-box{
position:relative;
padding-left:90px;
}
.contact-page-section .info-column .contact-info-list .icon{
position:absolute;
left:0px;
top:0px;
width:60px;
height:60px;
color:var(--thm-secnd);
font-size:24px;
text-align:center;
line-height:60px;
border-radius:50px;
background-color:#ccf2ef;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.contact-page-section .info-column .contact-info-list li a{
position:relative;
color:#707070;
display:block;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.contact-page-section .info-column .contact-info-list li a:hover{
color:var(--thm-secnd);
}
.contact-page-section .info-column .contact-info-list li:hover .icon{
background-color:var(--thm-secnd);
color:#ffffff;
}
.contact-page-section .form-column{
position:relative;
margin-bottom:40px;
}
.contact-page-section .form-column .inner-column{
position:relative;
margin-left:30px;
}
/* Contact Form */
.contact-form .form-group{
margin-bottom:20px;
}
.contact-form .form-group label{
color:#1B212F;
font-size:16px;
display:block;
}
.contact-form .form-group input[type="text"],
.contact-form .form-group input[type="password"],
.contact-form .form-group input[type="tel"],
.contact-form .form-group input[type="email"],
.contact-form .form-group select{
position:relative;
display:block;
width:100%;
line-height:28px;
padding:10px 28px;
color:#111111;
height:60px;
font-size:16px;
border-radius:4px;
background:#E8F9F7;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.contact-form .form-group input[type="text"]:focus,
.contact-form .form-group input[type="password"]:focus,
.contact-form .form-group input[type="tel"]:focus,
.contact-form .form-group input[type="email"]:focus,
.contact-form .form-group select:focus,
.contact-form .form-group textarea:focus{
border-color:var(--thm-secnd);
}
.contact-form .form-group textarea{
position:relative;
display:block;
width:100%;
line-height:24px;
padding:15px 20px 25px;
color:#111111;
height:130px;
background:#E8F9F7;
resize:none;
border-radius:4px;
font-size:16px;
-webkit-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
-moz-transition:all 300ms ease;
transition:all 300ms ease;
}
.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error{
border-color:#ff0000 !important;
}
.contact-form label.error{
display:block;
line-height:24px;
padding:5px 0px 0px;
margin:0px;
text-transform:uppercase;
font-size:12px;
color:#ff0000;
font-weight:500;
}
/***
==================================================================
Contact Map Section
==================================================================
***/
.contact-map-section{
position: relative;
padding-top:0px;
}
.contact-map-section iframe{
position: relative;
left: 0;
top: 0;
width: 100%;
height: 500px;
}
.tutor-course-details-page .tutor-course-details-tab .tutor-is-sticky{
z-index:1;
}