/* CSS Index ----------------------------------- 1. Theme default 2. HEADER 3. SLIDER 4. CATEGORY 5. ABOUT 6. APPLY 7. COURSE 8. VIDEO FEATURES 9. TEACHERS 10. PUBLICATION 11. TEASTIMONIAL 12. NEWS 13. FOOTER 14. CATEGORY 2 15. COURSE 2 16. COUNTER 17. TEACHERS 2 18. EVENT 18.1. EVENT 2 19. COUNT DOWN 20. PAGE BANNER 21. ABOUT PAGE 22. COURSES PAGE 23. COURSE SINGEl PAGE 24. EVENT PAGE 25. EVENT SINGEL PAGE 26. TEACHERS SInGEL PAGE 27. BLOG PAGE 28. BLOG SINGEL PAGE 29. SHOP PAGE 30. SHOP SINGEL PAGE 31. CONTACT PAGE 32. TEACHERS PAGE 2 PAGE */ /*=========================== 1. Theme default css ===========================*/ @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700|Roboto:300,400,500,700'); body { font-family: 'Roboto', sans-serif; font-weight: 400; font-style: normal; font-size: 13px !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { max-width: 100%; } a:focus, input:focus, textarea:focus, button:focus { text-decoration: none; outline: none; } a:focus, a:hover{ text-decoration: none; } i, span, a{ font-size: 13px !important; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-weight: 700; color: #1d2025; margin: 0px; } h1 { font-weight: 500; } h2 { font-size: 36px; } h3 { font-size: 28px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 16px; } ul,ol { margin: 0px; padding: 0px; list-style-type: none; } p { font-size: 16px; font-weight: 400; line-height: 28px; color: #505050; margin: 0px; } .bg_cover{ background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; height: 100%; } /*===== All Button Style =====*/ .main-btn { display: inline-block; font-weight: 500; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #ffc600; padding: 0 35px; font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 50px; border-radius: 5px; color: #07294d; cursor: pointer; position: relative; overflow: hidden; z-index: 5; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; background-color: #ffc600; } .main-btn:hover{ color: #ffc600; border-color: #07294d; background-color: #07294d; } .main-btn-2{ color: #ffc600; border-color: #07294d; background-color: #07294d; } .main-btn-2:hover{ color: #07294d; background-color: #ffc600; border-color: #ffc600; } /*===== All Section Title Style =====*/ .section-title{} .section-title h5{ color: #07294d; position: relative; padding-bottom: 12px; } .section-title h5::before{ content: ''; position: absolute; width: 35px; height: 2px; background-color: #ffc600; bottom: 0; left: 0; } .section-title h2{ font-size: 48px; color: #000; padding-top: 10px; } /*===== Preloader Style =====*/ .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 9999; } .preloader .color-1{ background-color: #ffc600 !important; } .rubix-cube { border: 1px solid #FFF; width: 48px; height: 48px; background-color: #FFF; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .rubix-cube .layer{ width:14px; height:14px; background-color:#07294d; border:1px solid #FFF; position:absolute; } .rubix-cube .layer-1{ left:0px; top:0px; -webkit-animation: rubixcube4 2s infinite linear; animation: rubixcube4 2s infinite linear; } .rubix-cube .layer-2{ left:16px; top:0px; -webkit-animation: rubixcube3 2s infinite linear; animation: rubixcube3 2s infinite linear; } .rubix-cube .layer-3{ left:32px; top:0px; } .rubix-cube .layer-4{ left:0px; top:16px; -webkit-animation: rubixcube5 2s infinite linear; animation: rubixcube5 2s infinite linear; } .rubix-cube .layer-5{ left:16px; top:16px; -webkit-animation: rubixcube2 2s infinite linear; animation: rubixcube2 2s infinite linear; } .rubix-cube .layer-6{ left:32px; top:16px; -webkit-animation: rubixcube1 2s infinite linear; animation: rubixcube1 2s infinite linear; } .rubix-cube .layer-7{ left:0px; top:32px; -webkit-animation: rubixcube6 2s infinite linear; animation: rubixcube6 2s infinite linear; } .rubix-cube .layer-8{ left:16px; top:32px; -webkit-animation: rubixcube7 2s infinite linear; animation: rubixcube7 2s infinite linear; } @-webkit-keyframes rubixcube1{ 20%{ top:16px; left:32px;} 30%{ top:32px; left:32px; } 40%{ top:32px; left:32px; } 50%{ top:32px; left:32px; } 60%{ top:32px; left:32px; } 70%{ top:32px; left:32px; } 80%{ top:32px; left:32px; } 90%{ top:32px; left:32px; } 100%{ top:32px; left:16px; } } @keyframes rubixcube1{ 20%{ top:16px; left:32px;} 30%{ top:32px; left:32px; } 40%{ top:32px; left:32px; } 50%{ top:32px; left:32px; } 60%{ top:32px; left:32px; } 70%{ top:32px; left:32px; } 80%{ top:32px; left:32px; } 90%{ top:32px; left:32px; } 100%{ top:32px; left:16px; } } @-webkit-keyframes rubixcube2{ 30%{ left:16px;} 40%{ left:32px;} 50%{ left:32px;} 60%{ left:32px;} 70%{ left:32px;} 80%{ left:32px;} 90%{ left:32px;} 100%{ left:32px;} } @keyframes rubixcube2{ 30%{ left:16px;} 40%{ left:32px;} 50%{ left:32px;} 60%{ left:32px;} 70%{ left:32px;} 80%{ left:32px;} 90%{ left:32px;} 100%{ left:32px;} } @-webkit-keyframes rubixcube3{ 30%{ top:0px;} 40%{ top:0px;} 50%{ top:16px;} 60%{ top:16px;} 70%{ top:16px;} 80%{ top:16px;} 90%{ top:16px;} 100%{ top:16px;} } @keyframes rubixcube3{ 30%{ top:0px;} 40%{ top:0px;} 50%{ top:16px;} 60%{ top:16px;} 70%{ top:16px;} 80%{ top:16px;} 90%{ top:16px;} 100%{ top:16px;} } @-webkit-keyframes rubixcube4{ 50%{ left:0px;} 60%{ left:16px;} 70%{ left:16px;} 80%{ left:16px;} 90%{ left:16px;} 100%{ left:16px;} } @keyframes rubixcube4{ 50%{ left:0px;} 60%{ left:16px;} 70%{ left:16px;} 80%{ left:16px;} 90%{ left:16px;} 100%{ left:16px;} } @-webkit-keyframes rubixcube5{ 60%{ top:16px;} 70%{ top:0px;} 80%{ top:0px;} 90%{ top:0px;} 100%{ top:0px;} } @keyframes rubixcube5{ 60%{ top:16px;} 70%{ top:0px;} 80%{ top:0px;} 90%{ top:0px;} 100%{ top:0px;} } @-webkit-keyframes rubixcube6{ 70%{ top:32px;} 80%{ top:16px;} 90%{ top:16px;} 100%{ top:16px;} } @keyframes rubixcube6{ 70%{ top:32px;} 80%{ top:16px;} 90%{ top:16px;} 100%{ top:16px;} } @-webkit-keyframes rubixcube7{ 80%{ left:16px;} 90%{ left:0px;} 100%{ left:0px;} } @keyframes rubixcube7{ 80%{ left:16px;} 90%{ left:0px;} 100%{ left:0px;} } /*===================================================== 2. HEADER css ======================================================*/ /*===== Header top =====*/ .header-top { background-color: #c1cbe0; padding-top: 10px; padding-bottom: 10px; position: fixed; width: 100%; z-index: 100; border-bottom: 2px solid #ccc; } .header-contact ul li{ display: inline-block; margin-right: 20px; color: #c6c6c6; font-size: 16px; font-weight: 500; } .header-contact ul li:last-child{ margin-right: 0; } .header-contact ul li i{ margin-right: 10px; } .header-contact ul li a{ color: #c6c6c6; font-weight: 500; font-size: 16px; } .header-right{} .header-right .social{} .header-right .social .follow-us{ font-size: 16px; color: #c6c6c6; padding-right: 10px; font-weight: 500; } .header-right .social ul{} .header-right .social ul li{ display: inline-block; padding: 0 5px; } .header-right .social ul li a{ color: #c6c6c6; font-size: 16px; } .header-right .social ul li a:hover{ color: #ffc600; } .login-register{} .login-register ul{} .login-register ul li{ display: inline-block; margin-left: 25px; position: relative; } .login-register ul li::before { position: absolute; content: '/'; color: #ffc600; font-size: 16px; top: 0; left: -16px; } .login-register ul li:first-child::before { display: none; } .login-register ul li a{ color: #ffc600; font-size: 16px; font-weight: 500; transition: all 0.3s linear; } .login-register ul li a:hover{ color: #fff; } /*===== Header Menu =====*/ .navigation{} .navigation.sticky { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 999; border-bottom: 1px solid #cecece; -webkit-box-shadow: 0px 0px 191px 0px rgba(0,0,0,0.06); box-shadow: 0px 0px 191px 0px rgba(0,0,0,0.06); -webkit-animation: sticky 2s; animation: sticky 2s; } @-webkit-keyframes sticky { 0%{ -webkit-transform: translateY(-100%); transform: translateY(-100%) } 100%{ -webkit-transform: translateY(0%); transform: translateY(0%) } } @keyframes sticky { 0%{ -webkit-transform: translateY(-100%); transform: translateY(-100%) } 100%{ -webkit-transform: translateY(0%); transform: translateY(0%) } } .navigation .navbar{ padding: 0; } .navigation .navbar .navbar-nav { margin-right: 20px; } .navigation .navbar .navbar-nav li{ position: relative; } .navigation .navbar .navbar-nav li a { font-size: 15px; font-weight: 500; color: #07294d; text-transform: uppercase; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; padding: 32px 15px 32px 15px; display: block; } .navigation .navbar .navbar-nav > li > a.active, .navigation .navbar .navbar-nav > li:hover > a{ color: #ffc600; } .navigation .navbar .navbar-nav li .sub-menu{ position: absolute; top: 110%; left: 0; background-color: #07294d; width: 180px; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; z-index: 99; } .navigation .navbar .navbar-nav li:hover .sub-menu{ opacity: 1; visibility: visible; top: 100%; } .navigation .navbar .navbar-nav li .sub-menu li{ margin-right: 0; } .navigation .navbar .navbar-nav li .sub-menu li a { padding: 5px 10px; display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.5); color: #fff; } .navigation .navbar .navbar-nav li .sub-menu li a.active, .navigation .navbar .navbar-nav li .sub-menu li a:hover{ padding-left: 10px; color: #ffc600; } .sub-nav-toggler{ display: none; } .navigation .navbar .navbar-nav li .sub-menu li:last-child a{ border-bottom: 0; } .navbar .navbar-toggler { padding: 3px 8px; margin: 18px 0; -webkit-transform: all 0.4s linear; transform: all 0.4s linear; } .navbar .navbar-toggler .icon-bar { width: 30px; height: 2px; background-color: #07294d; display: block; margin: 5px 0; position: relative; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .navbar .navbar-toggler.active .icon-bar:nth-of-type(1){ -webkit-transform: rotate(46deg); transform: rotate(46deg); top: 7px; } .navbar .navbar-toggler.active .icon-bar:nth-of-type(2){ opacity: 0; } .navbar .navbar-toggler.active .icon-bar:nth-of-type(3){ -webkit-transform: rotate(134deg); transform: rotate(134deg); top: -7px; } .right-icon{} .right-icon ul li{ display: inline-block; margin-right: 17px; padding: 22px 0; } .right-icon ul li:last-child{ margin-right: 0; } .right-icon ul li a{ font-size: 18px; color: #07294d; position: relative; padding-right: 7px; } .right-icon ul li a span{ font-size: 12px; color: #fff; background-color: #ffc600; border-radius: 50%; padding: 0px 4px; position: absolute; top: -5px; right: 0; } /*===== HEADER TOW =====*/ .header-two {} .header-two .header-top { background-color: #fff; border-bottom: 1px solid #edf0f2 ; } .header-two .header-contact ul li { color: #07294d; } .header-two .header-contact ul li a { color: #07294d; } .header-two .header-right .social .follow-us { color: #07294d; } .header-two .header-right .social ul li a { color: #07294d; } .header-two .header-right .social ul li a:hover { color: #ffc600; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .header-two .login-register ul li a { color: #07294d; font-size: 16px; font-weight: 500; padding: 6px 18px; background: #ffc600; border-radius: 5px; transition: all 0.3s linear; } .header-two .login-register ul li a:hover{ background: #07294d; color: #fff; } .header-two .login-register ul li::before { display: none; } .header-two .login-register ul li { margin-left: 10px; } .header-two .header-right .social { margin-top: 5px; } .header-two .navigation .navbar .navbar-nav li .sub-menu { background-color: #fff; } .header-two .navigation .navbar .navbar-nav li .sub-menu li a { border-bottom: 1px solid #edeff2; color: #07294d; } .header-two .navigation .navbar .navbar-nav li .sub-menu li a.active, .header-two .navigation .navbar .navbar-nav li .sub-menu li a:hover{ color: #ffc600; } /*===== HEADER THREEE =====*/ .header-three{} .header-three .navigation { background-color: transparent; position: absolute; top: 0; left: 0; width: 100%; z-index: 99; padding: 10px 0; } .header-three .navigation .navbar .navbar-nav li a { color: #fff; } .header-three .navigation .navbar .navbar-nav li a:hover{ color: #ffc600; } .header-three .navigation .right-icon ul li a { color: #fff; } .header-three .navigation.sticky { position: fixed; width: 100%; background-color: #fff; padding: 0 0; } .header-three .navigation.sticky .navbar .navbar-nav li a { color: #07294d; } .header-three .navigation.sticky .navbar .navbar-nav li a:hover{ color: #ffc600; } .header-three .navigation.sticky .right-icon ul li a { color: #07294d; } .header-three .navigation .navbar .navbar-nav li .sub-menu { background-color: #fff; } .header-three .navigation .navbar .navbar-nav li .sub-menu li a { border-bottom: 1px solid #edeff2; color: #07294d; } .header-three .navigation .navbar .navbar-nav li .sub-menu li a:hover { color: #ffc600; } /*===== HEADER FORE =====*/ .header-four .navigation .navbar .navbar-nav li .sub-menu { background-color: #fff; } .header-four .navigation .navbar .navbar-nav li .sub-menu li a { border-bottom: 1px solid #edeff2; color: #07294d; } .header-four .navigation .navbar .navbar-nav li .sub-menu li a.active, .header-four .navigation .navbar .navbar-nav li .sub-menu li a:hover{ color: #ffc600; } /*===== SEARCH BOX =====*/ .search-box{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(7, 41, 77, 0.5); z-index: 999; display: none; } .closebtn { position: absolute; top: 20px; right: 50px; cursor: pointer; width: 30px; height: 25px; } .closebtn span{ width: 30px; height: 2px; background-color: #fff; position: relative; display: block; } .closebtn span:nth-of-type(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 11px; } .closebtn span:nth-of-type(2){ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 9px; } .search-box .search-form input { width: 50%; height: 50px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; border: 2px solid #07294d; color: #07294d; padding-left: 20px; border-radius: 50px; } .search-box .search-form button { position: absolute; top: 50%; left: 72%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); padding: 0; border: 0; background-color: transparent; color: #07294d; cursor: pointer; font-size: 16px; } /*===================================================== 3. SLIDER css ======================================================*/ .single-slider{ padding-bottom: 300px; } .slider-cont{ position: relative; z-index: 5; overflow: hidden; } .slider-cont h1{ font-size: 60px; font-family: 'Montserrat', sans-serif; font-weight: 700; color: #fff; padding-bottom: 25px; } .slider-cont p{ font-size: 18px; color: #fff; font-weight: 600; padding-bottom: 50px; } .slider-cont ul {} .slider-cont ul li{ display: inline-block; margin-right: 15px; } .slider-cont ul li:last-child{ margin-right: 0; } .slider-active {} .slider-active .slick-arrow { position: absolute; top: 50%; left: 0; z-index: 5; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s linear; } .slider-active .next.slick-arrow { left: auto; right: 0; } .slider-active:hover .slick-arrow{ left: 30px; opacity: 1; visibility: visible; } .slider-active:hover .next.slick-arrow { left: auto; right: 30px; } .slider-active .slick-arrow i{ font-size: 30px; color: #fff; cursor: pointer; width: 50px; height: 50px; line-height: 48px; border-radius: 50%; border: 1px solid #fff; text-align: center; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .slider-active .slick-arrow i:hover{ background-color: #ffc600; border-color: #ffc600; } /*===== Index-2 =====*/ .slider-2 .slider-cont h1 { padding-bottom: 40px; } .slider-2.single-slider{ padding-top: 230px; padding-bottom: 250px; } /*===== Index-3 =====*/ #slider-part-3{ position: relative; padding-top: 220px; padding-bottom: 120px; } #slider-part-3::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } .slider-cont-3{ position: relative; z-index: 5; background-color: rgba(7, 41, 77, 0.8); padding: 70px 100px 80px; } .slider-cont-3 h2{ color: #fff; font-size: 48px; padding-bottom: 8px; } .slider-cont-3 span{ font-size: 24px; color: #fff; } .slider-search{ background-color: #fff; border-radius: 5px; } .slider-search .nice-select { width: 100%; height: 55px; line-height: 55px; border-top-right-radius: 0; border-bottom-right-radius: 0; border: 0; } .slider-search .nice-select span { font-size: 16px; font-family: 'Poppins', sans-serif; color: #07294d; font-weight: 400; } .slider-search .nice-select .list { width: 100%; border-radius: 0; margin: 0; } .slider-search .nice-select::after { border-bottom: 0; border-right: 8px solid #07294d; border-top: 8px solid transparent; height: 0px; margin-top: -4px; width: 0px; } .slider-search input{ width: 100%; height: 55px; border: 0; border-left: 1px solid #a8a8a8; padding-left: 25px; font-size: 16px; font-family: 'Poppins', sans-serif; color: #8a8a8a; } .slider-search .main-btn { line-height: 53px; width: 100%; padding: 0; } .slider-search .main-btn:hover{ border-color: #07294d; } .slider-feature{} .single-slider-feature{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .single-slider-feature .icon{} .single-slider-feature .cont{ padding-left: 30px; } .single-slider-feature .cont h3{ color: #fff; padding-bottom: 3px; margin-top: -3px; font-size: 24px; } .single-slider-feature .cont span{ color: #fff; font-size: 15px; } /*===== Index-4 =====*/ .slider-4{ position: relative; } .slider-4::before{ position: absolute; content: ''; top: 0; left: 0; background-image: url(../images/slider/slider-shape.png); background-position: center center; width: 100%; height: 100%; } .slider-cont-4 h1{ color: #07294d; padding-bottom: 35px; } .slider-cont-4 p{ color: #07294d; } /*===================================================== 4. CATEGORY css ======================================================*/ .color-1{ background-color: #4886ff; } .color-2{ background-color: #b5d56a; } .color-3{ background-color: #ff6f6f; } .category{ background-color: #07294d; border-radius: 10px; margin-top: -150px; position: relative; z-index: 5; } .category-text{ } .category-text h2{ font-size: 36px; color: #fff; padding: 0 50px; } .single-category { padding: 20px 0; border-radius: 5px; display: block; } .single-category .icon{ display: inline-block; } .single-category .cont { display: block; } .single-category .cont span{ color: #fff; font-size: 18px; padding-top: 15px; font-family: 'Montserrat', sans-serif; font-weight: 700; } .category-slide{} .category-slide a{ display: block; } .category-slide .slick-arrow { position: absolute; top: 50%; right: -50px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .category-slide .prev.slick-arrow{ right: auto; left: -50px; } .category-slide .slick-arrow i{ width: 35px; height: 35px; line-height: 35px; border-radius: 50%; background-color: #557495; text-align: center; font-size: 24px; color: #fff; cursor: pointer; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .category-slide .slick-arrow i:hover{ background-color: #ffc600; } /*===== Index-4 =====*/ .category-tow{ background-color: #fff; -webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.1); } .category-text-tow h2{ color: #07294d; } /*===================================================== 5. ABOUT css ======================================================*/ #about-part{ position: relative; padding-bottom: 220px; } .about-bg{ width: 52%; position: absolute; bottom: 0; right: 0; z-index: -2; } .about-bg::before{ position: absolute; content: ''; width: 100%; height: 100%; background: rgb(255,255,255); background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, rgba(255,255,255,0)), to(rgba(255,255,255,1))); background: linear-gradient(180deg, rgba(255,255,255,0) 60%, rgba(255,255,255,1) 100%); } .about-bg img{ width: 100%; } .about-cont p{ padding-top: 30px; } .about-event{ -webkit-box-shadow: 0px 0px 191px 0px rgba(0,0,0,0.06); box-shadow: 0px 0px 191px 0px rgba(0,0,0,0.06); padding: 65px 70px 37px; background-color: rgba(255, 255, 255, 0.95); } .about-event .event-title h3{ font-size: 36px; color: #000; padding-bottom: 5px; } .about-event ul li .single-event{ padding: 25px 0; border-bottom: 1px solid #cecece; } .about-event ul li:last-child .single-event{ border-bottom: 0; } .about-event ul li .single-event span{ font-size: 14px; color: #8a8a8a; margin-right: 20px; } .about-event ul li .single-event span i{ color: #ffc600; margin-right: 3px; } .about-event ul li .single-event a{ display: block; } .about-event ul li .single-event a h4{ padding-top: 5px; padding-bottom: 10px; color: #000; font-size: 24px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .about-event ul li .single-event a:hover h4{ color: #ffc600; } /*===== Index-4 =====*/ .about-tow{ position: relative; padding-bottom: 150px !important; } .about-shape{ position: absolute; top: 0; height: 100%; width: 30%; } .about-shape img{ width: 100%; } .about-image-tow{ position: relative; } .about-image-tow::before{ position: absolute; content: ''; background-image: url(../images/about/dot-shape.png); background-position: center center; background-size: contain; width: 305px; height: 370px; left: -100px; bottom: -60px; z-index: -1; } .about-image-tow img{ width: 100%; border-radius: 5px; } .about-shape-tow{ position: absolute; left: -36px; bottom: 170px; } .about-shape-three{ position: absolute; bottom: -30px; left: 85px; } /*===================================================== 6. APPLY css ======================================================*/ .apply{ margin-top: -100px; position: relative; } .apply-color-1{ background-color: #07294d; border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .apply-color-2{ background-color: #092e56; } .apply-color-3{ background-color: #07294d; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .apply .apply-cont { padding: 18px 25px 20px; height: 278px; } .apply .apply-cont h3{ font-size: 24px; color: #fff; padding-bottom: 15px; } .apply .apply-cont p{ color: #fff; padding-bottom: 45px; } .apply .apply-cont .main-btn:hover{ border-color: #ffc600; } /*===== Index-4 =====*/ .apply-area-tow{ position: relative; } .apply-area-tow::before{ position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../images/apply-tow/apply-shape.png); background-position: center center; background-repeat: no-repeat; } .apply-bg-one, .apply-bg-tow{ position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-color: #07294d; z-index: -1; } .apply-bg-tow{ background-color: #103965; left: auto; right: 0; } .single-apply{} .single-apply .apply-content{} .single-apply .apply-content .apply-title{ font-size: 30px; font-weight: 700; color: #fff; padding-bottom: 20px; } .single-apply .apply-content p{ color: #fff; padding-bottom: 35px; } .single-apply .apply-content .main-btn:hover{ border-color: #fff; background-color: transparent; color: #fff; } /*===================================================== 7. COURSE css ======================================================*/ .single-course{ background-color: #fff; border-radius: 5px; overflow: hidden; } .single-course > .thum{ position: relative; } .single-course .thum .image{ overflow: hidden; } .single-course .thum .image img{ width: 100%; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .single-course:hover .thum .image img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .single-course .thum .price{ position: absolute; right: 60px; bottom: -24px; } .single-course .thum .price span{ font-size: 14px; color: #07294d; font-family: 'Montserrat', sans-serif; font-weight: 700; width: 55px; height: 55px; line-height: 55px; border-radius: 50%; background-color: #ffc600; text-align: center; } .single-course .cont{ padding-top: 28px; padding-bottom: 34px; padding-left: 30px; padding-right: 30px; } .single-course .cont > ul{ display: inline-block; margin-right: 10px; } .single-course .cont ul li{ display: inline-block; margin: 1px; } .single-course .cont ul li > i{ font-size: 13px; color: #ffc600; } .single-course .cont span{ font-size: 13px; color: #000; } .single-course .cont h4{ font-weight: 600; font-size: 20px; color: #000; padding-top: 15px; padding-bottom: 15px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .single-course .cont h4:hover{ color: #ffc600; } .single-course .course-teacher{ border-top: 1px solid #e0e0e0; padding-top: 20px; overflow: hidden; } .single-course .course-teacher > .thum{ display: inline-block; } .single-course .course-teacher > .thum img{ border-radius: 50%; width: 40px; height: 40px; } .single-course .course-teacher .name { display: inline-block; margin-left: 10px; position: relative; bottom: 13px; } .single-course .course-teacher .name a h6{ font-size: 15px; color: #24486e; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .single-course .course-teacher .name a:hover h6{ color: #ffc600; } .single-course .course-teacher .admin{ display: inline-block; float: right; overflow: hidden; } .single-course .course-teacher .admin ul { margin-top: 8px; } .single-course .course-teacher .admin ul li{ margin-right: 20px; } .single-course .course-teacher .admin ul li:last-child{ margin-right: 0; } .single-course .course-teacher .admin ul li a{ font-size: 15px; color: #8a8a8a; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .single-course .course-teacher .admin ul li a:hover{ color: #ffc600; } .single-course .course-teacher .admin ul li a span{ color: #8a8a8a; margin-left: 3px; } .course-slide{} .course-slide .slick-arrow { position: absolute; top: -125px; right: 0; } .course-slide .prev.slick-arrow{ left: auto; right: 50px; } .course-slide .slick-arrow i{ width: 40px; height: 40px; line-height: 36px; border-radius: 5px; color: #000; border: 2px solid #aaaaaa; font-size: 18px; text-align: center; cursor: pointer; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .course-slide .slick-arrow:hover i{ border-color: #ffc600; background-color: #ffc600; } /*===================================================== 8. VIDEO FEATURES css ======================================================*/ #video-feature{ position: relative; } .feature-bg{ position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: rgba(7, 41, 77, 0.9); } .feature{ position: relative; z-index: 5; } .feature .feature-title{} .feature .feature-title h3{ font-size: 36px; color: #fff; padding-bottom: 15px; } .feature ul li .single-feature{ padding-top: 55px; overflow: hidden; } .feature ul li .single-feature .icon{ float: left; overflow: hidden; display: inline-block; padding-right: 30px; } .feature ul li .single-feature .cont { width: 78%; float: left; overflow: hidden; } .feature ul li .single-feature .cont h4{ font-size: 24px; color: #fff; padding-bottom: 15px; } .feature ul li .single-feature .cont p{ color: #fff; } /*===== Index-4 =====*/ .video-feature-tow{} .video-tow{} .video-tow .video-image{ position: relative; } .video-tow .video-image img{ width: 100%; border-radius: 5px; } .video-tow .video-image a{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .feature-tow{} .feature-tow .feature-title h3{ color: #103965; } .feature-tow .single-feature .cont{} .feature-tow ul li .single-feature .cont h4{ color: #103965; } .feature-tow ul li .single-feature .cont p{ color: #505050; } /*===================================================== 9. TEACHERS css ======================================================*/ .teachers-cont{} .teachers-cont p{ padding-top: 30px; } .single-teachers{ position: relative; } .single-teachers .image{ border-radius: 5px; overflow: hidden; } .single-teachers .image img{ -webkit-transition: all 0.4s linear; transition: all 0.4s linear; width: 100%; } .single-teachers:hover .image img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .single-teachers .cont{ position: absolute; bottom: 8px; left: 0; right: 0; width: 90%; background-color: #fff; border-radius: 5px; margin: 0 auto; padding: 2px 0; } .single-teachers .cont a{ display: block; } .single-teachers .cont a h6{ color: #000; font-size: 15px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .single-teachers .cont a:hover h6{ color: #ffc600; } .single-teachers .cont span{ font-size: 14px; color: #8a8a8a; } /*===== Index-4 =====*/ .teachers-area-tow{ position: relative; } .teachers-area-tow::before{ position: absolute; content: ''; top: 0; width: 100%; height: 100%; background-image: url(../images/teachers/teachers-shape.png); background-position: center center; background-size: contain; } /*===================================================== 10. PUBLICATION css ======================================================*/ .single-publication { background-color: #fff; padding: 15px; border-radius: 5px; } .single-publication .image{ position: relative; } .single-publication .image img{ width: 100%; } .single-publication .image .add-cart{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(7, 41, 77, 0.8); opacity: 0; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; text-align: center; } .single-publication .image:hover .add-cart{ opacity: 1; } .single-publication .image .add-cart ul { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .single-publication .image .add-cart ul li{ display: inline-block; margin: 0 5px; } .single-publication .image .add-cart ul li a{ font-size: 16px; color: #ffc600; width: 35px; line-height: 35px; border: 1px solid #ffc600; text-align: center; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .single-publication .image .add-cart ul li a:hover{ background-color: #ffc600; color: #07294d; } .single-publication .content{} .single-publication .content .book-title a { font-size: 18px; color: #000; font-weight: 600; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; margin-bottom: 5px; } .single-publication .content .book-title a:hover{ color: #ffc600; } .single-publication .content .writer-name{ font-size: 15px; color: #505050; } .single-publication .content .writer-name span{ color: #07294d; padding-bottom: 10px; } .single-publication .content .price{} .single-publication .content .price .normal-price{ font-size: 16px; font-weight: 600; color: #07294d; } .single-publication .content .price .discount-price{ font-size: 14px; color: #505050; margin-left: 10px; position: relative; } .single-publication .content .price .discount-price::before{ position: absolute; content: ''; background-color: #505050; width: 100%; height: 1px; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .single-publication .content .price-btn{ border-top: 1px solid #eee; padding-top: 5px; } .single-publication .content .price-btn .main-btn { padding: 0 13px; line-height: 40px; height: 42px; font-size: 15px; } .single-publication .content .price-btn .main-btn i{ margin-right: 5px; } .single-publication .content .description { padding-top: 10px; padding-bottom: 25px; } /*===================================================== 11. TEASTIMONIAL css ======================================================*/ .testimonial_n{ margin:15px 0; padding: 15px; border-radius: 5px;} .testimonial_img{ border-radius:100%; float:left; width:50px; margin:0 15px 15px 0;} #testimonial{} #testimonial .section-title{ position: relative; z-index: 5; } #testimonial .section-title h5, #testimonial .section-title h2{ color: #fff; } #testimonial .section-title h5::before{ background-color: #fff; } .testimonial-slide{ position: relative; z-index: 5; } .single-testimonial{ position: relative; } .single-testimonial .testimonial-thum{ position: absolute; display: inline-block; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .single-testimonial .testimonial-thum img{ border-radius: 5px; width: 110px; } .single-testimonial .testimonial-thum .quote{ position: absolute; right: -22px; top: -22px; } .single-testimonial .testimonial-thum .quote i{ width: 45px; height: 45px; line-height: 45px; text-align: center; background-color: #ffc600; border-radius: 50%; color: #07294d; font-size: 18px; } .single-testimonial .testimonial-cont { padding-left: 140px; } .single-testimonial .testimonial-cont p { color: #fff; padding-bottom: 32px; } .single-testimonial .testimonial-cont h6 { color: #fff; padding-bottom: 4px; } .single-testimonial .testimonial-cont span { color: #fff; font-size: 18px; } .testimonial-slide .slick-dots{ margin: 0 auto; } .testimonial-slide .slick-dots li{ display: inline-block; margin-top: 15px; } .testimonial-slide .slick-dots li button{ width: 10px; height: 10px; border-radius: 50%; background-color: #fff; font-size: 0; padding: 0; border: 0; margin: 0 3px; cursor: pointer; } .testimonial-slide .slick-dots li.slick-active button{ background-color: #ffc600; } /*===================================================== 12. NEWS css ======================================================*/ .single-news{} .single-news .news-thum{} .single-news .news-thum img{ width: 100%; border-radius: 5px; } .single-news .news-cont{} .single-news .news-cont ul li{ display: inline-block; margin-right: 25px; } .single-news .news-cont ul li:last-child{ margin-right: 0; } .single-news .news-cont ul li a{ color: #8a8a8a; font-size: 15px; } .single-news .news-cont ul li a i{ color: #ffc600; margin-right: 8px; } .single-news .news-cont ul li a span{ color: #07294d; } .single-news .news-cont a{ display: block; } .single-news .news-cont a h3{ font-size: 24px; color: #000; padding-bottom: 20px; padding-top: 10px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .single-news .news-cont a:hover h3{ color: #ffc600; } .news-list .news-cont h3{ font-size: 20px; } .news-list .news-cont ul li a{ font-size: 14px; } /*===================================================== 13. FOOTER css ======================================================*/ .footer-top{ background-color: #07294d; } .footer-about { padding-right: 50px; } .footer-about p{ color: #fff; padding-top: 15px; } .footer-about ul li{ display: inline-block; margin-right: 15px; } .footer-about ul li:last-child{ margin-right: 0; } .footer-about ul li a{ width: 35px; line-height: 35px; font-size: 15px; color: #fff; border-radius: 50%; text-align: center; background-color: #021d3a; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .footer-about ul li a:hover{ background-color: #ffc600; color: #021d3a; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .footer-title h6{ font-size: 18px; color: #fff; } .footer-link{ overflow: hidden; } .footer-link ul{ float: left; overflow: hidden; } .footer-link ul li{ line-height: 35px; } .footer-link ul li a{ color: #fff; font-size: 15px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .footer-link ul li a i{ margin-right: 8px; color: #ffc600; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .footer-link ul li a:hover { color: #ffc600; } .footer-link ul li a:hover i{ margin-right: 15px; } .support ul{ float: none; width: 100%; } .footer-address ul li{ position: relative; margin-bottom: 10px; } .footer-address ul li:last-child{ margin-bottom: 0; } .footer-address ul li .icon i{ font-size: 18px; color: #ffc600; position: absolute; left: 0; top: 5px; } .footer-address ul li .cont{ padding-left: 35px; } .footer-address ul li .cont p{ color: #fff; } .footer-copyright{ background-color: #0b2968; position: fixed; bottom: 0; width:100%; border-top: 2px solid #ccc; z-index: 1000; } /*===================================================== 14. CATEGORY 2 css ======================================================*/ .category-2-items{} .category-2-items .single-items{ position: relative; } .category-2-items .single-items .items-image{ position: relative; } .category-2-items .single-items .items-image img{ width: 100%; border-radius: 5px; } .category-2-items .single-items .items-image::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(7, 41, 77, 0.6); border-radius: 5px; } .category-2-items .single-items .items-cont { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .category-2-items .single-items .items-cont h5{ color: #fff; font-size: 18px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .category-2-items .single-items .items-cont span{ font-size: 14px; color: #fff; } .category-2-items .single-items .items-cont h5:hover{ color: #ffc600; } .category-form { border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0px 0px 75px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 75px 0px rgba(0,0,0,0.1); margin-top: -154px; } .category-form .form-title{ background-color: #07294d; padding-top: 35px; padding-bottom: 40px; } .category-form .form-title h3{ color: #ffc600; font-size: 36px; } .category-form .form-title span{ font-size: 24px; color: #fff; font-family: 'Montserrat', sans-serif; } .category-form .main-form{ padding-top: 20px; padding-left: 40px; padding-right: 40px; padding-bottom: 40px; background-color: #fff; } .category-form .main-form .single-form{ margin-top: 20px; } .category-form .main-form .single-form input{ width: 100%; height: 60px; padding: 0 30px; font-size: 15px; color: #8a8a8a; border: 1px solid #a1a1a1; border-radius: 5px; } .category-form .main-form .single-form .main-btn{ width: 100%; line-height: 60px; margin-top: 20px; } /*===================================================== 15. COURSE 2 css ======================================================*/ .single-course-2{} .single-course-2 > .thum{ position: relative; } .single-course-2 > .thum .image > img{ border-radius: 5px; width: 100%; } .single-course-2 > .thum .price{ position: absolute; bottom: 40px; right: 15px; z-index: 5; } .single-course-2 > .thum .price span { font-size: 14px; color: #07294d; font-family: 'Montserrat', sans-serif; font-weight: 700; width: 55px; height: 55px; line-height: 55px; border-radius: 50%; background-color: #ffc600; text-align: center; } .single-course-2 > .thum .course-teacher{ background-color: rgba(0, 0, 0, 0.8); padding: 15px 25px; position: absolute; bottom: 0; left: 0; width: 100%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .single-course-2 > .thum .course-teacher > .thum{ display: inline-block; } .single-course-2 > .thum .course-teacher > .thum img{ border-radius: 50%; } .single-course-2 > .thum .course-teacher .name{ display: inline-block; margin-left: 5px; bottom: 13px; } .single-course-2 > .thum .course-teacher .name h6{ color: #fff; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .single-course-2 > .thum .course-teacher .name h6:hover{ color: #ffc600; } .single-course-2 > .thum .course-teacher .review{ display: inline-block; margin-left: 15px; bottom: 13px; } .single-course-2 > .thum .course-teacher .review ul li{ display: inline-block; font-size: 12px; color: #ffc600; } .single-course-2 > .thum .course-teacher .review ul li{} .single-course-2 .cont{ padding-top: 25px; } .single-course-2 .cont h4{ font-weight: 600; font-weight: 24px; color: #000; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .single-course-2 .cont h4:hover{ color: #ffc600; } /*===================================================== 16. COUNTER css ======================================================*/ .single-counter{ position: relative; z-index: 5; } .single-counter span{ font-size: 36px; color: #ffc600; font-family: 'Montserrat', sans-serif; font-weight: 600; } .single-counter p{ font-family: 'Montserrat', sans-serif; font-weight: 400; color: #fff; font-size: 15px; } /*===== Index-3 =====*/ .counter-3{} .counter-3 p{ color: #07294d; font-weight: 600; } /*===== Index-4 =====*/ .counter-area-tow{} .single-counter-tow{ position: relative; z-index: 5; } .single-counter-tow .counter-icon{} .single-counter-tow .counter-content{ padding-left: 30px; } .single-counter-tow span{ font-size: 24px; font-weight: 700; color: #fff; } .single-counter-tow p{ color: #fff; } /*===================================================== 17. TEACHERS 2 css ======================================================*/ .teachers-2{} .teachers-2 .teachers-2-single{ background-color: #fff; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 40px 15px; } .teachers-2 .teachers-2-single .thum{} .teachers-2 .teachers-2-single .thum img{ border-radius: 50%; } .teachers-2 .teachers-2-single .cont{ padding-left: 20px; } .teachers-2 .teachers-2-single .cont a{} .teachers-2 .teachers-2-single .cont a h5{ font-size: 18px; color: #000; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .teachers-2 .teachers-2-single .cont a:hover h5{ color: #ffc600; } .teachers-2 .teachers-2-single .cont p{ font-size: 15px; } .teachers-2 .teachers-2-single .cont span{ font-size: 14px; color: #07294d; } .teachers-2 .teachers-2-single .cont span i{ margin-right: 5px; color: #ffc600; } .student-slide{ z-index: 5; } .happy-student{ background-color: #07294d; padding-top: 65px; padding-left: 80px; padding-right: 80px; padding-bottom: 80px; border-radius: 5px; position: relative; }.happy-student{ background-color: #07294d; padding-top: 65px; padding-left: 80px; padding-right: 80px; padding-bottom: 80px; border-radius: 5px; position: relative; } .happy-student .happy-title{} .happy-student .happy-title h3{ font-size: 36px; color: #fff; padding-bottom: 60px; } .happy-student .single-student{ position: relative; z-index: 5; } .happy-student .single-student img{ padding-bottom: 20px; } .happy-student .single-student p { color: #fff; padding-bottom: 30px; padding-right: 135px; } .happy-student .single-student h6{ color: #fff; font-size: 16px; } .happy-student .single-student span{ font-size: 14px; color: #fff; } .happy-student .student-image{ position: absolute; bottom: 0; right: 0; } /*===================================================== 18. EVENT css ======================================================*/ .event-bg{ position: relative; border-radius: 5px; overflow: hidden; } .event-bg::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(rgba(7,41,77,0.3)),color-stop(10%, rgba(7,41,77,0.3)),to(rgba(7,41,77,1))); background: linear-gradient(to right, rgba(7,41,77,0.3) 0%,rgba(7,41,77,0.3) 10%,rgba(7,41,77,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d07294d', endColorstr='#07294d',GradientType=1 ); } .event-2 .event-title h3 { font-size: 36px; color: #fff; padding-bottom: 5px; } .event-2 ul li .single-event { padding: 25px 0; border-bottom: 1px solid #cecece; } .event-2 ul li:last-child .single-event { border-bottom: 0; } .event-2 ul li .single-event span { font-size: 14px; color: #fff; margin-right: 20px; } .event-2 ul li .single-event span i { color: #ffc600; margin-right: 3px; } .event-2 ul li .single-event a { display: block; } .event-2 ul li .single-event a h4 { padding-top: 5px; padding-bottom: 10px; color: #fff; font-size: 24px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .event-2 ul li .single-event a:hover h4 { color: #ffc600; } /*===================================================== 18.1 EVENT 2 css ======================================================*/ .single-event-list-2{ background-color: #fff; padding: 30px; border-radius: 5px; } .single-event-list-2 .event-thum { } .single-event-list-2 .event-thum img{ width: 100%; border-radius: 5px; } .single-event-list-2 .event-cont { } .single-event-list-2 .event-cont span { font-size: 14px; color: #8a8a8a; margin-right: 20px; } .single-event-list-2 .event-cont span i { color: #ffc600; margin-right: 3px; } .single-event-list-2 .event-cont a { display: block; } .single-event-list-2 .event-cont a h4 { padding-top: 20px; padding-bottom: 10px; color: #000; font-size: 20px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .single-event-list-2 .event-cont a:hover h4 { color: #ffc600; } /*===================================================== 19. COUNT DOWN css ======================================================*/ .count-down-cont{ position: relative; z-index: 5; } .count-down-cont h3{ font-size: 30px; color: #fff; font-weight: 500; padding-bottom: 5px; } .count-down-cont h2{ font-size: 72px; color: #ffc600; font-weight: 700; padding-bottom: 37px; } .count-down-time{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; } .count-down-time .single-count{ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; width: 25%; } .count-down-time .single-count .number{ font-size: 72px; color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 600; display: block; } .count-down-time .single-count .title{ color: #fff; font-family: 'Montserrat', sans-serif; font-weight: 600; font-size: 18px; display: block; } .category-form-3{ margin-top: 0; position: relative; z-index: 5; } .category-form-3 .form-title { background-color: #ffc600; border-top-left-radius: 5px; border-top-right-radius: 5px; } .category-form-3 .form-title h3 { color: #07294d; } .category-form-3 .form-title span { font-weight: 600; } .category-form-3 .main-btn{ color: #fff; } .category-form-3 .main-btn:hover{ color: #ffc600; border-color: #07294d; } /*===================================================== 20. PAGE BANNER css ======================================================*/ .page-banner-cont{ position: relative; z-index: 5; } .page-banner-cont h2{ font-size: 52px; color: #fff; padding-bottom: 15px; } .page-banner-cont .breadcrumb{ margin: 0; background: none; padding: 0; } .page-banner-cont .breadcrumb .breadcrumb-item { color: #ffc600; font-size: 18px; font-weight: 600; margin-bottom: 2px; } .page-banner-cont .breadcrumb .breadcrumb-item a{ color: #fff; } .page-banner-cont .breadcrumb-item + .breadcrumb-item::before { color: #fff; content: "/"; font-size: 18px; } /*===================================================== 21. ABOUT PAGE css ======================================================*/ .about-image img { width: 100%; border-radius: 5px; } .about-single-items{} .about-single-items span{ font-size: 60px; color: #dbdbdb; font-family: 'Montserrat', sans-serif; font-weight: 400; line-height: 46px; padding-bottom: 22px; } .about-single-items h4{ color: #000; font-size: 24px; padding-bottom: 25px; } /*===================================================== 22. COURSES PAGE css ======================================================*/ .tab-content{} .tab-content .single-course .course-teacher .name { bottom: 0; } .courses-top-search{ background-color: #fff; padding: 15px 30px; border-radius: 5px; overflow: hidden; } .courses-top-search .nav{ margin-top: 5px; } .courses-top-search .nav .nav-item{ margin-right: 15px; font-size: 15px; color: #8a8a8a; } .courses-top-search .nav .nav-item a{ font-size: 16px; color: #8a8a8a; } .courses-top-search .nav .nav-item a.active{ color: #ffc600; } .courses-search{ position: relative; } .courses-search input{ height: 30px; width: 240px; background-color: #f6f6f6; border: 0; color: #8a8a8a; font-size: 14px; border-radius: 5px; padding: 0 20px; } .courses-search button{ position: absolute; top: 0; right: 15px; padding: 0; height: 30px; font-size: 15px; color: #8a8a8a; border: 0; background: none; cursor: pointer; } #courses-list .single-course .thum .price { right: -25px; bottom: auto; top: 30px; } .courses-pagination{} .courses-pagination .pagination{} .courses-pagination .pagination .page-item{ margin: 0 5px; } .courses-pagination .pagination .page-item a{ font-size: 15px; color: #07294d; width: 40px; height: 40px; line-height: 36px; border: 2px solid #aaa; border-radius: 5px; text-align: center; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .courses-pagination .pagination .page-item a.active, .courses-pagination .pagination .page-item a:hover{ background-color: #ffc600; border-color: #ffc600; } /*===================================================== 23. COURSE SINGEl PAGE css ======================================================*/ .courses-single-left{ padding: 45px 50px; background-color: #fff; } .courses-single-left .title{} .courses-single-left .title h3{ font-size: 30px; color: #000; font-weight: 600; padding-bottom: 25px; } .courses-single-left .course-terms{} .courses-single-left .course-terms > ul > li{ display: inline-block; margin-right: 60px; } .courses-single-left .course-terms > ul li:last-child{ margin-right: 0; } .courses-single-left .course-terms ul li .teacher-name{ position: relative; } .courses-single-left .course-terms ul li .teacher-name .thum{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .courses-single-left .course-terms ul li .teacher-name .thum img{ border-radius: 50%; } .courses-single-left .course-terms ul li .teacher-name .name{ padding-left: 60px; } .courses-single-left .course-terms ul li .review span, .courses-single-left .course-terms ul li .teacher-name .name span, .courses-single-left .course-terms ul li .course-category span{ color: #8a8a8a; font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 600; } .courses-single-left .course-terms ul li .teacher-name .name h6, .courses-single-left .course-terms ul li .course-category h6{ font-size: 16px; color: #24486e; font-weight: 700; } .courses-single-left .course-terms ul li .review{} .courses-single-left .course-terms ul li .review ul li { display: inline-block; } .courses-single-left .course-terms ul li .review ul li a { font-size: 14px; color: #ffc600; } .courses-single-left .course-terms ul li .review ul li.rating{ font-size: 14px; color: #000; font-weight: 600; margin-left: 13px; } .courses-single-image{} .courses-single-image img{ width: 100%; } .courses-tab{ border: 1px solid #edf0f2; border-radius: 5px; } .courses-tab .nav{} .courses-tab .nav .nav-item{} .courses-tab .nav .nav-item a { font-size: 16px; color: #24486e; font-weight: 600; font-family: 'Montserrat', sans-serif; padding: 20px 0; display: block; background-color: #edf0f2; } .courses-tab .nav .nav-item a.active { background-color: #fff; } .overview-description{ padding: 0px 30px 25px; } .overview-description .single-description{} .overview-description .single-description h6{ font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #000; padding-bottom: 10px; } .curriculum-cont{ padding: 25px 30px; } .curriculum-cont .title h6{ font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #000; padding-bottom: 30px; } .curriculum-cont .accordion{ border: 0; } .curriculum-cont .accordion .card{ border: 0; border-radius: 0; border-bottom: 1px solid #cecece !important; } .curriculum-cont .accordion .card:last-child{ border-bottom: 0 !important; } .curriculum-cont .accordion .card .card-header { padding: 0; border-bottom: 0; } .curriculum-cont .accordion .card .card-header a { overflow: hidden; display: block; padding: 15px 15px; background-color: #edf0f2; } .curriculum-cont .accordion .card .card-header a.collapsed{ background-color: #fff; border: none; } .curriculum-cont .accordion .card .card-header a::before, .curriculum-cont .accordion .card .card-header a.collapsed::before { content: "\f107"; font-family: FontAwesome; font-size: 18px; color: #8a8a8a; position: absolute; top: 15px; right: 15px; -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.2s linear; transition: all 0.2s linear; } .curriculum-cont .accordion .card .card-header a.collapsed:before{ -webkit-transform: rotate(0deg); transform: rotate(0deg); } .curriculum-cont .accordion .card .card-header a ul li{ display: inline-block; } .curriculum-cont .accordion .card .card-header a ul li:last-child{ float: right; } .curriculum-cont .accordion .card .card-header a ul li > i{ color: #ffc600; font-size: 15px; margin-right: 5px; } .curriculum-cont .accordion .card .card-header a ul li > .lecture{ font-size: 15px; color: #8a8a8a; } .curriculum-cont .accordion .card .card-header a ul li > .head{ font-size: 16px; font-weight: 600; font-family: 'Montserrat', sans-serif; margin-left: 15px; color: #000; } .curriculum-cont .accordion .card .card-header a ul li > .time { font-size: 15px; color: #8a8a8a; text-align: right; padding-right: 30px; } .curriculum-cont .accordion .card .card-header a ul li > .time i{ margin-right: 5px; } .curriculum-cont .accordion .card .card-header a ul li > .time span{} .curriculum-cont .accordion .card .card-body { background-color: #edf0f2; padding: 0 25px 20px; } .instructor-cont{ padding: 30px 30px 25px; } .instructor-cont .instructor-author{ overflow: hidden; } .instructor-cont .instructor-author .author-thum{ float: left; margin-right: 30px; } .instructor-cont .instructor-author .author-name{ float: left; } .instructor-cont .instructor-author .author-name a{ display: block; } .instructor-cont .instructor-author .author-name a h5{ font-size: 18px; color: 30px; font-weight: 600; } .instructor-cont .instructor-author .author-name span{ font-size: 15px; color: #8a8a8a; } .instructor-cont .instructor-author .author-name .social{ padding-top: 25px; } .instructor-cont .instructor-author .author-name .social li{ display: inline-block; margin-right: 8px; } .instructor-cont .instructor-author .author-name .social li a{ font-size: 16px; width: 35px; height: 35px; line-height: 33px; border: 1px solid #24486e; background-color: #24486e; color: #fff; text-align: center; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .instructor-cont .instructor-author .author-name .social li a:hover{ background-color: #fff; color: #24486e; } .reviews-cont{ padding: 25px 30px 30px; } .reviews-cont .title h6{ font-size: 18px; font-family: 'Poppins', sans-serif; font-weight: 600; color: #000; } .reviews-cont ul li .single-reviews { padding-top: 30px; padding-bottom: 25px; border-bottom: 1px solid #d2d2d2; } .reviews-cont ul li:last-child .single-reviews { border-bottom: 0; } .reviews-cont ul li .single-reviews .reviews-author{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .reviews-cont ul li .single-reviews .reviews-author .author-thum img{ border-radius: 5px; } .reviews-cont ul li .single-reviews .reviews-author .author-name{ padding-left: 20px; } .reviews-cont ul li .single-reviews .reviews-author .author-name h6{ font-size: 16px; font-weight: 600; } .reviews-cont ul li .single-reviews .reviews-author .author-name span{ font-size: 15px; color: #8a8a8a; font-weight: 400; font-family: 'Poppins', sans-serif; } .reviews-cont .reviews-form .form-single { padding-top: 25px; } .reviews-cont .reviews-form .form-single input, .reviews-cont .reviews-form .form-single textarea{ width: 100%; height: 45px; border: 1px solid #cecece; border-radius: 5px; padding: 0 20px; } .reviews-cont .reviews-form .form-single textarea{ height: 160px; padding-top: 20px; resize: none; } .reviews-cont .reviews-form .form-single .rate-wrapper{ overflow: hidden; } .reviews-cont .reviews-form .form-single .rate-label { float: left; color: #000; margin-right: 10px; margin-left: 0; } .reviews-cont .reviews-form .form-single .rate { float: left; color: #cecece; cursor: pointer; } .reviews-cont .reviews-form .form-single .rate-item { float: left; cursor: pointer; margin: 0px 3px 0px 3px; } .reviews-cont .reviews-form .form-single .rate:hover, .reviews-cont .reviews-form .form-single .rate.selected { color: #ffc600; } .reviews-cont .reviews-form .form-single .rate .rate-item:hover ~ .rate-item, .reviews-cont .reviews-form .form-single .rate .rate-item.active ~ .rate-item { color: #cecece; } .related-courses .title h3{ font-size: 30px; color: #07294d; } .course-features{ background-color: #fff; padding: 30px 35px; border-radius: 5px; } .course-features h4, .You-makelike h4{ font-size: 24px; color: #07294d; padding-bottom: 15px; } .course-features ul{} .course-features ul li{ font-size: 15px; color: #8a8a8a; overflow: hidden; line-height: 45px; border-bottom: 1px solid #d2d2d2; } .course-features ul li:last-child{ border-bottom: 0; } .course-features ul li i{ color: #ffc600; margin-right: 8px; } .course-features ul li span{ float: right; } .course-features .price-button{ overflow: hidden; } .course-features .price-button span{ font-size: 18px; color: #24486e; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-top: 12px; } .course-features .price-button span b{ color: #ffc600; } .course-features .price-button .main-btn{ float: right; } .You-makelike{ background-color: #fff; padding: 25px 30px 30px; border-radius: 5px; } .You-makelike .single-makelike{ position: relative; border-radius: 5px; overflow: hidden; } .You-makelike .single-makelike .image{ position: relative; } .You-makelike .single-makelike .image::before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(7, 41, 77, 0.8); } .You-makelike .single-makelike .image img{ width: 100%; } .You-makelike .single-makelike .cont{ position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 0 30px; } .You-makelike .single-makelike .cont h4{ font-size: 18px; color: #fff; font-weight: 600; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .You-makelike .single-makelike .cont h4:hover{ color: #ffc600; } .You-makelike .single-makelike .cont ul li { display: inline-block; margin-right: 15px; color: #ffc600; } .You-makelike .single-makelike .cont ul li a{ font-size: 14px; color: #fff; } .You-makelike .single-makelike .cont ul li a i{ margin-right: 3px; } /*===================================================== 24. EVENT PAGE css ======================================================*/ .single-event-list{ background-color: #fff; padding: 30px; border-radius: 5px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .single-event-list .event-thum { width: 38%; } .single-event-list .event-thum img{ width: 100%; border-radius: 5px; } .single-event-list .event-cont { width: 62%; padding-left: 30px; } .single-event-list .event-cont span { font-size: 14px; color: #8a8a8a; margin-right: 20px; } .single-event-list .event-cont span i { color: #ffc600; margin-right: 3px; } .single-event-list .event-cont a { display: block; } .single-event-list .event-cont a h4 { padding-top: 5px; padding-bottom: 10px; color: #000; font-size: 20px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .single-event-list .event-cont a:hover h4 { color: #ffc600; } /*===================================================== 25. EVENT SINGEL PAGE css ======================================================*/ .events-area{ background-color: #fff; padding: 45px 50px; } .events-left{} .events-left h3{ padding-top: 5px; padding-bottom: 10px; color: #000; font-size: 30px; } .events-left span { font-size: 14px; color: #8a8a8a; margin-right: 20px; } .events-left span i { color: #ffc600; margin-right: 3px; } .events-left img { margin-top: 35px; border-radius: 5px; } .events-left p{ padding-top: 31px; } .events-right{} .events-coundwon { padding: 25px 30px 30px; border-radius: 5px; overflow: hidden; margin-top: 110px; } .events-coundwon .count-down-time{ position: relative; z-index: 5; } .events-coundwon .count-down-time .single-count{} .events-coundwon .count-down-time .single-count .number { font-size: 24px; color: #ffc600; } .events-coundwon .count-down-time .single-count .title{ font-size: 13px; } .events-coundwon .events-coundwon-btn{} .events-coundwon .events-coundwon-btn .main-btn{ width: 100%; } .events-address{ border: 1px solid #bcbcbc; padding: 0 30px 30px; border-radius: 5px; } .events-address ul li{ padding-top: 20px; } .events-address ul li .single-address{ position: relative; } .events-address ul li .single-address .icon{ position: absolute; top: 0; left: 0; } .events-address ul li .single-address .icon i{ font-size: 15px; color: #ffc600; } .events-address ul li .single-address .cont{ padding-left: 23px; } .events-address ul li .single-address .cont h6{ font-size: 15px; color: #07294d; } .events-address ul li .single-address .cont span{ font-size: 14px; color: #505050; } #contact-map{ width: 100%; height: 150px; border-radius: 5px; } /*===================================================== 26. TEACHERS SInGEL PAGE css ======================================================*/ .teachers-left{ background-color: #fff; border-radius: 5px; } .teachers-left .hero img{ width: 100%; border-radius: 100%; } .teachers-left .name{ padding-top: 25px; } .teachers-left .name h6{ font-size: 18px; color: #000; } .teachers-left .name span{ font-size: 15px; color: #8a8a8a; } .teachers-left .social{ padding-top: 15px; } .teachers-left .social ul li{ display: inline-block; } .teachers-left .social ul li a{ font-size: 30px; margin-right: 7px; } .teachers-left .social ul li:nth-of-type(1) a{ color: #212798; } .teachers-left .social ul li:nth-of-type(2) a{ color: #3c9bff; } .teachers-left .social ul li:nth-of-type(3) a{ color: #fe1f59; } .teachers-left .social ul li:nth-of-type(4) a{ color: #474b8c; } .teachers-left .description{ padding-top: 20px; } .teachers-right { border-radius: 5px; overflow: hidden; } .teachers-right .nav{} .teachers-right .nav .nav-item{} .teachers-right .nav .nav-item a{ padding: 10px 0; background-color: #315377; color: #fff; font-weight: 15; color: #fff; display: block; font-weight: 600; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .teachers-right .nav .nav-item a.active, .teachers-right .nav .nav-item a:hover{ background-color: #fff; color: #315377; } .teachers-right .tab-content{ padding: 0px 20px 15px; background-color: #fff; } .teachers-right .tab-content .dashboard-cont{} .teachers-right .tab-content .dashboard-cont .single-dashboard h5{ font-size: 18px; color: #000; font-weight: 600; padding-bottom: 15px; } .teachers-right .tab-content .reviews-cont{ padding: 45px 0 15px; } .teachers-right .tab-content{} /*===================================================== 27. BLOG PAGE css ======================================================*/ .single-blog{ overflow: hidden; border-radius: 5px; } .single-blog .blog-thum img{ width: 100%; } .single-blog .blog-cont{ padding: 40px 50px; background-color: #fff; } .single-blog .blog-cont a{ display: block; } .single-blog .blog-cont h3{ font-size: 36px; color: #000; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .single-blog .blog-cont a:hover h3{ color: #ffc600; } .single-blog .blog-cont ul { padding: 20px 0; } .single-blog .blog-cont ul li{ display: inline-block; margin-right: 30px; } .single-blog .blog-cont ul li:last-child{ margin-right: 0; } .single-blog .blog-cont ul li a{ font-size: 15px; color: #8a8a8a; } .single-blog .blog-cont ul li a i{ color: #ffc600; margin-right: 5px; } .single-blog .blog-cont p{} .sidebar{} .sidebar .sidebar-search{ padding: 35px; background-color: #fff; border-radius: 5px; } .sidebar .sidebar-search form{ position: relative; } .sidebar .sidebar-search form input{ width: 100%; height: 45px; padding: 0 25px; background-color: #f6f6f6; color: #8a8a8a; border-radius: 5px; font-size: 15px; border: 0; } .sidebar .sidebar-search form button{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 20px; font-size: 16px; color: #8a8a8a; padding: 0; border: 0; background: none; cursor: pointer; } .sidebar .categories{ background-color: #fff; padding: 30px 35px 25px; border-radius: 5px; } .sidebar .categories h4, .sidebar .sidebar-post h4{ font-size: 24px; color: #07294d; } .sidebar .categories ul{ padding-top: 15px; } .sidebar .categories ul li{ line-height: 40px; } .sidebar .categories ul li a{ color: #8a8a8a; font-weight: 15; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .sidebar .categories ul li a:hover{ color: #ffc600; } .sidebar .sidebar-post{ padding: 30px 35px 35px; background-color: #fff; border-radius: 5px; } .sidebar .sidebar-post ul{ padding-top: 10px; } .sidebar .sidebar-post ul li a{ display: block; margin-top: 30px; } .sidebar .sidebar-post ul li a .single-post{ overflow: hidden; } .sidebar .sidebar-post ul li a .single-post .thum{ float: left; padding-right: 20px; } .sidebar .sidebar-post ul li a .single-post .thum img{ border-radius: 5px; } .sidebar .sidebar-post ul li a .single-post .cont{} .sidebar .sidebar-post ul li a .single-post .cont h6{ font-weight: 600; font-size: 18px; color: #000; padding-bottom: 10px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .sidebar .sidebar-post ul li a .single-post .cont h6:hover{ color: #ffc600; } .sidebar .sidebar-post ul li a .single-post .cont span{ font-size: 14px; color: #8a8a8a; } /*===================================================== 28. BLOG SINGEL PAGE css ======================================================*/ .blog-details .cont { padding: 40px 50px; background-color: #fff; } .blog-details .cont h3 { font-size: 36px; color: #000; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .blog-details .cont ul { padding: 20px 0; } .blog-details .cont ul li { display: inline-block; margin-right: 30px; } .blog-details .cont ul li a { font-size: 15px; color: #8a8a8a; } .blog-details .cont ul li a i{ color: #ffc600; margin-right: 5px; } .blog-details .cont .share{ padding-top: 22px; border-bottom: 1px solid #cecece; padding-bottom: 30px; } .blog-details .cont .share li.title{ font-size: 18px; color: #000; font-family: 'Montserrat', sans-serif; font-weight: 600; } .blog-details .cont .share > li{ display: inline-block; margin-right: 10px; } .blog-details .cont .share li a{} .blog-details .cont .share li a i{ width: 35px; line-height: 35px; border-radius: 50%; font-size: 16px; background-color: #ffc600; text-align: center; color: #fff; margin-right: 0; } .blog-details .cont .share li:nth-of-type(2) a i{ background-color: #3C5A99; } .blog-details .cont .share li:nth-of-type(3) a i{ background-color: #1da1f2; } .blog-details .cont .share li:nth-of-type(4) a i{ background-color: #d34836; } .blog-details .cont .share li:nth-of-type(5) a i{ background-color: #e4405f; } .blog-details .cont .share li:nth-of-type(6) a i{ background-color: #0077B5; } .blog-details .cont .blog-comment .title h3 { font-size: 24px; color: #000; } .blog-details .cont .blog-comment ul{ padding: 0; } .blog-details .cont .blog-comment ul li{ margin-top: 30px; margin-right: 0; } .blog-details .cont .blog-comment ul li .replay{ padding-left: 75px; padding-top: 0; padding-bottom: 0; } .blog-comment .comment{ padding-bottom: 25px; position: relative; border-bottom: 1px solid #d2d2d2; } .blog-comment .comment .comment-author{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .blog-comment .comment .comment-author .author-thum img{ border-radius: 5px; } .blog-comment .comment .comment-author .comment-name{ padding-left: 20px; } .blog-comment .comment .comment-author .comment-name h6{ font-size: 16px; font-weight: 600; color: #000; } .blog-comment .comment .comment-author .comment-name span{ font-size: 15px; color: #8a8a8a; font-weight: 400; font-family: 'Poppins', sans-serif; } .blog-comment .comment .comment-replay { position: absolute; top: 15px; right: 0; } .comment-form .form-single{ margin-top: 20px; } .comment-form .form-single input, .comment-form .form-single textarea{ height: 60px; width: 100%; padding: 0 20px; border: 1px solid #b8b8b8; border-radius: 5px; font-size: 15px; } .comment-form .form-single textarea{ height: 120px; resize: none; padding-top: 20px; } /*===================================================== 29. SHOP PAGE css ======================================================*/ .shop-top-search { background-color: #fff; padding: 15px 30px; border-radius: 5px; } .shop-top-search .shop-bar { display: inline-block; } .shop-top-search .nav .nav-item { margin-right: 15px; font-size: 15px; color: #8a8a8a; } .shop-top-search .nav .nav-item a{ font-size: 16px; color: #8a8a8a; } .shop-top-search .nav .nav-item a.active { color: #ffc600; } .shop-top-search .shop-select { display: inline-block; float: right; margin-top: -3px; } .shop-top-search .shop-select .nice-select { background-color: #f6f6f6; border-radius: 5px; border: 0; font-size: 14px; height: 30px; width: 135px; line-height: 30px; color: #8a8a8a; } .shop-top-search .shop-select .nice-select.open .list { width: 100%; margin-top: 0; background-color: #f6f6f6; border: 0; } #shop-list .single-publication .cont { display: block; padding-top: 0; } #shop-list .single-publication .cont .name { width: 100%; } #shop-list .single-publication .cont .name a h6 { font-size: 18px; } #shop-list .single-publication .cont .name span { font-size: 16px; color: #8a8a8a; padding-top: 15px; } #shop-list .single-publication .cont .button { width: 100%; padding-top: 10px; } #shop-list .single-publication .cont .button a { padding: 0 20px; font-size: 12px; line-height: 35px; } /*===================================================== 30. SHOP SINGEL PAGE css ======================================================*/ .shop-details{ background-color: #fff; padding: 20px 50px 50px; border-radius: 5px; } .shop-details .shop-left{ padding-right: 50px; } .shop-details .shop-left .shop-image a{ display: block; } .shop-details .shop-left .shop-image img{ width: 100%; border-radius: 4px; } .shop-details .shop-left .nav .nav-item{ margin-right: 25px; } .shop-details .shop-left .nav .nav-item:last-child{ margin-right: 0; } .shop-details .shop-left .nav .nav-item a { display: block; } .shop-details .shop-left .nav .nav-item a .shop-thum img{ width: 100%; border-radius: 3px; } .shop-right{} .shop-right h6{ font-size: 18px; padding-bottom: 5px; } .shop-right span{ font-size: 15px; color: #8a8a8a; } .shop-right p{ padding-bottom: 15px; } .nice-number { position: relative; display: inline-block; margin-right: 20px; } .nice-number input { width: 89% !important; height: 20px; border-radius: 5px; border: 1px solid #ced4da; padding-right: 0px; } .nice-number button { position: absolute; width: 25px; padding: 0; right: 2px; top: 2px; border: 0; border-top-right-radius: 5px; background: none; cursor: pointer; } .nice-number button:last-child{ top: auto; bottom: 2px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; } .nice-number button i{ font-size: 15px; color: #000; } .add-btn{ display: inline-block; } .add-btn .main-btn{ line-height: 46px; } .shop-reviews .nav .nav-item{} .shop-reviews .nav .nav-item:first-child a{ border-top-left-radius: 5px; } .shop-reviews .nav .nav-item:last-child a{ border-top-right-radius: 5px; } .shop-reviews .nav .nav-item a{ width: 165px; line-height: 55px; background-color: #315377; font-size: 15px; font-weight: 600; font-family: 'Montserrat', sans-serif; text-align: center; color: #fff; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .shop-reviews .nav .nav-item a.active{ background-color: #fafafa; color: #315377; } .shop-reviews .tab-content{ background-color: #fafafa; padding: 0px 45px 40px; border-radius: 5px; border-top-left-radius: 0; } .shop-reviews .tab-content .reviews-cont{ padding: 0; } .related-item{} .related-item .title h3{ font-size: 30px; color: #07294d; } /*===================================================== 31. CONTACT PAGE css ======================================================*/ .contact-from{ background-color: #fff; padding: 15px; border-radius: 5px; } .contact-from .main-form{} .contact-from .main-form .single-form{ margin-top: 20px; } .contact-from .main-form .single-form input, .contact-from .main-form .single-form textarea{ width: 100%; height: 50px; padding: 0 20px; border: 1px solid #a1a1a1; border-radius: 5px; color: #8a8a8a; font-size: 15px; } .contact-from .main-form .single-form textarea{ padding-top: 10px; height: 100px; resize: none; } .form-group{ } .list-unstyled li { font-size: 13px; margin-left: 2px; margin-top: 5px; color: #f00; } p.form-message.success, p.form-message.error { font-size: 16px; color: #353535; background: #ddd; padding: 10px 15px; margin-left: 15px; margin-top: 15px; } .contact-address{ background-color: #fff; padding: 20px 50px 50px; border-radius: 5px; } .contact-address ul li{ padding-top: 30px; } .contact-address ul li .single-address{ display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contact-address ul li .single-address .icon i{ width: 50px; line-height: 50px; border-radius: 50%; border: 1px solid #07294d; color: #07294d; font-size: 24px; text-align: center; } .contact-address ul li .single-address .cont{ padding-left: 20px; } .contact-address ul li .single-address .cont p{} .map{} .map #contact-map{ width: 100%; height: 225px; } .map.map-big #contact-map{ width: 100%; height: 415px; } .contact-address .contact-heading{ padding-top: 35px; } .contact-address .contact-heading h5{ padding-bottom: 15px; } /*===================================================== 32. TEACHER 2 PAGE css ======================================================*/ .single-teacher-2{ background-color: #fff; border-radius: 5px; } .teacher-image{ overflow: hidden; position: relative; } .teacher-image img{ width: 100%; } .single-teacher-2 .teacher-image .teacher-social{ position: absolute; left: 0; width: 100%; bottom: 0; background-position: top center; background-size: cover; background-repeat: no-repeat; line-height: 70px; -webkit-transform: translateY(100%); transform: translateY(100%); z-index: 5; -webkit-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; } .single-teacher-2 .teacher-image:hover .teacher-social { -webkit-transform: translateY(0); transform: translateY(0); } .single-teacher-2 .teacher-image .teacher-social ul li{ display: inline-block; margin: 0 5px; } .single-teacher-2 .teacher-image .teacher-social ul li a{ font-size: 16px; color: #07294d;; -webkit-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .single-teacher-2 .teacher-image .teacher-social ul li a:hover{ color: #fff; } .single-teacher-2 .teacher-content { padding: 15px 0; } .single-teacher-2 .teacher-content .teacher-title a{ color: #000; font-size: 15px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .single-teacher-2 .teacher-content .teacher-title a:hover{ color: #ffc600; } .single-teacher-2 .teacher-content span { font-size: 14px; color: #8a8a8a; } /*===================================================== 33.ADMISSION css ======================================================*/ .admission-row{ position: relative; } .admission-info{ background-color: #07294d; padding: 70px 40px; } .admission-info .admission-title{ font-size: 30px; color: #fff; font-weight: 700; padding-bottom: 30px; } .admission-info p{ color: #fff; padding-bottom: 20px; } .admission-info .help-line{ font-size: 24px; font-weight: 600; color: #fff; padding-bottom: 5px; } .admission-info span{ font-size: 30px; font-weight: 600; color: #ffc600; } .admission-card{ background-color: #07294d; } .admission-card .card-image img{ width: 100%; } .admission-card .card-content{ padding: 40px; } .admission-card .card-content .card-titles { font-size: 26px; color: #fff; font-weight: 700; padding-bottom: 20px; } .admission-card .card-content p{ color: #fff; } /*===================================================== 34.COURSE css ======================================================*/ .course-area{ position: relative; } .course-area::before{ position: absolute; content: ''; top: 0; width: 100%; height: 100%; background-image: url(../images/course/course-shape.png); background-position: center center; background-size: contain; } .single-course-three{} .single-course-three .course-image{} .single-course-three .course-image img{ width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; } .single-course-three .course-content{ padding: 15px 20px; border: 1px solid #e0e0e0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: #fff; } .single-course-three .course-content .rating{} .single-course-three .course-content .rating li{ display: inline-block; font-size: 14px; color: #ffc600; } .single-course-three .course-content .rating span{ font-size: 14px; color: #8a8a8a; margin-left: 10px; } .single-course-three .course-content .course-title a{ font-size: 16px; color: #000; font-weight: 700; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .single-course-three .course-content .course-title a:hover{ color: #ffc600; } .course-meta{ border-top: 1px solid #e0e0e0; padding-top: 15px; } .course-meta .price{ float: left; } .course-meta .price span{ font-size: 16px; color: #07294d; } .course-meta .admin{ float: right; } .course-meta .admin ul li{ display: inline-block; margin-right: 15px; } .course-meta .admin ul li:last-child{ margin-right: 0; } .course-meta .admin ul li a{ font-size: 16px; color: #8a8a8a; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .course-meta .admin ul li a:hover{ color: #ffc600; } .course-right{} .course-signup{ padding: 50px 20px; border-radius: 5px; overflow: hidden; } .course-signup .content{ position: relative; z-index: 9; } .course-signup .content .signup-title{ font-size: 30px; color: #ffc600; font-weight: 700; padding-bottom: 10px; } .course-signup .content p{ font-size: 24px; color: #fff; padding-bottom: 40px; font-weight: 600; } .enroll { padding: 50px 20px; border-radius: 5px; overflow: hidden; } .enroll .content .enroll-title{ font-size: 24px; font-weight: 700; color: #000; padding-bottom: 10px; } .enroll .content p{ font-size: 24px; color: #505050; font-weight: 600; padding-bottom: 40px; } .course-Buy{ padding: 50px 20px; border-radius: 5px; overflow: hidden; } .course-Buy .content{ position: relative; z-index: 9; } .course-Buy .Buy-title{ font-size: 24px; color: #fff; padding-bottom: 20px; } /*===================================================== 35. css ======================================================*/ div.pagination { padding: 3px; margin: 3px; } div.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #AAAADD; text-decoration: none; /* no underline */ color: #000099; } div.pagination a:hover, div.pagination a:active { border: 1px solid #000099; color: #000; } div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #000099; font-weight: bold; background-color: #000099; color: #FFF; } div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD; } /* LEVEL ONE */ ul.dropdown { position: relative; width: 100%; } ul.dropdown li { font-weight: bold; float: left; width: 180px; background: #ccc; position: relative; } ul.dropdown a:hover { color: #000; } ul.dropdown li a { display: block; padding: 20px 8px; color: #222; position: relative; z-index: 2000; } ul.dropdown li a:hover, ul.dropdown li a.hover { background: #F3D673; position: relative; } /* LEVEL TWO */ ul.dropdown ul { display: none; position: absolute; top: 0; left: 0; width: 180px; z-index: 1000; } ul.dropdown ul li { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; } ul.dropdown ul li a { display: block; background: #eee !important; } ul.dropdown ul li a:hover { display: block; background: #F3D673 !important; } .rating { border: none; float: left; } .rating > input { display: none; } .rating > label:before { margin: 2px; font-size: 1em; font-family: FontAwesome; display: inline-block; content: "\f005"; } .rating > .half:before { content: "\f089"; position: absolute; } .rating > label { color: #ddd !important; float: right; } /***** CSS Magic to Highlight Stars on Hover *****/ .rating > input:checked ~ label { color: #FFD700 !important; } /* hover previous stars in list */ .iconfont a{color:#0b2968;font-size: 15px !important;} .iconfont a:hover{color:#ffc600;} .iconfont a i {font-size: 50px !important; } .slider-selection { background: #f77500 !important; } .slider-success .slider-selection { background-color: #5cb85c !important; } .slider-primary .slider-selection { background-color: #428bca !important; } .slider-info .slider-selection { background-color: #5bc0de !important; } .slider-warning .slider-selection { background-color: #f0ad4e !important; } .slider-danger .slider-selection { background-color: #d9534f !important; } .slider.slider-horizontal { width: 100% !important; height: 20px; } .slider-handle { background-color: #fff !important; background-image: none !important; -webkit-box-shadow: 1px 1px 24px -2px rgba(0,0,0,0.75) !important; -moz-box-shadow: 1px 1px 24px -2px rgba(0,0,0,0.75) !important; box-shadow: 1px 1px 24px -2px rgba(0,0,0,0.75) !important; } .slider-strips .slider-selection { background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important; background-image: -ms-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important; background-image: -o-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important; background-image: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255,252,252,0.08) 5px, rgba(252,252,252,0.08) 10px) !important; } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #bdbdbd !important; text-align: center; background-color: transparent !important; border-radius: 4px; } .tooltip.top .tooltip-arrow { display: none !important; } .slider .tooltip.top { margin-top: -25px !important; } .well { background: transparent !important; border: none !important; box-shadow: none !important; width: 100% !important; padding: 0; } .slider-ghost .slider-track { height: 10px !important; } .slider-ghost .slider-handle { top: -2px !important; border: 5px solid #f77500; } .slider-success.slider-ghost .slider-handle { border-color: #5cb85c; } .slider-primary.slider-ghost .slider-handle { border-color: #428bca; } .slider-info.slider-ghost .slider-handle { border-color: #5bc0de; } .slider-warning.slider-ghost .slider-handle { border-color: #f0ad4e; } .slider-danger.slider-ghost .slider-handle { border-color: #d9534f; } .chatbox {background: #efeeee; padding: 5px; border-radius: 10px;} .chatarea{border: 1px solid #f0f0f0; padding: 15px; border-radius: 0 10px 10px 0; margin-bottom: 20px; max-height: 500px; overflow: scroll; overflow-x: hidden;} .chatusers { border: 1px solid #f0f0f0; padding: 15px; border-radius: 10px 0 0 10px; margin-bottom: 20px; } .liforchat{ border-bottom: 2px solid #f2f2f2; color: #464444; line-height: 40px; font-weight:bold;} .liforchat a{ color: #464444; } .liforchat a:hover{ color: #f5c23c; } .linkspageli {padding: 20px; border-bottom: 1px solid #ccc; font-size: 16px; font-weight:bold;} a .linkspageli {color: #464444;} a .linkspageli:hover {color: #d81f00; background-color:#ffe150;} .headersear{padding: 10px; display: block; color:#FFF;} .headersear a{ color:#FFF;} .headersear a : hover{ color:#f8b908;} .player_2_info { width: 100%; float: left; background: #fff; list-style: none; border: 1px solid #ececec; margin-bottom: 20px; } .player_2_info > li { width: 45%; float: left; padding: 10px 10px; line-height: normal; list-style-type: none; color: #222; text-transform: capitalize; } .player_2_info > li:nth-child(even) { width: 55%; background: #f7f7f7; color: #222; } .table_next_race table tr th:first-child { } .table_next_race table tr th { background: #002398; font-size: 14px; text-transform: capitalize; color: #fff; height: 20px; font-weight: 400; text-align: center; } .table_next_race table tr { cursor: pointer; } .table_next_race table tr td:first-child { font-family: Montserrat, sans-serif; text-align: left; } .table_next_race table tr td { padding: 10px 10px; height: 40px; line-height: normal; border-bottom: 1px solid #e6e6e6; font-size: 13px !important; color: #111; text-transform: capitalize; text-align: center; background: #fcfcfc; } .card-body { padding:0px !important; } .match { padding: 10px; border: 1px solid #ccc; margin: 5px; border-radius: 10px; } .matchhr{ margin: 5px 0; } .nav-link { display: block; padding: 5px 10px !important; } /***---gallery III column----****/ .left_gallery_heading{ width:auto; float:left; display:inline-block; } .III_filter{ float:right; display:inline-block; } .portfolio_gridIII { background:#f2f2f2; text-align:center; } .portfolio_gridIII .protfoli_filter{ padding-bottom:25px; display:inline-block; float:right; margin-top:-5px } .portfolio_gridIII .protfoli_filter li { float: left; border:0; } .portfolio_gridIII .protfoli_filter li a { color: #111; display: inline-block; font-size:16px; font-weight:500; text-transform:uppercase; text-align: center; padding: 5px 15px; } .portfolio_gridIII .protfoli_filter li:first-child a{ padding-left:5px; } .portfolio_gridIII .protfoli_filter li:hover a, .portfolio_gridIII .protfoli_filter li:focus a, .portfolio_gridIII .protfoli_filter li.active a { color: #002398; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .portfolio_gridIII .portfolio_row .portfoli_right { padding: 0; padding-left: 45px; } .portfolio_gridIII .portfolio_row .portfoli_inner .portfolio_item { display: block; overflow: hidden; border-radius: 10px; margin-bottom: 30px; box-shadow: 0px 0px 19px 0px rgba(215, 215, 215, 0.35); } .portfolio_gridIII .portfolio_row .portfoli_inner .portfolio_item img { max-width: 100%; transition: all 500ms linear 0s; } .portfolio_gridIII .portfolio_row .portfoli_inner .portfolio_item:hover, .portfolio_gridIII .portfolio_row .portfoli_inner .portfolio_item:focus { box-shadow: 0px 22px 38px 0px rgba(166, 116, 241, 0.35); } .portfolio_gridIII .portfolio_row .portfoli_inner .portfolio_item:hover img, .portfolio_gridIII .portfolio_row .portfoli_inner .portfolio_item:focus img { transform: scale3D(1.2, 1.2, 2); } .portfolio_gridIII .portfolio_item { position: relative; margin-bottom: 30px; overflow: hidden; } .portfolio_gridIII .portfolio_item { position: relative; overflow: hidden; } .portfolio_gridIII .portfolio_item:before { content: ""; width: 50%; height: 50%; background-color: rgba(0, 35, 152, 0.7); position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.5s ease 0s; } .portfolio_gridIII .portfolio_item:after { content: ""; width: 50%; height: 50%; background-color: rgba(0, 35, 152, 0.7); position: absolute; top: 50%; left: 0; opacity: 0; transition: all 0.5s ease 0s; } .portfolio_gridIII .portfolio_item .portfolio_hover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; align-items: center; justify-content: center; opacity: 0; transition: all 300ms linear 0s; } .portfolio_gridIII .portfolio_item .portfolio_hover:before { content: ""; width: 50%; height: 50%; background-color: rgba(0, 35, 152, 0.7); position: absolute; top: 0; left: 50%; opacity: 0; transition: all 0.5s ease 0s; } .portfolio_gridIII .portfolio_item .portfolio_hover:after { content: ""; width: 50%; height: 50%; background-color: rgba(0, 35, 152, 0.7); position: absolute; top: 50%; left: 50%; opacity: 0; transition: all 0.5s ease 0s; } .portfolio_gridIII .portfolio_item .portfolio_hover a { color: #fff; font-size:20px; text-transform:uppercase; text-align: center; position: relative; z-index: 1; } .portfolio_gridIII .portfolio_item .portfolio_hover a span { font-weight: 400; font-size: 18px; display: block; text-transform:capitalize; padding-top: 10px; color: #fff; } .portfolio_gridIII .portfolio_item .portfolio_hover .zoom_popup i:before { line-height: 50px; font-size: 20px; font-weight: 600; color:#002398; } .portfolio_gridIII .portfolio_item .portfolio_hover .zoom_popup { line-height: 45px; text-align: center; width: 45px; color: #002398; height: 45px; background: #fff; display: block; position: absolute; right: 20px; bottom:20px; padding: 0; z-index:1; transition: all 300ms linear 0s; } .portfolio_gridIII .portfolio_item .portfolio_hover .zoom_popup i:before { line-height: 45px; font-size: 18px; } .portfolio_gridIII .portfolio_item .portfolio_hover .zoom_popup:hover, .portfolio_gridIII .portfolio_item .portfolio_hover .zoom_popup:focus { background: #fff; color: #fff; } .portfolio_gridIII .portfolio_item img{ width:100%; } .portfolio_gridIII .portfolio_item:hover:before, .portfolio_gridIII .portfolio_item:focus:before { left: 50%; opacity: 1; z-index: 1; } .portfolio_gridIII .portfolio_item:hover:after, .portfolio_gridIII .portfolio_item:focus:after { top: 0; opacity: 1; } .portfolio_gridIII .portfolio_item:hover .portfolio_hover, .portfolio_gridIII .portfolio_item:focus .portfolio_hover { opacity: 1; } .portfolio_gridIII .portfolio_item:hover .portfolio_hover:before, .portfolio_gridIII .portfolio_item:focus .portfolio_hover:before { top: 50%; opacity: 1; } .portfolio_gridIII .portfolio_item:hover .portfolio_hover:after, .portfolio_gridIII .portfolio_item:focus .portfolio_hover:after { left: 0; opacity: 1; } .portfolio_gridIII .portfolio_item .portfolio_hover .IV_popup { padding: 0; top:43%; border-radius:50%; right:0; left:10px; bottom:0; margin:0px auto; } .masonry_btn{ border-radius:50%; } .tounavi {padding: 5px; background-color: #585a5d; color: #fff; font-size: 18px; font-weight: bold; font-family: sans-serif; border-radius:5px; margin:0px; } .tounavi a { color: #fff; } .tounavi a:hover { color: #ffe37b; text-decoration:none; } .newactive{ color:#ffe150 !important; font-weight:bold; text-decoration:none; } .col-3new{ width:17%; float:left; margin:0 5px 5px 0; height: 37px; }