/* ------------------------------------------------------------------ Theme Name: Eduvision Theme URI: http://shtheme.net/demosd/eduvision/ Author: Shtheme Author URI: https://themeforest.net/user/shtheme Description: Eduvision - Multipurpose Education WordPress theme best stitable for any kind of education or course website. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.ecologytheme.com Tags: blog, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready Text Domain: eduvision ------------------------------------------------------------------- */ /* [Table of contents] -------------------- 1. Base Styles 2. Home Main Version 3. Eduvision Default One 4. Eduvision Default Two 5. Course Hub One 6. Course Hub Two 7. Kindergarten Version 01 8. Kindergarten Version 02 9. University One 10. University Two 11. Single Instructor 12. Dance School 13. Driving School 14. Online School 15. Language Club 16. Single Course 17. 404 Page 18. Coming Soon 19. Blog 19.1 Blog One Style 19.2 Blog Two Style 19.3 Blog Three Style 19.4 Blog Four Style 19.5 Blog Five Style 19.6 Blog Six Style 19.7 Blog Seven Style 19.8 Blog Eight Style 19.9 Blog Nine Style 19.10 Blog Details 20. Course 20.1 Course One 20.2 Course Two 20.3 Course Five 20.4 Course Six 20.5 Single Course 21. Events 21.1 Event One 21.2 Event Three 21.3 Event Details 22. Teachers Page 22.1 Teacher One 22.2 Teacher Two 22.3 Teacher Four 22.4 Teacher Six 22.5 Teacher Seven 23. About Us Page 24. Teacher Single Page 25. Become A Teacher 26. FAQ 27. Portfolio Page 28. Contact 28.1 Contact One 28.2 Contact Two 28.3 Contact Three 29. Forum Page 30. Shop 30.1 Product Details 31. Helper Classes ------------------------------------------------------------------- */ /* ============================== Base styles ============================== */ html { color: #222; font-size: 1em; line-height: 1.4; overflow-x: hidden; } ::-moz-selection { background: #80CD36; text-shadow: none; color: #fff; } ::selection { background: #80CD36; text-shadow: none; color: #fff; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; margin-bottom: 20px; } select{ padding: 10px; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; width: 100%; padding: 15px; } a:focus{outline: 0;} *:focus{outline:none;} input, textarea{ box-shadow: none; } h1, h2, h3, h4, h5, h6 { color: #323232; font-family: "Roboto Slab", serif; } h1{ font-size: 48px; margin: 33px 0; } h2{ font-size: 40px; margin: 25px 0; } h3 { font-size: 30px; margin: 22px 0; } h4{ font-size: 20px; margin: 25px 0; } h5{ font-size: 18px; margin: 30px 0; } h6{ font-size: 16px; margin: 36px 0; } body { font-family: "Roboto", sans-serif; } p { font-size: 15px; color: #727272; font-weight: 400; line-height: 24px; } li{ line-height: 30px; } a { transition: 0.3s ease; color: #80CD36; } a:hover, a:active, a:focus { text-decoration: none; } figure { margin: 0; } iframe{ border: 0 none; } img{ max-width: 100%; height: auto; } table{ width: 100%; } tr{ border: 1px solid #eee; } td, th{ padding: 10px; } dt { padding: 15px 0; } .home { padding: 0 !important; } .el-btn-regular { font-size: 14px; color: #fff; background: #80CD36; border: 2px solid #80CD36; text-transform: uppercase; padding: 13px 25px; border-radius: 3px; font-weight: 500 !important; transition: 0.3s ease !important; display: inline-block; } .el-btn-regular:hover { color: #80CD36; background: #fff; border-color: #fff; } .el-btn-medium { font-size: 15px; color: #fff; background: #80CD36; border: 2px solid #80CD36; text-transform: uppercase; padding: 20px 50px; border-radius: 3px; font-weight: 500 !important; transition: 0.3s ease !important; } .el-btn-medium:hover { color: #80CD36; background: #fff; border-color: #fff; } .slider-vplay-btn { display: inline-block; position: relative; top: 24px; } .slider-vplay-btn span { display: table-cell; vertical-align: middle; } .slider-vplay-btn span:first-child { width: 60px; height: 60px; background: #80CD36; border-radius: 100px; color: #fff; font-size: 20px; text-align: center !important; } .slider-vplay-btn span:last-child { padding-left: 15px; width: 120px; font-size: 20px; font-family: "Roboto Slab", serif; color: #fff; } .kids-btn { background-image: url("images/kindergarten/btn-bg.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; border: 2px solid #b5d56a; border-radius: 0; color: #b5d56a; margin-top: 25px; position: relative; display: inline-block; padding: 15px 30px; font-size: 20px; } .kids-btn:before { background: #e6e6e6; border: 2px solid #b5d56a; content: ""; height: 100%; left: 10px; position: absolute; top: 10px; width: 100%; z-index: -1; transition: 0.3s ease; } .kids-btn:hover { color: #b5d56a; } .kids-btn:hover:before { left: 0; top: 0; } .kg-slider-btn { background: #b5d56a; border-color: #b5d56a; } .kg-slider-btn:hover { color: #b5d56a; } /* ============================== Home Main Version ================================ */ /* Header */ header .header-top-dark { background: #262626; padding: 0px !important; } header .header-top-dark .header-top-left { padding-top: 15px; padding-bottom: 15px; } header .header-top-dark .header-top-right ul li a { color: #fff; } header .header-top-dark .header-top-right ul li a:hover { color: #80CD36; } header .header-top-dark .header-top-right ul li a.apply-btn { background: #80CD36; display: block; padding: 15px 25px; font-weight: 500; } header .header-top-dark .header-top-right ul li a.apply-btn:hover { background: #71B52D; color: #fff; } /* Slider Bottom Services */ .slider-bottom-services { background: #3c3d41; padding: 35px 0; } .slider-bottom-services .service-box .service-icon { display: table-cell; vertical-align: middle; } .slider-bottom-services .service-box .service-info { display: table-cell; vertical-align: middle; padding-left: 15px; } .slider-bottom-services .service-box .service-info h3 { font-size: 20px; font-weight: 600; margin: 0 0 7px 0; color: #fff; transition: 0.3s ease; } .slider-bottom-services .service-box .service-info p { margin-bottom: 7px; color: #fff; } .slider-bottom-services .service-box .service-info a { text-transform: uppercase; color: #fff; font-size: 13px; } .slider-bottom-services .service-box .service-info a i { display: inline-block; padding-left: 5px; } .slider-bottom-services .service-box .service-info:hover h3, .slider-bottom-services .service-box .service-info:hover a { color: #80CD36; } /* Courses */ .courses-main { padding: 100px 0 70px 0; } .courses-main .section-header-d { margin-bottom: 10px; } .courses-main .course-carousel-main .owl-stage-outer { padding: 30px 0; } .courses-main .course-carousel-main .online-course-single { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); overflow: hidden; transition: 0.3s ease; } .courses-main .course-carousel-main .online-course-single figure { position: relative; } .courses-main .course-carousel-main .online-course-single figure figcaption { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); text-align: center; left: 0; top: 0; visibility: hidden; opacity: 0; transition: 0.3s ease; } .courses-main .course-carousel-main .online-course-single figure figcaption ul { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .courses-main .course-carousel-main .online-course-single figure figcaption ul li { display: inline-block; margin-right: 25px; } .courses-main .course-carousel-main .online-course-single figure figcaption ul li:last-child { margin-right: 0; } .courses-main .course-carousel-main .online-course-single figure figcaption ul li a { font-size: 45px; color: #fff; } .courses-main .course-carousel-main .online-course-single figure figcaption ul li a:hover { color: #80CD36; } .courses-main .course-carousel-main .online-course-single .online-course-details { padding: 50px 20px 15px 20px; position: relative; } .courses-main .course-carousel-main .online-course-single .online-course-details p.price-tag { background: #80CD36; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2); color: #fff; display: inline-block; font-size: 20px; left: 15%; padding: 10px 25px; position: absolute; text-align: center; top: -23px; width: 70%; text-transform: uppercase; font-weight: 500; } .courses-main .course-carousel-main .online-course-single .online-course-details p.price-tag:before { border-bottom: 22px solid transparent; border-right: 20px solid #80CD36; border-top: 22px solid transparent; content: ""; height: 0; left: -20px; position: absolute; top: 0; width: 0; } .courses-main .course-carousel-main .online-course-single .online-course-details p.price-tag:after { border-bottom: 22px solid transparent; border-left: 20px solid #80CD36; border-top: 22px solid transparent; content: ""; height: 0; right: -20px; position: absolute; top: 0; width: 0; } .courses-main .course-carousel-main .online-course-single .online-course-details h3 { margin: 0 0 20px 0; transition: 0.3s ease; text-transform: uppercase; font-weight: 600; font-size: 18px; } .courses-main .course-carousel-main .online-course-single .online-course-details ul.teacher-info { margin-bottom: 20px; } .courses-main .course-carousel-main .online-course-single .online-course-details ul.teacher-info li { display: table-cell; vertical-align: middle; margin-right: 10px; font-size: 15px; color: #727272; } .courses-main .course-carousel-main .online-course-single .online-course-details ul.teacher-info li:last-child { margin-right: 0; padding-left: 20px; } .courses-main .course-carousel-main .online-course-single .online-course-details ul.teacher-info li img { border: 2px solid transparent; transition: 0.3s ease; } .courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt { padding-bottom: 15px; } .courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt span { font-size: 13px; display: block; color: #727272; padding-bottom: 5px; } .courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt span:last-child { padding-bottom: 0; } .courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt .col-sm-4 { position: relative; } .courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt .col-sm-4:before { background: rgba(0, 0, 0, 0.07); content: ""; height: 35px; position: absolute; right: 5px; top: 0; width: 1px; } .courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt .col-sm-4:last-child:before { content: none; } .courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt-bottom ul { margin-bottom: 0; padding: 15px 0 0 0; border-top: 1px solid rgba(0, 0, 0, 0.07); } .courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt-bottom ul li { display: inline-block; font-size: 18px; margin-right: 25px; color: #727272; } .courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt-bottom ul li:last-child { margin-right: 0; float: right; color: #FFEF3B; } .courses-main .course-carousel-main .online-course-single .online-course-details .course-details-btn { position: absolute; width: 100%; bottom: -100px; left: 0; visibility: hidden; opacity: 1; transition: 0.3s ease; } .courses-main .course-carousel-main .online-course-single .online-course-details .course-details-btn a { background: #80CD36; color: #fff; display: block; font-size: 17px; padding: 18px 0; text-align: center; text-transform: uppercase; font-weight: 500; } .courses-main .course-carousel-main .online-course-single:hover figure figcaption { visibility: visible; opacity: 1; } .courses-main .course-carousel-main .online-course-single:hover .online-course-details h2 { color: #80CD36; } .courses-main .course-carousel-main .online-course-single:hover .online-course-details ul.teacher-info img { border-color: #80CD36; } .courses-main .course-carousel-main .online-course-single:hover .course-details-btn { visibility: visible; opacity: 1; bottom: 0; } .courses-main .owl-nav { left: 0; padding-right: 30px; position: absolute; text-align: right; top: -50px; width: 100%; } .courses-main .owl-nav .owl-prev, .courses-main .owl-nav .owl-next { display: inline-block; width: 35px; height: 35px; text-align: center; font-size: 15px; border: 1px solid #323232; color: #323232; padding-top: 5px; transition: 0.3s ease; } .courses-main .owl-nav .owl-prev:hover, .courses-main .owl-nav .owl-next:hover { color: #80CD36; border-color: #80CD36; } .courses-main .owl-nav .owl-prev { margin-right: 10px; } .online-course-single figure span.sl-count, .online-course-single figure .sl-count{ display: none; } /* Video */ .video-main { padding: 100px 0; } .video-main .vt-box { left: 0; } .video-main .video-play-btn { text-align: center; } /* Teachers */ .teachers-main { padding: 100px 0 60px 0; } .teachers-main .section-header04 { margin-bottom: 40px; } .teachers-main .teacher-single05 { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); margin-bottom: 40px; transition: 0.3s ease; } .teachers-main .teacher-single05:hover .ts5-info h3, .teachers-main .teacher-single05:hover .ts5-info a { color: #80CD36; } .teachers-main .teacher-single05:hover .ts5-image figure figcaption { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .teachers-main .teacher-single05 .ts5-image figure { position: relative; } .teachers-main .teacher-single05 .ts5-image figure figcaption { position: absolute; width: 100%; left: 0; top: 0; height: 100%; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); transition: 0.3s ease; } .teachers-main .teacher-single05 .ts5-image figure figcaption ul { margin: 0; text-align: center; position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .teachers-main .teacher-single05 .ts5-image figure figcaption ul li { display: inline-block; margin-right: 15px; } .teachers-main .teacher-single05 .ts5-image figure figcaption ul li:last-child { margin-right: 0; } .teachers-main .teacher-single05 .ts5-image figure figcaption ul li a { font-size: 16px; width: 35px; height: 35px; display: block; border-radius: 100px; color: #fff; text-align: center; padding-top: 3px; background: #80CD36; } .teachers-main .teacher-single05 .ts5-image figure figcaption ul li.facebook a:hover { background: #3B5998; } .teachers-main .teacher-single05 .ts5-image figure figcaption ul li.twitter a:hover { background: #1DA1F2; } .teachers-main .teacher-single05 .ts5-image figure figcaption ul li.gplus a:hover { background: #DD4B39; } .teachers-main .teacher-single05 .ts5-image figure figcaption ul li.linkedin a:hover { background: #00A0DC; } .teachers-main .teacher-single05 .ts5-info { padding: 40px 30px 40px 5px; } .teachers-main .teacher-single05 .ts5-info h3 { margin: 0 0 10px 0; transition: 0.3s ease; text-transform: uppercase; font-weight: 600; } .teachers-main .teacher-single05 .ts5-info span { font-size: 15px; color: #323232; display: block; margin-bottom: 15px; } .teachers-main .teacher-single05 .ts5-info p { color: #9a9a9a; margin-bottom: 20px; } .teachers-main .teacher-single05 .ts5-info a { font-size: 14px; color: #323232; text-transform: uppercase; font-weight: 500; } .teachers-main .teacher-single05 .ts5-info a i { display: inline-block; padding-left: 5px; } /* Blog */ .blog-main .course08-carousel .carousel-item .course-single .course-image figure img { min-height: 404px; object-fit: cover; } .blog-main .course08-carousel .carousel-item .course-single:hover .course-info h3 a { color: #80CD36; } .blog-main .course08-carousel .carousel-item .course-single .course-info { padding-right: 0; } .blog-main .course08-carousel .carousel-item .course-single .course-info h3 { line-height: 26px; } .blog-main .course08-carousel .carousel-item .course-single .course-info h3 a { color: inherit; font-size: 18px; } .blog-main .course08-carousel .carousel-item .course-single .course-info ul.author-info-main li { display: inline-block; float: left; } .blog-main .course08-carousel .carousel-item .course-single .course-info ul.author-info-main li img, .blog-main .course08-carousel .carousel-item .course-single .course-info ul.author-info-main li span { display: inline-block; } .blog-main .course08-carousel .carousel-item .course-single .course-info ul.author-info-main li img { width: auto; } .blog-main .course08-carousel .carousel-item .course-single .course-info ul.author-info-main li span { padding-left: 10px; } .blog-main .course08-carousel .carousel-item .course-single .course-info ul.author-info-main li span a { color: inherit; } .blog-main .course08-carousel .carousel-item .course-single .course-info ul.author-info-main li:last-child { float: right; padding: 10px 0; } .blog-main .course08-carousel .carousel-item .course-single .course-info ul.blog-bottom li { color: #bababa; font-size: 14px; } .blog-main .course08-carousel .carousel-item .course-single .course-info ul.blog-bottom li:last-child { font-size: 14px; color: #bababa; } .blog-main .course08-carousel .carousel-item .course-single .course-info ul.blog-tags li { display: inline-block; padding-right: 5px; } .blog-main .course08-carousel .carousel-item .course-single .course-info ul.blog-tags li:last-child { padding-right: 0; } .blog-main .course08-carousel .carousel-item .course-single .course-info ul.blog-tags li a { color: #bababa; } .blog-main .section-header04 { margin-bottom: 10px; } .blog-main .section-header04 h2 { line-height: 30px; } .blog-main .owl-nav { top: -43px; } .breadcrumb{ background: none; margin-left: -12px; color: #ffffff; } /* =============================== Home Page Version 01 ================================ */ header .header-top { background: #3c3d41; padding: 15px 0px; } header .header-top .header-top-left ul { margin-bottom: 0; } header .header-top .header-top-left ul li { display: inline-block; color: #fff; font-weight: 300; margin-right: 20px; } header .header-top .header-top-left ul li:last-child { margin-right: 0; } header .header-top .header-top-left ul li i { display: inline-block; padding-right: 5px; color: #80CD36; } header .header-top .header-top-right { text-align: right; } header .header-top .header-top-right ul { margin-bottom: 0; } header .header-top .header-top-right ul li { display: inline-block; margin-right: 15px; } header .header-top .header-top-right ul li:first-child { color: #fff; } header .header-top .header-top-right ul li:last-child { margin-right: 0; } header .header-top .header-top-right ul li i { color: #80CD36; } header .main-menu { padding: 0; transition: 0.3s ease; } header .main-menu nav.navbar { margin-bottom: 0; } header .main-menu nav.navbar .navbar-header a.navbar-brand { padding: 23px 0; transition: 0.3s ease; height: auto; } header .main-menu nav.navbar .navbar-header a.navbar-brand img { margin-top: 5px; } header .main-menu nav.navbar .nav-container { padding-right: 50px; position: relative; } header .main-menu nav.navbar .nav-container .menu-search { position: absolute; right: 0; top: 24px; margin-top: 30px; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav { padding: 0; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li { margin-right: 40px; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:last-child { margin-right: 0; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a { color: #323232; font-family: "Roboto", sans-serif; font-weight: 500; font-size: 14px; padding: 40px 0; display: inline-block; position: relative; text-transform: uppercase; transition: 0.3s ease; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:hover, header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:focus, header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:active { background: none; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:hover { color: #80CD36; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:hover:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:after { position: absolute; content: ""; width: 100%; height: 4px; left: 0; bottom: -1px; background: #80CD36; transition: 0.5s ease; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.active a { color: #80CD36; position: relative; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.active a:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.dropdown a.dropdown-toggle:before { content: "\f107"; font-family: FontAwesome; position: absolute; right: -15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li.dropdown-submenu a:before{ right: 15px; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu { display: block; visibility: hidden; opacity: 0; margin-top: -20px; transition: 0.3s ease; padding: 10px 0 8px; border-radius: 0; min-width: 215px; border-top: 3px solid #80CD36; border-right: 0; border-bottom: 0; border-left: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li { padding: 0; margin-right: 0; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li a { padding: 10px 20px; display: block; color: #696969; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li a:hover { color: #80CD36 !important; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li a:after { content: none; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li.dropdown-submenu { position: relative; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li.dropdown-submenu a { display: inline-block; width: 100%; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li.dropdown-submenu i { position: absolute; right: 0; padding: 15px; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu { display: block; visibility: hidden; opacity: 0; margin-top: -13px !important; left: 212px; top: 0; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li.dropdown-submenu:hover ul.dropdown-menu { visibility: visible; opacity: 1; margin-top: 0; margin-left: 3px; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.dropdown { position: relative; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.dropdown:hover ul.dropdown-menu { visibility: visible; opacity: 1; margin-top: 0; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.dropdown i { display: inline-block; padding-left: 0; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(6) ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu, header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(7) ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu, header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(8) ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu, header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(9) ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu, header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(10) ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu, header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(11) ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu { left: -215px; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(9) ul.dropdown-menu, header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(10) ul.dropdown-menu, header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(11) ul.dropdown-menu { left: -140px; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(8) ul.dropdown-menu, header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(9) ul.dropdown-menu, header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(10) ul.dropdown-menu, header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li:nth-child(11) ul.dropdown-menu { left: auto; right: 0; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu { position: inherit; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu i { display: inline-block; padding-left: 5px; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block { position: absolute; left: -100px; top: 110px; border-top: 3px solid #80CD36; border-right: 0; border-bottom: 0; border-left: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); width: 900px; z-index: 1; background: #fff; visibility: hidden; opacity: 0; transition: 0.3s ease; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block li { padding: 0; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block li .mega-menu-content { padding: 30px 0; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block li .mega-menu-content .mega-content-block { position: relative; padding: 0 30px; float: left; width: 25%; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block li .mega-menu-content .mega-content-block:before { position: absolute; content: ""; right: 0; top: 0; width: 1px; height: 100%; background: #f4f4f4; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block li .mega-menu-content .mega-content-block:last-child:before { content: none; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block li .mega-menu-content .mega-content-block a { display: block; padding: 15px 0; color: #696969; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block li .mega-menu-content .mega-content-block a:hover { color: #80CD36; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu:hover ul.mega-menu-block { visibility: visible; opacity: 1; top: 100px; } .is-sticky .main-menu { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); z-index: 1000 !important; transition: 0.3s ease; height: 107px; } header#header-style02 .is-sticky .main-menu, header.header13 .is-sticky .main-menu { background: #3c3d41; z-index: 1000 !important; } header#header-style02.header-sticky { padding-bottom: 0; } header#header-style02.header-sticky .is-sticky .main-menu { background: #80CD36; } header#header-style02.header-sticky .is-sticky .main-menu .container .col-sm-12:first-child { visibility: hidden; height: 0; } header#header-style02.header-sticky .is-sticky .main-menu .container .col-sm-12 nav#main-nav { margin-top: 0; } header#header-style02.header-sticky .is-sticky .main-menu nav.navbar .navbar-collapse { padding-left: 0; padding-right: 0; } /* Menu Search */ .nav-search { color: inherit; display: block; font-size: 14px; line-height: 20px; padding: 15px; position: relative; } .nav-search:hover { color: inherit; } .nav-search-wrap.style-2 .nav-search { font-size: 16px; } .search-wrap { width: 100%; height: 100%; overflow: hidden; display: none; position: fixed; top: 0; left: 0; z-index: 121; background-color: rgba(0,0,0,0.8); cursor: url(images/mouse-cross.png), auto; } .search-wrap .search-inner { position: relative; width: 100%; height: 100%; } .search-wrap .search-cell { position: absolute; top: 40%; width: 100%; } .search-wrap .search-field-holder { width: 50%; margin: auto; position: relative; -webkit-animation: slideInUp .3s; animation: slideInUp .3s; background: #fff; } .search-wrap .form-control { height: 66px; border-top: none; border-left: none; border-right: none; border-bottom: none; font-family: "Roboto Slab", sans-serif; font-size: 20px; margin-bottom: 0; color: #424242; position: relative; box-shadow: none; border-radius: 0; transition:.3s ease; font-weight: 300; padding: 0 0 0 15px; display: table-cell; vertical-align: top; width: 87.77%; } .search-field-holder > button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; color: #696969; display: table-cell; font-size: 21px; position: absolute; vertical-align: top; width: 66px; height: 66px; right: 0; top: 0; } .search-wrap input.form-control, .search-wrap input.form-control:focus { background-color: #fff; } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } input.main-search-input::-webkit-input-placeholder { color: #424242; } input.main-search-input:-moz-placeholder { color: #424242; opacity: 1; } input.main-search-input::-moz-placeholder { color: #424242; opacity: 1; } input.main-search-input:-ms-input-placeholder { color: #424242; } #search-close { position: absolute; top: 25px; right: 0px; font-size: 30px; color: #424242; cursor: pointer; transition:0.3s ease; } #search-close:hover{ color:#80CD36; } .mobile-links li > a { padding: 15px 0 15px 15px; line-height: 20px; border-bottom: 1px solid #eaeaea; color: #6c6c6c; display: block; } .mobile-links li > a:hover { color: #435BE0; } .mobile-search .form-control { height: 46px; border-bottom: 1px solid #eaeaea; background-color: transparent; border-left: none; border-top: none; border-right: none; margin-bottom: 0; } #mobile-search .search-button { position: absolute; right: 0; top: 0; width: 45px; height: 46px; border: 0; cursor: pointer; background-color: transparent; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.nav-right{ margin-right:0; padding:0; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover{ background-color: transparent; color: #80CD36 !important; } /* Slider Section */ .slider { position: relative; } .slider .slider-caption { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slider .slider-caption .caption-content p { font-size: 20px; font-family: "Roboto Slab", serif; color: #fff; margin-bottom: 0; } .slider .slider-caption .caption-content h1 { font-size: 60px; line-height: 80px; color: #fff; max-width: 680px; margin: 45px 0 70px 0; } .slider .slider-caption .caption-content ul li { display: inline-block; margin-right: 50px; } .slider .slider-caption .caption-content ul li:last-child { margin-right: 0; } .slider .slider-caption .caption-content ul li a { font-size: 20px; color: #80CD36; border: 2px solid #80CD36; padding: 10px 20px; display: inline-block; border-radius: 3px; } .slider .slider-caption .caption-content ul li a:hover { background: #80CD36; color: #fff; } .slider .tp-caption .slider-btn-left { margin-right: 20px; } .slider .tp-bullets { top: 95% !important; } .slider .tp-bullets .tp-bullet { border: 3px solid #80CD36 !important; background: none !important; } .slider .tp-bullets .tp-bullet.selected { background: #80CD36 !important; left: 20px; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .slider .slider-bottom-btn { position: absolute; width: 100%; left: 0; bottom: 50px; text-align: center; } .slider .slider-bottom-btn a { display: inline-block; } .slider .slider-bottom-boxes { position: absolute; width: 100%; left: 0; bottom: 0; } .slider .slider-bottom-boxes .about-boxes a { display: block; background: rgba(60,61,65,0.7); padding: 20px; color: #fff; } .slider .slider-bottom-boxes .about-boxes a:hover { background: #3c3d41; } .slider .slider-bottom-boxes .about-boxes a ul { margin-bottom: 0; } .slider .slider-bottom-boxes .about-boxes a ul li { display: table-cell; vertical-align: top; font-size: 24px; font-weight: 600; font-family: "Roboto Slab", serif; } .slider .slider-bottom-boxes .about-boxes a ul li:last-child { padding-left: 20px; } .slider .slider-bottom-boxes .about-boxes a ul li img { margin-top: 10px; } /* About */ .about { padding: 100px 0; } .about .about-text { padding-right: 80px; } .about .about-text h2 { text-transform: uppercase; margin: 20px 0 40px 0; font-weight: 600; } .about .about-text h2 span { color: #80CD36; } .about .about-text > p { margin-bottom: 30px; } .about .about-text a { padding: 13px 50px; } .about .about-text a:hover { background: none; border-color: #80CD36; } .about .about-image { position: relative; } .about .about-image::before { content: ""; position: absolute; width: 100%; height: 90%; top: 5%; left: 0; background: #80CD36; z-index: -1; } .about .about-image img { box-shadow: 0 0 80px rgba(0, 0, 0, 0.3); } /* Section Header */ .section-header { text-align: center; margin-bottom: 80px; } .section-header h2 { font-weight: 600; text-transform: uppercase; margin: 0 0 20px 0; line-height: 0.8; } .section-header h2 span { color: #80CD36; } .section-header h2 span:before, .section-header h2 span:after { content: none; } .section-header span { display: inline-block; position: relative; } .section-header span:before { content: ""; position: absolute; border-top: 1px dashed #80CD36; height: 2px; right: 30px; top: 13px; width: 200px; } .section-header span:after { content: ""; position: absolute; border-top: 1px dashed #80CD36; height: 2px; left: 30px; top: 13px; width: 200px; } .courses .section-header p { max-width: 600px; margin: 35px auto 0 auto; color: #fff; } .teachers-style02 .section-header p{ margin: 35px auto 0 auto; max-width: 600px; color: #727272; } .section-header.header-dark p { color: #fff; } /* Courses */ .courses { padding: 100px 0px 166px 0px; background: url(images/course-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; z-index: 1; } .courses:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; height: 100%; z-index: -1; } .courses .section-header { text-align: center; } .courses .section-header h2 { color: #fff; } .courses .course-slide .row:last-child .course-single { margin-bottom: 0; } .courses .course-slide .course-single { margin-bottom: 65px; position: relative; } .courses .course-slide .course-single .course-thumb { position: relative; } .courses .course-slide .course-single .course-thumb span.price { background: #80CD36; bottom: -10px; display: inline-block; font-family: "Roboto Slab", serif; font-size: 27px; left: -10px; padding: 5px 15px 5px 25px; position: absolute; color: #fff; } .courses .course-slide .course-single .course-thumb span.price:before { content: ""; position: absolute; border-bottom: 10px solid #80CD36; border-left: 10px solid transparent; height: 0; left: 0; top: -10px; width: 0; } .courses .course-slide .course-single .course-details { background: #fff; padding: 30px 15px 20px; } .courses .course-slide .course-single .course-details h3 { margin: 0 0 20px 0; font-weight: 600; text-transform: uppercase; } .courses .course-slide .course-single .course-details .course-teacher ul li { display: table-cell; vertical-align: middle; padding-right: 15px; } .courses .course-slide .course-single .course-details .course-teacher ul li:last-child { padding-right: 0; } .courses .course-slide .course-single .course-details .course-teacher ul li h4 { font-family: "Roboto", sans-serif; font-size: 15px; color: #727272; margin: 0; font-weight: 400; } .courses .course-slide .course-single .course-details .course-excerpt { margin-top: 20px; } .courses .course-slide .course-single .course-details .course-excerpt ul { margin-bottom: 0; } .courses .course-slide .course-single .course-details .course-excerpt ul li { display: inline-block; margin-right: 15px; padding-right: 15px; position: relative; } .courses .course-slide .course-single .course-details .course-excerpt ul li:last-child { margin-right: 0; padding-right: 0; } .courses .course-slide .course-single .course-details .course-excerpt ul li:last-child:before { content: none; } .courses .course-slide .course-single .course-details .course-excerpt ul li:before { content: ""; position: absolute; width: 1px; height: 35px; right: 0; top: 0; background: rgba(0, 0, 0, 0.07); } .courses .course-slide .course-single .course-details .course-excerpt ul li span { display: block; color: #727272; font-size: 13px; } .courses .course-slide .course-single .course-hover { position: absolute; bottom: 0; right: 0; width: 100%; height: 0; background: url(images/course-hover-shape.png); background-repeat: no-repeat; background-size: 100% 100%; visibility: hidden; opacity: 0; transition: 0.5s ease; } .courses .course-slide .course-single .course-hover .course-hover-content { right: 0; bottom: 50px; width: 200px; position: absolute; text-align: center; transition: 0.5s ease; } .courses .course-slide .course-single .course-hover .course-hover-content ul li { display: inline-block; color: #fff; font-size: 15px; margin-right: 25px; } .courses .course-slide .course-single .course-hover .course-hover-content ul li:last-child { margin-right: 0; } .courses .course-slide .course-single .course-hover .course-hover-content a { font-size: 15px; color: #80CD36; display: inline-block; background: #fff; padding: 10px 20px; border-radius: 3px; margin-top: 30px; } .courses .course-slide .course-single:hover .course-hover { height: 100%; visibility: visible; opacity: 1; } .courses .owl-nav .owl-prev, .courses .owl-nav .owl-next { border: 1px solid #fff; border-radius: 100px; color: #fff; display: inline-block; font-size: 30px; padding-top: 6px; height: 60px; position: absolute; text-align: center; width: 60px; top: 50%; margin-top: -65px; transition: 0.3s ease; } .courses .owl-nav .owl-prev:hover, .courses .owl-nav .owl-next:hover { border-color: #80CD36; color: #80CD36; } .courses .owl-nav .owl-prev { left: -65px; } .courses .owl-nav .owl-next { right: -65px; } .courses .course-btn { text-align: center; } .courses .course-btn a { display: inline-block; } .courses .owl-dots { text-align: center; margin-top: 0; display: none; } .courses .owl-dots .owl-dot { display: inline-block; margin-right: 15px; } .courses .owl-dots .owl-dot:last-child { margin-right: 0; } .courses .owl-dots .owl-dot span { border: 3px solid #80CD36; display: block; height: 17px; width: 17px; transition: 0.3s ease; } .courses .owl-dots .owl-dot.active span { background: #80CD36; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } /* Teachers */ .teachers { padding: 100px 0; } .teachers .teachers-block .teacher-single { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); margin-bottom: 65px; transition: 0.3s ease; } .teachers .teachers-block .teacher-single .teacher-image { display: table-cell; vertical-align: top; width: 48%; } .teachers .teachers-block .teacher-single .teacher-image img { min-height: 260px; object-fit: cover; } .teachers .teachers-block .teacher-single .teacher-details { display: table-cell; vertical-align: top; width: 52%; position: relative; padding: 20px 10px 10px 20px; } .teachers .teachers-block .teacher-single .teacher-details:before { width: 0; height: 3px; background: #80CD36; position: absolute; left: 0; top: 0; content: ""; transition: 0.5s ease; } .teachers .teachers-block .teacher-single .teacher-details h3 { margin: 0 0 10px 0; color: #80CD36; font-weight: 600; text-transform: uppercase; } .teachers .teachers-block .teacher-single .teacher-details h4 { font-size: 15px; font-family: "Roboto", sans-serif; font-weight: 400; margin: 0 0 20px 0; } .teachers .teachers-block .teacher-single .teacher-details .plus-btn { position: relative; padding-top: 10px; } .teachers .teachers-block .teacher-single .teacher-details .plus-btn:before { position: absolute; width: 95%; height: 1px; background: #E6F5D6; content: ""; top: 0; left: 0; } .teachers .teachers-block .teacher-single .teacher-details .plus-btn i.plus, .teachers .teachers-block .teacher-single .teacher-details .plus-btn i.minus { width: 40px; height: 40px; text-align: center; background: #80CD36; color: #fff; border-radius: 100px; font-size: 20px; padding-top: 10px; display: inline-block; float: left; transition: 0.3s ease; cursor: pointer; } .teachers .teachers-block .teacher-single .teacher-details .plus-btn i.minus { display: none; } .teachers .teachers-block .teacher-single .teacher-details ul.teacher-social { margin: 0 0 0 50px; padding: 10px 0 0; transition: 0.3s ease; opacity: 0; } .teachers .teachers-block .teacher-single .teacher-details ul.teacher-social li { display: inline-block; } .teachers .teachers-block .teacher-single .teacher-details ul.teacher-social li a { font-size: 17px; margin-right: 25px; text-shadow: -1px -1px 0 #80CD36, 1px -1px 0 #80CD36, -1px 1px 0 #80CD36, 1px 1px 0 #80CD36; color: #fff; } .teachers .teachers-block .teacher-single .teacher-details ul.teacher-social li a:hover { text-shadow: none; color: #80CD36; } .teachers .teachers-block .teacher-single .teacher-details ul.teacher-social li:last-child a { margin-right: 0; } .teachers .teachers-block .teacher-single:hover { box-shadow: 0 0 25px rgba(0, 0, 0, 0.13); } .teachers .teachers-block .teacher-single:hover .teacher-details:before { width: 100%; } .teachers .teachers-block .row:last-child .teacher-single { margin-bottom: 60px; } /* Video */ .video { padding: 150px 0; background: url(images/video-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; } .video .vt-box { background: #fff none repeat scroll 0 0; max-width: 535px; text-align: center; } .video .vt-box .vt-text { margin: 0 auto; padding: 60px 60px 50px 60px; } .video .vt-box .vt-text h2 { font-size: 40px; font-weight: 600; margin: 0 0 40px; text-transform: uppercase; } .video .vt-box .vt-text p { font-size: 20px; line-height: 32px; } .video .vt-box .vt-btn a { display: block; background: #80CD36; padding: 25px 0; font-size: 25px; color: #fff; text-transform: uppercase; font-weight: 500; } .video .video-play-btn { text-align: center; padding: 130px 0; } .video .video-play-btn a { display: inline-block; max-width: 260px; color: #fff; font-size: 20px; font-family: "Roboto Slab", serif; } .video .video-play-btn a span { display: table-cell; vertical-align: middle; padding-left: 20px; text-align: left; } .video .video-play-btn a span:first-child { width: 110px; height: 110px; text-align: center; background: #80CD36; color: #80CD36; font-size: 30px; padding-top: 0; border-radius: 100px; padding-left: 0; position: relative; } .video .video-play-btn a span:first-child:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); background: #fff; border-radius: 50%; transition: 0.3s ease; } .video .video-play-btn a span:first-child:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .video .video-play-btn a span:first-child i { display: inline-block; padding-left: 6px; } .video .video-play-btn a i { position: relative; } .video .video-play-btn a i span { background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0; border-radius: 100px; height: 130%; left: -15%; position: absolute; top: -15%; width: 130%; z-index: -1; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: 0.2s ease; opacity: 0; visibility: hidden; } .video .video-play-btn a i:hover span { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; } .events { padding: 100px 0; } .events .events-block .event-single { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); margin-bottom: 65px; transition: 0.3s ease; } .events .events-block .event-single .event-image { display: table-cell; vertical-align: top; width: 30%; } .events .events-block .event-single .event-image img { min-height: 291px; object-fit: cover; } .events .events-block .event-single .event-details { display: table-cell; vertical-align: top; width: 70%; padding: 20px; } .events .events-block .event-single .event-details h3 { margin: 0 0 15px 0; transition: 0.3s ease; font-weight: 600; text-transform: uppercase; font-size: 18px; } .events .events-block .event-single .event-details ul { margin-bottom: 20px; } .events .events-block .event-single .event-details ul li { display: inline-block; margin-right: 10px; } .events .events-block .event-single .event-details ul li:last-child { margin-right: 0; } .events .events-block .event-single .event-details ul li i { color: #80CD36; display: inline-block; padding-right: 5px; } .events .events-block .event-single .event-details a { color: #323232; display: inline-block; font-size: 14px; font-weight: 500; margin-top: 10px; text-transform: uppercase; } .events .events-block .event-single:hover { box-shadow: 0 0 25px rgba(0, 0, 0, 0.13); } .events .events-block .event-single:hover .event-details h3, .events .events-block .event-single:hover .event-details a { color: #80CD36; } .events-default02 { padding-bottom: 35px; } .event-image img { width: 150px; height: 150px; object-fit: cover; } .event-image .tribe-events-event-image img { height: auto!important; } /* Testimonial */ .testimonial { padding: 100px 0 100px 0; background: url(images/testimonial-bg.jpg); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } .testimonial .testimonial-carousel { position: relative; } .testimonial-single .client-image img { width: 100px; height: 100px; object-fit: cover; } .ts-left .client-image img, .ts-right .client-image img{ width: 100%; height: auto; } .testimonial .testimonial-carousel .testimonial-single { background: #fff; text-align: center; position: relative; padding: 90px 35px 35px 35px; } .testimonial .testimonial-carousel .testimonial-single .client-image { position: absolute; left: 50%; margin-left: -60px; top: -60px; border-radius: 100px; } .testimonial .testimonial-carousel .testimonial-single .client-content ul.client-rating { margin: 20px 0; } .testimonial .testimonial-carousel .testimonial-single .client-content ul.client-rating li { display: inline-block; color: #FFEF3B; } .testimonial .testimonial-carousel .testimonial-single .client-content h3.client-info { margin: 0; color: #80CD36; font-weight: 600; text-transform: uppercase; } .testimonial .testimonial-carousel .testimonial-single .client-content h3.client-info span { color: #969595; font-size: 15px; font-weight: 400; font-family: "Roboto", sans-serif; text-transform: none; } .testimonial .owl-stage-outer { padding-top: 60px; } .testimonial .owl-nav .owl-prev, .testimonial .owl-nav .owl-next { border: 1px solid #fff; border-radius: 100px; color: #fff; display: inline-block; font-size: 30px; padding-top: 6px; height: 60px; position: absolute; text-align: center; width: 60px; top: 50%; margin-top: -50px; transition: 0.3s ease; } .testimonial .owl-nav .owl-prev:hover, .testimonial .owl-nav .owl-next:hover { border-color: #80CD36; color: #80CD36; } .testimonial .owl-nav .owl-prev { left: -65px; } .testimonial .owl-nav .owl-next { right: -65px; } .testimonial .owl-dots { text-align: center; margin-top: 85px; } .testimonial .owl-dots .owl-dot { display: inline-block; margin-right: 15px; } .testimonial .owl-dots .owl-dot:last-child { margin-right: 0; } .testimonial .owl-dots .owl-dot span { border: 3px solid #80CD36; display: block; height: 17px; width: 17px; transition: 0.3s ease; } .testimonial .owl-dots .owl-dot.active span { background: #80CD36; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .testimonial-img img{ width: 100px; border-radius: 50%; object-fit: cover; } /* Blog */ .blog{ padding: 100px 0px; } .blog .blog-posts .single-blog { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } .blog .blog-posts .single-blog figure { position: relative; overflow: hidden; } .blog .blog-posts .single-blog figure .blog-thumb { padding: 5px; } .blog .blog-posts .single-blog figure .blog-thumb img { width: 100%; transition: 0.5s ease; } .blog .blog-posts .single-blog figure figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .blog .blog-posts .single-blog figure figcaption p.post-date { position: absolute; right: 25px; top: 25px; width: 60px; height: 60px; background: #80CD36; border-radius: 100px; text-align: center; font-size: 18px; color: #fff; font-weight: 400; padding-top: 4px; } .blog .blog-posts .single-blog figure figcaption a { position: absolute; left: 0; bottom: -5px; padding: 5px 10px 10px; font-size: 17px; font-family: "Roboto Slab", serif; background: #80CD36; color: #fff; } .blog .blog-posts .single-blog .blog-excerpt { padding: 20px 15px; overflow: hidden; position: relative; } .blog .blog-posts .single-blog .blog-excerpt h3 { margin: 0 0 20px 0; font-weight: 600; font-size: 20px; text-transform: uppercase; line-height: 26px; min-height: 60px; } .blog .blog-posts .single-blog .blog-excerpt h3 a { transition: 0.3s ease; } .blog .blog-posts .single-blog .blog-excerpt p + a { display: inline-block; font-size: 14px; font-weight: 500; margin-top: 10px; text-transform: uppercase; } .blog .blog-posts .single-blog .blog-excerpt p + a i { display: inline-block; padding-left: 5px; } .blog .blog-posts .single-blog:hover figure .blog-thumb img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } /* Footer */ footer { padding: 80px 0 0 0; background: #232323; color: #fff; position: relative; } footer .container .row .col-sm-3 .widget:last-child { margin-bottom: 0; } footer .widget { margin-bottom: 50px; list-style: none; } footer .widget.latest-news .widget-content .news-single{ margin-bottom: 20px !important; display: inline-block; } footer h3.widget-title, footer .widget .widget-title h2 { font-size: 20px; color: #80CD36; margin: 5px 0 30px 0; font-weight: 600; text-transform: uppercase; } footer .news-excerpt h4{ margin: 0; } footer .news-excerpt h4 a{ color: #eeeeee; font-size: 16px; } footer .widget.about-widget .widget-content p { color: #fff; } footer .widget.about-widget .widget-content ul { margin-top: 25px; } footer .widget.about-widget .widget-content ul li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #39534C; } footer .widget.about-widget .widget-content ul li i { display: inline-block; padding-right: 5px; font-size: 16px; color: #80CD36; } footer .widget.footer-social .widget-content ul li { display: inline-block; margin-right: 25px; padding: 0; } footer .widget.footer-social .widget-content ul li:last-child { margin-right: 0; } footer .widget.footer-social .widget-content ul li a { color: #fff; font-size: 20px; } footer .widget.footer-social .widget-content ul li a:hover { color: #80CD36; } footer .widget.links .widget-content ul li { margin-bottom: 10px; } footer .widget.links .widget-content ul li:last-child { margin-bottom: 0; } footer .widget.links .widget-content ul li a { color: #fff; } footer .widget.links .widget-content ul li a:hover { color: #80CD36; } footer .widget.latest-news .widget-content .news-single { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #39534C; } footer .widget.latest-news .widget-content .news-single:last-child { margin-bottom: 0; padding-bottom: 0; border: 0 none; } footer .widget.latest-news .widget-content .news-single .news-thumb { display: table-cell; vertical-align: top; } footer .widget.latest-news .widget-content .news-single .news-excerpt { display: table-cell; vertical-align: top; padding-left: 20px; } footer .widget.latest-news .widget-content .news-single .news-excerpt h3 { margin: -5px 0 5px 0; } footer .widget.latest-news .widget-content .news-single .news-excerpt h3 a { font-size: 15px; color: #fff; font-weight: normal; text-transform: none; } footer .widget.latest-news .widget-content .news-single .news-excerpt h3 a:hover { color: #80CD36; } footer .widget.latest-news .widget-content .news-single .news-excerpt span { font-size: 12px; color: #6b6b6b; } footer .widget.contact-widget .widget-content form { position: relative; } footer .widget.contact-widget .widget-content form input { height: 35px; border: 1px solid #39534c; display: block; width: 100%; background: transparent; padding: 5px; margin-bottom: 0; box-shadow: none; } footer .widget.contact-widget .widget-content form input[type="submit"]{ position: absolute; right: 0; bottom: 0; padding: 4.5px 10px; font-size: 15px; text-transform: uppercase; color: #fff; background: #80CD36; border: 0 none; } footer .widget.contact-widget .widget-content form textarea { border: 1px solid #39534c; display: block; width: 100%; background: transparent; padding: 5px; margin-bottom: 15px; box-shadow: none; resize: none; height: 100px; } footer .widget.contact-widget .widget-content form input, footer .widget.contact-widget .widget-content form textarea { transition: 0.3s ease; } footer .widget.contact-widget .widget-content form input:focus, footer .widget.contact-widget .widget-content form textarea:focus { border-color: #fff; } .footer-style03 input.wpcf7-submit { position: absolute; right: 0; bottom: 0; padding: 4.5px 10px; font-size: 15px; text-transform: uppercase; color: #fff; background: #80CD36 !important; border: 0 none; } footer .widget.subscribe .widget-content p { color: #fff; } footer .widget.subscribe .widget-content form { position: relative; margin-top: 20px; } footer .widget.subscribe .widget-content form input { border: 1px solid #39534c; display: block; width: 100%; background: transparent; padding: 5px 70px 5px 5px; margin-bottom: 15px; box-shadow: none; resize: none; height: 35px; transition: 0.3s ease; } footer .widget.subscribe .widget-content form input:focus { border-color: #fff; } footer .widget.subscribe .widget-content form button { position: absolute; right: 0; top: 0; padding: 5px 10px; font-size: 15px; text-transform: uppercase; color: #fff; background: #80CD36; border: 2px solid #80CD36; } .footer-style03 .widget-content ul li { padding-left: 0 !important; color: #fff; } /* Footer Bottom */ .footer-bottom { background: #2d3e50; } .footer-bottom .footer-bottom-inner { border-top: 1px solid #39534c; padding: 35px 0; list-style: none; } .footer-bottom p { color: rgba(255, 255, 255, 0.7); font-size: 14px; font-family: "Roboto Slab", serif; margin: 0; font-weight: 300; } .footer-bottom p#back-top { text-align: right; margin-bottom: 0; position: fixed; bottom: 30px; right: 50px; z-index: 10; } .footer-bottom p#back-top a { background: #323232; color: #fff; display: inline-block; font-size: 25px; height: 35px; text-align: center; width: 35px; padding-top: 3px; } .footer-bottom p#back-top a:hover { background: #80CD36; border-color: #80CD36; color: #fff; } .footer-bottom.footer-bottom-default .footer-bottom-inner { border-top: 0; } .footer-bottom .footer-menu { text-align: right; margin-bottom: 0; } .footer-bottom .footer-menu li { display: inline-block; padding-right: 15px; } .footer-bottom .footer-menu li:last-child { padding-right: 0; } .footer-bottom .footer-menu li a { color: inherit; opacity: .7; font-size: 15px; font-weight: 300; color: rgba(255, 255, 255, 0.7); } .footer-bottom .footer-menu li a:hover { color: #80CD36; } /* ============================== Home Page Version 02 ================================ */ /* Header */ #header-style02 { position: absolute; left: 0; top: 0; width: 100%; z-index: 100; } #header-style02 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a { color: #fff; } #header-style02 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.active a { color: #80CD36; } #header-style02 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.dropdown i { color: #fff; } #header-style02 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.dropdown ul.dropdown-menu li a { color: #696969; } #header-style02 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.dropdown ul.dropdown-menu li.dropdown-submenu a { color: #696969; } #header-style02 .nav-search { color: #fff !important; } /* Slider */ .slider-style02 { position: relative; overflow: hidden; } .slider-style02 .slider-overlay { position: absolute; z-index: 1; } .slider-style02 .slider-overlay:before { border-bottom: 2000px solid transparent; border-left: 1000px solid rgba(0, 0, 0, 0.4); content: ""; position: absolute; transition: all 0.3s ease 0s; z-index: -1; } .slider-style02 .slider-caption { z-index: 10; } .slider-style02 .slider-caption .caption-content { position: relative; top: 50px; } /* About */ .about-style02 { position: relative; padding: 100px 0 160px 0; } .about-style02 .about-text { position: relative; z-index: 1; background: #F8F8F7; padding: 45px 25px 55px 25px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); top: 60px; } .about-style02 .about-text h2 { text-transform: uppercase; margin: 0 0 40px 0; font-weight: 600; } .about-style02 .about-text h2 span { color: #80CD36; } .about-style02 .about-text > p { margin-bottom: 30px; } .about-style02 .about-text a { padding: 13px 50px; } .about-style02 .about-text a:hover { background: none; border-color: #80CD36; } .about-style02 .about-image { position: absolute; right: 0; z-index: -1; min-width: 570px; } .about-style02 .about-image img { box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); } /*Courses*/ .courses-style02 { background: url(images/course-bg02.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .container-custom { width: 1170px; margin: 0 auto; } .container-custom .owl-carousel .owl-item { padding: 0 15px; } #rememberme { width: auto; float: left; margin-top: -10px; margin-right: 15px; } .login-remember { margin-bottom: -30px; } /* Teachers */ .teachers-style02 { padding-bottom: 100px; } .teachers-style02 .section-header { margin-bottom: 50px; } .teachers-style02 .teachers-carousel .teacher-single-box { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); margin-top: 30px; margin-bottom: 30px; transition: 0.5s ease; } .teachers-style02 .teachers-carousel .teacher-single-box figure { position: relative; overflow: hidden; } .teachers-style02 .teachers-carousel .teacher-single-box figure img { transition: 0.5s ease; } .teachers-style02 .teachers-carousel .teacher-single-box figure figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 0; background: rgba(128, 205, 54, 0.7); -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); transition: 0.5s ease; visibility: hidden; opacity: 0; } .teachers-style02 .teachers-carousel .teacher-single-box figure figcaption ul { text-align: center; margin-bottom: 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .teachers-style02 .teachers-carousel .teacher-single-box figure figcaption ul li { display: inline-block; margin-right: 10px; } .teachers-style02 .teachers-carousel .teacher-single-box figure figcaption ul li:last-child { margin-right: 0; } .teachers-style02 .teachers-carousel .teacher-single-box figure figcaption ul li a { display: block; width: 35px; height: 35px; border-radius: 100px; background: #fff; text-align: center; padding-top: 3px; color: #6b6b6b; } .teachers-style02 .teachers-carousel .teacher-single-box figure figcaption ul li a:hover { color: #80CD36; } .teachers-style02 .teachers-carousel .teacher-single-box div { text-align: center; padding: 15px; } .teachers-style02 .teachers-carousel .teacher-single-box div h3 { font-weight: 600; margin-bottom: -14px; text-transform: uppercase; transition: all 0.5s ease 0s; } .teachers-style02 .teachers-carousel .teacher-single-box div h4 { font-family: "Roboto",sans-serif; font-size: 15px; font-weight: 400; } .teachers-style02 .teachers-carousel .teacher-single-box div h3 a { color: inherit; } .teachers-style02 .teachers-carousel .teacher-single-box div span { font-size: 15px; transition: 0.5s ease; } .teachers-style02 .teachers-carousel .teacher-single-box:hover div span { color: #80CD36; } .teachers-style02 .teachers-carousel .teacher-single-box:hover figure img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .teachers-style02 .teachers-carousel .teacher-single-box:hover figure figcaption { height: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; } .teachers-style02 .owl-nav .owl-prev, .teachers-style02 .owl-nav .owl-next { border: 1px solid #E0E0E0; border-radius: 100px; color: #E0E0E0; display: inline-block; font-size: 30px; padding-top: 6px; height: 60px; position: absolute; text-align: center; width: 60px; top: 50%; margin-top: -30px; transition: 0.3s ease; } .teachers-style02 .owl-nav .owl-prev:hover, .teachers-style02 .owl-nav .owl-next:hover { border-color: #80CD36; color: #80CD36; } .teachers-style02 .owl-nav .owl-prev { left: -65px; } .teachers-style02 .owl-nav .owl-next { right: -65px; } .teachers-style02 .owl-dots { text-align: center; margin-top: 0; display: none; } .teachers-style02 .owl-dots .owl-dot { display: inline-block; margin-right: 15px; } .teachers-style02 .owl-dots .owl-dot:last-child { margin-right: 0; } .teachers-style02 .owl-dots .owl-dot span { border: 3px solid #80CD36; display: block; height: 17px; width: 17px; transition: 0.3s ease; } .teachers-style02 .owl-dots .owl-dot.active span { background: #80CD36; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } /* Video */ .video-style02 { padding: 0 0 100px 0; background: url(images/testimonial-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed; position: relative; } .video-style02:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); content: ""; } .video-style02 .video-play-btn { background: url(images/video-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; text-align: center; padding: 0; min-height: 475px; position: relative; top: -100px; box-shadow: 6px 0 52px rgba(0, 0, 0, 0.36); } .video-style02 .video-play-btn a.video-iframe { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-left: -130px; left: 50%; } .video-style02 .video-counter { text-align: center; } .video-style02 .video-counter span { font-family: "Roboto Slab", serif; font-size: 60px; font-weight: 600; line-height: 45px; margin-bottom: 15px; display: block; color: #fff; } .video-style02 .video-counter p { font-size: 20px; font-weight: 500; color: #80CD36; margin-bottom: 0; } .video-style02 .video-counter .v-counter-box { position: relative; } .video-style02 .video-counter .v-counter-box:before { position: absolute; content: ""; right: -2px; top: -60px; width: 4px; height: 220px; background: linear-gradient(rgba(0, 0, 0, 0.1), #9c9c9c, rgba(0, 0, 0, 0.1)); background: -moz-linear-gradient(rgba(0, 0, 0, 0.1), #9c9c9c, rgba(0, 0, 0, 0.1)); } .video-style02 .video-counter .v-counter-box:last-child:before { content: none; } /* Events */ .events-style02 .events-block { position: relative; } .events-style02 .events-block a.view-all-btn { border: 1px solid #80CD36; border-radius: 3px; color: #80CD36; display: inline-block; font-size: 13px; padding: 8px 20px; position: absolute; right: 15px; text-transform: uppercase; top: -85px; } .events-style02 .events-block .event2-single { box-shadow: 0 0 10px rgba(0, 0, 0, 0.06); padding: 30px 0; position: relative; margin-bottom: 65px; transition: 0.3s ease; } .events-style02 .events-block .event2-single:hover { box-shadow: 0 1px 30px rgba(0, 0, 0, 0.15); } .events-style02 .events-block .event2-single:hover .event-date span:first-child { color: #80CD36; } .events-style02 .events-block .event2-single:hover .event-info h3 { color: #80CD36; } .events-style02 .events-block .event2-single:hover .event-info a.erm-btn { color: #80CD36; } .events-style02 .events-block .event2-single .event-date { text-align: left; position: relative; top: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); padding-left: 45px; } .events-style02 .events-block .event2-single .event-date span:first-child { font-size: 45px; line-height: 60px; font-weight: 500; } .events-style02 .events-block .event2-single .event-date span { font-size: 20px; display: block; transition: 0.3s ease; } .events-style02 .events-block .event2-single .event-info { padding: 0 35px 0 25px; } .events-style02 .events-block .event2-single .event-info h3 { margin: 0 0 15px 0; transition: 0.3s ease; text-transform: uppercase; font-weight: 600; } .events-style02 .events-block .event2-single .event-info p { transition: 0.3s ease; } .events-style02 .events-block .event2-single .event-info p.event-td { margin-bottom: 20px; } .events-style02 .events-block .event2-single .event-info p.event-td span { margin-right: 25px; font-size: 15px; color: #323232; transition: 0.3s ease; } .events-style02 .events-block .event2-single .event-info p.event-td span:last-child { margin-right: 0; } .events-style02 .events-block .event2-single .event-info p.event-td span i { color: #80CD36; display: inline-block; padding-right: 5px; font-size: 14px; } .events-style02 .events-block .event2-single .event-info a.erm-btn { color: #323232; font-size: 14px; font-weight: 500; text-transform: uppercase; display: block; margin-top: 10px; } .events-style02 .events-block .event2-single .event-info a.erm-btn i { display: inline-block; padding-left: 5px; } .events-style02 .events-block .col-sm-12:last-child .event2-single { margin-bottom: 0; } /* Testimonial */ .testimonial-style02 { min-height: auto; } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left { position: relative; } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-image { position: absolute; left: 0; z-index: 1; top: 38px; box-shadow: 0 0 27px rgba(0, 0, 0, 0.35); } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-content { background: #fff; width: 75%; position: absolute; right: 0; top: 0; padding: 100px 25px 100px 150px; } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-content p { position: relative; } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-content p:before { position: absolute; content: "\f10d"; font-family: "FontAwesome"; left: -10px; top: -5px; font-size: 48px; opacity: 0.1; } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-content ul.client-rating { margin: 20px 0; } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-content ul.client-rating li { display: inline-block; color: #FFEF3B; } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-content h3.client-info { margin: 0; color: #80CD36; } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-content h3.client-info span { color: #969595; font-size: 15px; font-weight: 400; font-family: "Roboto", sans-serif; } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right { position: relative; } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right .client-content { background: #fff; width: 80%; position: absolute; left: 0; top: 0; padding: 100px 150px 100px 25px; } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right .client-content p { position: relative; } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right .client-content p:before { position: absolute; content: "\f10d"; font-family: "FontAwesome"; left: -10px; top: -5px; font-size: 48px; opacity: 0.1; } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right .client-content ul.client-rating { margin: 20px 0; } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right .client-content ul.client-rating li { display: inline-block; color: #FFEF3B; } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right .client-content h3.client-info { margin: 0; color: #80CD36; } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right .client-content h3.client-info span { color: #969595; font-size: 15px; font-weight: 400; font-family: "Roboto", sans-serif; } .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-right .client-image { position: absolute; right: 0; z-index: 1; top: 38px; box-shadow: 0 0 27px rgba(0, 0, 0, 0.35); } .testimonial-style02 .owl-stage-outer { min-height: 405px; padding-top: 0; } .testimonial-style02 .owl-nav .owl-prev, .testimonial-style02 .owl-nav .owl-next { margin-top: -80px; } /* Blog */ .blog .blog-posts02 .col-sm-6:nth-child(3) .single-blog, .blog .blog-posts02 .col-sm-6:nth-child(4) .single-blog { margin-bottom: 0; } .blog .blog-posts02 .single-blog { min-height: 680px; margin-bottom: 65px; position: relative; } .blog .blog-posts02 .single-blog:hover figure figcaption { background: rgba(128, 205, 54, 0.5); } .blog .blog-posts02 .single-blog:hover figure figcaption ul { visibility: visible; opacity: 1; } .blog .blog-posts02 .single-blog:hover .blog-excerpt span { color: #80CD36; } .blog .blog-posts02 .single-blog:hover .blog-excerpt h3 a { color: #80CD36; } .blog .blog-posts02 .single-blog:hover .blog-excerpt a.rm-btn { background: #80CD36; color: #fff; } .blog .blog-posts02 .single-blog figure { position: relative; } .blog .blog-posts02 .single-blog figure figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: 0.3s ease; } .blog .blog-posts02 .single-blog figure figcaption p.post-date { position: absolute; right: 25px; top: 25px; width: 60px; height: 60px; background: #80CD36; border-radius: 100px; text-align: center; font-size: 18px; color: #fff; font-weight: 400; padding-top: 4px; } .blog .blog-posts02 .single-blog figure figcaption ul { display: inline-block; padding: 25px 0 0 25px; visibility: hidden; opacity: 0; transition: 0.3s ease; } .blog .blog-posts02 .single-blog figure figcaption ul li { display: inline-block; margin-right: 20px; } .blog .blog-posts02 .single-blog figure figcaption ul li:last-child { margin-right: 0; } .blog .blog-posts02 .single-blog figure figcaption ul li a { display: block; width: 64px; height: 64px; background: rgba(255, 255, 255, 0.5); border-radius: 100px; text-align: center; font-size: 34px; padding-top: 8px; color: #000; } .blog .blog-posts02 .single-blog figure figcaption ul li a i { opacity: .5; } .blog .blog-posts02 .single-blog figure figcaption ul li a:hover { background: #fff; color: #80CD36; } .blog .blog-posts02 .single-blog .blog-excerpt { text-align: center; position: absolute; width: 80%; left: 10%; bottom: 0; background: #fff; box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25); padding: 80px 20px; max-height: 350px; } .blog .blog-posts02 .single-blog .blog-excerpt span a{ color: #323232; font-family: "Roboto Slab",serif; font-size: 18px; font-weight: 600; text-transform: uppercase; transition: all 0.3s ease 0s; } .blog .blog-posts02 .single-blog .blog-excerpt h3 { font-size: 20px; font-weight: 600; margin: 10px 0 25px; text-transform: uppercase; } .blog .blog-posts02 .single-blog .blog-excerpt h3 a { color: #323232; } .blog .blog-posts02 .single-blog .blog-excerpt p { margin-bottom: 0; } .blog .blog-posts02 .single-blog .blog-excerpt a.rm-btn { margin-top: 15px; } .blog .blog-posts02 .single-blog .blog-excerpt a.rm-btn:hover { border-color: #80CD36; background: none; color: #80CD36; } /* Footer Subscribe */ .footer-style02 { padding-top: 0; overflow: hidden; position: relative; } .footer-style02:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100px; background: #80CD36; } .footer-style02 .footer-top-subscribe { padding: 35px 0; margin-bottom: 80px; background: none; padding: 25px 0; } .footer-style02 .footer-top-subscribe form .form-group { margin-bottom: 0; } .footer-style02 .footer-top-subscribe form .form-group input { height: 50px; border: 2px solid #fff; border-radius: 3px; background: transparent; font-weight: 300; font-size: 20px; font-family: "Roboto Slab", serif; color: #fff; padding: 0 30px; width: 100%; } .footer-style02 .footer-top-subscribe form .form-group button { background: transparent; border: 2px solid #fff; height: 50px; font-weight: 300; font-size: 20px; font-family: "Roboto Slab", serif; display: block; padding: 0 10px; color: #fff; transition: 0.3s ease; border-radius: 3px; } .footer-style02 .footer-top-subscribe form .form-group button:hover { color: #80CD36; background: #fff; } .footer-style02 .special-widget { position: relative; z-index: 1; padding-top: 30px; } .footer-style02 .special-widget:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 4000px; background: #191919; z-index: -1; } .footer-style02 .widget.opening-hour ul li { padding-bottom: 10px; } .footer-style02 .widget.opening-hour ul li:last-child { padding-bottom: 0; } .footer-style02 .widget.opening-hour ul li span:last-child { float: right; } /* ============================== Home Page Version 03 ================================ */ .eduvision-home { position: relative; background: url(images/testimonial-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 800px; } .eduvision-home:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } .eduvision-home .home-content { text-align: center; position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); } .eduvision-home .home-content h1 { font-size: 53px; font-weight: 600; color: #fff; margin: 0 0 25px 0; } .eduvision-home .home-content span.home-subtitle { font-size: 25px; color: #fff; } .eduvision-home .home-content form.home-search { margin: 30px 0 50px 0; position: relative; } .eduvision-home .home-content form.home-search input { width: 100%; height: 60px; background: #fff; border: 0 none; padding: 0 75px 0 20px; font-size: 18px; font-style: italic; } .eduvision-home .home-content form.home-search button { position: absolute; font-size: 20px; top: 0; right: 0; color: #fff; background: #80CD36; border: 0 none; height: 60px; padding: 0 25px; } .eduvision-home .home-content ul li { padding-right: 35px; display: inline-block; font-size: 15px; color: #fff; } .eduvision-home .home-content ul li:last-child { padding-right: 0; } .eduvision-home .home-content ul li i { font-size: 17px; } .eduvision-home .home-content a.home-to-bottom { margin-top: 100px; display: inline-block; } /* Course Category */ .course-category { padding: 100px 0; background: #f1f1f1; } .course-category .course-categories .cc-single { position: relative; margin-bottom: 30px; overflow: hidden; } .course-category .course-categories .cc-single figure { position: relative; } .course-category .course-categories .cc-single figure:before { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); left: 0; top: 0; visibility: hidden; opacity: 0; transition: 0.3s ease; } .course-category .course-categories .cc-single figure:hover:before, .course-category .course-categories .cc-single figure:hover figcaption { visibility: visible; opacity: 1; } .course-category .course-categories .cc-single figure figcaption { position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; opacity: 0; visibility: hidden; transition: 0.3s ease; } .course-category .course-categories .cc-single figure figcaption h3 { color: #80CD36; font-weight: 600; margin: 0 0 20px 0; text-transform: uppercase; } .course-category .course-categories .cc-single figure figcaption a { background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0; border-radius: 3px; color: #fff; display: inline-block; font-size: 15px; font-weight: 500; padding: 5px 20px 17px; text-transform: uppercase; } .course-category .course-categories .cc-single figure figcaption a i { display: inline-block; font-size: 36px; padding-right: 10px; position: relative; top: 6px; } .course-category .course-categories .cc-single figure figcaption a:hover { background: #80CD36; } .course-category .course-categories .cc-single p.course-category-name { background: rgba(128, 205, 51, 0.8); bottom: 0; color: #fff; font-size: 15px; font-weight: 500; left: 0; margin-bottom: 0; padding: 15px 0; position: absolute; text-align: center; text-transform: uppercase; width: 100%; transition: 0.6s ease; } .course-category .course-categories .cc-single:hover p.course-category-name { bottom: -100px; } .course-category .course-info-block { margin-top: 65px; } .course-category .course-info-block .cib-single h3 { margin: 30px 0 20px 0; text-transform: uppercase; font-weight: 600; } .course-category .course-info-block .cib-single a { display: inline-block; font-size: 14px; font-weight: 500; margin-top: 10px; text-transform: uppercase; color: #323232; } .course-category .course-info-block .cib-single a:hover { color: #80CD36; } .course-category .course-info-block .cib-single a i { display: inline-block; padding-left: 5px; } .course-category .free-trial-btn { text-align: center; margin-top: 65px; } .course-category .free-trial-btn a:hover { background: none; border-color: #80CD36; color: #80CD36; } /* Online Course List */ .online-course-list { padding: 100px 0px; } .online-course-list .course-container .online-course-single { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); overflow: hidden; margin-bottom: 65px; transition: 0.3s ease; } .online-course-list .course-container .online-course-single figure { position: relative; } .online-course-list .course-container .online-course-single figure figcaption { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); text-align: center; left: 0; top: 0; visibility: hidden; opacity: 0; transition: 0.3s ease; } .online-course-list .course-container .online-course-single figure figcaption ul { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .online-course-list .course-container .online-course-single figure figcaption ul li { display: inline-block; margin-right: 25px; } .online-course-list .course-container .online-course-single figure figcaption ul li:last-child { margin-right: 0; } .online-course-list .course-container .online-course-single figure figcaption ul li a { font-size: 45px; color: #fff; } .online-course-list .course-container .online-course-single figure figcaption ul li a:hover { color: #80CD36; } .online-course-list .course-container .online-course-single .online-course-details { padding: 50px 20px 15px 20px; position: relative; } .online-course-list .course-container .online-course-single .online-course-details p.price-tag { background: #80CD36; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); color: #fff; display: inline-block; font-size: 20px; font-weight: 500; left: 15%; padding: 10px 25px; position: absolute; text-align: center; text-transform: uppercase; top: -23px; width: 70%; } .online-course-list .course-container .online-course-single .online-course-details p.price-tag:before { border-bottom: 22px solid transparent; border-right: 20px solid #80CD36; border-top: 22px solid transparent; content: ""; height: 0; left: -20px; position: absolute; top: 0; width: 0; } .online-course-list .course-container .online-course-single .online-course-details p.price-tag:after { border-bottom: 22px solid transparent; border-left: 20px solid #80CD36; border-top: 22px solid transparent; content: ""; height: 0; right: -20px; position: absolute; top: 0; width: 0; } .online-course-list .course-container .online-course-single .online-course-details h3 { font-weight: 600; margin: 0 0 20px; text-transform: uppercase; transition: all 0.3s ease 0s; } .online-course-list .course-container .online-course-single .online-course-details ul.teacher-info { margin-bottom: 20px; } .online-course-list .course-container .online-course-single .online-course-details ul.teacher-info li { display: table-cell; vertical-align: middle; margin-right: 10px; font-size: 15px; color: #727272; } .online-course-list .course-container .online-course-single .online-course-details ul.teacher-info li:last-child { margin-right: 0; padding-left: 20px; } .avatar, .online-course-list .course-container .online-course-single .online-course-details ul.teacher-info li img { border: 2px solid #80CD36; border-radius: 50%; width: 50px !important; object-fit: cover; } .online-course-list .course-container .online-course-single .online-course-details .course-excerpt { padding-bottom: 15px; } .online-course-list .course-container .online-course-single .online-course-details .course-excerpt span { font-size: 13px; display: block; color: #727272; padding-bottom: 5px; } .online-course-list .course-container .online-course-single .online-course-details .course-excerpt span:last-child { padding-bottom: 0; } .online-course-list .course-container .online-course-single .online-course-details .course-excerpt .col-sm-4:before { background: rgba(0, 0, 0, 0.07); content: ""; height: 35px; position: absolute; right: 5px; top: 0; width: 1px; } .online-course-list .course-container .online-course-single .online-course-details .course-excerpt .col-sm-4:last-child:before { content: none; } .online-course-list .course-container .online-course-single .online-course-details .course-excerpt-bottom ul { margin-bottom: 0; padding: 15px 0 0 0; border-top: 1px solid rgba(0, 0, 0, 0.07); } .online-course-list .course-container .online-course-single .online-course-details .course-excerpt-bottom ul li { display: inline-block; font-size: 18px; margin-right: 20px; color: #727272; } .online-course-list .course-container .online-course-single .online-course-details .course-excerpt-bottom ul li:last-child { margin-right: 0; float: right; color: #FFEF3B; } .online-course-list .course-container .online-course-single .online-course-details .course-details-btn { position: absolute; width: 100%; bottom: -100px; left: 0; visibility: hidden; opacity: 1; transition: 0.3s ease; } .online-course-list .course-container .online-course-single .online-course-details .course-details-btn a { background: #80CD36; color: #fff; display: block; font-size: 17px; font-weight: 500; padding: 18px 0; text-align: center; text-transform: uppercase; } .online-course-list .course-container .online-course-single:hover figure figcaption { visibility: visible; opacity: 1; } .online-course-list .course-container .online-course-single:hover .online-course-details h2 { color: #80CD36; } .online-course-list .course-container .online-course-single:hover .course-details-btn { visibility: visible; opacity: 1; bottom: 0; } .online-course-list .course-container .all-course-btn a { background: #80CD36; border-radius: 3px; color: #fff; display: block; font-size: 16px; font-weight: 500; padding: 20px 0; text-align: center; text-transform: uppercase; } /* Counters & Call To Action */ .counter-cta { background: url(images/index12/02.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; padding: 100px 0; } .counter-cta:before { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); left: 0; top: 0; } .counter-cta .counters { position: relative; background: url(images/online-course/counter-shape-bg.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } .counter-cta .counters .counters-block { padding-top: 60px; padding-bottom: 60px; } .counter-cta .counters .counters-block:nth-child(3), .counter-cta .counters .counters-block:last-child { margin-bottom: 0; } .counter-cta .counters span { display: block; text-align: center; color: #fff; font-size: 20px; font-weight: 500; } .counter-cta .counters span:first-child { font-size: 60px; line-height: 45px; margin-bottom: 15px; font-family: "Roboto Slab", serif; font-weight: 600; } .counter-cta .counters span:last-child { color: #80CD36; } .counter-cta .cta { background: #fff; text-align: center; border-radius: 3px; } .counter-cta .cta h2 { padding: 85px 55px 45px 55px; font-size: 25px; text-transform: uppercase; margin: 0; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; } .counter-cta .cta p { padding: 0 55px 75px 55px; margin-bottom: 0; font-size: 20px; line-height: 32px; } .counter-cta .cta a { background: #80CD36; border-radius: 0 0 3px 3px; color: #fff; display: block; font-size: 20px; font-weight: 500; padding: 30px 0; text-align: center; text-transform: uppercase; } .counter-cta .vt-box { left: 0; top: 67px; } /* Teacher */ .teacher-course-hub1 { padding-bottom: 70px; } /* Testimonial 02 */ .testimonial02 { padding: 100px 0; background: url(images/index12/02.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; z-index: 1; } .testimonial02:after { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: -1; } .testimonial02:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(128, 205, 51, 0.1); z-index: -2; } .testimonial02 .testimonial-thumb { text-align: center; } .testimonial02 .testimonial-thumb ul li { display: inline-block; margin-right: 20px; } .testimonial02 .testimonial-thumb ul li:last-child { margin-right: 0; } .testimonial02 .testimonial-thumb ul li a { display: block; } .testimonial02 .testimonial-thumb ul li a img { transition: 0.3s ease; } .testimonial02 .testimonial-thumb ul li.active a img { -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .testimonial02 .testimonial-items { text-align: center; margin-top: 60px; color: #fff; } .testimonial02 .testimonial-items p { max-width: 770px; margin: 0 auto; text-align: center; color: #fff; margin-bottom: 0; } .testimonial02 .testimonial-items h3 { text-transform: uppercase; font-weight: 600; color: #80CD36; margin: 35px 0 15px 0; } .testimonial02 .testimonial-items span { font-size: 14px; font-weight: 500; } .testimonial02 .block-media .slider-nav .slick-slide img { padding: 10px; transition: 0.3s ease; cursor: pointer; opacity: .7; } .testimonial02 .block-media .slider-nav .slick-center img { padding: 0; transition: 0.3s ease; } .testimonial02 .block-text { text-align: center; margin-top: 60px; color: #fff; } .testimonial02 .block-text p { margin: 0 auto; text-align: center; color: #fff; margin-bottom: 0; } .testimonial02 .block-text h3 { text-transform: uppercase; font-weight: 600; color: #80CD36; margin: 35px 0 15px 0; } .testimonial02 .block-text span { font-size: 14px; font-weight: 500; } .block-media.row { margin-left: auto !important; margin-right: auto !important; } /* Footer */ .footer-style03 { background: url(images/online-course/footer-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; } .footer-bottom { background: #1b1b1b; } /* ============================== Home Page Version 04 ================================ */ .home04 { background: url(images/online-course/intro02.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .home04 .home-content h1 { font-size: 53px; font-weight: 600; color: #fff; margin: 0 0 30px 0; } .home04 .home-content p { font-size: 25px; color: #fff; } .home04 .home-content a.home-video-btn { display: inline-block; width: 100px; height: 100px; background: #80CD36; color: #fff; border-radius: 100px; font-size: 40px; padding-top: 21px; margin-top: 40px; position: relative; } .home04 .home-content a.home-video-btn:before { position: absolute; content: ""; width: 130%; height: 130%; left: -15%; top: -15%; background: rgba(128, 205, 51, 0.3); border-radius: 100px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: 0.3s ease; opacity: 1; z-index: -1; } .home04 .home-content a.home-video-btn:after { position: absolute; content: ""; width: 130%; height: 130%; left: -15%; top: -15%; background: rgba(255, 255, 255, 0.3); border-radius: 100px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: 0.3s ease; opacity: 0; z-index: -2; } .home04 .home-content a.home-video-btn:hover { background: #fff; color: #80CD36; } .home04 .home-content a.home-video-btn:hover:before { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } .home04 .home-content a.home-video-btn:hover:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Course Wrapper */ .course-wrapper { position: relative; } .course-wrapper .course-search { position: absolute; width: 1250px; left: 50%; top: -160px; margin-left: -625px; } .course-wrapper .course-search .serach-header { width: 326px; background: #80CD36; padding: 20px 0 20px 55px; border-radius: 3px 3px 0 0; } .course-wrapper .course-search .serach-header h2 { font-size: 22px; color: #fff; margin: 0; font-weight: 600; text-transform: uppercase; } .course-wrapper .course-search .search-container { background: #fff; box-shadow: 6px 0 52px rgba(0, 0, 0, 0.3); border-radius: 0 5px 5px 5px; } .course-wrapper .course-search .search-container .home-search-inner { padding: 55px 0; } .course-wrapper .course-search .search-container .home-search-inner form .select-default { position: relative; } .course-wrapper .course-search .search-container .home-search-inner form .select-default:before { position: absolute; content: "\f107"; font-family: "FontAwesome"; font-size: 18px; color: #727272; pointer-events: none; top: 15px; right: 15px; cursor: pointer; } .course-wrapper .course-search .search-container .home-search-inner form .select-default select { width: 100%; padding: 10px 15px; border: 2px solid #727272; border-radius: 3px; font-size: 18px; text-transform: uppercase; font-weight: 300; cursor: pointer; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .course-wrapper .course-search .search-container .home-search-inner form .select-default select option { font-size: 15px; text-transform: uppercase; color: #727272; padding: 5px 15px; display: block; } .course-wrapper .course-search .search-container .home-search-inner form input{ display: inline-block; padding: 17px; float: left; width: 90%; border-radius: 0; border: 2px solid #727272; } .course-wrapper .course-search .search-container .home-search-inner form button { width: auto; padding: 13px 15px; border: 2px solid #80CD36; background: #80CD36; border-radius: 3px; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 400; } .course-wrapper .course-search .search-container .home-search-inner form button i { display: inline-block; padding-right: 5px; } .course-wrapper .course-tab-wrapper { padding-top: 170px; } .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image { position: relative; } .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image figure { position: relative; } .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image figure:hover figcaption { visibility: visible; opacity: 1; } .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image figure figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); text-align: center; visibility: hidden; opacity: 0; transition: 0.3s ease; } .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image figure figcaption .cview-btn { left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); width: 100%; } .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image figure figcaption .cview-btn a { border: 0 none; font-size: 20px; display: inline-block; padding: 15px 20px 15px 60px; background: rgba(255, 255, 255, 0.4); color: #fff; font-weight: 400; margin: 0; position: relative; } .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image figure figcaption .cview-btn a:before { position: absolute; left: 15px; top: 0; content: "\f01d"; font-family: "FontAwesome"; font-size: 40px; } .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image figure figcaption .cview-btn a:hover { background: #80CD36; } .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel div.tabpane-image h2 { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(128, 205, 51, 0.8); color: #fff; text-align: center; font-size: 20px; padding: 25px 0; margin: 0; font-family: "Roboto", sans-serif; font-weight: 500; text-transform: uppercase; } .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel .owl-nav { position: absolute; left: 0; bottom: 15px; width: 100%; } .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel .owl-nav .owl-prev, .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel .owl-nav .owl-next { display: inline-block; width: 45px; height: 45px; text-align: center; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 100px; font-size: 20px; padding-top: 5px; color: rgba(255, 255, 255, 0.5); margin-left: 15px; transition: 0.3s ease; } .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel .owl-nav .owl-prev:hover, .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel .owl-nav .owl-next:hover { border-color: #fff; color: #fff; } .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane .tabpane-carousel .owl-nav .owl-next { float: right; margin-left: 0; margin-right: 15px; } .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane h2 { margin: 0 0 25px 0; font-weight: 600; text-transform: uppercase; } .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane a { border: 2px solid #80CD36; background: none; color: #80CD36; margin-top: 40px; } .course-wrapper .course-tab-wrapper .course-tabs .tab-content .tab-pane a:hover { background: #80CD36; color: #fff; } .course-wrapper .course-tab-wrapper .course-tabs div.nav-tabs { border: 0; margin-top: 40px; } .course-wrapper .course-tab-wrapper .course-tabs div.nav-tabs .active.col-sm-2 a { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } .course-wrapper .course-tab-wrapper .course-tabs div.nav-tabs .col-sm-2 a { padding: 0; border: 0 none; margin: 0; display: block; } .course-wrapper .course-tab-wrapper .course-tabs div.nav-tabs .col-sm-2 a figure { position: relative; } .course-wrapper .course-tab-wrapper .course-tabs div.nav-tabs .col-sm-2 a figure figcaption { position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(128, 205, 51, 0.78); text-align: center; font-size: 15px; font-weight: 500; text-transform: uppercase; color: #fff; padding: 10px 0; transition: .3s ease; } .course-wrapper .course-style04 { padding: 100px 0; } .course-wrapper .course-style04 .course-single { margin-bottom: 75px; } .course-wrapper .course-style04 .course-single .cs-text { padding: 25px 0; text-align: center; } .course-wrapper .course-style04 .course-single .cs-text span.course-subtitle { font-size: 16px; display: block; position: relative; transition: 0.3s ease; } .course-wrapper .course-style04 .course-single .cs-text span.course-subtitle:before { position: absolute; content: ""; width: 220px; height: 1px; background: #80CD36; right: -50px; top: 19px; z-index: 1; } .course-wrapper .course-style04 .course-single .cs-text h3 { margin: 20px 0 30px 0; transition: .3s ease; } .course-wrapper .course-style04 .course-single .cs-text ul.course-author { margin-bottom: 25px; } .course-wrapper .course-style04 .course-single .cs-text ul.course-author li { display: inline-block; } .course-wrapper .course-style04 .course-single .cs-text ul.course-author li:first-child { padding-right: 15px; } .course-wrapper .course-style04 .course-single .cs-text ul.course-excerpt li { display: inline-block; margin-right: 30px; } .course-wrapper .course-style04 .course-single .cs-text ul.course-excerpt li:last-child { margin-right: 0; } .course-wrapper .course-style04 .course-single .cs-text ul.course-excerpt li span { display: block; } .course-wrapper .course-style04 .course-single .cs-text a.view-btn { border: 2px solid #80CD36; border-radius: 3px; color: #80CD36; display: inline-block; font-family: "Roboto", serif; font-size: 14px; font-weight: 500; margin-top: 25px; padding: 13px 50px; text-transform: uppercase; } .course-wrapper .course-style04 .course-single .cs-image figure { position: relative; } .course-wrapper .course-style04 .course-single .cs-image figure figcaption { position: absolute; width: 100%; height: 100%; text-align: center; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; visibility: hidden; opacity: 0; transition: .3s ease; } .course-wrapper .course-style04 .course-single .cs-image figure figcaption span { font-size: 60px; font-weight: 600; position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; color: #fff; } .course-wrapper .course-style04 .course-single:hover .cs-text span.course-subtitle { color: #80CD36; } .course-wrapper .course-style04 .course-single:hover .cs-text h2 { color: #80CD36; } .course-wrapper .course-style04 .course-single:hover .cs-image figure figcaption { visibility: visible; opacity: 1; } .course-wrapper .course-style04 .course-single:hover a.view-btn { background: #80CD36; color: #fff; } .course-wrapper .course-style04 .course-single.image-left { margin-bottom: 75px; } .course-wrapper .course-style04 .course-single.image-left .cs-text span.course-subtitle:before { left: -50px; right: auto; } .course-wrapper .course-style04 .browse-all-course a { background: #80CD36; border-radius: 3px; color: #fff; display: block; font-size: 16px; font-weight: 500; padding: 20px 0; text-align: center; text-transform: uppercase; } /* ============================== Kindergarten Version 01 ================================ */ body.kids-school { font-family: "Sniglet", cursive; } body.kids-school h1, body.kids-school h2, body.kids-school h3, body.kids-school h4, body.kids-school h5, body.kids-school h6 { font-family: "Sniglet", cursive; } /* Header */ header.header-style05 .header-top { background: #b5d56a; } header.header-style05 .header-top .header-top-left ul li i { color: #fff; text-shadow: none; } header.header-style05 .header-top .header-top-right ul li i { color: #fff; text-shadow: none; } header.header-style05 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li { } header.header-style05 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a { font-family: "Sniglet", cursive; } header.header-style05 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:hover { color: #b5d56a; } header.header-style05 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:after { background: #b5d56a; } header.header-style05 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.active a { color: #b5d56a; } header.header-style05 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu { border-top: 3px solid #b5d56a; } header.header-style05 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block { border-top: 3px solid #b5d56a; } /* Slider */ .slider .slider-bottom-shape { position: absolute; left: 0; bottom: 0; } .slider .slider-bottom-shape img { width: 100%; } .slider .slider-bottom-blocks { position: absolute; width: 100%; left: 0; bottom: -140px; } .slider .slider-bottom-blocks .sb-block { text-align: center; padding: 25px 15px; background: #ddd; z-index: 1; border-radius: 5px; position: relative; overflow: hidden; } .slider .slider-bottom-blocks .sb-block:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; border-radius: 5px; border-radius: 5px; } .slider .slider-bottom-blocks .sb-block h2 { font-size: 24px; margin: 20px 0; color: #fff; } .slider .slider-bottom-blocks .sb-block p { margin-bottom: 0; font-weight: 400; color: #fff; } .slider .slider-bottom-blocks .sb-block a { display: inline-block; width: 50px; height: 50px; border-radius: 100px; background: #fff; font-size: 20px; padding-top: 9px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15); margin-top: 20px; } .slider .slider-bottom-blocks .sb-block a:hover { background: #B5D56A; color: #fff; } .slider .slider-bottom-blocks .sb-block1 { background: url(images/kindergarten/h01.png); background-size: cover; background-repeat: no-repeat; } .slider .slider-bottom-blocks .sb-block1:before { background: rgba(240, 194, 75, 0.95); } .slider .slider-bottom-blocks .sb-block1 a { color: #f0c24b; } .slider .slider-bottom-blocks .sb-block2 { background: url(images/kindergarten/h02.png); background-size: cover; background-repeat: no-repeat; } .slider .slider-bottom-blocks .sb-block2:before { background: rgba(181, 213, 106, 0.95); } .slider .slider-bottom-blocks .sb-block2 a { color: #b5d56a; } .slider .slider-bottom-blocks .sb-block3 { background: url(images/kindergarten/h03.png); background-size: cover; background-repeat: no-repeat; } .slider .slider-bottom-blocks .sb-block3:before { background: rgba(234, 112, 102, 0.95); } .slider .slider-bottom-blocks .sb-block3 a { color: #ea7066; } .slider .slider-bottom-blocks .sb-block4 { background: url(images/kindergarten/h04.png); background-size: cover; background-repeat: no-repeat; } .slider .slider-bottom-blocks .sb-block4:before { background: rgba(132, 190, 214, 0.95); } .slider .slider-bottom-blocks .sb-block4 a { color: #84bed6; } /* About */ .about.about05 { position: relative; padding: 0 0 240px 0; } .about.about05 .about-text { padding-right: 15px; } .about.about05 .about-text h2 { margin-bottom: 25px; } .about.about05 .about-text h2 span { color: #b5d56a; } .about.about05 .about-text span.heading-devider { display: inline-block; width: 340px; border-bottom: 1px dashed #727272; position: relative; margin-bottom: 25px; } .about.about05 .about-text span.heading-devider:before { position: absolute; content: ""; width: 7px; height: 7px; background: #b5d56a; border-radius: 100px; left: 50%; margin-left: -3px; top: -3px; } .about.about05 .about-text span.heading-devider:after { position: absolute; content: ""; height: 3px; width: 60px; left: 50%; margin-left: -30px; top: -1px; background: #b5d56a; } .about.about05 .about-text p { color: #9a9a9a; } .about.about05 .about-text a { background-image: url("images/kindergarten/btn-bg.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; border: 2px solid #b5d56a; border-radius: 0; color: #b5d56a; margin-top: 25px; position: relative; padding: 15px 40px; font-size: 16px; display: inline-block; } .about.about05 .about-text a:before { position: absolute; left: 10px; top: 10px; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.05); z-index: -1; border: 2px solid #b5d56a; } .about.about05 .about-image01 { position: absolute; left: 100px; right: -70px; top: 0; z-index: -2; } .about.about05 .about-image02 { position: absolute; left: 0; top: 150px; z-index: -1; } /* Call To Action */ .kids-callto-action { padding: 100px 0; background: url(images/kindergarten/cta-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center; } .kids-callto-action .callto-action-content { position: relative; z-index: 1; } .kids-callto-action .callto-action-content h2 { margin: 0 0 30px 0; text-transform: uppercase; } .kids-callto-action .callto-action-content h2 span { color: #b5d56a; } .kids-callto-action .callto-action-content p { max-width: 750px; margin: 0 auto; color: #9a9a9a; font-size: 20px; line-height: 32px; } .kids-callto-action .callto-action-content a { background-image: url(images/kindergarten/btn-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; color: #b5d56a; border-radius: 0; border: 2px solid #b5d56a; margin-top: 30px; display: inline-block; font-size: 20px; padding: 15px 30px; } .kids-callto-action .callto-action-content a:before { position: absolute; left: 10px; top: 10px; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.05); border: 2px solid #b5d56a; z-index: -1; } /* Courses */ .section-header02 { margin-bottom: 20px; } .section-header02 h2 { margin-bottom: 35px; } .section-header02 h2 span { color: #b5d56a; } .section-header02 h2 span:before, .section-header02 h2 span:after { content: none; } .section-header02 span.heading-devider { display: inline-block; width: 340px; border-bottom: 1px dashed #727272; position: relative; margin-bottom: 25px; } .section-header02 span.heading-devider:before { position: absolute; content: ""; width: 7px; height: 7px; background: #b5d56a; border-radius: 100px; left: 50%; margin-left: -3px; top: -3px; } .section-header02 span.heading-devider:after { position: absolute; content: ""; height: 3px; width: 60px; left: 50%; margin-left: -30px; top: -1px; background: #b5d56a; } .kids-courses { padding: 100px 0 25px 0; background: url(images/kindergarten/course-bg.png); background-position: top; background-repeat: no-repeat; background-size: contain; } .kids-courses .course-slide .owl-stage-outer { padding-bottom: 10px; } .kids-courses .course-slide .online-course-single .online-course-details { position: relative; z-index: 1; transition: 0.3s ease; } .kids-courses .course-slide .online-course-single .online-course-details:hover { background: url(images/kindergarten/cta-bg2.png); background-size: cover; background-repeat: no-repeat; background-position: center; } .kids-courses .course-slide .online-course-single .online-course-details:hover:before { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.85); left: 0; top: 0; z-index: -1; } .kids-courses .course-slide .online-course-single .online-course-details p.price-tag { background: #b5d56a; } .kids-courses .course-slide .online-course-single .online-course-details p.price-tag:before { border-right-color: #b5d56a; } .kids-courses .course-slide .online-course-single .online-course-details p.price-tag:after { border-left-color: #b5d56a; } .kids-courses .course-slide .online-course-single .online-course-details h3 { text-align: center; font-weight: 400; } .kids-courses .course-slide .online-course-single .online-course-details ul.teacher-info { text-align: center; } .kids-courses .course-slide .online-course-single .online-course-details ul.teacher-info li { display: block; } .kids-courses .course-slide .online-course-single .online-course-details ul.teacher-info li img { display: inline; width: 45px; height: 45px; } .kids-courses .course-slide .online-course-single .online-course-details ul.teacher-info li:last-child { padding: 5px 0 0 0; } .kids-courses .course-slide .online-course-single .online-course-details .course-excerpt { text-align: center; } .kids-courses .online-course-single .online-course-details ul.teacher-info li img { border-color: #b5d56a !important; } .kids-courses .online-course-single .online-course-details .course-details-btn a { background: #b5d56a !important; } .kids-courses .owl-nav .owl-prev, .kids-courses .owl-nav .owl-next { border: 1px solid #4d4d4d; border-radius: 10px; color: #4d4d4d; display: inline-block; font-size: 40px; height: 60px; position: absolute; text-align: center; width: 60px; top: 50%; margin-top: -65px; transition: 0.3s ease; } .kids-courses .owl-nav .owl-prev:hover, .kids-courses .owl-nav .owl-next:hover { border-color: #b5d56a; color: #b5d56a; } .kids-courses .owl-nav .owl-prev { left: -65px; } .kids-courses .owl-nav .owl-next { right: -65px; } .kids-courses .owl-dots { text-align: center; margin-top: 0; display: none; } .kids-courses .owl-dots .owl-dot { display: inline-block; margin-right: 15px; } .kids-courses .owl-dots .owl-dot:last-child { margin-right: 0; } .kids-courses .owl-dots .owl-dot span { border: 3px solid #80CD36; display: block; height: 17px; width: 17px; transition: 0.3s ease; } .kids-courses .owl-dots .owl-dot.active span { background: #80CD36; -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } /* kids Register */ .kids-register { padding: 100px 0; background: url(images/kindergarten/01.png); background-repeat: no-repeat; background-size: cover; background-position: center; } .kids-register .countdown { position: relative; left: 0; top: 50%; -webkit-transform: translateY(40%); -ms-transform: translateY(40%); transform: translateY(40%); } .kids-register .countdown span { font-size: 30px; color: #fff; text-transform: uppercase; } .kids-register .countdown span span { color: #b5d56a; } .kids-register .countdown h2 { font-size: 80px; text-transform: uppercase; margin: 15px 0 50px 0; color: #fff; } .kids-register .countdown #timer-wrapper .timer-body-block .table-cell { display: inline-block; text-align: center; color: #fff; padding: 15px; width: 115px; height: 115px; border: 2px solid #fff; border-radius: 10px; margin-right: 40px; } .kids-register .countdown #timer-wrapper .timer-body-block .table-cell:last-child { margin-right: 0; } .kids-register .countdown #timer-wrapper .timer-body-block .table-cell .tab-val { font-size: 55px; line-height: 55px; } .kids-register .countdown #timer-wrapper .timer-body-block .table-cell .tab-unit { font-size: 20px; text-transform: uppercase; } .kids-register .registration-form { background: #fff; position: relative; } .kids-register .registration-form:before { position: absolute; content: url(images/kindergarten/butterfly.png); right: -75px; top: -35px; } .kids-register .registration-form h2 { font-size: 30px; text-transform: uppercase; margin: 0; padding: 40px 0 30px 0; margin: 0 0 25px 0; text-align: center; position: relative; } .kids-register .registration-form h2:before { position: absolute; left: 0; bottom: 0; width: 50%; height: 1px; content: ""; background: #ebf5e7; } .kids-register .registration-form h2:after { position: absolute; right: 0; bottom: 0; width: 50%; height: 1px; content: ""; background: #ecebc8; } .kids-register .registration-form h2 span { color: #b5d56a; } .kids-register .registration-form form .form-group { padding: 0 20px; } .kids-register .registration-form form input, .kids-register .registration-form form textarea { display: block; width: 100%; font-size: 25px; color: #9a9a9a; border-top: 0; border-right: 0; border-bottom: 1px solid #b2b2b2; border-left: 0; margin-bottom: 30px; padding: 0 15px 15px 15px; transition: 0.3s ease; box-shadow: none; } .kids-register .registration-form form input:focus, .kids-register .registration-form form textarea:focus { border-color: #b5d56a; } .kids-register .registration-form form textarea { min-height: 100px; resize: none; } .kids-register .registration-form form button { padding: 20px 0; text-align: center; display: block; font-size: 30px; text-transform: uppercase; color: #fff; background: #b5d56a; width: 100%; border: 0 none; } /* Teacher */ .kids-teacher { padding: 100px 0 0 0; } .kids-teacher .section-header02 { margin-bottom: 60px; } .kids-teacher .teacher-single05 { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); margin-bottom: 100px; transition: 0.3s ease; } .kids-teacher .teacher-single05 .ts5-image { position: relative; top: -40px; } .kids-teacher .teacher-single05 .ts5-image ul { margin: 20px 0 0 0; text-align: center; } .kids-teacher .teacher-single05 .ts5-image ul li { display: inline-block; margin-right: 15px; } .kids-teacher .teacher-single05 .ts5-image ul li:last-child { margin-right: 0; } .kids-teacher .teacher-single05 .ts5-image ul li a { font-size: 16px; width: 35px; height: 35px; display: block; border-radius: 100px; color: #fff; text-align: center; padding-top: 3px; background: #b5d56a; } .kids-teacher .teacher-single05 .ts5-image ul li.facebook a:hover { background: #3B5998; } .kids-teacher .teacher-single05 .ts5-image ul li.twitter a:hover { background: #1DA1F2; } .kids-teacher .teacher-single05 .ts5-image ul li.gplus a:hover { background: #DD4B39; } .kids-teacher .teacher-single05 .ts5-image ul li.linkedin a:hover { background: #00A0DC; } .kids-teacher .teacher-single05 .ts5-info { padding: 40px 30px 40px 5px; } .kids-teacher .teacher-single05 .ts5-info h3 { margin: 0 0 10px 0; transition: 0.3s ease; text-transform: uppercase; font-weight: 600; } .kids-teacher .teacher-single05 .ts5-info span { font-size: 15px; color: #323232; display: block; margin-bottom: 15px; } .kids-teacher .teacher-single05 .ts5-info p { color: #9a9a9a; margin-bottom: 20px; } .kids-teacher .teacher-single05 .ts5-info a { font-size: 14px; color: #323232; text-transform: uppercase; font-weight: 500; } .kids-teacher .teacher-single05 .ts5-info a i { display: inline-block; padding-left: 5px; } /* Testimonial */ .kids-testimonial { background: url(images/kindergarten/cta-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; } .kids-testimonial .testimonial-carousel02 .testimonial-single .ts-left .client-image { box-shadow: 8px 0 13px rgba(0, 0, 0, 0.13); } .kids-testimonial .testimonial-carousel02 .testimonial-single .ts-left .client-content h3.client-info { color: #b5d56a; font-weight: 600; } .kids-testimonial .testimonial-carousel02 .testimonial-single .ts-right .client-image { box-shadow: -8px 0 13px rgba(0, 0, 0, 0.13); } .kids-testimonial .testimonial-carousel02 .testimonial-single .ts-right .client-content h3.client-info { color: #b5d56a; font-weight: 600; } .kids-testimonial .owl-nav .owl-prev, .kids-testimonial .owl-nav .owl-next { border: 1px solid #4d4d4d; border-radius: 10px; color: #4d4d4d; margin-top: -45px; } .kids-testimonial .owl-nav .owl-prev:hover, .kids-testimonial .owl-nav .owl-next:hover { border-color: #b5d56a; color: #b5d56a; } .kids-testimonial .owl-dots { display: none; } /* Blog */ .blog02 { padding: 100px 0; } .blog02 .blog-posts .single-blog { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); padding: 0 0 30px 0; transition: 0.3s ease; } .blog02 .blog-posts .single-blog:hover figure figcaption ul li { color: #b5d56a; } .blog02 .blog-posts .single-blog figure figcaption ul { padding: 20px 0 10px 0; padding: 20px 20px 0 20px; } .blog02 .blog-posts .single-blog figure figcaption ul li { color: #727375; display: inline-block; font-size: 15px; text-transform: uppercase; transition: all 0.3s ease 0s; } .blog02 .blog-posts .single-blog figure figcaption ul li:last-child { float: right; } .blog02 .blog-posts .single-blog .blog-excerpt { padding: 0 20px; } .blog02 .blog-posts .single-blog .blog-excerpt h3 { line-height: 26px; margin: 0 0 15px 0; font-weight: 400; } .blog02 .blog-posts .single-blog .blog-excerpt h3 a { color: #323232; } .blog02 .blog-posts .single-blog .blog-excerpt p { color: #9a9a9a; margin-bottom: 20px; } .blog02 .blog-posts .single-blog .blog-excerpt a.view-more-btn { font-size: 14px; text-transform: uppercase; color: #323232; font-weight: 500; } .blog02 .blog-posts .single-blog .blog-excerpt a.view-more-btn i { display: inline-block; padding-left: 5px; } /* Footer */ footer.footer02 { background: url(images/kindergarten/footer-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: top; padding-bottom: 0; } footer.footer02 .widget a:hover, footer.footer02 h3.widget-title, footer.footer02 .widget h3.widget-title, footer.footer02 .widget .widget-title h2 { color: #b5d56a; } footer.footer02 .widget.about-widget .widget-content ul li i { text-shadow: none; color: #b5d56a; } footer.footer02 .widget.footer-social ul li a i { text-shadow: none; color: #fff; } footer.footer02 .widget.footer-social ul li a:hover i { color: #b5d56a; } footer.footer02 .widget.links .widget-content ul li a:hover { color: #b5d56a; } footer.footer02 .widget.latest-news .news-single .news-excerpt h3 a:hover { color: #b5d56a; } footer.footer02 .widget.contact-widget form button, footer.footer02 .widget.subscribe form button { background: #b5d56a; border-color: #b5d56a; font-family: "Sniglet", cursive; } .footer-bottom02 { background: transparent; border-top-color: #697B41; } .footer-bottom02 p { font-family: inherit; } /* ============================== Kindergarten Version 02 ================================ */ /* Header */ header.header-kg { position: absolute; width: 100%; left: 0; top: 0; z-index: 1; } header.header-kg .header-top { padding-left: 40px; padding-right: 40px; } .logged-in header.header-kg .header-top { margin-top: 32px; } header.header-kg .main-menu { padding-left: 40px; padding-right: 40px; background: #fff; border-radius: 0 0 3px 3px; } header.header-kg .main-menu nav.navbar .navbar-header a.navbar-brand { padding: 30px 0; } header.header-kg .main-menu nav.navbar .navbar-collapse { padding-left: 0; padding-right: 0; } header.header-kg .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block { left: -159px; } header.header-kg .main-menu nav.navbar .nav-container .menu-search { right: -15px; } /* Slider */ .kindergarten-slider { position: relative; } .kindergarten-slider .su-overlay-kg { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } .kindergarten-slider .su-overlay-kg:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(163, 191, 95, 0.1); transition: all 0.3s ease 0s; z-index: -2; } .kindergarten-slider .su-overlay-kg:after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0s; z-index: -1; } /* Section Header */ .section-header-kg { text-align: center; margin-bottom: 60px; } .section-header-kg h2 { text-transform: uppercase; margin: 0; padding-bottom: 25px; position: relative; line-height: 30px; } .section-header-kg h2:before { position: absolute; content: ""; width: 70px; height: 1px; background: #ea7066; left: 50%; bottom: 0; margin-left: -70px; z-index: -3; } .section-header-kg h2:after { position: absolute; content: ""; width: 70px; height: 1px; background: #84bed6; left: 50%; bottom: 0; margin-left: 0; z-index: -2; } .section-header-kg h2 span { position: absolute; width: 50px; height: 3px; background: #b5d56a; bottom: -1px; left: 50%; margin-left: -25px; z-index: -1; } .section-header-kg h2 span:before { position: absolute; content: ""; width: 7px; height: 7px; border-radius: 50%; background: #f0c24b; left: 50%; margin-left: -3px; bottom: -2px; } .section-header-kg p { max-width: 625px; margin: 20px auto 0 auto; } /* Features */ .page-template-kindergarten .kindergarten-features { padding: 0 0 100px 0; margin-top: 80px; } .page-template-kindergarten2 .kindergarten-features{ padding: 100px 0px; } .kindergarten-features .features-boxes .feature-box-wrapper { margin-bottom: 40px; } .kindergarten-features .features-boxes .feature-box-wrapper:first-child .feature-box-single { background: #f0c24b; } .kindergarten-features .features-boxes .feature-box-wrapper:first-child .feature-box-single a.more-btn { color: #f0c24b; } .kindergarten-features .features-boxes .feature-box-wrapper:nth-child(2) .feature-box-single { background: #b5d56a; } .kindergarten-features .features-boxes .feature-box-wrapper:nth-child(2) .feature-box-single a.more-btn { color: #b5d56a; } .kindergarten-features .features-boxes .feature-box-wrapper:nth-child(3) .feature-box-single { background: #ea7066; } .kindergarten-features .features-boxes .feature-box-wrapper:nth-child(3) .feature-box-single a.more-btn { color: #ea7066; } .kindergarten-features .features-boxes .feature-box-wrapper:nth-child(4) .feature-box-single { background: #84bed6; } .kindergarten-features .features-boxes .feature-box-wrapper:nth-child(4) .feature-box-single a.more-btn { color: #84bed6; } .kindergarten-features .features-boxes .feature-box-wrapper:nth-child(5) .feature-box-single { background: #a597e7; } .kindergarten-features .features-boxes .feature-box-wrapper:nth-child(5) .feature-box-single a.more-btn { color: #a597e7; } .kindergarten-features .features-boxes .feature-box-wrapper:nth-child(6) .feature-box-single { background: #ea77ad; } .kindergarten-features .features-boxes .feature-box-wrapper:nth-child(6) .feature-box-single a.more-btn { color: #ea77ad; } .kindergarten-features .features-boxes .feature-box-wrapper:nth-child(7) .feature-box-single { background: #7ee6e9; } .kindergarten-features .features-boxes .feature-box-wrapper:nth-child(7) .feature-box-single a.more-btn { color: #7ee6e9; } .kindergarten-features .features-boxes .feature-box-wrapper:last-child .feature-box-single { background: #92278f; } .kindergarten-features .features-boxes .feature-box-wrapper:last-child .feature-box-single a.more-btn { color: #92278f; } .kindergarten-features .features-boxes .feature-box-wrapper .feature-box-single { text-align: center; padding: 30px 20px; border-radius: 3px; } .kindergarten-features .features-boxes .feature-box-wrapper .feature-box-single h3 { margin: 20px 0 15px 0; color: #fff; font-weight: 400; } .kindergarten-features .features-boxes .feature-box-wrapper .feature-box-single p { color: #fff; margin-bottom: 0; } .kindergarten-features .features-boxes .feature-box-wrapper .feature-box-single a.more-btn { display: inline-block; width: 50px; height: 50px; margin-top: 20px; border-radius: 50%; background: #fff; padding-top: 12px; font-size: 18px; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.13); } /* Information Kids Care */ .information-middle { background: url(images/kindergarten/bg2.png); background-repeat: no-repeat; background-size: cover; background-position: center; } .information-middle .info-image { position: relative; top: 10px; } .information-middle .info-content { padding-left: 70px; padding-top: 150px; } .information-middle .info-content h2 { line-height: 50px; color: #fff; margin: 0 0 30px 0; } .information-middle .info-content p { color: #fff; margin-bottom: 0; } .information-middle .info-content a { background: #fff; color: #b5d56a; border-color: #fff; padding: 12px 40px; margin-top: 50px; } /* Courses */ .courses-kindergarten2 { padding: 100px 0; } .courses-kindergarten2 .courses-wrapper .course-single-box { margin-bottom: 50px; } .courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(2) .course-single-inner .course-info:hover h3 a { color: #f0c24b; } .courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(2) .course-single-inner .course-info ul.author-info li:last-child a { color: #f0c24b; } .courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(2) .course-single-inner .course-info ul.author-info li img { border-color: #f0c24b; } .courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(2) .course-single-inner .course-info ul.course-meta li span { color: #f0c24b; } .courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(2) .course-single-inner .course-info ul.course-bottom li:last-child { color: #f0c24b; } .courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(3) .course-single-inner .course-info:hover h3 a { color: #ea7066; } .courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(3) .course-single-inner .course-info ul.author-info li:last-child a { color: #ea7066; } .courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(3) .course-single-inner .course-info ul.author-info li img { border-color: #ea7066; } .courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(3) .course-single-inner .course-info ul.course-meta li span { color: #ea7066; } .courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(3) .course-single-inner .course-info ul.course-bottom li:last-child { color: #ea7066; } .courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(4) .course-single-inner .course-info:hover h3 a { color: #84bed6; } .courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(4) .course-single-inner .course-info ul.author-info li:last-child a { color: #84bed6; } .courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(4) .course-single-inner .course-info ul.author-info li img { border-color: #84bed6; } .courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(4) .course-single-inner .course-info ul.course-meta li span { color: #84bed6; } .courses-kindergarten2 .courses-wrapper .course-single-box:nth-child(4) .course-single-inner .course-info ul.course-bottom li:last-child { color: #84bed6; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-image { padding-right: 0; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-image:hover figure figcaption { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-image figure { position: relative; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-image figure figcaption { position: absolute; width: 100%; left: 0; top: 0; height: 100%; background: rgba(0, 0, 0, 0.7); -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; visibility: hidden; transition: 0.3s ease; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-image figure figcaption div { text-align: center; position: absolute; width: 100%; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-image figure figcaption div a { background: #b5d56a; border-color: #b5d56a; padding: 10px 25px; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-image figure figcaption div a:hover { color: #b5d56a; background: #fff; border-color: #fff; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info { padding: 20px 35px 10px 20px; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info:hover h3 a { color: #b5d56a; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info h3 { font-weight: 600; margin: 0 0 15px; text-transform: uppercase; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info h3 a { color: inherit; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.author-info { margin-bottom: 0; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.author-info li { display: table-cell; vertical-align: middle; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.author-info li:last-child { padding-left: 15px; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.author-info li:last-child a { color: #b5d56a; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.author-info li img { border: 2px solid #b5d56a; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-meta { margin: 15px 0; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-meta li { display: inline-block; padding-right: 30px; position: relative; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-meta li span { color: #b5d56a; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-meta li:last-child { padding-right: 0; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-meta li:first-child:before { position: absolute; content: "|"; right: 10px; top: 0; color: rgba(0, 0, 0, 0.13); } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info p { margin-bottom: 10px; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-bottom { margin: 0; padding-top: 10px; border-top: 1px solid rgba(0, 0, 0, 0.13); } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-bottom li { display: inline-block; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-bottom li span { color: #ffef3b; font-size: 16px; } .courses-kindergarten2 .courses-wrapper .course-single-box .course-single-inner .course-info ul.course-bottom li:last-child { color: #b5d56a; float: right; font-size: 20px; line-height: 22px; } .courses-kindergarten2 .courses-wrapper .course-more-btn { text-align: center; } .courses-kindergarten2 .courses-wrapper .course-more-btn a { background: #b5d56a; border-color: #b5d56a; } .courses-kindergarten2 .courses-wrapper .course-more-btn a:hover { color: #b5d56a; background: none; } /* Counters */ .info-counter { padding: 100px 0; background: url(images/kindergarten/01.png); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; z-index: -4; } .info-counter:before { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; z-index: -5; } .info-counter .section-header-kg h2 { color: #fff; } .info-counter .section-header-kg p { color: #fff; } .info-counter .counter-boxes .counter-single { width: 20%; float: left; text-align: center; } .info-counter .counter-boxes .counter-single:nth-child(2) .counter-data span:first-child { color: #f0c24b; } .info-counter .counter-boxes .counter-single:nth-child(3) .counter-data span:first-child { color: #ea7066; } .info-counter .counter-boxes .counter-single:nth-child(4) .counter-data span:first-child { color: #84bed6; } .info-counter .counter-boxes .counter-single:last-child .counter-data span:first-child { color: #a597e7; } .info-counter .counter-boxes .counter-single .count-icon { padding: 15px; background: #fff; display: inline-block; } .info-counter .counter-boxes .counter-single .counter-data { margin-top: 50px; } .info-counter .counter-boxes .counter-single .counter-data span { display: block; color: #fff; font-size: 15px; } .info-counter .counter-boxes .counter-single .counter-data span:first-child { font-size: 40px; color: #b5d56a; line-height: 32px; margin-bottom: 10px; } /* Gallery */ .kindergarten-gallery { padding: 100px 0; overflow: hidden; } .kindergarten-gallery .gallery-wrapper { margin-right: -5px; margin-left: -5px; } .kindergarten-gallery .gallery-wrapper .gallery-box { width: 20%; float: left; padding: 0 5px 20px 5px; } .kindergarten-gallery .gallery-wrapper .gallery-box:hover figure img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .kindergarten-gallery .gallery-wrapper .gallery-box:hover figure figcaption { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .kindergarten-gallery .gallery-wrapper .gallery-box figure { position: relative; overflow: hidden; } .kindergarten-gallery .gallery-wrapper .gallery-box figure img { transition: 0.5s ease; } .kindergarten-gallery .gallery-wrapper .gallery-box figure figcaption { position: absolute; width: 100%; left: 0; top: 0; height: 100%; background: rgba(0, 0, 0, 0.7); text-align: center; visibility: hidden; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); transition: 0.3s ease; } .kindergarten-gallery .gallery-wrapper .gallery-box figure figcaption span { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; } .kindergarten-gallery .gallery-wrapper .gallery-box figure figcaption span a { color: #b5d56a; font-size: 20px; } .kindergarten-gallery .view-more { text-align: center; margin-top: 30px; } .kindergarten-gallery .view-more a { background: #b5d56a; border-color: #b5d56a; } .kindergarten-gallery .view-more a:hover { background: none; color: #b5d56a; } /* Testimonial */ .testimonial-kindergarten { padding: 100px 0 90px 0; background: url(images/kindergarten/testimonial-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 5; position: relative; } .testimonial-kindergarten .section-header-kg { margin-bottom: 50px; } .testimonial-kindergarten .section-header-kg h2 { color: #fff; } .testimonial-kindergarten .section-header-kg h2 span:before { background: #fff; } .testimonial-kindergarten .section-header-kg p { color: #fff; } .testimonial-kindergarten .testimonial-kg .owl-stage-outer { padding-top: 10px; padding-bottom: 10px; } .testimonial-kindergarten .testimonial-kg .testimonial-single-inner { background: #fff; } .testimonial-kindergarten .testimonial-kg .testimonial-single-inner ul.author-info li:last-child span:first-child { color: #b5d56a !important; font-family: inherit !important; font-weight: 400 !important; } .testimonial-kindergarten .owl-nav .owl-prev, .testimonial-kindergarten .owl-nav .owl-next { border: 2px solid rgba(0, 0, 0, 0.4); border-radius: 10px; color: rgba(0, 0, 0, 0.4); display: inline-block; font-size: 32px; height: 50px; margin-top: -35px; position: absolute; text-align: center; top: 50%; transition: all 0.3s ease 0s; width: 50px; background: #fff; } .testimonial-kindergarten .owl-nav .owl-prev:hover, .testimonial-kindergarten .owl-nav .owl-next:hover { border-color: #b5d56a; color: #b5d56a; } .testimonial-kindergarten .owl-nav .owl-prev { left: -60px; } .testimonial-kindergarten .owl-nav .owl-next { right: -60px; } /* Teachers */ .kg-teachers { padding: 100px 0; } .kg-teachers .kg-teachers-wrapper .teacher-single-inner { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } .kg-teachers .kg-teachers-wrapper .teacher-single-inner:hover figure img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .kg-teachers .kg-teachers-wrapper .teacher-single-inner:hover figure figcaption { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .kg-teachers .kg-teachers-wrapper .teacher-single-inner:hover .teachers-details h3 { color: #b5d56a; } .kg-teachers .kg-teachers-wrapper .teacher-single-inner:hover .teachers-details span { color: #323232; } .kg-teachers .kg-teachers-wrapper .teacher-single-inner:hover .teachers-details ul.teacher-social li a { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); color: #b5d56a; } .kg-teachers .kg-teachers-wrapper .teacher-single-inner figure { position: relative; overflow: hidden; } .kg-teachers .kg-teachers-wrapper .teacher-single-inner figure img { transition: 0.5s ease; } .kg-teachers .kg-teachers-wrapper .teacher-single-inner figure figcaption { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); left: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); transition: 0.3s ease; } .kg-teachers .kg-teachers-wrapper .teacher-single-inner figure figcaption div { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; text-align: center; } .kg-teachers .kg-teachers-wrapper .teacher-single-inner figure figcaption div a { background: #b5d56a; border-color: #b5d56a; padding: 10px 25px; } .kg-teachers .kg-teachers-wrapper .teacher-single-inner figure figcaption div a:hover { background: none; color: #b5d56a; } .kg-teachers .kg-teachers-wrapper .teacher-single-inner .teachers-details { padding: 20px 15px; text-align: center; } .kg-teachers .kg-teachers-wrapper .teacher-single-inner .teachers-details h3 { font-weight: 400; margin: 0 0 10px 0; transition: 0.3s ease; } .kg-teachers .kg-teachers-wrapper .teacher-single-inner .teachers-details span { font-size: 15px; color: #727272; transition: 0.3s ease; } .kg-teachers .kg-teachers-wrapper .teacher-single-inner .teachers-details ul.teacher-social { margin: 20px 0 10px 0; } .kg-teachers .kg-teachers-wrapper .teacher-single-inner .teachers-details ul.teacher-social li { display: inline-block; margin-right: 20px; } .kg-teachers .kg-teachers-wrapper .teacher-single-inner .teachers-details ul.teacher-social li:last-child { margin-right: 0; } .kg-teachers .kg-teachers-wrapper .teacher-single-inner .teachers-details ul.teacher-social li a { display: block; width: 28px; height: 28px; background: #f9f9f9; border-radius: 50%; font-size: 14px; color: #a7a7a7; padding-top: 4px; } .kg-teachers .kg-teachers-wrapper .teacher-single-inner .teachers-details ul.teacher-social li a:hover { background: #b5d56a; color: #fff; } /* Call To Action */ .kg-cta { padding: 60px 0; background: url(images/kindergarten/bg3.png); background-size: cover; background-position: center; background-repeat: no-repeat; } .kg-cta p { font-size: 25px; text-transform: uppercase; color: #fff; margin: 12px 0 0 0; } .kg-cta .col-sm-4 { text-align: right; } .kg-cta .col-sm-4 a.cta-btn { padding: 10px 30px; background: #fff; border-color: #fff; color: #b5d56a; } .kg-cta .col-sm-4 a.cta-btn:hover { background: #b5d56a; color: #fff; } /* ============================== Home Page Version 06 ================================ */ .header-top-border span { display: block; width: 50%; float: left; height: 3px; position: relative; } .header-top-border span:first-child:before { position: absolute; width: 50%; content: ""; left: 0; top: 0; background: #fff; height: 3px; } .header-top-border span:first-child:after { position: absolute; width: 50%; content: ""; right: 0; top: 0; background: #80CD36; height: 3px; } .header-top-border span:last-child:before { position: absolute; width: 50%; content: ""; left: 0; top: 0; background: #fff; height: 3px; } .header-top-border span:last-child:after { position: absolute; width: 50%; content: ""; right: 0; top: 0; background: #80CD36; height: 3px; } #header-style02.header-style04 { top: 3px; } #header-style02.header-style04 .main-menu { border-bottom: 1px solid #bfc3c5; } #header-style02.header-style04 .is-sticky .main-menu { border-bottom-color: #1B1B1B; } #header-style02.header-style04 .nav-search { color: #fff; } .header-style03 .nav-search { color: #fff; } /* Slider */ .slider-university { position: relative; } .slider-university .su-overlay { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } .slider-university .su-overlay:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); transition: all 0.3s ease 0s; z-index: -1; } /* About */ .about06 { padding: 100px 0; } .about06 .about-content h2 { margin: 0 0 30px 0; padding: 0 0 30px 0; position: relative; text-transform: uppercase; font-weight: 600; } .about06 .about-content h2:after { position: absolute; content: ""; width: 120px; height: 1px; background: #323232; left: 0; bottom: 0; } .about06 .about-content h2 span { color: #80CD36; } .about06 .about-content a.rm-btn { display: inline-block; margin-top: 25px; } .about06 .about-content a.rm-btn:hover { background: none; border-color: #80CD36; color: #80CD36; } .about06 .about-video iframe { height: 415px; width: 100%; } .about06 .about-boxes { padding-top: 100px; } .about06 .about-boxes a { display: block; background: rgba(60,61,65, 0.9); padding: 20px; color: #fff; } .about06 .about-boxes a:hover { color: #80CD36; background: #3c3d41;; } .about06 .about-boxes a ul { margin-bottom: 0; } .about06 .about-boxes a ul li { display: table-cell; vertical-align: top; font-size: 24px; font-weight: 600; font-family: "Roboto Slab", serif; } .about06 .about-boxes a ul li:last-child { padding-left: 20px; } .about06 .about-boxes a ul li img { margin-top: 10px; } /* Courses */ .courses06 { padding: 100px 0 70px 0; background: #F7F7F7; } .courses06 .section-header03 h2 { margin-bottom: 10px; } .courses06 .course-slider03 { position: relative; } .courses06 .course-slider03 .owl-stage-outer { padding: 30px 0; } .courses06 .course-slider03 .course-single { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); transition: .3s ease; } .courses06 .course-slider03 .course-single:hover figcaption { visibility: visible; opacity: 1; } .courses06 .course-slider03 .course-single:hover .course-content h3 a { color: #80CD36; } .courses06 .course-slider03 .course-single:hover .course-content ul li img { border: 2px solid #80CD36; } .courses06 .course-slider03 .course-single figure { position: relative; } .courses06 .course-slider03 .course-single figure img { width: 100%; max-height: 161.53px; } .courses06 .course-slider03 .course-single figure figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; transition: 0.3s ease; } .courses06 .course-slider03 .course-single figure figcaption div { text-align: center; position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .courses06 .course-slider03 .course-single figure figcaption div a { display: inline-block; font-size: 15px; font-weight: 500; text-transform: uppercase; background: #80CD36; color: #fff; padding: 10px 20px; border-radius: 3px; } .courses06 .course-slider03 .course-single .course-content { padding: 20px 15px; background: #ffff; } .courses06 .course-slider03 .course-single .course-content h3 { font-size: 16px; font-weight: 600; line-height: 22px; margin: 0 0 20px; text-transform: uppercase; min-height: 44px; } .courses06 .course-slider03 .course-single .course-content h3 a { color: #323232; } .courses06 .course-slider03 .course-single .course-content ul { margin-bottom: 20px; } .courses06 .course-slider03 .course-single .course-content ul li { display: table-cell; vertical-align: top; } .courses06 .course-slider03 .course-single .course-content ul li img { display: inline; transition: 0.3s ease; border: 2px solid transparent; } .courses06 .course-slider03 .course-single .course-content ul li:last-child { padding-left: 15px; padding-top: 5px; } .courses06 .course-slider03 .course-single .course-content ul li:last-child span { font-size: 12px; color: #acacac; display: block; } .courses06 .course-slider03 .course-single .course-content ul li:last-child span:last-child { font-size: 15px; color: #727272; } .courses06 .course-slider03 .course-single .course-content .course-rating span { font-size: 18px; padding-right: 3px; } .courses06 .course-slider03 .course-single .course-content .course-rating span i { font-size: 18px; color: #ffef3b; } .courses06 .course-slider03 .course-single .course-content .course-rating span:last-child { font-size: 12px; color: #727272; padding-left: 15px; } .courses06 .course-slider03 .course-single .course-content-bottom { background: #fff; padding: 20px 15px; position: relative; } .courses06 .course-slider03 .course-single .course-content-bottom:after { position: absolute; content: ""; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.07); left: 0; top: 0; } .courses06 .course-slider03 .course-single .course-content-bottom ul { text-align: right; margin-bottom: 0; } .courses06 .course-slider03 .course-single .course-content-bottom ul li { font-size: 15px; color: #727272; font-weight: 400; display: inline-block; } .courses06 .course-slider03 .course-single .course-content-bottom ul li:first-child { float: left; font-size: 19px; font-weight: 600; font-family: "Roboto Slab", serif; color: #80CD36; } .courses06 .course-slider03 .course-single .course-content-bottom ul li:first-child span { display: inline-block; font-size: 13px; text-decoration: line-through; color: #727272; padding-left: 5px; font-weight: 400; } .courses06 .course-slider03 .course-single .course-content-bottom ul li:nth-child(2) { padding-right: 15px; } .courses06 .course-slider03 .owl-nav { left: 0; padding-right: 30px; position: absolute; text-align: right; top: -44px; width: 100%; } .courses06 .course-slider03 .owl-nav .owl-prev, .courses06 .course-slider03 .owl-nav .owl-next { display: inline-block; width: 35px; height: 35px; text-align: center; font-size: 15px; border: 1px solid #030304; color: #030304; padding-top: 5px; transition: 0.3s ease; } .courses06 .course-slider03 .owl-nav .owl-prev:hover, .courses06 .course-slider03 .owl-nav .owl-next:hover { color: #80CD36; border-color: #80CD36; } .courses06 .course-slider03 .owl-nav .owl-prev { margin-right: 10px; } /* Section Header (03) */ .section-header03 h2 { margin: 0 0 70px 0; padding: 0 0 30px 0; position: relative; line-height: 30px; font-weight: 600; text-transform: uppercase; } .section-header03 h2:after { position: absolute; content: ""; width: 120px; height: 1px; background: #323232; left: 0; bottom: 0; } .section-header03 h2 span { color: #80CD36; } /* Call To Action */ .counter-cta03 { background: url(images/index06/2.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .counter-cta03 .counters { background: url(images/index08/counter-shape-bg.png); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } .counter-cta03 .counters .counters-block span:first-child { color: #fff; } /* Publications */ .publications { padding: 100px 0; } .publications .section-header03 h2 { margin-bottom: 10px; } .publications .publication-carousel .owl-stage-outer { padding-top: 30px; } .publications .publication-carousel .book-single:hover figure figcaption h3 a { color: #80CD36; } .publications .publication-carousel .book-single:hover figure figcaption a.buy-btn { background: #80CD36; color: #fff; } .publications .publication-carousel .book-single figure img { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); transition: 0.3s ease; } .publications .publication-carousel .book-single figure figcaption { text-align: center; } .publications .publication-carousel .book-single figure figcaption h3 { margin: 25px 0 10px 0; } .publications .publication-carousel .book-single figure figcaption h3 a { font-size: 18px; color: #323232; } .publications .publication-carousel .book-single figure figcaption p.author { color: #727272; } .publications .publication-carousel .book-single figure figcaption p.author span { color: #323232; } .publications .publication-carousel .book-single figure figcaption a.buy-btn { border: 2px solid #80CD36; padding: 10px 20px; display: inline-block; color: #80CD36; border-radius: 3px; font-weight: 500; text-transform: uppercase; } .publications .publication-carousel .owl-nav { left: 0; padding-right: 30px; position: absolute; text-align: right; top: -44px; width: 100%; } .publications .publication-carousel .owl-nav .owl-prev, .publications .publication-carousel .owl-nav .owl-next { display: inline-block; width: 35px; height: 35px; text-align: center; font-size: 15px; border: 1px solid #030304; color: #030304; padding-top: 5px; transition: 0.3s ease; } .publications .publication-carousel .owl-nav .owl-prev:hover, .publications .publication-carousel .owl-nav .owl-next:hover { color: #80CD36; border-color: #80CD36; } .publications .publication-carousel .owl-nav .owl-prev { margin-right: 10px; } /* Information Call To Action */ .information-cta { padding: 100px 0; background: url(images/index06/3.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; position: relative; z-index: 1; } .information-cta:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: -1; } .information-cta h2 { font-weight: 600; text-transform: uppercase; color: #fff; margin: 0 0 25px 0; } .information-cta h2 span { color: #80CD36; } .information-cta p { width: 750px; margin: 0 auto; font-size: 18px; margin-bottom: 30px; color: #fff; line-height: 27px; } /* Teachers */ .teachers06 { padding: 100px 0; } .teachers06 .teachers-block .teacher-single:hover figure:before { width: 100%; opacity: 1; visibility: visible; } .teachers06 .teachers-block .teacher-single:hover figure img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .teachers06 .teachers-block .teacher-single:hover figure figcaption { visibility: visible; opacity: 1; right: 0; } .teachers06 .teachers-block .teacher-single:hover .teacher-info h4 a { color: #80CD36; } .teachers06 .teachers-block .teacher-single figure { position: relative; overflow: hidden; } .teachers06 .teachers-block .teacher-single figure:before { position: absolute; content: ""; left: 0; top: 0; width: 0; height: 100%; background: rgba(0, 0, 0, 0.3); transition: 0.3s ease; visibility: hidden; opacity: 0; z-index: 1; } .teachers06 .teachers-block .teacher-single figure img { transition: .5s ease; } .teachers06 .teachers-block .teacher-single figure figcaption { position: absolute; width: 60px; right: -60px; top: 0; height: 100%; background: #80CD36; z-index: 2; visibility: hidden; opacity: 0; transition: 0.6s ease; } .teachers06 .teachers-block .teacher-single figure figcaption ul { text-align: center; margin-top: 20px; } .teachers06 .teachers-block .teacher-single figure figcaption ul li { margin-bottom: 15px; } .teachers06 .teachers-block .teacher-single figure figcaption ul li a { display: inline-block; width: 30px; height: 30px; border-radius: 100px; font-size: 14px; background: #fff; color: #80CD36; } .teachers06 .teachers-block .teacher-single .teacher-info { text-align: center; } .teachers06 .teachers-block .teacher-single .teacher-info h4 { font-size: 18px; text-transform: uppercase; font-weight: 600; margin: 15px 0 10px 0; transition: 0.3s ease; } .teachers06 .teachers-block .teacher-single .teacher-info h4 a { color: inherit; } .teachers06 .teachers-block .teacher-single .teacher-info span { font-size: 15px; } /* Latest News */ .blog06 { padding: 100px 0 70px 0; } .blog06 .section-header03 h2 { margin-bottom: 10px; } .blog06 .blog-posts-carousel .owl-stage-outer { padding: 30px 0; } .blog06 .blog-posts-carousel .single-blog { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); transition: .3s ease; } .blog06 .blog-posts-carousel .single-blog:hover figcaption h3 a { color: #80CD36; } .blog06 .blog-posts-carousel .single-blog figure figcaption h3 { margin: 15px 0; padding: 0 15px; line-height: 26px; } .blog06 .blog-posts-carousel .single-blog figure figcaption h3 a { color: #323232; font-size: 16px; } .blog06 .blog-posts-carousel .single-blog .blog-excerpt { border-top: 1px solid rgba(0, 0, 0, 0.07); } .blog06 .blog-posts-carousel .single-blog .blog-excerpt .blog-meta, .blog06 .blog-posts-carousel .single-blog .blog-excerpt .blog-text { display: table-cell; vertical-align: top; } .blog06 .blog-posts-carousel .single-blog .blog-excerpt .blog-meta { text-align: center; padding: 0 15px; border-right: 1px solid rgba(0, 0, 0, 0.07); position: relative; } .blog06 .blog-posts-carousel .single-blog .blog-excerpt .blog-meta:before { position: absolute; left: 0; top: 50%; content: ""; background: rgba(0, 0, 0, 0.07); width: 100%; height: 1px; margin-top: 1px; } .blog06 .blog-posts-carousel .single-blog .blog-excerpt .blog-meta span.day { font-size: 30px; font-family: "Roboto Slab", serif; color: #323232; font-weight: 600; display: block; padding: 5px 0; } .blog06 .blog-posts-carousel .single-blog .blog-excerpt .blog-meta span.month { font-size: 18px; color: #323232; display: block; padding: 5px 0; } .blog06 .blog-posts-carousel .single-blog .blog-excerpt .blog-text { padding: 10px 15px; } .blog06 .blog-posts-carousel .owl-nav { left: 0; padding-right: 30px; position: absolute; text-align: right; top: -44px; width: 100%; } .blog06 .blog-posts-carousel .owl-nav .owl-prev, .blog06 .blog-posts-carousel .owl-nav .owl-next { display: inline-block; width: 35px; height: 35px; text-align: center; font-size: 15px; border: 1px solid #030304; color: #030304; padding-top: 5px; transition: 0.3s ease; } .blog06 .blog-posts-carousel .owl-nav .owl-prev:hover, .blog06 .blog-posts-carousel .owl-nav .owl-next:hover { color: #80CD36; border-color: #80CD36; } .blog06 .blog-posts-carousel .owl-nav .owl-prev { margin-right: 10px; } /* Footer */ .footer06 + .footer-bottom { background: #232323; } /* ============================== Home Page Version 07 ================================ */ .section-header04 h2 { text-transform: uppercase; font-weight: 600; margin: 0 0 15px 0; } .section-header04 span.section-devider { display: inline-block; width: 190px; text-align: center; font-size: 9px; color: #80CD36; position: relative; } .section-header04 span.section-devider:before { position: absolute; content: ""; left: 0; top: 6px; height: 1px; width: 80px; background: #323232; } .section-header04 span.section-devider:after { position: absolute; content: ""; right: 0; top: 6px; height: 1px; width: 80px; background: #323232; } .section-header04 span.section-devider span { display: inline-block; position: relative; } .section-header04 span.section-devider span:before { position: absolute; content: ""; width: 5px; height: 5px; background: #323232; border-radius: 100px; left: -15px; top: 4px; } .section-header04 span.section-devider span:after { position: absolute; content: ""; width: 5px; height: 5px; background: #323232; border-radius: 100px; right: -15px; top: 4px; } /* Publications */ .publications.publications02 { padding: 100px 0 90px 0; } .publications.publications02 .publication-carousel02 .owl-stage-outer { padding-top: 30px; padding-bottom: 10px; } .publications.publications02 .publication-carousel02 .book-single:hover figure figcaption h3 a { color: #80CD36; } .publications.publications02 .publication-carousel02 .book-single figure { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } .publications.publications02 .publication-carousel02 .book-single figure figcaption { text-align: left; padding: 20px; } .publications.publications02 .publication-carousel02 .book-single figure figcaption h3 { margin: 0 0 10px 0; } .publications.publications02 .publication-carousel02 .book-single figure figcaption h3 a { font-size: 18px; color: #323232; } .publications.publications02 .publication-carousel02 .book-single figure figcaption p.author { color: #727272; } .publications.publications02 .publication-carousel02 .book-single figure figcaption p.author span { color: #323232; } .publications.publications02 .publication-carousel02 .book-single figure figcaption ul.book-prefix { margin: 20px 0 0 0; } .publications.publications02 .publication-carousel02 .book-single figure figcaption ul.book-prefix li { display: inline-block; } .publications.publications02 .publication-carousel02 .book-single figure figcaption ul.book-prefix li:first-child { padding: 8px 0; } .publications.publications02 .publication-carousel02 .book-single figure figcaption ul.book-prefix li:last-child { float: right; } .publications.publications02 .publication-carousel02 .book-single figure figcaption ul.book-prefix li:last-child a { padding: 8px 25px; } .publications.publications02 .publication-carousel02 .book-single figure figcaption ul.book-prefix li:last-child a:hover { border-color: #80CD36; } .publications.publications02 .publication-carousel02 .owl-nav { left: 0; padding-right: 30px; position: absolute; text-align: right; top: -44px; width: 100%; } .publications.publications02 .publication-carousel02 .owl-nav .owl-prev, .publications.publications02 .publication-carousel02 .owl-nav .owl-next { display: inline-block; width: 35px; height: 35px; text-align: center; font-size: 15px; border: 1px solid #030304; color: #030304; padding-top: 5px; transition: 0.3s ease; } .publications.publications02 .publication-carousel02 .owl-nav .owl-prev:hover, .publications.publications02 .publication-carousel02 .owl-nav .owl-next:hover { color: #80CD36; border-color: #80CD36; } .publications.publications02 .publication-carousel02 .owl-nav .owl-prev { margin-right: 10px; } /* Latest News */ .blog07 { padding: 100px 0; position: relative; background: url(images/index07/01.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 1; } .blog07:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); z-index: -1; } .blog07 .section-header04 { margin-bottom: 40px; } .blog07 .section-header04 h2, .blog07 .section-header04 p { color: #fff; } .blog07 .section-header04 span.section-devider:before, .blog07 .section-header04 span.section-devider:after, .blog07 .section-header04 span.section-devider span:before, .blog07 .section-header04 span.section-devider span:after { background: #e2e2e2; } .blog07 .blog07-wrapper .single-blog { background: #fff; padding-bottom: 20px; } .blog07 .blog07-wrapper .single-blog:hover figure figcaption { visibility: visible; opacity: 1; } .blog07 .blog07-wrapper .single-blog:hover .blog-single-content h3 a { color: #80CD36; } .blog07 .blog07-wrapper .single-blog figure { position: relative; } .blog07 .blog07-wrapper .single-blog figure figcaption { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); text-align: center; visibility: hidden; opacity: 0; transition: .3s ease; } .blog07 .blog07-wrapper .single-blog figure figcaption div { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .blog07 .blog07-wrapper .single-blog figure figcaption div a { font-size: 17px; font-weight: 300; display: inline-block; padding: 8px 20px; background: #80CD36; border-radius: 3px; color: #fff; } .blog07 .blog07-wrapper .single-blog .blog-single-content { padding: 15px 15px 30px 15px; background: #fff; } .blog07 .blog07-wrapper .single-blog .blog-single-content h3 { margin: 0 0 10px 0; line-height: 26px; } .blog07 .blog07-wrapper .single-blog .blog-single-content h3 a { font-weight: 600; color: inherit; } .blog07 .blog07-wrapper .single-blog .blog-single-content p { font-weight: 300; color: #727272; } .blog07 .blog07-wrapper .single-blog .blog-single-bottom { background: #f1f1f1; padding: 0 15px; } .blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta1, .blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta2 { padding: 6px 0; } .blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta1 { float: left; position: relative; } .blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta1 span, .blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta1 p { display: inline-block; } .blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta1 span { position: absolute; width: 50px; height: 55px; background: #80CD36; font-size: 18px; color: #fff; font-weight: 600; text-align: center; top: -20px; } .blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta1 p { padding-left: 65px; margin-bottom: 0; } .blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta1 p a { color: #80CD36; } .blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta1 p i { color: #323232; font-size: 17px; } .blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta2 { float: right; } .blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta2 ul { margin-bottom: 0; margin-top: 3px; } .blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta2 ul li { display: inline-block; padding-right: 15px; color: #80CD36; } .blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta2 ul li:last-child { padding-right: 0; } .blog07 .blog07-wrapper .single-blog .blog-single-bottom .blog-meta2 ul li i { color: #323232; font-size: 17px; } .blog07 .blog07-wrapper .owl-nav { left: 0; padding-right: 15px; position: absolute; text-align: right; top: -82px; width: 100%; } .blog07 .blog07-wrapper .owl-nav .owl-prev, .blog07 .blog07-wrapper .owl-nav .owl-next { display: inline-block; width: 35px; height: 35px; text-align: center; font-size: 15px; border: 1px solid #fff; color: #fff; padding-top: 5px; transition: 0.3s ease; } .blog07 .blog07-wrapper .owl-nav .owl-prev:hover, .blog07 .blog07-wrapper .owl-nav .owl-next:hover { color: #80CD36; border-color: #80CD36; } .blog07 .blog07-wrapper .owl-nav .owl-prev { margin-right: 10px; } /* Events */ .events-style02 .section-header04 { margin-bottom: 40px; } .events-style02 .events-carousel .event2-single { position: relative; } /* Clients Logo */ .clients-logo { padding-top: 100px; } .clients-logo .clients-logo-slider .owl-dots { padding: 50px 0; text-align: center; } .clients-logo .clients-logo-slider .owl-dots .owl-dot { display: inline-block; margin-right: 10px; } .clients-logo .clients-logo-slider .owl-dots .owl-dot:last-child { margin-right: 0; } .clients-logo .clients-logo-slider .owl-dots .owl-dot span { display: block; width: 9px; height: 9px; border: 1px solid #80CD36; transition: .3s ease; border-radius: 100px; } .clients-logo .clients-logo-slider .owl-dots .owl-dot.active span { background: #80CD36; transition: .3s ease; } .clients-logo .client-logo-bottom { text-align: center; } .clients-logo .client-logo-bottom img { display: inline; } /* ============================== Home Page Version 08 ================================ */ /* Slider Bottom */ .slider-bottom { background: #F6F6F6; padding: 40px 0; } .slider-bottom ul.slider-bottom-info { margin-bottom: 0; } .slider-bottom ul.slider-bottom-info li { display: inline-block; } .slider-bottom ul.slider-bottom-info li:first-child { margin-right: 25px; } .slider-bottom ul.slider-bottom-info li span { display: table-cell; vertical-align: middle; text-transform: uppercase; padding-left: 15px; } .slider-bottom ul.slider-bottom-info li span.icon { width: 60px; height: 60px; border: 2px solid #E0E0E0; border-radius: 100px; text-align: center; color: #80CD36; padding-left: 0; } .slider-bottom ul.slider-bottom-info li span i { font-size: 30px; position: relative; top: 1px; } .slider-bottom .connect-btn { text-align: right; } .slider-bottom .connect-btn a { font-size: 16px; padding: 10px 25px; background: #80CD36; color: #fff; border-radius: 3px; display: inline-block; margin-top: 7px; font-weight: 500; text-transform: uppercase; border: 2px solid #80CD36; } .slider-bottom .connect-btn a:hover { background: transparent; color: #80CD36; } /* Services */ .service-boxes { padding: 100px 0; } .service-boxes .section-header04 { margin-bottom: 50px; text-align: center; } .service-boxes .service-boxes-inner .service-box-content { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); padding: 30px 15px; text-align: center; transition: 0.3s ease; } .service-boxes .service-boxes-inner .service-box-content:hover { box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25); } .service-boxes .service-boxes-inner .service-box-content:hover .box-icon i { color: #80CD36; } .service-boxes .service-boxes-inner .service-box-content:hover h3 { color: #80CD36; } .service-boxes .service-boxes-inner .service-box-content:hover a.service-box-btn { color: #80CD36; } .service-boxes .service-boxes-inner .service-box-content .box-icon { margin-bottom: 20px; } .service-boxes .service-boxes-inner .service-box-content .box-icon i { font-size: 60px; color: #C9D0D8; transition: 0.3s ease; } .service-boxes .service-boxes-inner .service-box-content h3 { font-size: 22px; margin: 0 0 15px 0; transition: 0.3s ease; } .service-boxes .service-boxes-inner .service-box-content a.service-box-btn { display: inline-block; width: 50px; height: 50px; border-radius: 100px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15); text-align: center; font-size: 25px; color: #323232; padding-top: 7px; } /* About */ .about08 { background: url(images/index08/02.jpg); background-color: #ececec; background-repeat: no-repeat; background-position: left; position: relative; overflow: hidden; } .about08 .about-image-social { position: absolute; left: 80px; top: 80px; } .about08 .about-image-social p { margin-bottom: 60px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 5px 50% 0; -ms-transform-origin: 5px 50% 0; transform-origin: 5px 50% 0; position: relative; } .about08 .about-image-social p:before { position: absolute; content: ""; width: 45px; right: 75px; bottom: 12px; background: #727272; height: 1px; } .about08 .about-image-social ul.social-icon li { margin-bottom: 20px; } .about08 .about-image-social ul.social-icon li:last-child { margin-bottom: 0; } .about08 .about-image-social ul.social-icon li a { color: #727272; font-size: 18px; } .about08 .about-image-social ul.social-icon li a:hover { color: #80CD36; } .about08 .about-text { padding: 100px 15px 100px 30px; position: relative; z-index: 1; } .about08 .about-text:before { position: absolute; left: 0; top: 0; content: ""; width: 4000px; height: 100%; background: #3c3d41; z-index: -1; } .about08 .about-text .section-header04 { margin-bottom: 25px; } .about08 .about-text .section-header04 h2 { color: #fff; } .about08 .about-text .section-header04 h2 span { color: #80CD36; } .about08 .about-text .section-header04 span.section-devider::before, .about08 .about-text .section-header04 span.section-devider::after, .about08 .about-text .section-header04 span.section-devider span::before, .about08 .about-text .section-header04 span.section-devider span::after { background: #e4e4e4; } .about08 .about-text p { margin-bottom: 30px; color: #fff; } .about08 .about-text a.lm-btn { background: #80CD36; border-radius: 3px; color: #fff; display: inline-block; font-size: 16px; padding: 13px 20px; font-weight: 500; text-transform: uppercase; } /* Courses */ .courses08 { padding: 100px 0 70px 0; } .courses08 .section-header04 { margin-bottom: 20px; } .courses08 .course08-carousel .owl-stage-outer { padding: 30px 0; } .courses08 .course08-carousel .carousel-item .course-single { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); margin-bottom: 40px; transition: .3s ease; } .courses08 .course08-carousel .carousel-item .course-single:last-child { margin-bottom: 0; } .courses08 .course08-carousel .carousel-item .course-single:hover .course-info h2 { color: #80CD36; } .courses08 .course08-carousel .carousel-item .course-single:hover .course-info ul.author-info li:last-child a { color: #80CD36; } .courses08 .course08-carousel .carousel-item .course-single:hover .course-image figure figcaption { visibility: visible; opacity: 1; } .courses08 .course08-carousel .carousel-item .course-single .course-info { padding: 30px 0 15px 20px; } .courses08 .course08-carousel .carousel-item .course-single .course-info h3 { font-weight: 600; margin: 0 0 10px 0; transition: .3s ease; text-transform: uppercase; } .courses08 .course08-carousel .carousel-item .course-single .course-info ul.author-info { margin: 20px 0; } .courses08 .course08-carousel .carousel-item .course-single .course-info ul.author-info li { display: table-cell; vertical-align: middle; } .courses08 .course08-carousel .carousel-item .course-single .course-info ul.author-info li:last-child { padding-left: 15px; color: #333; } .courses08 .course08-carousel .carousel-item .course-single .course-info ul.author-info li:last-child a { color: #727272; } .courses08 .course08-carousel .carousel-item .course-single .course-info ul.course-bottom { border-top: 1px solid #d5d5d5; padding-top: 15px; } .courses08 .course08-carousel .carousel-item .course-single .course-info ul.course-bottom li { display: inline-block; font-size: 15px; color: #727272; } .courses08 .course08-carousel .carousel-item .course-single .course-info ul.course-bottom li:last-child { float: right; font-size: 15px; color: #80CD36; } .courses08 .course08-carousel .carousel-item .course-single .course-image figure { position: relative; } .courses08 .course08-carousel .carousel-item .course-single .course-image figure figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); text-align: center; transition: 0.3s ease; visibility: hidden; opacity: 0; } .courses08 .course08-carousel .carousel-item .course-single .course-image figure figcaption div { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .courses08 .course08-carousel .carousel-item .course-single .course-image figure figcaption div a { border-radius: 0; } .courses08 .owl-nav { left: 0; padding-right: 30px; position: absolute; text-align: right; top: -62px; width: 100%; } .courses08 .owl-nav .owl-prev, .courses08 .owl-nav .owl-next { display: inline-block; width: 35px; height: 35px; text-align: center; font-size: 15px; border: 1px solid #323232; color: #323232; padding-top: 5px; transition: 0.3s ease; } .courses08 .owl-nav .owl-prev:hover, .courses08 .owl-nav .owl-next:hover { color: #80CD36; border-color: #80CD36; } .courses08 .owl-nav .owl-prev { margin-right: 10px; } /* Counters & Call To Action */ .counter-cta08 { background: url(images/index08/03.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 0; } .counter-cta08 .counters { margin-top: 115px; } .counter-cta08 .cta-from { padding: 100px 0; width: 400px; margin: 0 0 0 100px; } .counter-cta08 .cta-from h2 { font-size: 30px; text-align: center; color: #fff; line-height: 40px; margin: 0 0 30px 0; } .counter-cta08 .cta-from h2 span { color: #80CD36; } .counter-cta08 .cta-from form { background: #fff; } .counter-cta08 .cta-from form h3 { background: #80CD36; border-bottom: 1px solid #d9f0c1; color: #fff; font-size: 25px; margin: 0; padding: 30px 0; text-align: center; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; } .counter-cta08 .cta-from form .form-group { padding: 30px; margin-bottom: 0; } .counter-cta08 .cta-from form .form-group input, .counter-cta08 .cta-from form .form-group textarea { width: 100%; display: block; border-top: 0; border-right: 0; border-bottom: 1px solid #b2b2b2; border-left: 0; transition: 0.3s ease; resize: none; margin-bottom: 30px; padding: 0; } .counter-cta08 .cta-from form .form-group input:focus, .counter-cta08 .cta-from form .form-group textarea:focus { border-color: #80CD36; } .counter-cta08 .cta-from form .form-group input { padding: 15px 0; margin-bottom: 0px; } .counter-cta08 .cta-from form .form-group input[type="submit"]:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 2px solid #80cd36; } .counter-cta08 .cta-from form .form-group input[type="submit"] { border: 2px solid #80cd36; } .counter-cta08 .cta-from form .form-group textarea { height: 75px; } .counter-cta08 .cta-from form .form-group div { text-align: center; } .counter-cta08 .cta-from form .form-group div button { font-size: 16px; padding: 15px 0; width: 100%; } .counter-cta08 .cta-from form .form-group div button:hover { background: none; border-color: #80CD36; } /* Testimonial */ .testimonial08 { background: none; padding: 100px 0 0 0; position: relative; } .testimonial08:before, .testimonial08:after { content: none; } .testimonial08 .section-header04 { margin-bottom: 60px; text-align: center; } .testimonial08 .block-text .single-box { padding: 15px 0; } .testimonial08 .block-text .single-box p { color: #727272; position: relative; } .testimonial08 .block-text .single-box p:before { position: absolute; content: "\f10d"; font-size: 48px; opacity: 0.1; font-family: "FontAwesome"; left: 0; top: 0; } .testimonial08 .block-text .single-box p:after { position: absolute; content: "\f10e"; font-size: 48px; opacity: 0.1; font-family: "FontAwesome"; right: 0; bottom: 0; } .testimonial08 .testimonial-bottom-banner { text-align: center; margin-top: 10px; } .testimonial08 .testimonial-bottom-banner img { display: inline; } /* Footer */ .footer08 { padding: 70px 0 0 0; background: url(images/online-course/footer-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .footer08 .widget .widget-title h2 { margin: 0 0 25px 0; } .footer08 .text-widget ul li { padding-bottom: 15px; } .footer08 .text-widget ul li:last-child { padding-bottom: 0; } .footer08 .text-widget ul li i { display: inline-block; padding-right: 5px; } .footer08 .footer-bottom08 { background: transparent; } .footer08 .footer-bottom08 .footer-menu { text-align: right; margin-bottom: 0; } .footer08 .footer-bottom08 .footer-menu li { display: inline-block; padding-right: 15px; } .footer08 .footer-bottom08 .footer-menu li:last-child { padding-right: 0; } .footer08 .footer-bottom08 .footer-menu li a { color: inherit; opacity: .7; font-size: 15px; font-weight: 300; } .footer08 .footer-bottom08 .footer-menu li a:hover { color: #80CD36; } /* ============================== Home Page Version 09 ================================ */ /* Slider */ .slider-dance-school { position: relative; } .slider-dance-school .su-overlay { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } .slider-dance-school .su-overlay:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.3); transition: all 0.3s ease 0s; z-index: -1; } /* Section Header */ .section-header-d { margin-bottom: 40px; } .section-header-d h2 { line-height: 30px; margin-bottom: 12px; font-size: 40px; } .section-header-d h2 span { color: #80CD36; } /* Dance Category */ .dance-category { padding: 100px 0; } .dance-category .dance-category-carousel .owl-stage-outer { padding: 10px 0; } .dance-category .dance-category-carousel .category-item { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); overflow: hidden; position: relative; } .dance-category .dance-category-carousel .category-item:hover figure figcaption { top: 0; } .dance-category .dance-category-carousel .category-item:hover .category-caption { bottom: -100%; } .dance-category .dance-category-carousel .category-item figure { position: relative; } .dance-category .dance-category-carousel .category-item figure figcaption { position: absolute; left: 0; top: -100%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); text-align: center; transition: .3s ease; } .dance-category .dance-category-carousel .category-item figure figcaption div { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .dance-category .dance-category-carousel .category-item figure figcaption div h3 { font-size: 25px; margin: 0 0 10px 0; font-weight: 500; } .dance-category .dance-category-carousel .category-item figure figcaption div h3 a { color: #fff; } .dance-category .dance-category-carousel .category-item figure figcaption div h3 a:hover { color: #80CD36; } .dance-category .dance-category-carousel .category-item figure figcaption div ul li { display: inline-block; } .dance-category .dance-category-carousel .category-item figure figcaption div ul li a { display: block; width: 30px; height: 30px; text-align: center; font-size: 18px; border-radius: 3px; color: #fff; border: 1px solid #fff; padding-top: 1px; } .dance-category .dance-category-carousel .category-item figure figcaption div ul li a:hover { background: #fff; color: #80CD36; } .dance-category .dance-category-carousel .category-item .category-caption { left: 0; bottom: 0; width: 100%; position: absolute; background: rgba(0, 0, 0, 0.3); text-align: center; padding: 15px 0; transition: 0.3s ease; } .dance-category .dance-category-carousel .category-item .category-caption h3 { color: #fff; font-size: 25px; margin: 0; } .dance-category .owl-nav { left: 0; padding-right: 30px; position: absolute; text-align: right; top: -82px; width: 100%; } .dance-category .owl-nav .owl-prev, .dance-category .owl-nav .owl-next { display: inline-block; width: 35px; height: 35px; text-align: center; font-size: 15px; border: 1px solid #323232; color: #323232; padding-top: 5px; transition: 0.3s ease; } .dance-category .owl-nav .owl-prev:hover, .dance-category .owl-nav .owl-next:hover { color: #80CD36; border-color: #80CD36; } .dance-category .owl-nav .owl-prev { margin-right: 10px; } .dance-category .category-bottom .about-boxes { padding-top: 80px; } .dance-category .category-bottom .about-boxes a { display: block; background: rgba(60,61,65,0.7); padding: 20px; color: #fff; } .dance-category .category-bottom .about-boxes a:hover { background: #3c3d41; color: #80CD36; } .dance-category .category-bottom .about-boxes a ul { margin-bottom: 0; } .dance-category .category-bottom .about-boxes a ul li { display: table-cell; vertical-align: middle; font-size: 24px; font-weight: 600; font-family: "Roboto Slab", serif; } .dance-category .category-bottom .about-boxes a ul li:last-child { padding-left: 20px; } /* Dance Class */ .dance-class { background: #f3f3f3; padding: 100px 0 60px 0; } .dance-class .section-header03 h2 { margin-bottom: 30px; } .dance-class .dance-courses { position: relative; padding-top: 10px; } .dance-class .dance-courses .view-all-btn { position: absolute; right: 15px; top: -100px; } .dance-class .dance-courses .view-all-btn a { font-size: 18px; display: inline-block; border: 1px solid #80CD36; padding: 10px 25px; color: #80CD36; } .dance-class .dance-courses .view-all-btn a:hover { background: #80CD36; color: #fff; } .dance-class .dance-courses .course-single { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); transition: 0.3s ease; margin-bottom: 40px; } .dance-class .dance-courses .course-single:hover figure figcaption { opacity: 1; visibility: visible; } .dance-class .dance-courses .course-single:hover .course-info h3 { color: #80CD36; } .dance-class .dance-courses .course-single:hover .course-info ul.author-info li img { border-color: #80CD36; } .dance-class .dance-courses .course-single figure { position: relative; } .dance-class .dance-courses .course-single figure figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); text-align: center; visibility: hidden; opacity: 0; transition: 0.3s ease; } .dance-class .dance-courses .course-single figure figcaption div { position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .dance-class .dance-courses .course-single .course-info { background: #fff; padding: 15px; } .dance-class .dance-courses .course-single .course-info h3 { font-size: 16px; font-weight: 600; margin: 0 0 20px 0; transition: 0.3s ease; } .dance-class .dance-courses .course-single .course-info ul.author-info { margin-bottom: 0; } .dance-class .dance-courses .course-single .course-info ul.author-info li { display: table-cell; vertical-align: middle; } .dance-class .dance-courses .course-single .course-info ul.author-info li:last-child { padding-left: 15px; font-size: 15px; font-weight: 300; color: #727272; } .dance-class .dance-courses .course-single .course-info ul.author-info li img { border: 2px solid #727272; transition: 0.3s ease; } .dance-class .dance-courses .course-single .course-info ul.course-rating { margin: 15px 0 0 0; } .dance-class .dance-courses .course-single .course-info ul.course-rating li { display: inline-block; color: #ffef3b; font-size: 18px; } .dance-class .dance-courses .course-single .course-info ul.course-rating li:last-child { padding-left: 20px; font-size: 12px; font-weight: 300; color: #727272; } .dance-class .dance-courses .course-single .course-info-bottom { background: #fff; border-top: 1px solid #bfe699; padding: 15px 15px 20px 15px; } .dance-class .dance-courses .course-single .course-info-bottom ul { text-align: right; margin-bottom: 0; } .dance-class .dance-courses .course-single .course-info-bottom ul li { color: #727272; font-size: 15px; display: inline-block; } .dance-class .dance-courses .course-single .course-info-bottom ul li:first-child { float: left; font-size: 19px; font-weight: 600; color: #80CD36; line-height: 23px; } .dance-class .dance-courses .course-single .course-info-bottom ul li:first-child del { font-size: 13px; font-weight: 300; color: #727272; display: inline-block; padding-left: 5px; } .dance-class .dance-courses .course-single .course-info-bottom ul li:last-child { padding-left: 15px; } /* Teachers */ .dance-teachers { padding: 100px 0 90px 0; } .dance-teachers .dance-teacher-carousel .owl-stage-outer { padding: 10px 0; } .dance-teachers .dance-teacher-carousel .section-header-d { margin-bottom: 30px; } .dance-teachers .dance-teacher-carousel .teacher-single { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); transition: 0.3s ease; overflow: hidden; } .dance-teachers .dance-teacher-carousel .teacher-single:hover figure img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .dance-teachers .dance-teacher-carousel .teacher-single:hover figure figcaption { left: 0; visibility: visible; opacity: 1; } .dance-teachers .dance-teacher-carousel .teacher-single:hover .teacher-info h3 a { color: #80CD36; } .dance-teachers .dance-teacher-carousel .teacher-single figure { position: relative; overflow: hidden; } .dance-teachers .dance-teacher-carousel .teacher-single figure img { transition: 0.5s ease; } .dance-teachers .dance-teacher-carousel .teacher-single figure figcaption { position: absolute; left: -100%; top: 0; width: 100%; height: 100%; text-align: center; background: rgba(128, 205, 54, 0.7); visibility: hidden; opacity: 0; transition: .3s ease; } .dance-teachers .dance-teacher-carousel .teacher-single figure figcaption ul { position: absolute; margin-bottom: 0; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .dance-teachers .dance-teacher-carousel .teacher-single figure figcaption ul li { display: inline-block; padding-right: 10px; } .dance-teachers .dance-teacher-carousel .teacher-single figure figcaption ul li:last-child { padding-right: 0; } .dance-teachers .dance-teacher-carousel .teacher-single figure figcaption ul li a { display: block; width: 35px; height: 35px; background: #d9ded6; border-radius: 100px; color: #727272; padding-top: 3px; } .dance-teachers .dance-teacher-carousel .teacher-single figure figcaption ul li a:hover { background: #fff; color: #80CD36; } .dance-teachers .dance-teacher-carousel .teacher-single .teacher-info { padding: 15px 0; text-align: center; } .dance-teachers .dance-teacher-carousel .teacher-single .teacher-info h3 { font-weight: 600; font-size: 18px; text-transform: uppercase; margin: 0 0 5px 0; transition: 0.3s ease; } .dance-teachers .dance-teacher-carousel .teacher-single .teacher-info h3 a { color: inherit; } .dance-teachers .dance-teacher-carousel .teacher-single .teacher-info p { margin-bottom: 0; font-size: 15px; font-weight: 300; } .dance-teachers .owl-nav { left: 0; padding-right: 30px; position: absolute; text-align: right; top: -82px; width: 100%; } .dance-teachers .owl-nav .owl-prev, .dance-teachers .owl-nav .owl-next { display: inline-block; width: 35px; height: 35px; text-align: center; font-size: 15px; border: 1px solid #323232; color: #323232; padding-top: 5px; transition: 0.3s ease; } .dance-teachers .owl-nav .owl-prev:hover, .dance-teachers .owl-nav .owl-next:hover { color: #80CD36; border-color: #80CD36; } .dance-teachers .owl-nav .owl-prev { margin-right: 10px; } /* Call To Action */ .dance-information-cta { background: url(images/index09/banner.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } /* Video Gallery */ .video-gallery { padding: 100px 0 60px 0; } .video-gallery .video-gallery-items { position: relative; padding-top: 10px; } .video-gallery .video-gallery-items .view-all-btn { position: absolute; right: 15px; top: -100px; } .video-gallery .video-gallery-items .view-all-btn a { font-size: 18px; display: inline-block; border: 1px solid #80CD36; padding: 10px 25px; color: #80CD36; } .video-gallery .video-gallery-items .view-all-btn a:hover { background: #80CD36; color: #fff; } .video-gallery .video-gallery-items .video-single { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); margin-bottom: 40px; } .video-gallery .video-gallery-items .video-single:hover figure figcaption { background: none; } .video-gallery .video-gallery-items .video-single:hover figure figcaption .play-btn a { color: #dd2c28; } .video-gallery .video-gallery-items .video-single figure { position: relative; } .video-gallery .video-gallery-items .video-single figure figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); transition: 0.3s ease; } .video-gallery .video-gallery-items .video-single figure figcaption .play-btn { position: absolute; width: 100%; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .video-gallery .video-gallery-items .video-single figure figcaption .play-btn a { font-size: 60px; color: #80cd36; } .video-gallery .video-gallery-items .video-single figure figcaption .vsite-logo { position: absolute; right: 15px; bottom: 5px; } .video-gallery .video-gallery-items .video-single figure figcaption .vsite-logo a { font-size: 60px; color: #dd2c28; } /*Blog*/ .dance-blog { padding: 100px 0 90px 0; } .dance-blog .blog-posts-carousel .owl-stage-outer { padding: 10px 0; } .dance-blog .blog-posts-carousel .owl-nav { top: -82px; } /* ============================== Home Page Version 10 ================================ */ /* About */ .about-ds { padding: 100px 0; } .about-ds .section-header03 h2 { margin-bottom: 40px; } .about-ds .about-ds-content p { margin-bottom: 30px; } .about-ds .about-ds-content a.rm-btn:hover { border-color: #80CD36; color: #80CD36; } /* Courses */ .driving-course .section-header03 h2 { margin-bottom: 10px; } .driving-course .course-slider03 .owl-nav { top: -45px; } /* Why Choose Us */ .why-choose-us { background: #3c3d41; overflow: hidden; } .why-choose-us .wcu-content { padding: 100px 0; } .why-choose-us .wcu-content .section-header03 h2 { color: #fff; font-weight: 600; } .why-choose-us .wcu-content .section-header03 h2:after { background: #fff; } .why-choose-us .wcu-content ul li { color: #fff; font-family: "Roboto Slab",serif; font-size: 23px; font-weight: 600; margin-bottom: 45px; text-transform: uppercase; } .why-choose-us .wcu-content ul li:last-child { margin-bottom: 0; } .why-choose-us .wcu-content ul li img { display: inline-block; padding-right: 15px; } .why-choose-us .wcu-image { position: relative; min-height: 732px; } .why-choose-us .wcu-image .wcu-offset { background: url(images/index10/02.jpg); background-repeat: no-repeat; background-size: auto; background-position: left; height: 100%; position: absolute; width: 4000px; } /* Pricing Table */ .pricing-table { padding: 100px 0; } .pricing-table .section-header03 h2 { text-align: center; margin-bottom: 40px; } .pricing-table .section-header03 h2:before { left: 50%; margin-left: -12px; } .pricing-table .section-header03 h2:after { left: 50%; margin-left: -90px; } .pricing-table .price-table-wrapper .pricing-single { padding: 30px; text-align: center; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); transition: 0.3s ease; margin-bottom: 30px; } .pricing-table .price-table-wrapper .pricing-single:hover { background: #80CD36; } .pricing-table .price-table-wrapper .pricing-single:hover .price-header h3 { color: #fff; } .pricing-table .price-table-wrapper .pricing-single:hover .price-header h4 { color: #fff; } .pricing-table .price-table-wrapper .pricing-single:hover .price-header span { color: #fff; } .pricing-table .price-table-wrapper .pricing-single:hover .price-content a.price-btn { color: #80CD36; background: #fff; } .pricing-table .price-table-wrapper .pricing-single:hover .price-content ul li { color: #fff; } .pricing-table .price-table-wrapper .pricing-single .price-header { margin-bottom: 40px; } .pricing-table .price-table-wrapper .pricing-single .price-header h3 { color: #323232; font-weight: 600; margin: 0 0 30px; transition: all 0.3s ease 0s; } .pricing-table .price-table-wrapper .pricing-single .price-header h4 { margin: 0; transition: 0.3s ease; } .pricing-table .price-table-wrapper .pricing-single .price-header h4 span { font-size: 60px; } .pricing-table .price-table-wrapper .pricing-single .price-header h4 span:first-child { font-size: 25px; position: relative; top: -10px; } .pricing-table .price-table-wrapper .pricing-single .price-header span { font-size: 14px; text-transform: uppercase; transition: 0.3s ease; } .pricing-table .price-table-wrapper .pricing-single .price-content ul li { margin-bottom: 20px; font-size: 15px; transition: 0.3s ease; color: #727272; } .pricing-table .price-table-wrapper .pricing-single .price-content ul li:last-child { margin-bottom: 0; } .pricing-table .price-table-wrapper .pricing-single .price-content a.price-btn { font-size: 15px; font-weight: 500; text-transform: uppercase; padding: 10px 25px; display: inline-block; color: #fff; background: #80CD36; margin-top: 15px; border-radius: 3px; } .pricing-table .price-table-wrapper .pricing-single.pricing-featured { background: #80CD36; position: relative; } .pricing-table .price-table-wrapper .pricing-single.pricing-featured .feature-tag { background: #fff none repeat scroll 0 0; color: #80CD36; font-size: 10px; padding: 8px 5px 20px 5px; position: absolute; right: 10px; top: 0; text-transform: uppercase; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; } .pricing-table .price-table-wrapper .pricing-single.pricing-featured .feature-tag:before { border-right: 18px solid transparent; border-top: 18px solid #80CD36; content: ""; position: absolute; right: 3px; bottom: -10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .pricing-table .price-table-wrapper .pricing-single.pricing-featured .price-header h3, .pricing-table .price-table-wrapper .pricing-single.pricing-featured .price-header h4, .pricing-table .price-table-wrapper .pricing-single.pricing-featured .price-header span { color: #fff; } .pricing-table .price-table-wrapper .pricing-single.pricing-featured .price-content ul li { color: #fff; } .pricing-table .price-table-wrapper .pricing-single.pricing-featured .price-content a.price-btn { background: #fff; color: #80CD36; } /* Call To Action */ .driving-cta { padding: 100px 0; background: url(images/index10/03.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .driving-cta:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.8); } .driving-cta .driving-offer h2 { font-weight: 600; color: #fff; margin: 0 0 30px 0; } .driving-cta .driving-offer p { max-width: 610px; margin-bottom: 40px; color: #fff; } .driving-cta .driving-video .video-play { position: relative; top: 50%; -webkit-transform: translateY(48%); -ms-transform: translateY(48%); transform: translateY(48%); } .driving-cta .driving-video .video-play a { display: table-cell; vertical-align: middle; width: 100px; height: 100px; text-align: center; background: #80CD36; color: #fff; border-radius: 100px; font-size: 30px; position: relative; } .driving-cta .driving-video .video-play a:before { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; border-radius: 100px; content: ""; height: 120%; left: -10%; position: absolute; top: -10%; width: 120%; z-index: -1; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: .3s ease; } .driving-cta .driving-video .video-play a:hover:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .driving-cta .driving-video .video-play span { display: table-cell; vertical-align: middle; color: #fff; padding-left: 15px; width: 125px; font-size: 20px; font-family: "Roboto Slab", serif; } /* Teachers */ .teachers06 .section-header03 h2 { margin-bottom: 40px; } .teachers06 .driving-teacher .owl-nav { left: 0; padding-right: 15px; position: absolute; text-align: right; top: -75px; width: 100%; } .teachers06 .driving-teacher .owl-nav .owl-prev, .teachers06 .driving-teacher .owl-nav .owl-next { display: inline-block; width: 35px; height: 35px; text-align: center; font-size: 15px; border: 1px solid #323232; color: #323232; padding-top: 5px; transition: 0.3s ease; } .teachers06 .driving-teacher .owl-nav .owl-prev:hover, .teachers06 .driving-teacher .owl-nav .owl-next:hover { color: #80CD36; border-color: #80CD36; } .teachers06 .driving-teacher .owl-nav .owl-prev { margin-right: 10px; } /* Blog */ .blog-driving-s { padding: 100px 0 70px 0; } .blog-driving-s .section-header03 h2 { margin-bottom: 10px; } .blog-driving-s .owl-stage-outer { padding: 30px 0; } .blog-driving-s .driving-blog .owl-nav { left: 0; padding-right: 30px; position: absolute; text-align: right; top: -45px; width: 100%; } .blog-driving-s .driving-blog .owl-nav .owl-prev, .blog-driving-s .driving-blog .owl-nav .owl-next { display: inline-block; width: 35px; height: 35px; text-align: center; font-size: 15px; border: 1px solid #323232; color: #323232; padding-top: 5px; transition: 0.3s ease; } .blog-driving-s .driving-blog .owl-nav .owl-prev:hover, .blog-driving-s .driving-blog .owl-nav .owl-next:hover { color: #80CD36; border-color: #80CD36; } .blog-driving-s .driving-blog .owl-nav .owl-prev { margin-right: 10px; } /* ============================== Home Page Version 11 ================================ */ /* Header */ #header-style02.header-style11 { background: #262626; padding: 30px 0 115px 0; position: relative; } #header-style02.header-style11 .header-os-top { transition: 0.3s ease; } #header-style02.header-style11 .header-top-item { text-align: right; } #header-style02.header-style11 .header-top-item ul { margin: 13px 0 0 0; } #header-style02.header-style11 .header-top-item ul li { display: inline-block; color: #fff; padding-right: 20px; font-weight: 300; font-size: 15px; margin-top: -7px; } #header-style02.header-style11 .header-top-item ul li:last-child { padding-right: 0; } #header-style02.header-style11 .header-top-item ul li i { display: inline-block; padding-left: 5px; color: #80CD36; } #header-style02.header-style11 .main-menu { position: absolute; width: 100%; } #header-style02.header-style11 nav.navbar { background: #80CD36; border-radius: 0; margin-top: 35px; transition: 0.3s ease; } #header-style02.header-style11 nav.navbar .navbar-collapse { padding-left: 35px; padding-right: 35px; } #header-style02.header-style11 nav.navbar .navbar-collapse ul.navbar-nav { width: 100%; } #header-style02.header-style11 nav.navbar .navbar-collapse ul.navbar-nav li.active a { color: #fff; } #header-style02.header-style11 nav.navbar .navbar-collapse ul.navbar-nav li.login-btn { float: right; padding: 30px 0; } #header-style02.header-style11 nav.navbar .navbar-collapse ul.navbar-nav li.login-btn a { padding: 10px 20px; font-weight: 500; background: #fff; color: #80CD36; border-radius: 3px; } #header-style02.header-style11 .nav-search { color: #fff; } /* Home */ .home11 { background: url(images/index11/01.png); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; padding: 150px 0 100px 0 !important; min-height: auto; } .home11:before { position: absolute; content: ""; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; width: 100%; height: 100%; } .home11 .content-left { padding: 65px 0; position: relative; } .home11 .content-left h1 { font-size: 43px; font-weight: 600; color: #fff; margin: 0 0 30px 0; line-height: 60px; } .home11 .content-left p { color: #fff; margin: 0 0 50px 0; } .home11 .content-left ul li { display: table-cell; vertical-align: middle; } .home11 .content-left ul li:last-child { padding-left: 35px; } .home11 .content-left ul li:last-child { margin-right: 0; } .home11 .content-left ul li a.video-iframe { display: block; } .home11 .content-left ul li a.video-iframe span { display: table-cell; vertical-align: middle; } .home11 .content-left ul li a.video-iframe span:first-child { width: 60px; height: 60px; background: #80CD36; border-radius: 100px; color: #fff; font-size: 20px; text-align: center; } .home11 .content-left ul li a.video-iframe span:last-child { padding-left: 15px; width: 120px; font-size: 20px; font-family: "Roboto Slab", serif; color: #fff; } .home11 .content-left .arrow { bottom: 80px; position: absolute; right: 30px; } .home11 .content-right form { background: #fff; } .home11 .content-right form h2 { background: #80CD36; color: #fff; font-size: 25px; font-weight: 600; letter-spacing: 0.5px; margin: 0; padding: 30px 0; text-align: center; text-transform: uppercase; } .home11 .content-right form .form-group { padding: 30px; margin-bottom: 0; } .home11 .content-right form .form-group input, .home11 .content-right form .form-group textarea { border-top: 0; border-right: 0; border-bottom: 1px solid #b2b2b2; border-left: 0; display: block; width: 100%; font-size: 15px; color: #727272; margin-bottom: 30px; padding: 0 0 15px 0; } .home11 .content-right form .form-group textarea { height: 80px; resize: none; } .home11 .content-right form .form-group div { text-align: center; } .home11 .content-right form .form-group div button { padding: 15px 70px; display: block; width: 100%; font-size: 16px; } .home11 .content-right form .form-group div button:hover { border-color: #80CD36; color: #80CD36; } /* Section Header */ .section-header11 h2 { text-align: center; font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px; line-height: 33px; margin: 0 0 50px 0; padding-bottom: 20px; position: relative; } .section-header11 h2 span { color: #80CD36; } .section-header11 h2:before { position: absolute; content: ""; background: #323232; width: 170px; height: 1px; left: 50%; margin-left: -85px; bottom: 0; } .section-header11 h2:after { background: #323232 none repeat scroll 0 0; border: 2px solid #80CD36; border-radius: 100px; bottom: -3px; content: ""; height: 8px; left: 50%; margin-left: -2.5px; position: absolute; width: 8px; } /* Course Categories */ .course11-categories { padding: 100px 0 60px 0; } .course11-categories .category-blocks { position: relative; } .course11-categories .category-blocks a.va-btn { font-size: 15px; font-weight: 500; text-transform: uppercase; border: 1px solid #80CD36; border-radius: 3px; padding: 10px 30px; display: inline-block; color: #80CD36; position: absolute; right: 15px; top: -100px; } .course11-categories .category-single { background: #f9f9f9; padding: 30px; text-align: center; margin-bottom: 40px; } .course11-categories .category-single:hover{ box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } .course11-categories .category-single h3 { margin: 30px 0 20px 0; text-transform: uppercase; } .course11-categories .category-single h3 a { color: #80CD36; font-weight: 600; } .gs-feature-block h3 { text-transform: uppercase; font-weight: 600; } /* Get Started */ .get-started { background: url(images/index11/02.png); background-repeat: no-repeat; background-position: left; background-color: #f7f7f7; position: relative; overflow: hidden; } .get-started:before { position: absolute; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, 0.8); } .get-started .gs-content { min-height: 600px; position: relative; } .get-started .gs-content .gs-content-inner { position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .get-started .gs-content .gs-content-inner h2 { font-size: 30px; font-weight: 600; color: #fff; margin: 0 0 30px 0; text-transform: uppercase; } .get-started .gs-content .gs-content-inner p { color: #fff; margin-bottom: 30px; } .get-started .gs-features { padding-top: 60px; position: relative; min-height: 600px; } .get-started .gs-features:before { background: #f7f7f7; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 4000px; } .get-started .gs-features .gs-features-inner { padding-left: 30px; } .get-started .gs-features .gs-features-inner .gs-feature-block { margin-bottom: 60px; } /* Courses */ .courses-11 { padding: 100px 0 160px 0; } .courses-11 .course11-blocks { position: relative; } .courses-11 .course11-blocks a.va-btn { font-size: 15px; font-weight: 500; text-transform: uppercase; border: 1px solid #80CD36; border-radius: 3px; padding: 10px 30px; display: inline-block; color: #80CD36; position: absolute; right: 15px; top: -100px; } .courses-11 .course11-blocks .course-single { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); transition: .3s ease; margin-bottom: 40px; } .courses-11 .course11-blocks .course-single:hover { box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25); } .courses-11 .course11-blocks .course-single:hover figcaption { visibility: visible; opacity: 1; } .courses-11 .course11-blocks .course-single:hover .course-content h3 a { color: #80CD36; } .courses-11 .course11-blocks .course-single:hover .course-content ul li img { border: 2px solid #80CD36; } .courses-11 .course11-blocks .course-single figure { position: relative; } .courses-11 .course11-blocks .course-single figure img { width: 100%; } .courses-11 .course11-blocks .course-single figure figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; transition: 0.3s ease; } .courses-11 .course11-blocks .course-single figure figcaption div { text-align: center; position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .courses-11 .course11-blocks .course-single .course-content { padding: 20px 15px; background: #ffff; } .courses-11 .course11-blocks .course-single .course-content h3 { font-weight: 600; line-height: 22px; margin: 0 0 20px; text-transform: uppercase; height: 44px; } .courses-11 .course11-blocks .course-single .course-content h3 a { color: #323232; } .courses-11 .course11-blocks .course-single .course-content ul { margin-bottom: 20px; } .courses-11 .course11-blocks .course-single .course-content ul li { display: table-cell; vertical-align: top; } .courses-11 .course11-blocks .course-single .course-content ul li img { display: inline; transition: 0.3s ease; border: 2px solid transparent; } .courses-11 .course11-blocks .course-single .course-content ul li:last-child { padding-left: 15px; padding-top: 5px; } .courses-11 .course11-blocks .course-single .course-content ul li:last-child span { font-size: 12px; color: #acacac; display: block; } .courses-11 .course11-blocks .course-single .course-content ul li:last-child span:last-child { font-size: 15px; color: #727272; } .courses-11 .course11-blocks .course-single .course-content .course-rating span { font-size: 18px; padding-right: 3px; } .courses-11 .course11-blocks .course-single .course-content .course-rating span i { font-size: 18px; color: #ffef3b; } .courses-11 .course11-blocks .course-single .course-content .course-rating span:last-child { font-size: 12px; color: #727272; padding-left: 15px; } .courses-11 .course11-blocks .course-single .course-content-bottom { background: #fff; padding: 20px 15px; position: relative; } .courses-11 .course11-blocks .course-single .course-content-bottom:after { position: absolute; content: ""; width: 100%; height: 1px; background: #bfe699; left: 0; top: 0; } .courses-11 .course11-blocks .course-single .course-content-bottom ul { text-align: right; margin-bottom: 0; } .courses-11 .course11-blocks .course-single .course-content-bottom ul li { font-size: 15px; color: #727272; font-weight: 400; display: inline-block; } .courses-11 .course11-blocks .course-single .course-content-bottom ul li:first-child { float: left; font-size: 19px; font-weight: 600; font-family: "Roboto Slab", serif; color: #80CD36; } .courses-11 .course11-blocks .course-single .course-content-bottom ul li:first-child span { display: inline-block; font-size: 13px; text-decoration: line-through; color: #727272; padding-left: 5px; font-weight: 400; } .courses-11 .course11-blocks .course-single .course-content-bottom ul li:nth-child(2) { padding-right: 15px; } /* Video */ .video11 .video-play-btn { background: url(images/index11/03.png); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .video11 .video-play-btn:before { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); left: 0; top: 0; } .video11 .video-counter .v-counter-box p { color: #80CD36; } /* Events */ .events11 { padding: 100px 0; } .events11 .events-list { position: relative; } .events11 .events-list a.va-btn { font-size: 15px; font-weight: 500; text-transform: uppercase; border: 1px solid #80CD36; border-radius: 3px; padding: 10px 30px; display: inline-block; color: #80CD36; position: absolute; right: 15px; top: -100px; } .events11 .events-list .col-sm-12:last-child .event-single-row { border-bottom: 1px solid #e5e5e5; } .events11 .events-list .event-single-row { padding: 50px 0; border-top: 1px solid #e5e5e5; } .events11 .events-list .event-single-row:hover .event-day span:first-child, .events11 .events-list .event-single-row:hover .event-details .event-info h3 { color: #80CD36; } .events11 .events-list .event-single-row .event-day { margin-top: 30px; position: relative; } .events11 .events-list .event-single-row .event-day:before { background: #e5e5e5 none repeat scroll 0 0; content: ""; height: 150px; position: absolute; right: 15px; top: -43px; width: 1px; } .events11 .events-list .event-single-row .event-day span { display: block; font-size: 18px; } .events11 .events-list .event-single-row .event-day span:first-child { font-size: 20px; font-family: "Roboto Slab", serif; font-weight: 600; transition: 0.3s ease; } .events11 .events-list .event-single-row .event-details .event-image, .events11 .events-list .event-single-row .event-details .event-info { display: table-cell; vertical-align: top; } .events11 .events-list .event-single-row .event-details .event-image { width: 25%; } .events11 .events-list .event-single-row .event-details .event-info { width: 55%; } .events11 .events-list .event-single-row .event-details .event-info h3 { margin: 0 0 20px 0; transition: 0.3s ease; } .events11 .events-list .event-single-row .event-details .event-info p { margin-bottom: 0; } .events11 .events-list .event-single-row .event-meta { position: relative; } .events11 .events-list .event-single-row .event-meta:before { background: #e5e5e5 none repeat scroll 0 0; content: ""; height: 150px; position: absolute; left: 5px; top: -13px; width: 1px; } .events11 .events-list .event-single-row .event-meta .event-time { padding-left: 30px; } .events11 .events-list .event-single-row .event-meta .event-time p span { display: block; font-size: 15px; font-weight: 300; } .events11 .events-list .event-single-row .event-meta .event-time p span:first-child { font-size: 17px; font-weight: 400; color: #323232; } .events11 .events-list .event-single-row .event-meta .event-details-link { text-align: right; } .events11 .events-list .event-single-row .event-meta .event-details-link a { background: #80CD36; border-radius: 3px; color: #fff; display: block; font-size: 15px; font-weight: 500; margin-top: 30px; padding: 13px 15px; text-align: center; text-transform: uppercase; } /* Blog */ .blog11 { padding: 100px 0; background: url(images/index11/blog-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .blog11:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.7); } .blog11 .section-header11 h2 { color: #fff; } .blog11 .section-header11 h2:before { background: #fff; } .blog11 .blog11-contents { position: relative; } .blog11 .blog11-contents a.va-btn { font-size: 15px; font-weight: 500; text-transform: uppercase; border: 1px solid #80CD36; border-radius: 3px; padding: 10px 30px; display: inline-block; color: #80CD36; position: absolute; right: 15px; top: -100px; } .blog11 .blog11-contents .blog11-single { background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); transition: 0.3s ease; } .blog11 .blog11-contents .blog11-single:hover figure figcaption { background: rgba(0, 0, 0, 0.7); } .blog11 .blog11-contents .blog11-single:hover figure figcaption div a { visibility: visible; opacity: 1; } .blog11 .blog11-contents .blog11-single:hover .blog-excerpt h3 a { color: #80CD36; } .blog11 .blog11-contents .blog11-single figure { position: relative; } .blog11 .blog11-contents .blog11-single figure figcaption { position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: 0.3s ease; } .blog11 .blog11-contents .blog11-single figure figcaption div { position: absolute; width: 100%; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-align: center; } .blog11 .blog11-contents .blog11-single figure figcaption div a { visibility: hidden; opacity: 0; } .blog11 .blog11-contents .blog11-single figure figcaption div.blog-date { top: auto; bottom: -20px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .blog11 .blog11-contents .blog11-single figure figcaption div.blog-date span { background: #f9f9f9; font-size: 13px; text-transform: uppercase; color: #323232; display: inline-block; padding: 10px 30px; border-radius: 100px; } .blog11 .blog11-contents .blog11-single .blog-excerpt { padding: 30px 15px; } .blog11 .blog11-contents .blog11-single .blog-excerpt h3 { font-size: 18px; font-weight: 600; line-height: 26px; margin: 0 0 15px; text-transform: uppercase; } .blog11 .blog11-contents .blog11-single .blog-excerpt h3 a { color: #323232; } .blog11 .blog11-contents .blog11-single .blog-excerpt ul { margin-bottom: 15px; } .blog11 .blog11-contents .blog11-single .blog-excerpt ul li { display: inline-block; font-size: 13px; font-weight: 400; color: #666; } .blog11 .blog11-contents .blog11-single .blog-excerpt ul li a{ color: #666; } .blog11 .blog11-contents .blog11-single .blog-excerpt ul li:last-child { float: right; } /* Testimonial */ .testimonial08 .testimonial-wrapper { position: relative; } .testimonial08 .testimonial-wrapper a.va-btn { font-size: 15px; text-transform: uppercase; font-weight: 500; border: 1px solid #80CD36; border-radius: 3px; padding: 10px 30px; display: inline-block; color: #80CD36; position: absolute; right: 15px; top: -105px; } .testimonial08 .app-download .app-screen { text-align: right; } .testimonial08 .app-download .app-screen img { display: inline; } .testimonial08 .app-download .app-details { margin-top: 130px; } .testimonial08 .app-download .app-details h3 { font-size: 35px; font-weight: 600; margin: 0 0 15px 0; max-width: 350px; line-height: 47px; } .testimonial08 .app-download .app-details p { margin-bottom: 25px; } .testimonial08 .app-download .app-details ul li { display: inline-block; margin-right: 50px; } .testimonial08 .app-download .app-details ul li:last-child { margin-right: 0; } /* ============================== Home Page Version 12 ================================ */ /* About */ .about12 .about-content h2 { text-align: left; font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px; line-height: 33px; margin: 0 0 50px 0; padding-bottom: 20px; position: relative; } .about12 .about-content h2 span { color: #80CD36; } .about12 .about-content h2:before { position: absolute; content: ""; background: #323232; width: 170px; height: 1px; left: 0; margin-left: 0; bottom: 0; } .about12 .about-content h2:after { background: #323232 none repeat scroll 0 0; border: 2px solid #80CD36; border-radius: 100px; bottom: -3px; content: ""; height: 8px; left: 85px; margin-left: 0px; position: absolute; width: 8px; } /* Information CAll To Action */ .icta12 { background: url(images/index12/01.png); background-size: cover; background-position: center; background-repeat: no-repeat; } /* Courses */ .courses12 { padding: 100px 0; } .courses12 .courses12-wrapper .course-filter-nav { text-align: center; margin-bottom: 40px; } .courses12 .courses12-wrapper .course-filter-nav ul.course-filter { display: inline-block; text-align: center; border: 1px solid #e5e5e5; } .courses12 .courses12-wrapper .course-filter-nav ul.course-filter li { display: inline-block; cursor: pointer; padding: 15px 25px; font-size: 16px; color: #323232; transition: 0.3s ease; } .courses12 .courses12-wrapper .course-filter-nav ul.course-filter li.active { background: #80CD36; color: #fff; transition: 0.3s ease; } .courses12 .courses12-wrapper .filter-container .course-single { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); transition: .3s ease; } .courses12 .courses12-wrapper .filter-container .course-single:hover { box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25); } .courses12 .courses12-wrapper .filter-container .course-single:hover figcaption { visibility: visible; opacity: 1; } .courses12 .courses12-wrapper .filter-container .course-single:hover .course-content h3 a { color: #80CD36; } .courses12 .courses12-wrapper .filter-container .course-single:hover .course-content ul li img { border: 2px solid #80CD36; } .courses12 .courses12-wrapper .filter-container .course-single figure { position: relative; } .courses12 .courses12-wrapper .filter-container .course-single figure img { width: 100%; } .courses12 .courses12-wrapper .filter-container .course-single figure figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; transition: 0.3s ease; } .courses12 .courses12-wrapper .filter-container .course-single figure figcaption div { text-align: center; position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .courses12 .courses12-wrapper .filter-container .course-single .course-content { padding: 20px 15px; background: #ffff; } .courses12 .courses12-wrapper .filter-container .course-single .course-content h3 { font-size: 15px; line-height: 22px; font-weight: 600; margin: 0 0 20px 0; } .courses12 .courses12-wrapper .filter-container .course-single .course-content h3 a { color: #323232; } .courses12 .courses12-wrapper .filter-container .course-single .course-content ul { margin-bottom: 20px; } .courses12 .courses12-wrapper .filter-container .course-single .course-content ul li { display: table-cell; vertical-align: top; } .courses12 .courses12-wrapper .filter-container .course-single .course-content ul li img { display: inline; transition: 0.3s ease; border: 2px solid transparent; } .courses12 .courses12-wrapper .filter-container .course-single .course-content ul li:last-child { padding-left: 15px; padding-top: 5px; } .courses12 .courses12-wrapper .filter-container .course-single .course-content ul li:last-child span { font-size: 12px; color: #acacac; display: block; } .courses12 .courses12-wrapper .filter-container .course-single .course-content ul li:last-child span:last-child { font-size: 15px; color: #727272; } .courses12 .courses12-wrapper .filter-container .course-single .course-content .course-rating span { font-size: 18px; padding-right: 3px; } .courses12 .courses12-wrapper .filter-container .course-single .course-content .course-rating span i { font-size: 18px; color: #ffef3b; } .courses12 .courses12-wrapper .filter-container .course-single .course-content .course-rating span:last-child { font-size: 12px; color: #727272; padding-left: 15px; } .courses12 .courses12-wrapper .filter-container .course-single .course-content-bottom { background: #fff; padding: 20px 15px; position: relative; } .courses12 .courses12-wrapper .filter-container .course-single .course-content-bottom:before { position: absolute; content: ""; width: 100%; height: 1px; background: #bfe699; left: 0; top: 0; } .courses12 .courses12-wrapper .filter-container .course-single .course-content-bottom ul { text-align: right; margin-bottom: 0; } .courses12 .courses12-wrapper .filter-container .course-single .course-content-bottom ul li { font-size: 15px; color: #727272; font-weight: 400; display: inline-block; } .courses12 .courses12-wrapper .filter-container .course-single .course-content-bottom ul li:first-child { float: left; font-size: 19px; font-weight: 600; font-family: "Roboto Slab", serif; color: #80CD36; } .courses12 .courses12-wrapper .filter-container .course-single .course-content-bottom ul li:first-child span { display: inline-block; font-size: 13px; text-decoration: line-through; color: #727272; padding-left: 5px; font-weight: 400; } .courses12 .courses12-wrapper .filter-container .course-single .course-content-bottom ul li:nth-child(2) { padding-right: 15px; } .courses12 .courses12-wrapper .view-all-btn { text-align: center; margin-top: 50px; } .courses12 .courses12-wrapper .view-all-btn a { display: inline-block; font-size: 15px; font-weight: 500; text-transform: uppercase; padding: 10px 40px; border: 1px solid #80CD36; border-radius: 3px; color: #80CD36; } /* Counters & Call To Action */ .cta12 { background: url(images/index12/02.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; } .cta12:before { background: rgba(0, 0, 0, 0.45); } /* Events */ .events11 .events-list .view-all-btn { text-align: center; margin-top: 50px; } .events11 .events-list .view-all-btn a { display: inline-block; font-size: 15px; font-weight: 500; text-transform: uppercase; padding: 10px 40px; border: 1px solid #80CD36; border-radius: 3px; color: #80CD36; } /* Blog */ .blog12 { padding: 100px 0; } .blog12 .blog-boxes .blog-box-single { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); margin-bottom: 40px; transition: 0.3s ease; } .blog12 .blog-boxes .blog-box-single:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.25); } .blog12 .blog-boxes .blog-box-single:hover .blog-excerpt h3 a { color: #80CD36; } .blog12 .blog-boxes .blog-box-single .blog-excerpt { padding: 15px 15px; } .blog12 .blog-boxes .blog-box-single .blog-excerpt h3 { margin: 0 0 15px 0; } .blog12 .blog-boxes .blog-box-single .blog-excerpt h3 a { color: #323232; font-size: 20px; font-weight: bold; line-height: 24px; padding-right: 15px; text-transform: uppercase; } .blog12 .blog-boxes .blog-box-single .blog-excerpt p { margin-bottom: 20px; } .blog12 .blog-boxes .blog-box-single .blog-excerpt ul li { margin-bottom: 5px; font-size: 13px; font-weight: 400; } .blog12 .blog-boxes .blog-box-single .blog-excerpt ul li:last-child { margin-bottom: 0; } .blog12 .blog-boxes .blog-box-single .blog-excerpt ul li a, .blog12 .blog-boxes .blog-box-single .blog-excerpt ul li span { color: #666; font-size: 13px; font-weight: 400; } .blog12 .blog-boxes .view-all-btn { text-align: center; margin-top: 10px; } .blog12 .blog-boxes .view-all-btn a { display: inline-block; font-size: 15px; font-weight: 500; text-transform: uppercase; padding: 10px 40px; border: 1px solid #80CD36; border-radius: 3px; color: #80CD36; } /* Footer */ .footer-top-subscribe { background: #80CD36; padding: 35px 0; } .footer-top-subscribe h2 { font-size: 30px; font-weight: 600; text-transform: uppercase; color: #fff; margin: 10px 0 0 0; } .footer-top-subscribe form .form-group { margin-bottom: 0; } .footer-top-subscribe form .form-group input, .footer-top-subscribe form .form-group button { width: 100%; height: 50px; padding: 0 15px; border: 2px solid #fff; border-radius: 3px; background: none; font-size: 20px; color: #fff; font-family: "Roboto Slab", serif; opacity: 1; transition: 0.3s ease; } .footer-top-subscribe form .form-group button:hover { background: #fff; color: #80CD36; } /* ============================== Home Page Version 13 ================================ */ /* Header */ .header13 { background: #262626; } .header13 .main-menu nav.navbar .navbar-header { float: none; text-align: center; } .header13 .main-menu nav.navbar .navbar-header a.navbar-brand { display: inline-block; float: none; margin-left: 0; line-height: normal; height: auto; padding: 25px 0 0 0; } .header13 .main-menu nav.navbar .navbar-collapse ul.navbar-nav { float: none; text-align: center; } .header13 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li { padding: 0; float: none; display: inline-block; } .header13 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a { color: #fff; } .header13 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu ul.mega-menu-block { top: 186px; } .header13 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li.mega-menu:hover ul.mega-menu-block { top: 176px; } .header13 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li { display: block; } .header13 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li a { color: #727272; } .header13 .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li a:hover { color: #80CD36; } .header13 .main-menu nav.navbar .nav-container { float: none; } .header13 .main-menu nav.navbar .nav-container .menu-search { left: auto; margin-left: -30px; right: 0; bottom: -15px; color: #fff; top: 0px; } /* Intro */ .home13 { padding: 175px 0 40px 0; background: url(images/index13/01.png) #8dd248; background-size: cover; background-position: center bottom; background-repeat: no-repeat; margin-top: -10px; } .home13 .home13-contents { text-align: center; color: #fff; } .home13 .home13-contents span.heading-top { font-size: 25px; font-family: "Roboto Slab", serif; display: block; } .home13 .home13-contents h1 { font-size: 75px; line-height: 80px; margin: 20px 0 30px 0; color: #fff; font-weight: 600; position: relative; display: inline-block; } .home13 .home13-contents h1 span { position: absolute; right: -130px; top: -110px; width: 142px; height: 142px; background: url(images/index13/star-bg.png) #fff; background-repeat: no-repeat; background-position: center; border-radius: 100px; font-size: 50px; font-weight: 600; color: #80CD36; text-align: center; padding-top: 30px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .home13 .home13-contents p { width: 600px; margin: 0 auto; color: #fff; } .home13 .home13-contents a.buy-btn { font-size: 17px; display: inline-block; text-transform: uppercase; color: #80CD36; background: #fff; padding: 15px 35px; border-radius: 3px; margin: 30px 0 90px 0; } .home13 .home13-contents a.buy-btn i { display: inline-block; padding-right: 10px; } /* About */ .about13 { padding: 100px 0; } .about13 .about-content h2 { text-align: left; font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px; line-height: 45px; margin: 0 0 25px 0; padding-bottom: 20px; position: relative; } .about13 .about-content h2:before { position: absolute; content: ""; background: #323232; width: 170px; height: 1px; left: 0; bottom: 0; } .about13 .about-content h2:after { background: #323232 none repeat scroll 0 0; border: 2px solid #80CD36; border-radius: 100px; bottom: -3px; content: ""; height: 8px; left: 85px; position: absolute; width: 8px; } .about13 .about-content h2 span { color: #80CD36; } .about13 .about-content a.rm-btn { margin-top: 30px; } .about13 .about-content a.rm-btn:hover { border-color: #80CD36; color: #80CD36; } .about13 .about-video figure { position: relative; } .about13 .about-video figure figcaption { position: absolute; left: 0; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .about13 .about-video figure figcaption div { text-align: center; } .about13 .about-video figure figcaption div a { display: inline-block; width: 90px; height: 90px; font-size: 35px; color: #000; border-radius: 100px; padding-top: 20px; background: #fff; } .about13 .about-video figure figcaption div a:hover { background: #80CD36; color: #fff; } /* Learning Benefit */ .benefit-section { background: #3c3d41; overflow: hidden; } .benefit-section .benefit-content { padding: 100px 0; } .benefit-section .benefit-content .section-header11 h2 { color: #fff; text-align: left; } .benefit-section .benefit-content .section-header11 h2:before { background: #fff; left: 0; margin-left: 0; } .benefit-section .benefit-content .section-header11 h2:after { left: 85px; margin-left: -4px; } .benefit-section .benefit-content ul li { margin-bottom: 30px; } .benefit-section .benefit-content ul li:last-child { margin-bottom: 0; } .benefit-section .benefit-content ul li div { display: table-cell; vertical-align: top; } .benefit-section .benefit-content ul li div:last-child { padding-left: 15px; } .benefit-section .benefit-content ul li div h3 { font-weight: 600; color: #fff; margin: 0 0 16px 0; } .benefit-section .benefit-content ul li div p { color: #fff; margin-bottom: 0; } .benefit-section .benefit-image { position: relative; min-height: 749px; } .benefit-section .benefit-image .benefit-offset { background: url(images/index13/02.png); background-repeat: no-repeat; background-size: auto; background-position: left; height: 100%; position: absolute; width: 4000px; } /* Testimonial */ .testimonial13 { padding: 100px 0; } .testimonial13 .testimonial-boxes .testimonial-single-inner { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); padding: 80px 50px 30px 50px; } .testimonial13 .testimonial-boxes .testimonial-single-inner p { font-weight: 300; position: relative; margin-bottom: 0; } .testimonial13 .testimonial-boxes .testimonial-single-inner p:before { position: absolute; content: "\f10d"; font-family: "FontAwesome"; font-size: 100px; opacity: 0.1; left: -5px; top: -20px; } .testimonial13 .testimonial-boxes .testimonial-single-inner ul.testimonial-rating { margin: 15px 0 20px 0; } .testimonial13 .testimonial-boxes .testimonial-single-inner ul.testimonial-rating li { display: inline-block; color: #ffef3b; font-size: 17px; } .testimonial13 .testimonial-boxes .testimonial-single-inner ul.author-info li { display: table-cell; vertical-align: middle; } .testimonial13 .testimonial-boxes .testimonial-single-inner ul.author-info li:last-child { padding-left: 15px; } .testimonial13 .testimonial-boxes .testimonial-single-inner ul.author-info li:last-child span { display: block; font-size: 15px; font-weight: 300; } .testimonial13 .testimonial-boxes .testimonial-single-inner ul.author-info li:last-child span:first-child { font-size: 18px; font-weight: 600; color: #80CD36; font-family: "Roboto Slab", serif; } /* Intsructors */ .instructors { padding: 100px 0; background: url(images/index08/03.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; } .instructors .section-header11 h2 { color: #fff; } .instructors .section-header11 h2:before { background: #fff; } .instructors .instructor-carousel .instructor-single { background: #fff; } .instructors .instructor-carousel .instructor-single:hover h3 a { color: #80CD36; } .instructors .instructor-carousel .instructor-single figure img { width: 100%; } .instructors .instructor-carousel .instructor-single figure figcaption { padding: 25px 15px; } .instructors .instructor-carousel .instructor-single figure figcaption h3 { font-weight: 600; margin: 0 0 15px 0; transition: 0.3s ease; } .instructors .instructor-carousel .instructor-single figure figcaption h3 a { color: inherit; } .instructors .instructor-carousel .instructor-single figure figcaption span { margin-bottom: 15px; display: block; } .instructors .instructor-carousel .instructor-single figure figcaption p { margin-bottom: 0; } .instructors .owl-nav .owl-prev, .instructors .owl-nav .owl-next { border: 1px solid #fff; border-radius: 100px; color: #fff; display: inline-block; font-size: 40px; height: 60px; position: absolute; text-align: center; width: 60px; top: 50%; margin-top: -35px; transition: 0.3s ease; } .instructors .owl-nav .owl-prev:hover, .instructors .owl-nav .owl-next:hover { border-color: #80CD36; color: #80CD36; } .instructors .owl-nav .owl-prev { left: -80px; } .instructors .owl-nav .owl-next { right: -80px; } /* ============================== 404 Page ================================ */ .error404 { position: relative; background: url(images/404-bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; height: 100%; min-height: 100%; padding-top: 400px; } .error404:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.8); } .error404 .error404-content { left: 0; position: absolute; text-align: center; top: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .error404 .error404-content h1 { font-size: 60px; font-weight: 600; color: #80CD36; line-height: 60px; margin: 0 0 15px 0; } .error404 .error404-content p { font-size: 35px; font-weight: 600; color: #fff; font-family: "Roboto Slab", serif; } .error404 .error404-content img { display: inline-block; width: 400px; } .error404 .error404-content ul { margin: 15px 0 0 0; display: block; text-align: left; } .error404 .error404-content ul li { display: inline-block; } .error404 .error404-content ul li:last-child { float: right; } .error404 .error404-content ul li:last-child a i { padding-right: 0; padding-left: 10px; } .error404 .error404-content ul li a { font-size: 20px; color: #fff; } .error404 .error404-content ul li a i { font-size: 25px; display: inline-block; padding-right: 10px; } .error404 .error404-content ul li a:hover { color: #80CD36; } /* ============================== Coming Soon ================================ */ html, body { height: 100%; margin: 0; } .coming-soon { position: relative; background: url(images/coming-soon-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 70px 0 20px 0; height: 100%; min-height: 100%; } .coming-soon:before { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.6); } .coming-soon:after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; top: 0; background: rgba(128, 205, 51, 0.03); } .coming-soon .website-logo { text-align: center; position: relative; z-index: 1; margin-bottom: 50px; } .coming-soon .cs-content { text-align: center; position: relative; z-index: 1; } .coming-soon .cs-content h1 { font-size: 45px; font-weight: 600; color: #fff; margin: 0 0 70px 0; } .coming-soon .cs-content .cs-countdown .countdown-timer #timer-wrapper .timer-body-block .table-cell { display: inline-block; color: #fff; width: 25%; position: relative; } .coming-soon .cs-content .cs-countdown .countdown-timer #timer-wrapper .timer-body-block .table-cell:before { content: ":"; font-family: "Roboto Slab", serif; font-size: 115px; position: absolute; right: -5px; bottom: 10px; } .coming-soon .cs-content .cs-countdown .countdown-timer #timer-wrapper .timer-body-block .table-cell:last-child { margin-right: 0; } .coming-soon .cs-content .cs-countdown .countdown-timer #timer-wrapper .timer-body-block .table-cell:last-child:before { content: none; } .coming-soon .cs-content .cs-countdown .countdown-timer #timer-wrapper .timer-body-block .table-cell .tab-val { font-size: 80px; font-weight: 600; font-family: "Roboto Slab", serif; line-height: 65px; margin-bottom: 10px; } .coming-soon .cs-content .cs-countdown .countdown-timer #timer-wrapper .timer-body-block .table-cell .tab-unit { font-family: "Roboto Slab", serif; font-size: 25px; text-transform: capitalize; } .coming-soon .cs-content .cs-form { margin: 65px 0 70px 0; } .coming-soon .cs-content .cs-form .form-group { margin-bottom: 0; } .coming-soon .cs-content .cs-form form input, .coming-soon .cs-content .cs-form form button { display: table-cell; vertical-align: top; } .coming-soon .cs-content .cs-form form input { height: 60px; border: 1px solid #fff; width: 80%; background: url(images/mail-icon.png) transparent; background-position: 98% center; background-repeat: no-repeat; padding: 0 15px; font-size: 20px; color: #fff; } .coming-soon .cs-content .cs-form form button { background: #80CD36; font-size: 31px; font-weight: 600; font-family: "Roboto Slab", serif; height: 60px; border: 1px solid #80CD36; color: #fff; width: 20%; margin-left: -1px; } .coming-soon .cs-content ul.cs-social { margin-bottom: 0; } .coming-soon .cs-content ul.cs-social li { display: inline-block; margin-right: 30px; } .coming-soon .cs-content ul.cs-social li:last-child { margin-right: 0; } .coming-soon .cs-content ul.cs-social li a { display: block; width: 35px; height: 35px; color: #fff; border-radius: 100px; background: #80CD36; padding-top: 7px; } .coming-soon .cs-content ul.cs-social li a.twitter { background: #55acee; } .coming-soon .cs-content ul.cs-social li a.facebook { background: #3b5998; } .coming-soon .cs-content ul.cs-social li a.pinterest { background: #cb2027; } .coming-soon .cs-content ul.cs-social li a.gplus { background: #dc4e41; } .coming-soon .cs-content ul.cs-social li a.linkedin { background: #007ab9; } .coming-soon .cs-content ul.cs-social li a:hover { background: #80CD36; } /* =============================== Blog One Style ================================ */ .page-header { padding: 80px 0; background: url(images/testimonial-main.png); position: relative; margin: 0; } .page-header:before { position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); } .page-header h1 { font-weight: 600; font-size: 50px; color: #fff; margin: 0 0 20px 0; text-transform: uppercase; } .page-header ul li { display: inline-block; margin-right: 10px; position: relative; font-size: 16px; } .page-header ul li:last-child { margin-right: 0; } .page-header ul li:last-child:before { content: none; } .page-header ul li a { color: #fff; font-size: 16px; } .page-header ul li.active { color: rgba(255, 255, 255, 0.7); } /* Blog Page Styles */ .blog-wrapper { padding: 100px 0 !important; } .blog-wrapper .blog-list-inner .blog-single { margin-bottom: 80px; } .blog-wrapper .blog-list-inner .blog-single .blog-thumb { margin-bottom: 30px; } .blog-wrapper .blog-list-inner .blog-single .blog-thumb figure { position: relative; overflow: hidden; } .blog-wrapper .blog-list-inner .blog-single .blog-thumb figure img { max-width: 100%; transition: 0.6s ease; } .blog-wrapper .blog-list-inner .blog-single.featured .blog-thumb figure figcaption { position: absolute; text-align: center; min-width: 115px; font-weight: 500; text-transform: uppercase; color: #fff; background: #80CD36; left: 0; top: 40px; padding: 10px 0; } .blog-wrapper .blog-list-inner .blog-single .blog-details .post-date { background: #80CD36; text-align: center; color: #fff; padding: 30px; } .blog-wrapper .blog-list-inner .blog-single .blog-details .post-date span { display: block; } .blog-wrapper .blog-list-inner .blog-single .blog-details .post-date span:first-child { font-size: 45px; font-weight: 600; line-height: 30px; margin-bottom: 5px; padding-bottom: 12px; position: relative; font-family: "Roboto Slab", serif; } .blog-wrapper .blog-list-inner .blog-single .blog-details .post-date span:first-child:before { position: absolute; content: ""; width: 50px; height: 1px; background: #fff; left: 50%; bottom: 0; margin-left: -25px; } .blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt h2 { font-size: 25px; font-weight: 600; margin: 0; } .blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt h2 a { color: inherit; text-transform: uppercase; } .blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt ul.post-meta { padding: 13px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.13); margin-bottom: 0; } .blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt ul.post-meta li { display: inline-block; padding-right: 15px; } .blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt ul.post-meta li:last-child { padding-right: 0; } .blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt ul.post-meta li i { color: #80CD36; display: inline-block; padding-right: 5px; } .blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt ul.post-meta li a { color: inherit; } .blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt ul.post-meta li a:hover { color: #80CD36; } .blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt p { padding: 20px 0; margin-bottom: 0; } .blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt a.blog-rm { text-transform: uppercase; color: inherit; font-weight: 500; } .blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt a.blog-rm:hover { color: #80CD36; } .blog-wrapper .blog-list-inner .blog-single .blog-details .post-excerpt a.blog-rm i { display: inline-block; padding-left: 5px; } .blog-wrapper .blog-list-inner .blog-single:hover .blog-thumb figure img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .blog-wrapper .blog-list-inner .blog-single:hover .blog-details .post-excerpt h2 a { color: #80CD36; } .blog-pagination{ clear: both; } .blog-wrapper .blog-pagination ul { margin-bottom: 0; padding: 10px 0; text-align: center; } .blog-wrapper .blog-pagination ul li { display: inline-block; } .page-links{ clear: both; } .page-links b, .pagination b, .pagination span.current, .blog-wrapper .blog-pagination ul li span, .blog-wrapper .blog-pagination ul li a { background: none; font-weight: 500; display: inline-block; padding: 6px 15px; border-radius: 2px; color: #727272; } .pagination span.current, .blog-wrapper .blog-pagination ul li span, .blog-wrapper .blog-pagination ul li a:hover { background: #80CD36; color: #fff; } .page-links b, .blog-wrapper .blog-pagination ul li.active a { background: #80CD36; color: #fff; } .page-links b{ display: inline-block; margin: 5px; padding: 6px 15px; border-radius: 2px; } .blog-sidebar{ margin-top: 35px; } .blog-sidebar img{ max-width: 100%; height: auto; } .blog-sidebar li{ list-style: none; } .blog-wrapper .blog-sidebar .sidebar-widget { margin-bottom: 50px; margin-top: -35px; } .blog-wrapper .blog-sidebar .sidebar-widget:last-child { margin-bottom: 0; } h2.widgettitle:first-child{ margin-top: 0; } h2.widgettitle{ font-family: "Roboto Slab", serif; } h2.widgettitle, .blog-wrapper .blog-sidebar .sidebar-widget h3 { margin: 35px 0 20px 0; padding-bottom: 10px; position: relative; font-size: 20px; text-transform: uppercase; font-weight: 600; } h2.widgettitle:before, .blog-wrapper .blog-sidebar .sidebar-widget h3:before { position: absolute; left: 0; bottom: 0; content: ""; width: 60px; height: 1px; background: #80CD36; } .widget_search form, .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.search-widget form { position: relative; } .widget_search form input, .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.search-widget form input { width: 100%; height: 45px; border: 1px solid rgba(0, 0, 0, 0.13); padding: 0 65px 0 15px; } .widget_search form button, .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.search-widget form button { position: absolute; top: 21px; right: 0; width: 50px; height: 45px; border: 1px solid #80CD36; background: #80CD36; color: #fff; } .widget_search form{ width: 100%; overflow: hidden; margin: 0; } .widget_search form label{ display: inline; } .widget_search form input[type="search"]{ width: 99px; position: relative; } .widget_search form input[type="submit"]{ position: absolute; height: 47px; width: 30px; background: #80CD36; color: #fff; } .widget > ul > li{ padding-left: 0 !important; } .news-thumb img{ width: 59px; max-width: 59px; height: 59px; object-fit: cover; } .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.latest-news .news-single .news-thumb { display: table-cell; vertical-align: top; } .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.latest-news .news-single .news-excerpt { display: table-cell; vertical-align: top; padding-left: 20px; } .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.latest-news .news-single .news-excerpt h4 { margin: -5px 0 0 0; } .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.latest-news .news-single .news-excerpt h4 a { font-size: 15px; color: #727272; font-weight: normal; text-transform: none; } .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.latest-news .news-single .news-excerpt h4 a:hover { color: #80CD36; } .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.latest-news .news-single .news-excerpt span { font-size: 12px; color: #6b6b6b; } .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.category-widget ul { margin-bottom: 0; } .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.category-widget ul li { padding-bottom: 15px; } .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.category-widget ul li:last-child { padding-bottom: 0; } .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.category-widget ul li a { color: #727272; } .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.category-widget ul li a:hover { color: #80CD36; } .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.tags-widget ul { margin-bottom: 0; } .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.tags-widget ul li { display: inline-block; padding-right: 10px; padding-bottom: 10px; } .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.tags-widget ul li:last-child { padding-right: 0; } .widget .tagcloud a, .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.tags-widget ul li a { display: block; padding: 10px 15px; border: 1px solid rgba(0, 0, 0, 0.13); color: #727272; } .widget .tagcloud a:hover, .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.tags-widget ul li a:hover { border-color: #80CD36; color: #80CD36; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure img{ width: 100% !important; border-radius: 0; border: 0; } ul#menu-testing-menu{ margin-left: -15px; } ul.children, ul.sub-menu { margin-top: 15px; } .widget{ margin-bottom: 50px; color: #727272; } .widget ul{ padding-left: 0; } .widget ul li{ padding-bottom: 10px; padding-left: 15px; } .widget a{ color: #727272; } .widget .tagcloud a{ display: inline-block; } .widget a:hover{ color: #80CD36; } .widget .tagcloud a { display: inline-block; font-size: 14px !important; margin: 2px 0 5px; padding: 5px 15px; text-transform: capitalize; } ul.post-categories { list-style: none; text-align: center; padding: 0; } /* =============================== Blog Two Style ================================ */ /* Blog Page Content */ .blog-wrapper .blog-two-content .post-single { margin-bottom: 80px; } .blog-wrapper .blog-two-content .post-single .post-date { background: #80CD36; padding: 20px 0; text-align: center; margin-bottom: 30px; } .blog-wrapper .blog-two-content .post-single .post-date span { display: block; font-size: 15px; text-transform: uppercase; color: #fff; } .blog-wrapper .blog-two-content .post-single .post-date span:first-child { font-size: 30px; font-weight: 600; } .blog-wrapper .blog-two-content .post-single .post-sticky { text-align: center; background: #f4f4f4; font-size: 25px; color: #727272; padding: 25px 0; } .blog-wrapper .blog-two-content .post-single .post-details h2 { font-size: 25px; font-weight: 600; margin: 25px 0 15px 0; text-transform: uppercase; } .blog-wrapper .blog-two-content .post-single .post-details h2 a { color: inherit; } .blog-wrapper .blog-two-content .post-single .post-details a.rm-btn { color: inherit; font-weight: 500; text-transform: uppercase; margin-top: 10px; } .blog-wrapper .blog-two-content .post-single:hover .post-details h2 a { color: #80CD36; } .blog-wrapper .blog-two-content .post-single:hover .post-details a.rm-btn { color: #80CD36; } /* =============================== Blog Three Style ================================ */ .blog-wrapper .blog-three-content .carousel-item .course-single { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); margin-bottom: 40px; transition: .3s ease; } .blog-wrapper .blog-three-content .carousel-item .course-single:hover .course-info h3 a { color: #80CD36; } .blog-wrapper .blog-three-content .carousel-item .course-single:hover .course-image figure figcaption { visibility: visible; opacity: 1; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-info { padding-top: 15px; padding-left: 15px; padding-botto: 15px; padding-right: 0; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-info h3 { line-height: 26px; font-size: 20px; font-weight: 600; margin: 0 0 10px 0; transition: .3s ease; text-transform: uppercase; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-info h3 a { color: inherit; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.author-info-main li { display: inline-block; float: left; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.author-info-main li img, .blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.author-info-main li span { display: inline-block; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.author-info-main li img { width: auto; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.author-info-main li span { padding-left: 10px; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.author-info-main li span a { color: inherit; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.author-info-main li:last-child { float: right; padding: 10px 0; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.blog-bottom li { color: #bababa; font-size: 14px; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.blog-bottom li:last-child { font-size: 14px; color: #bababa; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.blog-tags li { display: inline-block; padding-right: 5px; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.blog-tags li:last-child { padding-right: 0; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-info ul.blog-tags li a { color: #bababa; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-image figure { position: relative; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-image figure figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); text-align: center; transition: 0.3s ease; visibility: hidden; opacity: 0; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-image figure figcaption div { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .blog-wrapper .blog-three-content .carousel-item .course-single .course-image figure figcaption div a { border-radius: 0; } /* =============================== Blog Four Style ================================ */ .blog-wrapper.blog .blog-four-content .blog-posts .single-blog { margin-bottom: 50px; } /* =============================== Blog Five Style ================================ */ .blog-wrapper.blog .blog-five-content .blog-posts02 .col-sm-6:nth-child(3) .single-blog, .blog-wrapper.blog .blog-five-content .blog-posts02 .col-sm-6:nth-child(4) .single-blog { margin-bottom: 65px; } /* =============================== Blog Six Style ================================ */ .blog-wrapper.blog02 .blog-six-content .blog-posts .single-blog { margin-bottom: 50px; } .blog-wrapper.blog02 .blog-six-content .blog-posts .single-blog figure .blog-thumb img { width: 100%; } .blog-wrapper.blog02 .blog-six-content .blog-posts .single-blog .blog-excerpt h3 { font-size: 20px; font-weight: 600; text-transform: uppercase; } /* =============================== Blog Seven Style ================================ */ .blog-wrapper.blog06 .blog-seven-content .single-blog { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); transition: .3s ease; margin-bottom: 60px; } .blog-wrapper.blog06 .blog-seven-content .single-blog:hover figcaption h3 a { color: #80CD36; } .blog-wrapper.blog06 .blog-seven-content .single-blog figure figcaption h3 { margin: 15px 0; padding: 0 15px; line-height: 26px; } .blog-wrapper.blog06 .blog-seven-content .single-blog figure figcaption h3 a { color: #323232; font-size: 20px; font-weight: 600; text-transform: uppercase; } .blog-wrapper.blog06 .blog-seven-content .single-blog .blog-excerpt { border-top: 1px solid rgba(0, 0, 0, 0.07); } .blog-wrapper.blog06 .blog-seven-content .single-blog .blog-excerpt .blog-meta, .blog-wrapper.blog06 .blog-seven-content .single-blog .blog-excerpt .blog-text { display: table-cell; vertical-align: top; } .blog-wrapper.blog06 .blog-seven-content .single-blog .blog-excerpt .blog-meta { text-align: center; padding: 0 15px; border-right: 1px solid rgba(0, 0, 0, 0.07); position: relative; } .blog-wrapper.blog06 .blog-seven-content .single-blog .blog-excerpt .blog-meta:before { position: absolute; left: 0; top: 50%; content: ""; background: rgba(0, 0, 0, 0.07); width: 100%; height: 1px; margin-top: 1px; } .blog-wrapper.blog06 .blog-seven-content .single-blog .blog-excerpt .blog-meta span.day { font-size: 30px; font-family: "Roboto Slab", serif; color: #323232; font-weight: 600; display: block; padding: 5px 0; } .blog-wrapper.blog06 .blog-seven-content .single-blog .blog-excerpt .blog-meta span.month { font-size: 18px; color: #323232; display: block; padding: 23px 0; } .blog-wrapper.blog06 .blog-seven-content .single-blog .blog-excerpt .blog-text { padding: 10px 15px; } /* =============================== Blog Eight Style ================================ */ .blog-wrapper.blog07 { background: none; } .blog-wrapper.blog07:before { content: none; } .blog-wrapper.blog07 .blog-eight-content .single-blog { background: #fff; padding-bottom: 20px; margin-bottom: 60px; } .blog-wrapper.blog07 .blog-eight-content .single-blog:hover figure figcaption { visibility: visible; opacity: 1; } .blog-wrapper.blog07 .blog-eight-content .single-blog:hover .blog-single-content h3 a { color: #80CD36; } .blog-wrapper.blog07 .blog-eight-content .single-blog figure { position: relative; } .blog-wrapper.blog07 .blog-eight-content .single-blog figure img { width: 100%; } .blog-wrapper.blog07 .blog-eight-content .single-blog figure figcaption { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0, 0, 0, 0.5); text-align: center; visibility: hidden; opacity: 0; transition: .3s ease; } .blog-wrapper.blog07 .blog-eight-content .single-blog figure figcaption div { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .blog-wrapper.blog07 .blog-eight-content .single-blog figure figcaption div a { font-size: 17px; font-weight: 300; display: inline-block; padding: 8px 20px; background: #80CD36; border-radius: 3px; color: #fff; } .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-content { padding: 15px 15px 30px 15px; background: #fff; } .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-content h3 { font-size: 20px; line-height: 26px; margin: 0 0 10px; text-transform: uppercase; } .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-content h3 a { font-weight: 600; color: inherit; } .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom { background: #f1f1f1; padding: 0 15px; } .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta1, .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta2 { padding: 6px 0; } .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta1 { float: left; position: relative; } .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta1 span, .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta1 p { display: inline-block; } .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta1 span { position: absolute; width: 50px; height: 55px; background: #80CD36; font-size: 18px; color: #fff; font-weight: 600; text-align: center; top: -20px; } .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta1 p { padding-left: 65px; margin-bottom: 0; padding-top: 2px; } .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta1 p a { color: #80CD36; } .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta1 p i { color: #323232; font-size: 17px; } .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta2 { float: right; } .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta2 ul { margin-bottom: 0; margin-top: 3px; } .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta2 ul li a, .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta2 ul li { color: #727272; display: inline-block; padding-right: 15px; } .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta2 ul li:last-child { padding-right: 0; } .blog-wrapper.blog07 .blog-eight-content .single-blog .blog-single-bottom .blog-meta2 ul li i { color: #323232; font-size: 17px; } /* =============================== Blog Nine Style ================================ */ .blog-wrapper.blog11 { background: none; } .blog-wrapper.blog11:before { content: none; } .blog-wrapper.blog11 .blog-nine-content .blog11-contents .blog11-single { margin-bottom: 60px; } .blog-wrapper.blog11 .blog-nine-content .blog11-contents .blog11-single figure img { width: 100%; } /* =============================== Blog Details Style ================================ */ .blog-wrapper .blog-details-wrapper .blog-image img { width: 100%; } .blog-wrapper .blog-details-wrapper .blog-meta { margin: 20px 0 25px 0; } .blog-wrapper .blog-details-wrapper .blog-meta h2 { font-size: 30px; text-transform: uppercase; } .blog-wrapper .blog-details-wrapper .blog-meta ul { margin: 15px 0 0 0; } .blog-wrapper .blog-details-wrapper .blog-meta ul li { display: inline-block; margin-right: 20px; } .blog-wrapper .blog-details-wrapper .blog-meta ul li:last-child { margin-right: 0; } .blog-wrapper .blog-details-wrapper .blog-meta ul li i { display: inline-block; color: #80CD36; padding-right: 4px; } .blog-wrapper .blog-details-wrapper .blog-meta ul li a { color: inherit; } .blog-wrapper .blog-details-wrapper .blog-meta ul li a:hover { color: #80CD36; } .blog-wrapper .blog-details-wrapper .blog-content blockquote { margin: 40px 0; background: rgba(0, 0, 0, 0.04); padding: 15px; border-left: 2px solid #80CD36; font-style: italic; } .course-bottom-content { margin-top: 70px; } .blog-share { clear: both; overflow: hidden; margin-bottom: 50px; } .blog-wrapper .blog-details-wrapper .blog-share ul { margin: 15px 0; padding: 15px 0; border-top: 1px solid rgba(0, 0, 0, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.04); list-style: none; } .blog-wrapper .blog-details-wrapper .blog-share ul li { display: inline-block; padding-right: 10px; } .blog-wrapper .blog-details-wrapper .blog-share ul li:last-child { padding-right: 0; } .blog-wrapper .blog-details-wrapper .blog-share ul li:first-child { font-weight: 500; } .blog-wrapper .blog-details-wrapper .blog-share ul li a { color: inherit; } .blog-wrapper .blog-details-wrapper .blog-share ul li a:hover { color: #80CD36; } .comment-body { margin: 30px 0; } .blog-wrapper .blog-details-wrapper .blog-comment { margin: 60px 0 0 0; } .blog-wrapper .blog-details-wrapper .blog-comment h2 { font-size: 25px; text-transform: uppercase; } .blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li { list-style: none; } .blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li .comment-author { vertical-align: top; float: left; margin-right: 20px; } .blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li .comment-details { vertical-align: top; padding-left: 70px; } .blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li .comment-details h3 { margin: 0 0 10px 0; color: #80CD36; font-weight: 600; text-transform: uppercase; } .blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li .comment-details b { font-weight: 400; } .blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li .comment-details p { margin: 10px 0; } .blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li .comment-details a { color: inherit; font-weight: 500; } .blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li .comment-details a:hover { color: #80CD36; } .blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li ul.children { margin-left: 50px; } .blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li ul.children li { margin: 50px 0 0 0; } .blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li ul.children li:last-child { margin-bottom: 0; } .blog-wrapper .blog-details-wrapper .post-comment { margin: 50px 0 15px; } .blog-wrapper .blog-details-wrapper .post-comment h2 { margin: 0 0 40px 0; text-transform: uppercase; font-size: 25px; } .blog-wrapper .blog-details-wrapper .post-comment form .form-group { margin-bottom: 0; } .blog-wrapper .blog-details-wrapper .post-comment form .form-group input { width: 100%; height: 45px; border: 1px solid rgba(0, 0, 0, 0.13); padding: 0 15px; margin-bottom: 30px; } .blog-wrapper .blog-details-wrapper .post-comment form .form-group textarea { width: 100%; border: 1px solid rgba(0, 0, 0, 0.13); padding: 15px; height: 150px; margin-bottom: 30px; } .blog-wrapper .blog-details-wrapper .post-comment form .form-group button { border: 2px solid #80CD36; background: #80CD36; color: #fff; text-transform: uppercase; font-weight: 500; padding: 12px 30px; transition: 0.3s ease; } .blog-wrapper .blog-details-wrapper .post-comment form .form-group button:hover { background: none; color: #80CD36; } /* ================================ Courses One Style ================================== */ .all-course-wrapper, .all-teachers-wrapper { padding: 100px 0; } .all-course-wrapper .blog-pagination ul, .all-teachers-wrapper .blog-pagination ul { border-bottom: 1px solid rgba(0, 0, 0, 0.04); border-top: 1px solid rgba(0, 0, 0, 0.04); margin-bottom: 0; padding: 10px 0; text-align: center; } .all-course-wrapper .blog-pagination ul li, .all-teachers-wrapper .blog-pagination ul li { display: inline-block; } .all-course-wrapper .blog-pagination ul li a, .all-teachers-wrapper .blog-pagination ul li a { background: none; font-weight: 500; display: inline-block; padding: 10px 15px; color: #727272; } .all-course-wrapper .blog-pagination ul li a:hover, .all-teachers-wrapper .blog-pagination ul li a:hover { background: #80CD36; color: #fff; } .all-course-wrapper .blog-pagination ul li.active a, .all-teachers-wrapper .blog-pagination ul li.active a { background: #80CD36; color: #fff; } .page-numbers.current{ padding: 10px 15px; background: #80CD36; color: #fff; } /* ================================ Courses Two Style ================================== */ .all-course-wrapper .course-style02-wrapper .course-single { margin-bottom: 65px; position: relative; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } .all-course-wrapper .course-style02-wrapper .course-single .course-thumb { position: relative; } .all-course-wrapper .course-style02-wrapper .course-single .course-thumb span.price { background: #80CD36; bottom: -10px; display: inline-block; font-family: "Roboto Slab", serif; font-size: 27px; left: -10px; padding: 5px 15px 5px 25px; position: absolute; color: #fff; } .all-course-wrapper .course-style02-wrapper .course-single .course-thumb span.price:before { content: ""; position: absolute; border-bottom: 10px solid #80CD36; border-left: 10px solid transparent; height: 0; left: 0; top: -10px; width: 0; } .all-course-wrapper .course-style02-wrapper .course-single .course-details { background: #fff; padding: 30px 15px 20px; } .all-course-wrapper .course-style02-wrapper .course-single .course-details h3 { margin: 0 0 20px 0; font-weight: 600; text-transform: uppercase; } .all-course-wrapper .course-style02-wrapper .course-single .course-details .course-teacher ul li { display: table-cell; vertical-align: middle; padding-right: 15px; } .all-course-wrapper .course-style02-wrapper .course-single .course-details .course-teacher ul li:last-child { padding-right: 0; } .all-course-wrapper .course-style02-wrapper .course-single .course-details .course-teacher ul li h4 { font-family: "Roboto", sans-serif; font-size: 15px; color: #727272; margin: 0; font-weight: 400; } .all-course-wrapper .course-style02-wrapper .course-single .course-details .course-excerpt { margin-top: 20px; } .all-course-wrapper .course-style02-wrapper .course-single .course-details .course-excerpt ul { margin-bottom: 0; } .all-course-wrapper .course-style02-wrapper .course-single .course-details .course-excerpt ul li { display: inline-block; margin-right: 15px; padding-right: 15px; position: relative; } .all-course-wrapper .course-style02-wrapper .course-single .course-details .course-excerpt ul li:last-child { margin-right: 0; padding-right: 0; } .all-course-wrapper .course-style02-wrapper .course-single .course-details .course-excerpt ul li:last-child:before { content: none; } .all-course-wrapper .course-style02-wrapper .course-single .course-details .course-excerpt ul li:before { content: ""; position: absolute; width: 1px; height: 35px; right: 0; top: 0; background: rgba(0, 0, 0, 0.07); } .all-course-wrapper .course-style02-wrapper .course-single .course-details .course-excerpt ul li span { display: block; color: #727272; font-size: 13px; } .all-course-wrapper .course-style02-wrapper .course-single .course-hover { position: absolute; bottom: 0; right: 0; width: 100%; height: 0; background: url(images/course-hover-shape.png); background-repeat: no-repeat; background-size: 100% 100%; visibility: hidden; opacity: 0; transition: 0.5s ease; } .all-course-wrapper .course-style02-wrapper .course-single .course-hover .course-hover-content { right: 0; bottom: 50px; width: 200px; position: absolute; text-align: center; transition: 0.5s ease; } .all-course-wrapper .course-style02-wrapper .course-single .course-hover .course-hover-content ul li { display: inline-block; color: #fff; font-size: 15px; margin-right: 25px; } .all-course-wrapper .course-style02-wrapper .course-single .course-hover .course-hover-content ul li:last-child { margin-right: 0; } .all-course-wrapper .course-style02-wrapper .course-single .course-hover .course-hover-content a { font-size: 15px; color: #80CD36; display: inline-block; background: #fff; padding: 10px 20px; border-radius: 3px; margin-top: 30px; } .all-course-wrapper .course-style02-wrapper .course-single:hover .course-hover { height: 100%; visibility: visible; opacity: 1; } /* ================================ Courses Five Style ================================== */ .all-course-wrapper.course-wrapper .course-style04 { padding: 0; } /* ================================ Courses Six Style ================================== */ .all-course-wrapper .course-six-wrapper .course-single { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); margin-bottom: 60px; transition: .3s ease; } .all-course-wrapper .course-six-wrapper .course-single:hover .course-info h2 { color: #80CD36; } .all-course-wrapper .course-six-wrapper .course-single:hover .course-info ul.author-info li:last-child a { color: #80CD36; } .all-course-wrapper .course-six-wrapper .course-single:hover .course-image figure figcaption { visibility: visible; opacity: 1; } .all-course-wrapper .course-six-wrapper .course-single .course-info { padding: 15px; } .all-course-wrapper .course-six-wrapper .course-single .course-info h3 { font-weight: 600; margin: 0 0 10px 0; transition: .3s ease; text-transform: uppercase; } .all-course-wrapper .course-six-wrapper .course-single .course-info ul.author-info { margin: 20px 0; } .all-course-wrapper .course-six-wrapper .course-single .course-info ul.author-info li { display: table-cell; vertical-align: middle; } .all-course-wrapper .course-six-wrapper .course-single .course-info ul.author-info li:last-child { padding-left: 15px; color: #727272; } .all-course-wrapper .course-six-wrapper .course-single .course-info ul.author-info li:last-child a { color: #727272; } .all-course-wrapper .course-six-wrapper .course-single .course-info ul.course-bottom { border-top: 1px solid #d5d5d5; padding-top: 15px; } .all-course-wrapper .course-six-wrapper .course-single .course-info ul.course-bottom li { display: inline-block; font-size: 15px; color: #727272; } .all-course-wrapper .course-six-wrapper .course-single .course-info ul.course-bottom li:last-child { float: right; font-size: 22px; color: #80CD36; } .all-course-wrapper .course-six-wrapper .course-single .course-image figure { position: relative; } .all-course-wrapper .course-six-wrapper .course-single .course-image figure figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); text-align: center; transition: 0.3s ease; visibility: hidden; opacity: 0; } .all-course-wrapper .course-six-wrapper .course-single .course-image figure figcaption div { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .all-course-wrapper .course-six-wrapper .course-single .course-image figure figcaption div a { border-radius: 0; } /* ================================ Single Course Style ================================== */ .single-course-wrapper { padding: 0; } .single-course-wrapper .single-course-content h3.course-title { font-size: 30px; text-transform: uppercase; font-weight: 600; margin: 0; } .single-course-wrapper .single-course-content .course-meta { margin-top: 35px; margin-bottom: 45px; } .single-course-wrapper .single-course-content .course-meta .course-duration .course-icon, .single-course-wrapper .single-course-content .course-meta .course-duration .duration-details { display: table-cell; vertical-align: top; } .single-course-wrapper .single-course-content .course-meta .course-duration .duration-details { padding-left: 15px; } .single-course-wrapper .single-course-content .course-meta .course-duration .duration-details span { display: block; font-size: 15px; } .single-course-wrapper .single-course-content .course-meta .course-duration .duration-details span:last-child { font-size: 18px; font-weight: 600; font-family: "Roboto Slab", serif; margin-top: 5px; } .single-course-wrapper .single-course-content .course-meta .course-reviews span { font-size: 15px; display: block; margin-bottom: 10px; } .single-course-wrapper .single-course-content .course-meta .course-reviews ul li { display: inline-block; color: #FFEF3B; } .single-course-wrapper .single-course-content .course-meta .course-reviews ul li:last-child { padding-left: 5px; font-size: 18px; font-weight: 600; color: inherit; margin-top: 5px; text-transform: uppercase; } .single-course-wrapper .single-course-content .course-meta .course-cat span { display: block; font-size: 15px; } .single-course-wrapper .single-course-content .course-meta .course-cat span:last-child { margin-top: 5px; } .single-course-wrapper .single-course-content .course-meta .course-cat span:last-child a { font-size: 18px; font-weight: 600; color: inherit; text-transform: uppercase; } .single-course-wrapper .single-course-content .course-meta .course-cat span:last-child a:hover { color: #80CD36; } .single-course-wrapper .single-course-content .course-gallery { margin-bottom: 60px; } .single-course-wrapper .single-course-content .course-gallery #sync1 { margin-bottom: 30px; position: relative; } .single-course-wrapper .single-course-content .course-gallery #sync1 .owl-nav { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; padding: 0 15px; } .single-course-wrapper .single-course-content .course-gallery #sync1 .owl-nav .owl-prev, .single-course-wrapper .single-course-content .course-gallery #sync1 .owl-nav .owl-next { display: inline-block; width: 48px; height: 48px; text-align: center; border-radius: 50%; border: 2px solid #fff; transition: 0.3s ease; color: #fff; font-size: 22px; padding-top: 6px; } .single-course-wrapper .single-course-content .course-gallery #sync1 .owl-nav .owl-prev:hover, .single-course-wrapper .single-course-content .course-gallery #sync1 .owl-nav .owl-next:hover { border-color: #80CD36; color: #80CD36; } .single-course-wrapper .single-course-content .course-gallery #sync1 .owl-nav .owl-next { float: right; } .single-course-wrapper .single-course-content .course-gallery #sync2 .item img:hover { cursor: pointer; } .single-course-wrapper .single-course-content .course-info-tabs ul.nav-tabs { border-bottom: 1px solid #cccccc; } .learn-press-user-profile .learn-press-tabs > li.current{ } .learn-press-user-profile .learn-press-tabs > li > a, .learn-press-tabs .learn-press-nav-tabs .learn-press-nav-tab a, .single-course-wrapper .single-course-content .course-info-tabs ul.nav-tabs li a { background: none; border: none; font-size: 18px; font-weight: 600; font-family: "Roboto Slab", serif; text-transform: uppercase; color: inherit; border-radius: 0; padding: 15px 25px !important; } .learn-press-user-profile .learn-press-tabs > li.current a, .learn-press-tabs .learn-press-nav-tabs .learn-press-nav-tab.active a, .single-course-wrapper .single-course-content .course-info-tabs ul.nav-tabs li.active a { background: #80CD36; color: #fff !important; padding: 15px 25px !important; } .learn-press-tabs .learn-press-nav-tabs .learn-press-nav-tab.active{ border: 0 !important; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane h4 { font-size: 18px; font-weight: 600; text-transform: uppercase; margin: 50px 0 15px 0; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ul { margin-top: 25px; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ul li { position: relative; color: #727272; font-size: 15px; padding-left: 20px; padding-bottom: 5px; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ul li:before { position: absolute; content: "\f101"; font-family: "FontAwesome"; left: 0; top: 0; color: #80CD36; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ul li:last-child { padding-bottom: 0; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ul.list-two li { width: 50%; float: left; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ol { padding-left: 15px; list-style-type: none; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ol li { padding-bottom: 5px; color: #727272; font-size: 15px; counter-increment: count-me; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ol li:last-child { padding-bottom: 0; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane ol li:before { content: counter(count-me) ". "; display: block; position: relative; max-width: 0px; max-height: 0px; left: -1.2em; top: .05em; color: #80CD36; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure { margin-top: 50px; position: relative; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption { text-align: center; background: #fafafa; padding: 15px; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption h4 { margin: 0 0 5px 0; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption span { display: block; font-size: 14px; text-transform: uppercase; color: #323232; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption ul { margin: 15px 0 0 0; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption ul li { display: inline-block; padding-left: 10px; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption ul li:before { content: none; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption ul li:first-child { padding-left: 0; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption ul li a { background: #fff none repeat scroll 0 0; border-radius: 50%; color: #d0d0d0; display: block; height: 29px; padding-top: 3px; width: 29px; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane figure figcaption ul li a:hover { color: #80CD36; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews { margin-top: 50px; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review { margin-bottom: 60px; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review:last-child { margin-bottom: 0; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review .author-image, .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review .author-rating-content { display: table-cell; vertical-align: top; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review .author-rating-content { padding-left: 30px; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review .author-rating-content h5 { font-size: 18px; font-weight: 600; text-transform: uppercase; margin: 0 0 10px 0; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review .author-rating-content ul { margin-top: 0; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review .author-rating-content ul li { display: inline-block; padding-left: 0; color: #ffef3b; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review .author-rating-content ul li:before { content: none; } .single-course-wrapper .single-course-content .course-info-tabs .tab-content .tab-pane .reviews .single-review .author-rating-content span.rating-subject { font-weight: 500; display: block; text-transform: uppercase; margin-bottom: 10px; } .single-course-wrapper .single-course-content .course-bottom-content .course-tags, .single-course-wrapper .single-course-content .course-bottom-content .course-share { margin: 30px 0; } .single-course-wrapper .single-course-content .course-bottom-content .course-tags h4, .single-course-wrapper .single-course-content .course-bottom-content .course-tags ul, .single-course-wrapper .single-course-content .course-bottom-content .course-share h4, .single-course-wrapper .single-course-content .course-bottom-content .course-share ul { display: inline-block; } .single-course-wrapper .single-course-content .course-bottom-content .course-tags h4, .single-course-wrapper .single-course-content .course-bottom-content .course-share h4 { margin-right: 15px; } .single-course-wrapper .single-course-content .course-bottom-content .course-tags ul li, .single-course-wrapper .single-course-content .course-bottom-content .course-share ul li { display: inline-block; margin-right: 10px; } .single-course-wrapper .single-course-content .course-bottom-content .course-tags ul li:last-child, .single-course-wrapper .single-course-content .course-bottom-content .course-share ul li:last-child { margin-right: 0; } .single-course-wrapper .single-course-content .course-bottom-content .course-tags ul li a, .single-course-wrapper .single-course-content .course-bottom-content .course-share ul li a { display: block; padding: 5px 10px; border: 1px solid #aeaeae; color: #727272; } .single-course-wrapper .single-course-content .course-bottom-content .course-share { margin: 0 0 30px 0; } .single-course-wrapper .single-course-content .course-bottom-content .course-share ul li a { padding: 4px 0 0 0; width: 30px; height: 30px; border-radius: 50%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border: 0 none; text-align: center; } .single-course-wrapper .single-course-content .course-bottom-content .course-share ul li a:hover { background: #80CD36; color: #fff; } .single-course-wrapper .single-course-content .course-bottom-content .related-course { margin-top: 50px; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single { border: 1px solid #f4f4f4; overflow: hidden; transition: 0.3s ease; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single figure { position: relative; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single figure figcaption { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); text-align: center; left: 0; top: 0; visibility: hidden; opacity: 0; transition: 0.3s ease; } .course-single .course-info h3 { line-height: 25px; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single figure figcaption ul { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single figure figcaption ul li { display: inline-block; margin-right: 25px; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single figure figcaption ul li:last-child { margin-right: 0; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single figure figcaption ul li a { font-size: 45px; color: #fff; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single figure figcaption ul li a:hover { color: #80CD36; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details { padding: 50px 20px 15px 20px; position: relative; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details p.price-tag { background: #80CD36; box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2); color: #fff; display: inline-block; font-size: 20px; left: 15%; padding: 10px 25px; position: absolute; text-align: center; top: -23px; width: 70%; text-transform: uppercase; font-weight: 500; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details p.price-tag:before { border-bottom: 22px solid transparent; border-right: 20px solid #80CD36; border-top: 22px solid transparent; content: ""; height: 0; left: -20px; position: absolute; top: 0; width: 0; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details p.price-tag:after { border-bottom: 22px solid transparent; border-left: 20px solid #80CD36; border-top: 22px solid transparent; content: ""; height: 0; right: -20px; position: absolute; top: 0; width: 0; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details h3 { margin: 0 0 20px 0; transition: 0.3s ease; text-transform: uppercase; font-weight: 600; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details ul.teacher-info { margin-bottom: 20px; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details ul.teacher-info li { display: table-cell; vertical-align: middle; margin-right: 10px; font-size: 15px; color: #727272; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details ul.teacher-info li:last-child { margin-right: 0; padding-left: 20px; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details ul.teacher-info li img { border: 2px solid transparent; transition: 0.3s ease; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt { padding-bottom: 15px; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt span { font-size: 13px; display: block; color: #727272; padding-bottom: 5px; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt span:last-child { padding-bottom: 0; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt .col-sm-4 { position: relative; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt .col-sm-4:before { background: rgba(0, 0, 0, 0.07); content: ""; height: 35px; position: absolute; right: 5px; top: 0; width: 1px; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt .col-sm-4:last-child:before { content: none; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt-bottom ul { margin-bottom: 0; padding: 15px 0 0 0; border-top: 1px solid rgba(0, 0, 0, 0.07); } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt-bottom ul li { display: inline-block; font-size: 18px; margin-right: 25px; color: #727272; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-excerpt-bottom ul li:last-child { margin-right: 0; float: right; color: #FFEF3B; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-details-btn { position: absolute; width: 100%; bottom: -100px; left: 0; visibility: hidden; opacity: 1; transition: 0.3s ease; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single .online-course-details .course-details-btn a { background: #80CD36; color: #fff; display: block; font-size: 17px; padding: 16px 0; text-align: center; text-transform: uppercase; font-weight: 500; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single:hover figure figcaption { visibility: visible; opacity: 1; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single:hover .online-course-details h2 { color: #80CD36; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single:hover .online-course-details ul.teacher-info img { border-color: #80CD36; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .related-course-slide .online-course-single:hover .course-details-btn { visibility: visible; opacity: 1; bottom: 0; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .owl-nav { left: 0; padding-right: 0; position: absolute; text-align: right; top: -83px; width: 100%; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .owl-nav .owl-prev, .single-course-wrapper .single-course-content .course-bottom-content .related-course .owl-nav .owl-next { display: inline-block; width: 35px; height: 35px; text-align: center; font-size: 15px; border: 1px solid #323232; color: #323232; padding-top: 5px; transition: 0.3s ease; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .owl-nav .owl-prev:hover, .single-course-wrapper .single-course-content .course-bottom-content .related-course .owl-nav .owl-next:hover { color: #80CD36; border-color: #80CD36; } .single-course-wrapper .single-course-content .course-bottom-content .related-course .owl-nav .owl-prev { margin-right: 10px; } .single-course-wrapper .single-course-sidebar .sidebar-widget { margin-bottom: 60px; margin-top: 0; } .single-course-wrapper .single-course-sidebar .sidebar-widget:last-child { margin-bottom: 0; } .single-course-wrapper .single-course-sidebar .sidebar-widget h3.widget-title { font-size: 20px; font-weight: 600; text-transform: uppercase; text-align: center; background: #80CD36; color: #fff; padding: 30px 0; margin: 0; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features, .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget { background: #fafafa; padding: 25px 45px 45px 45px; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features ul, .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget ul { margin-bottom: 0; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features ul li, .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget ul li { padding-bottom: 30px; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features ul li span, .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget ul li span { display: inline-block; font-size: 14px; text-transform: uppercase; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features ul li span i, .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget ul li span i { display: inline-block; width: 25px; color: #80CD36; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features ul li span:last-child, .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget ul li span:last-child { float: right; font-weight: 500; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features h4, .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget h4 { text-align: center; font-weight: 600; text-transform: uppercase; margin: 0; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features div, .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget div { text-align: center; margin-top: 30px; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features div a.course-btn, .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget div a.course-btn { display: inline-block; font-size: 15px; font-weight: 500; text-transform: uppercase; padding: 15px 45px; background: #80CD36; color: #fff; border-radius: 3px; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure { position: relative; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure img { width: 100%; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption { text-align: center; background: #fafafa; padding: 20px; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption h4 { margin: 0 0 8px 0; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption h4 a { font-size: 22px; text-transform: uppercase; font-weight: 600; color: inherit; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption h4 a:hover { color: #80CD36; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption span { display: block; font-size: 14px; text-transform: uppercase; color: #323232; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption ul { margin: 15px 0 0 0; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption ul li { display: inline-block; padding-left: 10px; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption ul li:before { content: none; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption ul li:first-child { padding-left: 0; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption ul li a { background: #fff none repeat scroll 0 0; border-radius: 50%; color: #d0d0d0; display: block; height: 32px; padding-top: 5px; width: 32px; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content figure figcaption ul li a:hover { color: #80CD36; box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget ul li { padding-bottom: 30px; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget ul li:last-child { padding-bottom: 0; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget { background: #fafafa; padding: 30px 15px; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single { margin-bottom: 30px; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single:last-child { margin-bottom: 0; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-image, .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-prefix { display: table-cell; vertical-align: top; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-prefix { padding-left: 15px; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-prefix h4 { margin: 0 0 10px 0; line-height: 27px; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-prefix h4 a { font-size: 18px; font-weight: 600; text-transform: uppercase; color: inherit; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-prefix h4 a:hover { color: #80CD36; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-prefix ul li { display: inline-block; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-prefix ul li a { font-size: 14px; font-weight: 500; padding: 5px 15px; background: #80CD36; color: #fff; display: block; border-radius: 3px; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.courses-widget .sidebar-course-single .course-prefix ul li:last-child { float: right; color: #ffef3b; font-size: 20px; } /* ================================ Events One Style ================================== */ .all-course-wrapper .events-block .col-sm-12:last-child .event2-single { margin-bottom: 65px; } /* ================================ Events Three Style ================================== */ .all-course-wrapper.events11 .events-list .col-sm-12:last-child .event-single-row { margin-bottom: 60px; } /* ================================ Event Details Style ================================== */ .event-details-wrapper .single-event-inner h2.event-title { margin: 0 0 30px 0; text-transform: none; font-size: 30px; line-height: 40px; font-weight: 600; } .event-details-wrapper .single-event-inner .event-image { margin-bottom: 30px; } .event-details-wrapper .single-event-inner .event-image img { width: 100%; height: auto; } .event-details-wrapper .single-event-inner .event-content p { margin-bottom: 0; } .event-details-wrapper .single-event-inner .event-content .event-speaker { margin-top: 50px; } .event-details-wrapper .single-event-inner .event-content .event-speaker h3 { margin: 0 0 20px 0; } .event-details-wrapper .single-event-inner .event-content .event-speaker .speaker-list figure figcaption { margin-top: 15px; text-align: center; } .event-details-wrapper .single-event-inner .event-content .event-speaker .speaker-list figure figcaption p { margin: 0 0 5px 0; text-transform: uppercase; font-weight: 500; color: inherit; } .event-details-wrapper .single-event-inner .event-content .event-speaker .speaker-list figure figcaption span { text-transform: uppercase; color: #727272; font-size: 13px; } .event-details-wrapper .single-event-inner .event-content .event-time-place { margin-top: 50px; } .event-details-wrapper .single-event-inner .event-content .event-time-place h3 { margin: 0 0 15px 0; } .event-details-wrapper .single-event-inner .event-content .event-time-place p { margin-bottom: 10px; } .event-details-wrapper .single-event-inner .event-content .event-time-place p:last-child { margin-bottom: 0; } .event-details-wrapper .single-event-inner .event-content .event-details { margin-top: 50px; } .event-details-wrapper .single-event-inner .event-content .event-details h3 { margin: 0 0 15px 0; } .event-details-wrapper .single-event-inner .event-content .event-details ul li { position: relative; padding: 0 0 10px 25px; } .event-details-wrapper .single-event-inner .event-content .event-details ul li:last-child { padding-bottom: 0; } .event-details-wrapper .single-event-inner .event-content .event-details ul li:before { position: absolute; content: "\f00c"; left: 0; top: 0; font-family: "FontAwesome"; color: #80CD36; } .event-details-wrapper .single-event-inner .event-content .event-participant { margin-top: 50px; } .event-details-wrapper .single-event-inner .event-content .event-participant h3 { margin: 0 0 20px 0; } .event-details-wrapper .single-event-inner .event-content .event-participant figure figcaption { margin-top: 15px; text-align: center; } .event-details-wrapper .single-event-inner .event-content .event-participant figure figcaption p { margin: 0 0 5px 0; text-transform: uppercase; font-weight: 500; color: inherit; } .event-details-wrapper .single-event-inner .event-content .event-participant figure figcaption span { text-transform: uppercase; color: #727272; font-size: 13px; } .event-details-wrapper .single-event-inner .event-content .join-event { margin-top: 80px; } .event-details-wrapper .single-event-inner .event-content .join-event ul { margin-bottom: 0; } .event-details-wrapper .single-event-inner .event-content .join-event ul li { display: inline-block; margin-right: 15px; } .event-details-wrapper .single-event-inner .event-content .join-event ul li a { border: 2px solid #80CD36; color: #80CD36; padding: 13px 35px; text-transform: uppercase; font-weight: 500; background: #fff; margin-top: -9px; } .event-details-wrapper .single-event-inner .event-content .join-event ul li a:hover { background: #80CD36; color: #fff; } .event-details-wrapper .single-event-inner .event-content .join-event ul li:last-child { float: right; margin-right: 0; } .event-details-wrapper .single-event-inner .event-content .join-event ul li:last-child a:hover { background: none; color: #80CD36; } /* ================================ Teachers One Style ================================== */ .all-teachers-wrapper.teachers .teachers-block .row:last-child .teacher-single { margin-bottom: 65px; } /* ================================ Teachers Two Style ================================== */ .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); margin-top: 30px; margin-bottom: 50px; transition: 0.5s ease; } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure { position: relative; overflow: hidden; } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure img { transition: 0.5s ease; } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure figcaption { position: absolute; left: 0; top: 0; width: 100%; height: 0; background: rgba(128, 205, 54, 0.7); -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); transition: 0.5s ease; visibility: hidden; opacity: 0; } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure figcaption ul { text-align: center; margin-bottom: 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure figcaption ul li { display: inline-block; margin-right: 10px; } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure figcaption ul li:last-child { margin-right: 0; } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure figcaption ul li a { display: block; width: 35px; height: 35px; border-radius: 100px; background: #fff; text-align: center; padding-top: 7px; color: #6b6b6b; } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure figcaption ul li a:hover { color: #80CD36; } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box div { text-align: center; padding: 15px; } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box div h3 { margin: 0 0 10px 0; transition: 0.5s ease; } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box div h3 a { color: inherit; } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box div span { font-size: 15px; transition: 0.5s ease; } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box:hover div h3 a { color: #80CD36; } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box:hover div span { color: #80CD36; } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box:hover figure img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box:hover figure figcaption { height: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; } /* ================================ Teachers Four Style ================================== */ .all-teachers-wrapper .teachers-four-wrapper .teacher-single { margin-bottom: 60px; } .all-teachers-wrapper .teachers-four-wrapper .teacher-single:hover figure:before { width: 100%; opacity: 1; visibility: visible; } .all-teachers-wrapper .teachers-four-wrapper .teacher-single:hover figure img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .all-teachers-wrapper .teachers-four-wrapper .teacher-single:hover figure figcaption { visibility: visible; opacity: 1; right: 0; } .all-teachers-wrapper .teachers-four-wrapper .teacher-single:hover .teacher-info h4 a { color: #80CD36; } .all-teachers-wrapper .teachers-four-wrapper .teacher-single figure { position: relative; overflow: hidden; } .all-teachers-wrapper .teachers-four-wrapper .teacher-single figure:before { position: absolute; content: ""; left: 0; top: 0; width: 0; height: 100%; background: rgba(0, 0, 0, 0.3); transition: 0.3s ease; visibility: hidden; opacity: 0; z-index: 1; } .all-teachers-wrapper .teachers-four-wrapper .teacher-single figure img { transition: .5s ease; } .all-teachers-wrapper .teachers-four-wrapper .teacher-single figure figcaption { position: absolute; width: 60px; right: -60px; top: 0; height: 100%; background: #80CD36; z-index: 2; visibility: hidden; opacity: 0; transition: 0.6s ease; } .all-teachers-wrapper .teachers-four-wrapper .teacher-single figure figcaption ul { text-align: center; margin-top: 20px; } .all-teachers-wrapper .teachers-four-wrapper .teacher-single figure figcaption ul li { margin-bottom: 15px; } .all-teachers-wrapper .teachers-four-wrapper .teacher-single figure figcaption ul li a { display: inline-block; width: 30px; height: 30px; border-radius: 100px; font-size: 14px; background: #fff; color: #80CD36; padding-top: 5px; } .all-teachers-wrapper .teachers-four-wrapper .teacher-single .teacher-info { text-align: center; } .all-teachers-wrapper .teachers-four-wrapper .teacher-single .teacher-info h4 { font-size: 18px; text-transform: uppercase; font-weight: 600; margin: 15px 0 10px 0; transition: 0.3s ease; } .all-teachers-wrapper .teachers-four-wrapper .teacher-single .teacher-info h4 a { color: inherit; } .all-teachers-wrapper .teachers-four-wrapper .teacher-single .teacher-info span { font-size: 15px; } /* ================================ Teachers Six Style ================================== */ .all-teachers-wrapper .teachers-six-wrapper .instructor-single { box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); margin-bottom: 60px; } .all-teachers-wrapper .teachers-six-wrapper .instructor-single:hover h3 a { color: #80CD36; } .all-teachers-wrapper .teachers-six-wrapper .instructor-single figure img { width: 100%; } .all-teachers-wrapper .teachers-six-wrapper .instructor-single figure figcaption { padding: 25px 15px; } .all-teachers-wrapper .teachers-six-wrapper .instructor-single figure figcaption h3 { font-weight: 600; margin: 0 0 15px 0; transition: 0.3s ease; } .all-teachers-wrapper .teachers-six-wrapper .instructor-single figure figcaption h3 a { color: inherit; } .all-teachers-wrapper .teachers-six-wrapper .instructor-single figure figcaption span { margin-bottom: 15px; display: block; } .all-teachers-wrapper .teachers-six-wrapper .instructor-single figure figcaption p { margin-bottom: 0; } /* ================================ Teachers Seven Style ================================== */ .all-teachers-wrapper .kg-teachers-wrapper .teacher-single-inner { margin-bottom: 60px; } /* ================================ About Us Page Style ================================== */ .about-page-services { padding-bottom: 50px; } .about-page-services .service-boxes-inner .service-box-content { margin-bottom: 50px; } .about-testimonial { background: #f9f9f9; padding-bottom: 80px; } .about-testimonial .section-header03 h2 { text-align: center; } .about-testimonial .section-header03 h2:after { left: 50%; margin-left: -60px; } .about-testimonial .testimonial-items .owl-item .single-box span { color: #727272; } /* ================================ Teacher Single Page Style ================================== */ .teacher-details-wrapper { padding: 100px 0; } .teacher-details-wrapper .teacher-detail-left .teacher-skills { margin-top: 30px; } .teacher-details-wrapper .teacher-detail-left .teacher-skills .skill-single { margin-top: 20px; } .teacher-details-wrapper .teacher-detail-left .teacher-skills .skill-single span { display: block; } .teacher-details-wrapper .teacher-detail-left .teacher-skills .skill-single span:last-child { width: 100%; height: 10px; background: #f3f3f3; margin-top: 10px; position: relative; } .teacher-details-wrapper .teacher-detail-left .teacher-skills .skill-single span:last-child span { position: absolute; height: 100%; background: #80CD36; left: 0; top: 0; margin-top: 0; } .teacher-details-wrapper .teacher-detail-right .teacher-info { background: #f3f3f3; border: 1px solid #e8e8e8; padding: 20px 15px; min-height: 360px; } .teacher-details-wrapper .teacher-detail-right .teacher-info ul { margin-bottom: 0; } .teacher-details-wrapper .teacher-detail-right .teacher-info ul li { border-bottom: 2px solid #e8e8e8; margin-bottom: 18px; padding-bottom: 18px; } .teacher-details-wrapper .teacher-detail-right .teacher-info ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0 none; } .teacher-details-wrapper .teacher-detail-right .teacher-info ul li h3 { margin: 0 0 10px 0; } .teacher-details-wrapper .teacher-detail-right .teacher-contact { background: #f3f3f3; border: 1px solid #e8e8e8; min-height: 360px; } .teacher-details-wrapper .teacher-detail-right .teacher-contact h2 { margin: 0; padding: 20px 0; background: #80CD36; color: #fff; font-size: 20px; text-transform: uppercase; font-weight: 600; text-align: center; } .teacher-details-wrapper .teacher-detail-right .teacher-contact form { padding: 30px; } .teacher-details-wrapper .teacher-detail-right .teacher-contact form input { width: 100%; margin-bottom: 18px; height: 45px; padding: 0 15px; border: 1px solid #e8e8e8; transition: 0.3s ease; } .teacher-details-wrapper .teacher-detail-right .teacher-contact form input:focus { border-color: #80CD36; } .teacher-details-wrapper .teacher-detail-right .teacher-contact form button { width: 100%; border: 0 none; background: #80CD36; color: #fff; text-transform: uppercase; padding: 13px 0; font-weight: 500; } .teacher-details-wrapper .teacher-detail-right .teacher-tab { margin-top: 30px; } .teacher-details-wrapper .teacher-detail-right .teacher-tab ul.nav-tabs { border-color: #e8e8e8; } .teacher-details-wrapper .teacher-detail-right .teacher-tab ul.nav-tabs li a { text-transform: uppercase; border: 1px solid #e8e8e8; border-radius: 0; color: inherit; margin-right: -1px; font-weight: 500; } .teacher-details-wrapper .teacher-detail-right .teacher-tab ul.nav-tabs li.active a { border: 0 none; background: #80CD36; color: #fff; border: 1px solid #80CD36; } .teacher-details-wrapper .teacher-detail-right .teacher-tab .tab-content .tab-pane { padding-top: 15px; } /* ================================ Become A Teacher Page Style ================================== */ .teacher-registration-wrapper { padding: 100px 0; } .teacher-registration-wrapper .tr-header { margin-bottom: 100px; } .teacher-registration-wrapper .tr-header h2 { font-size: 30px; text-transform: uppercase; font-weight: 600; margin: 0 0 30px 0; } .teacher-registration-wrapper .tr-header p:last-child { margin-bottom: 0; } .teacher-registration-wrapper .tr-image { margin-bottom: 100px; } .teacher-registration-wrapper .bt-tabs ul.nav-tabs { border-color: #e8e8e8; } .teacher-registration-wrapper .bt-tabs ul.nav-tabs li a { text-transform: uppercase; border: 1px solid #e8e8e8; border-radius: 0; color: inherit; margin-right: -1px; font-weight: 500; } .teacher-registration-wrapper .bt-tabs ul.nav-tabs li.active a { border: 0 none; background: #80CD36; color: #fff; border: 1px solid #80CD36; } .teacher-registration-wrapper .bt-tabs .tab-content .tab-pane { padding-top: 20px; } .teacher-registration-wrapper .bt-tabs .tab-content .tab-pane ul { margin: 30px 0 0 0; } .teacher-registration-wrapper .bt-tabs .tab-content .tab-pane ul li { color: #727272; padding-bottom: 15px; position: relative; padding-left: 25px; } .teacher-registration-wrapper .bt-tabs .tab-content .tab-pane ul li:before { position: absolute; content: "\f00c"; font-family: FontAwesome; color: #80CD36; left: 0; top: 0; } .teacher-registration-wrapper .bt-tabs .tab-content .tab-pane ul li:last-child { padding-bottom: 0; } .teacher-registration-wrapper .teacher-apply { background: #f3f3f3; } .teacher-registration-wrapper .teacher-apply h3 { margin: 0; padding: 20px; text-align: center; background: #80CD36; color: #fff; text-transform: uppercase; } .teacher-registration-wrapper .teacher-apply p { text-align: center; padding: 0 30px; margin: 15px 0 0 0; } .teacher-registration-wrapper .teacher-apply form { padding: 30px; } .teacher-registration-wrapper .teacher-apply form input { display: block; width: 100%; height: 35px; padding: 0 15px; margin-bottom: 20px; border: 1px solid #e8e8e8; transition: 0.3s ease; } .teacher-registration-wrapper .teacher-apply form textarea { width: 100%; display: block; padding: 15px; height: 60px; border: 1px solid #e8e8e8; transition: 0.3s ease; } .teacher-registration-wrapper .teacher-apply form input:focus, .teacher-registration-wrapper .teacher-apply form textarea:focus { border-color: #80CD36; } .teacher-registration-wrapper .teacher-apply form input[type="file"] { display: none; } .teacher-registration-wrapper .teacher-apply form .custom-file-upload { border: 0 none; cursor: pointer; display: inline-block; font-weight: 400; margin: 20px 0; padding: 0; width: 100%; } .teacher-registration-wrapper .teacher-apply form .custom-file-upload i { display: inline-block; padding-right: 5px; } .teacher-registration-wrapper .teacher-apply form button { width: 100%; display: block; padding: 15px 0; background: #80CD36; text-transform: uppercase; font-weight: 500; border: 0 none; color: #fff; } /* ================================ FAQ Page Style ================================== */ .faq-wrapper { padding: 100px 0; } .faq-wrapper .faq-header { margin-bottom: 50px; } .faq-wrapper .faq-header h3 { margin: 0; } .faq-wrapper .faq-tabs { margin-bottom: 100px; } .faq-wrapper .faq-tabs .panel-group { margin-bottom: 0; } .faq-wrapper .faq-tabs .panel-group .panel { border: 0 none; box-shadow: none; margin-bottom: 20px; } .faq-wrapper .faq-tabs .panel-group .panel:last-child { margin-bottom: 0; } .faq-wrapper .faq-tabs .panel-group .panel .panel-heading { border: 0 none; background: none; border-radius: 0; padding: 0; } .faq-wrapper .faq-tabs .panel-group .panel .panel-heading h4.panel-title a { display: block; padding: 15px; background: #f7f7f7; position: relative; } .faq-wrapper .faq-tabs .panel-group .panel .panel-heading h4.panel-title a[aria-expanded='false']:before { content: "\f196"; font-family: "FontAwesome"; position: absolute; right: 15px; top: 17px; transition: all 0.3s ease 0s; color: #80CD36; } .faq-wrapper .faq-tabs .panel-group .panel .panel-heading h4.panel-title a[aria-expanded='true']:before { position: absolute; content: "\f147"; right: 15px; top: 17px; font-family: "FontAwesome"; transition: 0.3s ease; } .faq-wrapper .faq-tabs .panel-group .panel .panel-collapse .panel-body { border: 0 none; } .faq-wrapper .question-form form .form-group { margin-bottom: 0; } .faq-wrapper .question-form form .form-group input { width: 100%; height: 45px; padding: 0 15px; border: 1px solid #f3f3f3; margin-bottom: 20px; transition: 0.3s ease; } .faq-wrapper .question-form form .form-group textarea { width: 100%; min-height: 175px; border: 1px solid #f3f3f3; padding: 15px; transition: 0.3s ease; margin-bottom: 20px; } .faq-wrapper .question-form form .form-group input:focus, .faq-wrapper .question-form form .form-group textarea:focus { border-color: #80CD36; } .faq-wrapper .question-form form .form-group button { border: 2px solid #80CD36; color: #fff; background: #80CD36; text-transform: uppercase; font-size: 15px; font-weight: 500; padding: 13px 40px; transition: 0.3s ease; } .faq-wrapper .question-form form .form-group button:hover { background: none; color: #80CD36; } /* ================================ Portfolio Page Style ================================== */ .portfolio-wrapper { padding: 100px 0; } .portfolio-wrapper .portfolio-content figure { position: relative; margin-bottom: 30px; overflow: hidden; } .portfolio-wrapper .portfolio-content figure img { transition: 0.6s ease; } .portfolio-wrapper .portfolio-content figure:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } .portfolio-wrapper .portfolio-content figure:hover figcaption { background: rgba(128, 205, 54, 0.8); opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); bottom: 0; left: 0; } .portfolio-wrapper .portfolio-content figure figcaption { position: absolute; bottom: 50%; left: 50%; width: 100%; height: 100%; background: #000; visibility: hidden; opacity: 0; transition: 0.6s ease; -webkit-transform: scale(0.2); -ms-transform: scale(0.2); transform: scale(0.2); } .portfolio-wrapper .portfolio-content figure figcaption div { position: absolute; width: 100%; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .portfolio-wrapper .portfolio-content figure figcaption div p{ color: #fff; display: block; margin-bottom: 10px; text-transform: uppercase; } .portfolio-wrapper .portfolio-content figure figcaption div h3{ text-transform: uppercase; color: #fff; font-size: 18px; font-weight: 600; margin: 0px; } .portfolio-wrapper .portfolio-content figure figcaption div a:hover { color: #323232; } .portfolio-wrapper .blog-pagination { margin-top: 30px; } .portfolio-wrapper .blog-pagination ul { border-bottom: 1px solid rgba(0, 0, 0, 0.04); border-top: 1px solid rgba(0, 0, 0, 0.04); margin-bottom: 0; padding: 10px 0; text-align: center; } .portfolio-wrapper .blog-pagination ul li { display: inline-block; } .portfolio-wrapper .blog-pagination ul li a { background: none; font-weight: 500; padding: 10px 15px; color: #727272; } .portfolio-wrapper .blog-pagination ul li a:hover { background: #80CD36; color: #fff; } .portfolio-wrapper .blog-pagination ul li.active a { background: #80CD36; color: #fff; } /* ================================ Contact One Style ================================== */ .contact-wrapper { padding: 100px 0; } .contact-wrapper .contact-one-form h2 { font-size: 24px; font-weight: 600; text-transform: uppercase; margin: 0 0 50px 0; line-height: 22px; } .contact-wrapper .contact-one-form form .form-group { margin-bottom: 0; } input.wpcf7-form-control .wpcf7-submit, .contact-wrapper .contact-one-form form .form-group input { width: 100%; height: 45px; padding: 0 15px; border: 1px solid #e8e8e8; margin-bottom: 25px; transition: 0.3s ease; } input:hover .wpcf7-form-control .wpcf7-submit, .contact-wrapper .contact-one-form form .form-group textarea { width: 100%; height: 200px; border: 1px solid #e8e8e8; margin-bottom: 25px; padding: 15px; transition: 0.3s ease; } .contact-wrapper .contact-one-form form .form-group input:focus, .contact-wrapper .contact-one-form form .form-group textarea:focus { border-color: #80CD36; } .contact-wrapper .contact-one-form form .form-group input.wpcf7-submit, input.wpcf7-form-control .wpcf7-submit, .contact-wrapper .contact-one-form form .form-group button { padding: 13px 40px; text-transform: uppercase; font-weight: 500; color: #fff; background: #80CD36; border: 2px solid #80CD36; transition: 0.3s ease; } .contact-wrapper .contact-one-form form .form-group input.wpcf7-submit:hover, input:hover .wpcf7-form-control .wpcf7-submit, .contact-wrapper .contact-one-form form .form-group button:hover { background: none; color: #80CD36; } .contact-wrapper .contact-one-form form .form-group input.wpcf7-submit{ display: inline-block; width: auto; } .contact-wrapper .contact-map h2 { font-size: 24px; font-weight: 600; text-transform: uppercase; margin: 0 0 50px 0; line-height: 22px; } .contact-wrapper .contact-boxes { margin-top: 100px; text-align: center; } .contact-wrapper .contact-boxes i { font-size: 30px; color: #80CD36; } .contact-wrapper .contact-boxes h3 { font-weight: 600; margin-bottom: 8px; text-transform: uppercase; } /* ================================ Contact Two Style ================================== */ .contact-wrapper .contact-two-top h3 { font-size: 24px; font-weight: 600; margin: 0 0 40px; text-transform: uppercase; } .contact-wrapper .contact-two-top .contact-info .contact-info-box { border-bottom: 1px solid #e8e8e8; padding-bottom: 15px; margin-bottom: 20px; } .contact-wrapper .contact-two-top .contact-info .contact-info-box .icon, .contact-wrapper .contact-two-top .contact-info .contact-info-box .cinfo { display: table-cell; vertical-align: top; } .contact-wrapper .contact-two-top .contact-info .contact-info-box .icon { width: 60px; } .contact-wrapper .contact-two-top .contact-info .contact-info-box .icon i { font-size: 40px; color: #80CD36; } .contact-wrapper .contact-two-top .contact-info .contact-info-box .cinfo h4 { margin: 0 0 5px 0; text-transform: uppercase; font-size: 16px; } .contact-wrapper .contact-two-top .contact-info .contact-info-box .cinfo p { margin-bottom: 0; } .contact-wrapper .contact-two-bottom { padding-top: 60px; margin-top: 40px; border-top: 1px solid #e8e8e8; } .contact-wrapper .contact-two-bottom h3 { font-size: 24px; font-weight: 600; margin: 0 0 40px; } .contact-wrapper .contact-two-bottom .team-single { margin-bottom: 30px; } .contact-wrapper .contact-two-bottom .team-single:last-child { margin-bottom: 0; } .contact-wrapper .contact-two-bottom .team-single .team-image, .contact-wrapper .contact-two-bottom .team-single .team-info { display: table-cell; vertical-align: top; } .contact-wrapper .contact-two-bottom .team-single .team-info { padding-left: 30px; } .contact-wrapper .contact-two-bottom .team-single .team-info h4 { margin: 0 0 5px; text-transform: uppercase; font-size: 18px; } .contact-wrapper .contact-two-bottom .team-single .team-info ul { margin: 10px 0 0 0; } .contact-wrapper .contact-two-bottom form .form-group { margin-bottom: 0; } .contact-wrapper .contact-two-bottom form .form-group input, .contact-wrapper .contact-two-bottom form .form-group textarea { width: 100%; height: 45px; padding: 0 15px; margin-bottom: 20px; border: 1px solid #e8e8e8; transition: 0.3s ease; } .contact-wrapper .contact-two-bottom form .form-group input:focus, .contact-wrapper .contact-two-bottom form .form-group textarea:focus { border-color: #80CD36; } .contact-wrapper .contact-two-bottom form .form-group textarea { height: 150px; padding: 15px; } .contact-wrapper .contact-two-bottom form .form-group button { padding: 13px 40px; text-transform: uppercase; font-weight: 500; color: #fff; background: #80CD36; border: 2px solid #80CD36; transition: 0.3s ease; } .contact-wrapper .contact-two-bottom form .form-group button:hover { background: none; color: #80CD36; } /* ================================ Contact Three Style ================================== */ .contact-wrapper .contact-three-header h2 { font-size: 30px; line-height: 20px; margin: 0 0 50px; padding-bottom: 25px; position: relative; text-align: center; text-transform: uppercase; } .contact-wrapper .contact-three-header h2:before { background: #80CD36; bottom: 0; content: ""; height: 2px; left: 50%; margin-left: -50px; position: absolute; width: 100px; } .contact-wrapper .contact-three-info ul { margin-bottom: 15px; } .contact-wrapper .contact-three-info ul li span { display: block; } .contact-wrapper .contact-three-info ul li span.icon { width: 80px; height: 80px; text-align: center; border: 5px solid #e8e8e8; background: #80CD36; font-size: 30px; color: #fff; border-radius: 50%; padding-top: 13px; margin-bottom: 15px; } .contact-wrapper .contact-map iframe { pointer-events: none; } .contact-wrapper .contact-three-form { background: #80CD36; min-height: 577px; padding: 60px 35px; } .contact-wrapper .contact-three-form form input, .contact-wrapper .contact-three-form form textarea { width: 100%; height: 45px; border: 1px solid #fff; margin-bottom: 30px; padding: 0 15px; transition: 0.3s ease; background: none; color: #fff; } .contact-wrapper .contact-three-form form input:focus, .contact-wrapper .contact-three-form form textarea:focus { border-color: #fff; } .contact-wrapper .contact-three-form form textarea { height: 150px; padding: 15px; } .contact-wrapper .contact-three-form form button { padding: 13px 40px; text-transform: uppercase; background: #fff; border: 2px solid #fff; color: #80CD36; transition: 0.3s ease; font-weight: 500; } .contact-wrapper .contact-three-form form button:hover { background: none; color: #fff; } /* ================================ Forum Page Style ================================== */ .eduvision-search .blog-wrapper{ padding: 0 !important; } .forum-wrapper .forum-search { background: #f4f4f4; padding: 15px; margin-bottom: 30px; } .forum-wrapper .forum-search p { margin: 6px 0 0 0; font-weight: 500; text-transform: uppercase; } .forum-wrapper .forum-search form { position: relative; } .forum-wrapper .forum-search form input { width: 100%; height: 35px; padding: 0 15px; border: 1px solid #e8e8e8; } .forum-wrapper .forum-search form button { position: absolute; background: none; height: 35px; padding: 0 15px; right: 0; top: 0; color: #727272; border: 0 none; } .forum-wrapper .forum-header { background: #80CD36; padding: 15px; } .forum-wrapper .forum-header .forum-name h3, .forum-wrapper .forum-header .total-topic h3, .forum-wrapper .forum-header .total-post h3, .forum-wrapper .forum-header .last-modified h3 { color: #fff; margin: 0; } .forum-wrapper .forum-header .total-topic, .forum-wrapper .forum-header .total-post, .forum-wrapper .forum-header .last-modified { text-align: center; } .forum-wrapper .forum-content { margin-bottom: 60px; } .forum-wrapper .forum-content .single-forum { padding: 30px 15px; } .forum-wrapper .forum-content .single-forum .forum-subject h3 { margin: 0 0 6px 0; line-height: 26px; } .forum-wrapper .forum-content .single-forum .forum-subject h3 a { color: inherit; text-transform: none; } .forum-wrapper .forum-content .single-forum .forum-subject h3 a:hover { color: #80CD36; } .forum-wrapper .forum-content .single-forum .ftopics, .forum-wrapper .forum-content .single-forum .fposts, .forum-wrapper .forum-content .single-forum .f-modified-time { text-align: center; } .forum-wrapper .forum-content .single-forum .f-modified-time span { display: block; } .forum-wrapper .forum-content .single-forum .f-modified-time span:last-child { margin-top: 10px; } .forum-wrapper .forum-content .single-forum .f-modified-time span:last-child a { color: #80CD36; } .forum-wrapper .forum-content .single-forum.forum-inverted { background: #fafafa; } /* ================================================================== [- Shop Page -] ================================================================== */ .shop-area{ padding: 100px 0; } .shop-area .shop-top{ margin-bottom: 50px; } .shop-area .shop-top p{ display: inline-block; margin-bottom: 0; } .shop-area .shop-top select { background: rgba(0, 0, 0, 0) url("images/select-btn.png") no-repeat scroll 95% center / 20px auto; border: 1px solid #eee; padding: 10px 40px 10px 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none; cursor: pointer; } .shop-area .product-column .single-product{ margin-bottom:30px; padding-bottom:15px; border-bottom:1px solid #eee; } .shop-area .product-column .single-product figure{ position: relative; } .shop-area .product-column .single-product figure:before{ position: absolute; content: ""; width: 100%; height: 0; left: 0; bottom: 0; background: rgba(128,205,54,.8); transition: .3s ease; visibility: hidden; opacity: 0; } .shop-area .product-column .single-product figure:hover:before{ height: 100%; opacity: 1; visibility: visible; } .shop-area .product-column .single-product figure figcaption{ position: absolute; left: 0; width: 100%; text-align: center; top: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); visibility: hidden; opacity: 0; transition: .8s ease; } .shop-area .product-column .single-product figure:hover figcaption{ top: 50%; opacity: 1; visibility: visible; } .shop-area .product-column .single-product figure figcaption ul{ margin-bottom: 0; } .shop-area .product-column .single-product figure figcaption ul li a{ border: 1px solid #fff; padding: 8px 15px; display: inline-block; color: #000; background: #fff; margin-bottom: 10px; text-transform: uppercase; border-radius:3px; } .shop-area .product-column .single-product figure figcaption ul li a:hover{ background: #000; color: #fff; border-color: #000; } .shop-area .product-column .single-product .product-bottom{ text-align: center; padding: 15px 0 0 0; } .shop-area .product-column .single-product .product-bottom h4{ margin: 0 0 10px 0; } .shop-area .product-column .single-product .product-bottom h4 a{ color: #333; } .shop-area .product-column .single-product .product-bottom h4 a:hover{ color: #80CD36; } .shop-area .product-pagination{ text-align: center; padding-top: 20px; } .shop-area .product-pagination ul{ margin-bottom: 0; } .shop-area .product-pagination ul li{ display: inline; } .shop-area .product-pagination ul li a{ display: inline-block; padding: 10px 15px; border: 1px solid #eee; color: #333; } .shop-area .product-pagination ul li.active a{ background: #80CD36; color: #fff; border-color:#80CD36; } .shop-area .product-pagination ul li a:hover{ border-color:#80CD36; } /* ================================================================== [- WooCommerce Style -] ================================================================== */ .woocommerce span.onsale { background-color:#80CD36; } .woocommerce nav.woocommerce-pagination ul { border-color: #eee currentcolor #eee #eee; } .woocommerce ul.products li.product .button { margin-top: 1em; background: #80CD36; color: #fff; padding: 12px 20px; border-radius: 0px; } .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: #80CD36 none repeat scroll 0 0; color: #fff; padding: 10px 15px; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { border: none; padding: 10px 15px; color: #333; } .woocommerce nav.woocommerce-pagination ul li { border-right: 1px solid #eee; } .woocommerce ul.products li.product h3{ font-size: 16px; } .woocommerce ul.products li.product .price { color: #333 !important; font-weight: 500; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #80CD36; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #333; } .woocommerce-message::before, .woocommerce-info::before, .woocommerce form .form-row.woocommerce-invalid label{ color: #80CD36; } .woocommerce-info, .woocommerce-message { border-top-color: #80CD36; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { border-radius: 0; padding: 10px 15px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background-color: #80CD36 !important; color: #fff !important; } .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit[disabled]:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button[disabled]:disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button[disabled]:disabled, .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button[disabled]:disabled { background: #80CD36 none repeat scroll 0 0; color: #fff; } a { color: #333; } a:focus, a:hover { color: #80CD36; } .woocommerce .quantity .qty { text-align: center; width: 4.631em; } .article-content input, .blog-wrapper input { border: 1px solid #eee; height: 35px; padding: 0 12px; transition: all 0.3s ease 0s; } /* ================================================================== [- Product Details Page -] ================================================================== */ .product-details{ padding: 100px 0; } .product-details .product-info{ margin-bottom: 50px; } .product-details .product-info > h2 { color: #000; font-size: 22px; text-transform: uppercase; font-weight: 700; margin: 0 0 20px 0; } .product-details .product-info span.p-price{ font-weight: 700; display: block; font-size: 24px; color: #80CD36; margin-bottom: 20px; } .product-details .product-info .product-activity{ margin-top: 20px; padding: 30px 0 40px 0; border-top: 1px solid #eee; } .product-details .product-info .product-activity form div.quantity, .product-details .product-info .product-activity form button, .product-details .product-info .product-activity form .wishbtn{ display: inline-block; } .product-details .product-info .product-activity form div.quantity > input { padding: 10px 0 10px 10px; width: 60px; border:1px solid #eee; transition: .3s ease; } .product-details .product-info .product-activity form div.quantity > input:hover{ border-color: #777; } .product-details .product-info .product-activity form.cart button[type="submit"]{ background: #80CD36; border:0 none; padding: 10px 25px; color: #fff; font-weight: 600; text-transform: uppercase; margin-left: 6px; transition: .3s ease; } .product-details .product-info .product-activity form.cart button[type="submit"]:hover{ background: #000; } .product-details .product-info .product-activity form.cart .wishbtn a{ color: #fff; background: #80CD36; padding: 10px 15px; display: inline-block; margin-left: 6px; } .product-details .product-info .product-activity form.cart .wishbtn a:hover{ background: #000; } .product-details .product-info .product-category p, .product-details .product-info .product-category ul, .product-details .product-info .product-tags p, .product-details .product-info .product-tags ul{ display: inline-block; } .product-details .product-info .product-category{ margin-bottom: 10px; } .product-details .product-info .product-category p, .product-details .product-info .product-tags p{ min-width: 130px; color: #333; font-weight: 600; } .product-details .product-info .product-category ul, .product-details .product-info .product-tags ul{ margin-bottom: 0; } .product-details .product-info .product-category ul li, .product-details .product-info .product-tags ul li{ display: inline; position: relative; padding-right: 10px; margin-right: 0px; } .product-details .product-info .product-category ul li:before, .product-details .product-info .product-tags ul li:before{ position: absolute; content: "/"; right: 0; } .product-details .product-info .product-category ul li:last-child:before, .product-details .product-info .product-tags ul li:last-child:before{ content: none; padding-right: 0; margin-right: 0; } .product-details .product-info .product-category ul li a, .product-details .product-info .product-tags ul li a{ color: #777; } .product-details .product-info .product-category ul li a:hover, .product-details .product-info .product-tags ul li a:hover{ color: #333; } .product-details .product-tabs ul.nav li a { font-size: 16px; color: #777; } .product-details .product-tabs ul.nav li a:hover{ color: #80CD36; } .product-details .product-tabs ul.nav li.active a{ color: #333; } .product-details .product-tabs .tab-content .tab-pane{ padding: 50px 0; } .product-details .product-tabs .tab-content .tab-pane p{ font-weight: 300; } .product-details .product-tabs .tab-content .tab-pane ul li{ font-size: 15px; font-weight: 300; } /* Review Style */ .product-details .product-tabs .tab-content .tab-pane .review-area .review-title h2{ font-size: 18px; font-weight: 700; text-transform: uppercase; margin: 0; } .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-thumb, .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review{ display: table-cell; vertical-align: top; } .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single{ padding-top: 40px; } .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-thumb{ padding-right: 20px; } .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li{ display: inline; margin-right: 10px; } .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:first-child, .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:nth-child(2){ position: relative; text-transform: uppercase; font-weight: 500; padding-right: 18px; } .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:first-child, .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:nth-child(3){ color: #80CD36; } .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:nth-child(2){ font-weight: 400; } .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:first-child:before, .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:nth-child(2):before{ position: absolute; content: "|"; right: 0; top: -2px; } .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .review-reply .author-review .review-meta ul li:nth-child(2):before{ content: none; } .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:last-child{ float: right; position: relative; top: -7px; } .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:last-child ul{ display: inline-block; margin-right: 15px; } .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:last-child ul li{ display: inline-block; padding-right: 0; margin-right: 5px; position: inherit; } .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:last-child ul li:last-child{ margin-right: 0; } .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-review .review-meta ul li:last-child a{ display: inline-block; width: 30px; height: 30px; background: #eee; color: #727272; text-align: center; padding-top: 6px; } .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .author-thumb img{ width: 80px; } .product-details .product-tabs .tab-content .tab-pane .review-area .review-inner .review-single .review-reply{ margin: 40px 0 0 90px; } .product-details .product-tabs .tab-content .tab-pane .review-form-area .form-rating{ margin-bottom: 25px; } .fa-2x { font-size: 18px; margin-right: 5px; } .product-details .product-tabs .tab-content .tab-pane .review-form-area .form-rating span{ display: block; margin-bottom: 10px; } .product-details .product-tabs .tab-content .tab-pane .review-form-area .form-rating span .rating-symbol { color: #80CD36; } .product-details .product-tabs .tab-content .tab-pane .review-form-area .form-rating p{ margin-bottom: 0; } .product-details .product-tabs .tab-content .tab-pane .review-form-area .form-rating p i:hover{ color: #80CD36; } .product-details .product-tabs .tab-content .tab-pane .review-form-area h2.review-form-title{ margin: 50px 0 40px 0; font-size: 18px; font-weight: 700; text-transform: uppercase; } .product-details .product-tabs .tab-content .tab-panet .review-form-area h2.review-form-title{ text-transform: uppercase; font-weight: 700; font-size: 18px; } .product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group label{ display: block; font-weight: 400; } .product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group input, .product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group textarea{ width: 100%; border-top:0 none; border-bottom:1px solid #eee; border-left:0 none; border-right: 0 none; padding: 5px 0; box-shadow: none; margin-bottom: 20px; transition: .3s ease; } .product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group input:focus, .product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group textarea:focus{ border-bottom-color: #80CD36; } .product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group textarea{ height: 150px; } .product-details .product-tabs .tab-content .tab-pane .review-form-area form .form-group button{ background: #80CD36; border: 0 none; padding: 10px 25px; color: #fff; font-weight: 500; font-size: 16px; text-transform: uppercase; } .related-products h2{ margin: 0 0 50px 0; font-size: 20px; font-weight: 700; padding: 0; text-transform: uppercase; } .related-products .product-column .single-product{ margin-bottom:30px; padding-bottom:15px; border-bottom:1px solid #eee; } .related-products .product-column .single-product figure{ position: relative; overflow: hidden; border:1px solid #f5f5f5; } .related-products .product-column .single-product figure:before{ position: absolute; content: ""; width: 100%; height: 0; left: 0; bottom: 0; background: rgba(128,205,54,0.8); transition: .3s ease; visibility: hidden; opacity: 0; } .related-products .product-column .single-product figure:hover:before{ height: 100%; opacity: 1; visibility: visible; } .related-products .product-column .single-product figure figcaption{ position: absolute; left: 0; width: 100%; text-align: center; top: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); visibility: hidden; opacity: 0; transition: .8s ease; } .related-products .product-column .single-product figure:hover figcaption{ top: 50%; opacity: 1; visibility: visible; } .related-products .product-column .single-product figure figcaption ul{ margin-bottom: 0; } .related-products .product-column .single-product figure figcaption ul li a{ border: 1px solid #fff; padding: 8px 15px; display: inline-block; color: #000; background: #fff; margin-bottom: 10px; text-transform: uppercase; border-radius:3px; } .related-products .product-column .single-product figure figcaption ul li a:hover{ background: #000; color: #fff; border-color: #000; } .related-products .product-column .single-product .product-bottom{ text-align: center; padding: 15px 0 0 0; } .related-products .product-column .single-product .product-bottom h4{ margin: 0 0 10px 0; } .related-products .product-column .single-product .product-bottom h4 a{ color: #333; } .related-products .product-column .single-product .product-bottom h4 a:hover{ color: #80CD36; } /* Product Details Sidebar */ .pd-sidebar h2{ text-align: center; background: #80CD36; margin: 0 0 30px 0; padding: 15px 0; color: #fff; font-size: 18px; text-transform: uppercase; } .pd-sidebar .sidebar-single-product{ margin-bottom: 30px; } .pd-sidebar .sidebar-single-product .product-np, .pd-sidebar .sidebar-single-product .product-thumb{ display: table-cell; vertical-align: top; } .pd-sidebar .sidebar-single-product .product-np{ width: 70%; } .pd-sidebar .sidebar-single-product .product-np h4{ margin: 0 0 15px 0; } .pd-sidebar .sidebar-single-product .product-np span{ color: #80CD36; font-size: 20px; } .pd-sidebar .sidebar-single-product .product-np h4 a{ color: #333; } .pd-sidebar .sidebar-single-product .product-thumb{ width: 30%; } /* ========================================================================== Helper classes ========================================================================== */ .nopadding{ padding-left: 0; padding-right: 0; } .hidden { display: none !important; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /********************************************************************************************** ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: WordPress Core Class ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: ***********************************************************************************************/ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #000; border: 1px solid #f0f0f0; max-width: 100%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } .bypostauthor{} .wp-caption-text{ color: #eee; padding-top: 10px; } .taxonomy-description{ text-align: center; } /* WordPress Gallery ------------------------------------------ */ .gallery { margin-left: -0.5em; margin-right: -0.5em; } .gallery:after { display: table; content: ""; clear: both; } .gallery-item { margin: 0; float: left; padding: 0.5em; } .gallery-item img { width: 100%; } .gallery-columns-1 .gallery-item { width: 100%; float: none; } .gallery-columns-2 .gallery-item { width: 50% } .gallery-columns-3 .gallery-item { width: 33.3333% } .gallery-columns-4 .gallery-item { width: 25% } .gallery-columns-5 .gallery-item { width: 20% } .gallery-columns-6 .gallery-item { width: 16.6667% } .gallery-columns-7 .gallery-item { width: 14.2857% } .gallery-columns-8 .gallery-item { width: 12.5% } .gallery-columns-9 .gallery-item { width: 11.1111% } .gallery-columns-2 .gallery-item:nth-child(2n+1), .gallery-columns-3 .gallery-item:nth-child(3n+1), .gallery-columns-4 .gallery-item:nth-child(4n+1), .gallery-columns-5 .gallery-item:nth-child(5n+1), .gallery-columns-6 .gallery-item:nth-child(6n+1), .gallery-columns-7 .gallery-item:nth-child(7n+1), .gallery-columns-8 .gallery-item:nth-child(8n+1), .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left; } div.sticky .blog-single .post-exerpt, div.sticky .blog-single .post-content-head{ background-color: #eee; } .gallery-caption{ color: #000; } .sticky h2{ color: #80CD36 !important; } .screen-reader-text{ display: none; } .become-teacher-fields button, .review-form .review-fields > li input[type="text"], .review-form .review-fields > li textarea, .article-content textarea, .blog-wrapper textarea{ border: 1px solid #eee; padding: 15px; width: 100%; } .article-content input, .blog-wrapper input{ height: 45px; border: 1px solid #eee; padding: 0 15px; transition: .3s ease; width: 100%; margin: 20px 0; } .submit-review, .write-a-review, .article-content input[type="submit"], .blog-wrapper input[type="submit"]{ color: #fff; background: #80CD36; margin-left: -5px; height: 44px; width: auto; border-radius: 3px; text-transform: uppercase; font-weight: 700; font-size: 13px; border: 0; padding: 0 20px; } /* calendar widget */ .widget_calendar {float: left;margin-bottom: 30px;clear: both;} #wp-calendar {width: 100%; } #wp-calendar caption {color: #333; font-size: 12px;margin-bottom: 10px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;} #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } @charset "UTF-8"; .course-review-wrapper { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; text-align: center; } .review-overlay { background: #000; bottom: 0; left: 0; position: fixed; top: 0; width: 100%; opacity: 0.6; } .review-form { background-color: rgb(255, 255, 255); padding: 20px; position: relative; width: 80%; max-width: 600px; margin-top: 50px; display: inline-block; text-align: left; } .review-form h3 { font-size: 16px; margin: 0 0 20px; } .review-form h3 .close { float: right; border: none; text-decoration: none; width: auto; height: auto; margin-right: -9px; margin-top: -7px; } .review-form h3 .close:before { font-size: 32px; } .review-form .review-fields { margin: 0 0 -20px; list-style: none; } .review-form .review-fields > li { margin: 0 0 20px 0; } .review-form .review-fields > li > label { display: block; margin: 0 0 7px; font-size: 15px; } .review-form .review-fields > li > label .required { margin-left: 5px; display: inline-block; vertical-align: middle; font-size: 24px; line-height: 1; height: 15px; margin-top: -3px; } .review-form .review-fields > li input[type="text"], .review-form .review-fields > li textarea { width: 100%; } .review-stars { margin: 0 0; list-style: none; overflow: hidden; } .review-stars:after { clear: both; content: ''; display: block; } .review-stars > li { width: 24px; height: 24px; float: left; } .review-stars > li span { text-decoration: none; font-size: 24px; border-bottom: none; width: auto; height: auto; } .review-stars > li a:visited, .review-stars > li a:focus { border: none; } .review-stars > li span:before { width: 22px; height: 24px; } .review-stars > li span.hover:before { content: "\f155"; color: #F05A19; cursor: pointer; } .review-form .ajaxload, .review-form .message { display: none; } .course-review-wrapper.submitting .ajaxload, .course-review-wrapper.error .message { display: inline-block; } .review-stars-rated { position: relative; display: inline-block; } .review-stars-rated .review-stars.empty, .review-stars-rated .review-stars.filled { width: 120px; height: 24px; font-family: dashicons; font-size: 18px; color: #f2b827; } .review-stars-rated .review-stars.empty:before { content: '\f154\f154\f154\f154\f154'; line-height: 1; vertical-align: top; } .review-stars-rated .review-stars.filled:before { content: '\f155\f155\f155\f155\f155'; line-height: 1; vertical-align: top; } .review-stars-rated .review-stars.filled { position: absolute; top: 0; left: 0; } .course-rate { overflow: hidden; margin: 10px 0; } .course-rate .review-bar { width: calc(100% - 125px); margin-right: 5px; height: 15px; background: #DDD; display: inline-block; } .course-rate .review-bar .rating { background: #95e6f9; height: 15px; } .course-rate .review-number { margin-bottom: 0; } .course-reviews-list { list-style: none; margin: 0; } .course-reviews-list li { margin-bottom: 20px; padding: 20px; background-color: #fafafa; border: 1px solid #ddd; overflow: hidden; } .course-reviews-list li .review-author { width: 80px; float: left; margin-right: 20px; } .course-reviews-list li .review-text { width: -webkit-calc(100% - 100px); float: left; } .course-reviews-list li .user-name { margin: 5px; } .course-reviews-list li .review-title { clear: both; font-size: 14px; font-style: italic; font-weight: 700; line-height: 25px; margin: 9px 0 15px; } .write-a-review{ margin: 20px 0; } .review-fields { margin-left: -40px !important; } .review-fields ul.review-stars{ margin-left: -40px; } /*like button*/ /* Wrapper */ .sl-wrapper a { border-bottom: 0 !important; text-decoration: none !important; color: #80CD36; } .sl-button { padding: 0; font-size: 17px; line-height: 1; font-weight: normal; } /* Colors */ a.liked { color: #80CD36; } a.liked:hover, a.liked:active, a.liked:focus { color: #666666; } a.liked span.sl-count, .sl-count { color: #666666; } /* Icon */ .sl-icon { margin-right: 0.5em; font-family: 'Arial Unicode MS', Arial, sans-serif; } .sl-icon svg { fill: currentColor; width: 1em; height: 1em; } .sl-icon svg:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left:0; } /* Count */ .sl-count { color: #333; font-size: 14px; text-transform: capitalize; vertical-align: middle; } /* Loader */ .loader, .loader:before, .loader:after { background: rgba(0, 0, 0, 0.2); -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: .2em; height: .6em; margin-right:10px } .loader:before, .loader:after { position: absolute; top: 0; content: ''; } .loader:before { left: -.375em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader { text-indent: -9999em; display: inline-block; position: relative; vertical-align: middle; font-size: 1em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader:after { left: .375em; } @-webkit-keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0 rgba(0, 0, 0, 0.2); height: .6em; } 40% { box-shadow: 0 -.3em rgba(0, 0, 0, 0.2); height: 1em; } } @keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0 rgba(0, 0, 0, 0.2); height: .6em; } 40% { box-shadow: 0 -.3em rgba(0, 0, 0, 0.2); height: 1em; } } /* Learnpress style */ .learn-press-user-profile #learn-press-user-info .user-basic-info{ margin-left: 70px; } .learn-press-user-profile .learn-press-tabs{ margin: 30px 0 35px -40px; border-bottom: 0 solid #DDD; } .learn-press-search-course-form .search-course-button { height: 45px; margin-top: 20px; border: 1px solid #80CD36; background: #80CD36; color: #f1f1f1; padding: 0 25px; } .learn-press-courses li.course{ width: 31% !important; } .learn-press-pagination ul > li span{ padding: 8px 15px !important; border: 1px solid #80CD36 !important; background-color: #80CD36 !important; color: #f1f1f1; } .learn-press-pagination ul > li a{ padding: 8px 15px !important; border: 1px solid #80CD36 !important; background-color: #ffffff !important; color: #80CD36; } .blog-content .learn-press-breadcrumb, .blog-content .course-meta{ display: none; } .purchase-button{ display: inline-block; font-size: 15px; font-weight: 500; text-transform: uppercase; padding: 15px 45px; background: #80CD36; color: #fff; border-radius: 3px; border: 0; } .type-lp_course .course-title, .page .blog-share, .page .course-meta{ display: none; } .kid-metabox{ display: block !important; } .page h3.course-title{ margin-bottom: 30px !important; } .course-curriculum .section-header span::after, .course-curriculum .section-header span::before{ border-top: 0; height: 2px; right: 16px; top: 0; width: 0; } .lp-course-progress .lp-progress-bar .lp-progress-value, .course-rate .review-bar .rating, #learn-press-course-curriculum .section-header .meta .collapse{ background: #80CD36 !important; } #learn-press-course-curriculum .section-header .meta{ top: 30px !important; } .course-summary .course-reviews-list { margin-left: -40px; margin-top: 20px; } .course-reviews-list li{ background-color: #fff; border: 0; padding: 20px 0; } #course-reviews { margin-top: 50px; } .learn-press-tabs .learn-press-nav-tabs .learn-press-nav-tab.active:after{ border-bottom: 0 solid #80CD36 !important; } .eduvision-course-archive{ padding-top: 0; } .eduvision-course-archive .page-title{ margin-top: 0; margin-bottom: 50px; } .eduvision-course-archive .blog-share{ display: none; } .florida-more { display:none; } .profile-courses li.course{ width: 47% !important; } .learn-press-courses li.course .course-thumbnail img{ width: 100%; height: 200px; object-fit: cover; } .learn-press-subtabs{ margin-left: -40px !important; padding-top: 30px; padding-bottom: 30px; } .lp-form-field-wrap{ margin-left: -40px !important; } button#lp-remove-upload-photo, button#lp-upload-photo { background: #80CD36; border: 0; color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 700; padding: 5px 12px; border-radius: 3px; } .course-info-outthumb{ padding-right: 15px; } #course-curriculum-popup #popup-main #popup-header{ background: #80CD36 !important; border: 1px solid #80CD36 !important; } #course-curriculum-popup #popup-main #popup-header .popup-menu{ border-right: 1px solid #80CD36 !important; } .course-item-navigation{ border-top: 2px solid #80CD36 !important; } .learn-press-message{ border-left: 2px solid #80CD36 !important; } .enroll-button, input#submit-comment { background: #80CD36; border: 2px solid #80CD36; color: #fff; padding: 12px 30px; text-transform: uppercase; font-weight: 500; font-size: 14px; } input#submit-comment:hover{ background: none; color: #80CD36; } button[disabled]{ background: #eee; border: 0; color: #80CD36; padding: 10px 15px; text-transform: uppercase; font-weight: 700; font-size: 12px; border-radius: 2px; } div#vc_license-activation-notice { display: none !important; } #learn-press-course-curriculum .section-header{ text-align: left; } .widget form button { top: 1px !important; } .widget form input{ margin-top: 0; } footer h2.widgettitle{ color: #80cd36; } footer ul{ margin: 0px; padding: 0px; list-style-type: none; } /* Adjust CSS */ .course-info .author-info span b { font-weight: normal; } .cta-from input[type="submit"] { margin-bottom: -10px !important; padding: 16px 0 !important; } .cta-from input[type="submit"]:hover{ border: 2px solid #80cd36 !important; } .course-image img { min-height: 314px; object-fit: cover; } .blog-thumb img { object-fit: cover; } .event-thumb img { min-height: 180px; object-fit: cover; } .mega_main_menu.first-lvl-align-left > .menu_holder > .menu_inner > ul { text-align: right!important; margin-top: -26px; } .mega_main_menu > .menu_holder > .menu_inner > ul > li{ padding: 28px 0px!important; } .logo_link, .mega_main_menu_ul, .item_link { background: #fff!important; } .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .item_link > .link_content > .link_text { color: #333333!important; text-transform: uppercase; font-size: 14px; font-weight: 500; } .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .item_link > .link_content > .link_text:hover{ color: #80CD36!important; border-bottom: 3px solid #80CD36; } .mega_main_menu.direction-horizontal.first-lvl-align-left > .menu_holder > .menu_inner > .nav_logo:before, .mega_main_menu.direction-horizontal.first-lvl-separator-smooth > .menu_holder > .menu_inner > ul > li:last-child > .item_link:before, .mega_main_menu.direction-horizontal.first-lvl-separator-smooth > .menu_holder > .menu_inner > ul > li > .item_link:before, .mega_main_menu.direction-horizontal.first-lvl-separator-smooth > .menu_holder > .menu_inner > .nav_logo:before, .mega_main_menu.direction-horizontal.first-lvl-separator-smooth > .menu_holder > .menu_inner > ul > li.nav_search_box:before{ display: none; } .mega_main_menu li.multicolumn_dropdown.submenu_full_width > .mega_dropdown{ width: 80%!important; margin-right: -75px; margin-top: 30px; border-top: 3px solid #80CD36; } .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.default_dropdown .mega_dropdown, .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .mega_dropdown{ border-top: 3px solid #80CD36; } .mega_main_menu.primary ul li .mega_dropdown > li > .item_link .link_text{ font-size: 14px!important; font-weight: 500!important; text-transform: uppercase!important; padding: 0px 2px!important; } .mega_main_menu.primary ul li .mega_dropdown > li > .item_link .link_text:hover{ color: #80CD36!important; } .mega_main_menu li.multicolumn_dropdown > .mega_dropdown > li .mega_dropdown > li{ padding: 10px 0px!important } .mega_main_menu.primary .mega_dropdown > li.current-menu-item > .item_link *, .mega_main_menu.primary li .mega_dropdown .item_link *, .mega_main_menu.primary li .mega_dropdown a *{ color: #696969!important; } .mega_main_menu .nav_logo{ margin-top: 25px; } body.logged-in .is-sticky .main-menu{ top: 32px!important; } .mega_main_menu.primary li.default_dropdown > .mega_dropdown > .menu-item > .item_link:before{ margin-right: 10px!important; } .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li.default_dropdown > ul > li > ul { margin-top: -3px!important; } .mega_main_menu.primary2 > .menu_holder > .menu_inner > ul > li > .item_link > .link_content > .link_text { color: #333333!important; text-transform: uppercase; font-size: 14px; font-weight: 500; } .mega_main_menu.primary2 > .menu_holder > .menu_inner > ul > li > .item_link > .link_content > .link_text:hover{ color: #80CD36!important; border-bottom: 3px solid #80CD36; } .mega_main_menu li.multicolumn_dropdown.submenu_full_width > .mega_dropdown{ width: 80%!important; margin-right: -75px; margin-top: 30px; border-top: 3px solid #80CD36; } .mega_main_menu.primary2 > .menu_holder > .menu_inner > ul > li.default_dropdown .mega_dropdown, .mega_main_menu.primary2 > .menu_holder > .menu_inner > ul > li > .mega_dropdown{ border-top: 3px solid #80CD36; } .mega_main_menu.primary2 ul li .mega_dropdown > li > .item_link .link_text{ font-size: 14px!important; font-weight: 500!important; text-transform: uppercase!important; padding: 0px 2px!important; } .mega_main_menu.primary2 ul li .mega_dropdown > li > .item_link .link_text:hover{ color: #80CD36!important; } .mega_main_menu li.multicolumn_dropdown > .mega_dropdown > li .mega_dropdown > li{ padding: 10px 0px!important } .mega_main_menu.primary2 .mega_dropdown > li.current-menu-item > .item_link *, .mega_main_menu.primary2 li .mega_dropdown .item_link *, .mega_main_menu.primary2 li .mega_dropdown a *{ color: #696969!important; } .mega_main_menu .nav_logo{ margin-top: 25px; } body.logged-in .is-sticky .main-menu{ top: 32px!important; } .mega_main_menu.primary2 li.default_dropdown > .mega_dropdown > .menu-item > .item_link:before{ margin-right: 10px!important; } .mega_main_menu.primary2 > .menu_holder > .menu_inner > ul > li.default_dropdown > ul > li > ul { margin-top: -3px!important; } .mega_main_menu.primary2 > .menu_holder > .mmm_fullwidth_container { background: transparent!important; } #main_ul-primary2, #main_ul-primary2 > li > a{ background: transparent!important; } #main_ul-primary2 > li > a > .link_content > .link_text{ color: #fff!important; } .page-header .breadcrumb li a, .page-header .breadcrumb .active{ color: #fff!important; font-size: 16px; } .teacher-info-input { padding: 30px; } .teacher-info-input span input{ width: 100%; margin-bottom: 18px; height: 45px; padding: 0 15px; border: 1px solid #e8e8e8; transition: 0.3s ease; } .teacher-info-input .wpcf7-submit { width: 100%; border: 0 none; background: #80CD36; color: #fff; text-transform: uppercase; padding: 13px 0; font-weight: 500; } .teacher-info ul li h3, .teachers h3, .teacher-single05 h3 { font-size: 18px; font-weight: 600; text-transform: uppercase; } .page-template-course-01 figure img, .page-template-course-02 .course-thumb img{ min-height: 270px!important; min-width: 360px!important; } .page-template-course-05 figure img { min-width: 555px!important; } .page-template-course-03 .course-content h3, .page-template-course-06 .course-info h3{ font-size: 18px!important; } .mega_main_menu.primary3 > .menu_holder > .menu_inner > ul > li > .item_link > .link_content > .link_text { color: #333333!important; text-transform: uppercase; font-size: 14px; font-weight: 500; } .mega_main_menu li.multicolumn_dropdown.submenu_full_width > .mega_dropdown{ width: 80%!important; margin-right: -75px; margin-top: 30px; border-top: 3px solid #80CD36; } .mega_main_menu.primary3 > .menu_holder > .menu_inner > ul > li.default_dropdown .mega_dropdown, .mega_main_menu.primary3 > .menu_holder > .menu_inner > ul > li > .mega_dropdown{ border-top: 3px solid #80CD36; } .mega_main_menu.primary3 ul li .mega_dropdown > li > .item_link .link_text{ font-size: 14px!important; font-weight: 500!important; text-transform: uppercase!important; padding: 0px 2px!important; } .mega_main_menu.primary3 ul li .mega_dropdown > li > .item_link .link_text:hover{ color: #80CD36!important; } .mega_main_menu li.multicolumn_dropdown > .mega_dropdown > li .mega_dropdown > li{ padding: 10px 0px!important } .mega_main_menu.primary3 .mega_dropdown > li.current-menu-item > .item_link *, .mega_main_menu.primary3 li .mega_dropdown .item_link *, .mega_main_menu.primary3 li .mega_dropdown a *{ color: #696969!important; } .mega_main_menu .nav_logo{ margin-top: 25px; } body.logged-in .is-sticky .main-menu{ top: 32px!important; } .mega_main_menu.primary3 li.default_dropdown > .mega_dropdown > .menu-item > .item_link:before{ margin-right: 10px!important; } .mega_main_menu.primary3 > .menu_holder > .menu_inner > ul > li.default_dropdown > ul > li > ul { margin-top: -3px!important; } .mega_main_menu.primary3 > .menu_holder > .mmm_fullwidth_container { background: transparent!important; } #main_ul-primary3, #main_ul-primary3 > li > a{ background: transparent!important; } #main_ul-primary3 > li > a > .link_content > .link_text{ color: #fff!important; } .header-style03 .navbar { min-height: 102px!important; } #primary3 .menu_holder { margin-top: 20px!important; } .header-style03 .main-menu nav.navbar .nav-container .menu-search{ margin-top: 0px!important; margin-right: 10px; } .page-template-online-school .home11{ margin-top: -10px!important; } .page-template-online-school .gs-feature-block h3, .page-template-online-school .course-content h3, .page-template-main-demo-01 .client-content h3, .page-template-course-huv-01 .client-content h3, .page-template-main-demo-01 .course-details h3, .page-template-course-huv-01 .course-details h3, .page-template-course-huv-01 .online-course-details h3, .page-template-main-demo-01 .course-content h3, .page-template-online-school .category-single h3, .page-template-single-course .category-single h3, .page-template-single-course .event-info h3, .page-template-kindergarten .blog-excerpt h3, .page-template-kindergarten2 .feature-box-single h3, .page-template-kindergarten2 .course-info h3, .page-template-kindergarten2 .blog-excerpt h3, .page-template-single-instructor .single-box h3, .page-template-teacher-06 .instructor-single h3, .page-template-teacher-07 .teachers-details h3, .page-template-main-demo-01 .teacher-registration-wrapper .teacher-apply h3{ font-size: 20px!important; } .page-template-single-course .event-info h3{ font-weight: 600; } .page-template-course-huv-01 .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-content{ padding-left: 130px!important; } .mega_main_menu.primary4 > .menu_holder > .menu_inner > ul > li > .item_link > .link_content > .link_text { color: #333333!important; text-transform: uppercase; font-size: 14px; font-weight: 500; } .mega_main_menu.primary4 > .menu_holder > .menu_inner > ul > li > .item_link > .link_content > .link_text:hover{ color: #80CD36!important; border-bottom: 3px solid #80CD36; } .mega_main_menu li.multicolumn_dropdown.submenu_full_width > .mega_dropdown{ width: 85%!important; margin-right: -86px; margin-top: 30px; border-top: 3px solid #80CD36; } .mega_main_menu.primary4 > .menu_holder > .menu_inner > ul > li.default_dropdown .mega_dropdown, .mega_main_menu.primary4 > .menu_holder > .menu_inner > ul > li > .mega_dropdown{ border-top: 3px solid #80CD36; } .mega_main_menu.primary4 > .menu_holder > .menu_inner > ul > li > .mega_dropdown{ margin-top: 20px; } .mega_main_menu.primary4 > .menu_holder > .menu_inner > ul > li.default_dropdown > .mega_dropdown{ margin-top: -8px; } .mega_main_menu.primary4 ul li .mega_dropdown > li > .item_link .link_text{ font-size: 14px!important; font-weight: 500!important; text-transform: uppercase!important; padding: 0px 2px!important; } .mega_main_menu.primary4 ul li .mega_dropdown > li > .item_link .link_text:hover{ color: #80CD36!important; } .mega_main_menu li.multicolumn_dropdown > .mega_dropdown > li .mega_dropdown > li{ padding: 10px 0px!important } .mega_main_menu.primary4 .mega_dropdown > li.current-menu-item > .item_link *, .mega_main_menu.primary4 li .mega_dropdown .item_link *, .mega_main_menu.primary4 li .mega_dropdown a *{ color: #696969!important; } .mega_main_menu .nav_logo{ margin-top: 25px; } body.logged-in .is-sticky .main-menu{ top: 32px!important; } .mega_main_menu.primary4 li.default_dropdown > .mega_dropdown > .menu-item > .item_link:before{ margin-right: 10px!important; } .mega_main_menu.primary4 > .menu_holder > .menu_inner > ul > li.default_dropdown > ul > li > ul { margin-top: -3px!important; } .mega_main_menu.primary4 > .menu_holder > .mmm_fullwidth_container { background: transparent!important; } #main_ul-primary4, #main_ul-primary4 > li > a{ background: transparent!important; } #main_ul-primary4 > li > a > .link_content > .link_text{ color: #fff!important; } .page-template-single-course .sticky-wrapper, .page-template-single-course .sticky-wrapper .main-menu{ height: 180px!important; padding-top: 0px!important; } .page-template-single-course .sticky-wrapper .main-menu{ height: 174px!important; } header .main-menu-primary nav.navbar .nav-container .menu-search{ top: 0!important; margin-top: 25px!important; } header .main-menu-primary2 nav.navbar .nav-container .menu-search{ top: 0!important; } header .main-menu-primary3 nav.navbar .nav-container .menu-search{ top: 0!important; margin-top: 4px!important; } header .main-menu-kid nav.navbar .nav-container .menu-search{ top: 0!important; margin-top: 4px!important; } header .header-top-kid { background-color: #b5d56a; } header .header-top-kid .list-unstyled .fa{ color: #fff; } .page-template-course-huv-01 header .main-menu, .page-template-course-huv-02 header .main-menu { padding-top: 47px; } .page-template-course-huv-02 .course-category{ background: #fff; margin-top: 100px; padding-bottom: 0px; } .page-template-course-huv-02 .course-category .course-info-block{ display: none; } .blog06 .blog-posts-carousel .single-blog figure figcaption h3 a, .page-template-course-huv-02 .course-single .cs-text h3{ font-size: 18px; font-weight: 600; text-transform: uppercase; } .page-template-course-huv-02 .section-header p{ max-width: 600px; margin: 35px auto 0 auto; color: inherit; } .page-template-course-huv-02 .course-single figure img{ width: 555px; height: 435.6px; } .page-template-university-02 .about06 .row .col-sm-6 { display: none; } .page-template-university-02 .about06{ padding: 0; margin-top: -120px; } .page-template-university-02 .about06 .about-boxes { padding-top: 0; } .page-template-university-02 .about06 .about-boxes a{ background: rgba(60,61,65, 0.7); padding:30px; max-height: 120px; } .page-template-main-demo-01 .blog12 .blog-boxes .blog-box-single .blog-excerpt h3 a { font-size: 16px!important; } .page-template-main-demo-01 .blog-boxes .blog-excerpt li a, .page-template-main-demo-01 .blog-boxes .blog-excerpt li span { color: #80CD36!important; } .page-template-main-demo-01 .footer-top-subscribe .form-group span.ajax-loader{ display: none; } .page-template-single-course .counter-cta08 .cta-from h2 { background: #80CD36; border-bottom: 1px solid #d9f0c1; color: #fff; font-size: 25px; margin: 0; padding: 30px 0; text-align: center; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; } .page-template-kindergarten .registration-form .message textarea { max-height: 120px; } .page-template-kindergarten .registration-form .wpcf7-submit{ padding: 20px 0; text-align: center; display: block; font-size: 30px; text-transform: uppercase; color: #fff; background: #b5d56a; width: 100%; border: 0 none; } .page-template-kindergarten .registration-form .ajax-loader { display: none; } .page-template-kindergarten .blog-thumb img { max-height: 220px; min-height: 100px!important; } .page-template-single-instructor .testimonial08 .app-download .app-screen{ text-align: center!important; width: 100%!important; } .page-template-single-instructor .testimonial08 .app-download .app-details{ display: none; } .page-template-course-01 h3, .page-template-course-02 h3, .page-template-course-03 h3, .page-template-course-04 h3, .page-template-course-05 h3, .page-template-course-06 h3{ font-size: 18px; text-transform: uppercase; font-weight: 600; } .page-template-teacher-02 .teachers-two-wrapper .col-sm-3, .page-template-teacher-04 .teachers-four-wrapper .col-sm-3, .page-template-teacher-07 .kg-teachers-wrapper .col-md-3 { width: 24%!important; } .page-template-teacher-05 .all-teachers-wrapper .col-md-6{ width: 49%!important; } section.coming-soon .wpcf7-form input.wpcf7-submit { background: #80CD36; font-size: 31px; font-weight: 600; font-family: "Roboto Slab", serif; height: 60px; border: 1px solid #80CD36; color: #fff; width: 20%; margin-left: -1px; } body > p { display: none; } .mega-image { max-height: 235.5px!important; } .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .item_link:after{ border-color: #333!important; color: #333!important; } #wpcf7-f1219-o2 input[type="submit"], #wpcf7-f1219-o1 input[type="submit"], #wpcf7-f1219-p1924-o1 input[type="submit"], #wpcf7-f1219-p1924-o3 input[type="submit"], #wpcf7-f1219-o3 input[type="submit"]{ width: 25%; top:124px; } #wpcf7-f1901-o3 input[type="submit"], .single-tribe_events #wpcf7-f1901-o2 input[type="submit"], .search-results #wpcf7-f1901-o2 input[type="submit"], .page-template-course-huv-02 #wpcf7-f1901-o2 input[type="submit"], .page-template-main-demo-01 #wpcf7-f1901-o2 input[type="submit"], .page-template-course-huv-01 #wpcf7-f1901-o2 input[type="submit"] , .page-template-university-02 #wpcf7-f1901-o2 input[type="submit"], .page-template-dance-school #wpcf7-f1901-o2 input[type="submit"], .page-template-kindergarten2 #wpcf7-f1901-o2 input[type="submit"], #wpcf7-f1901-p1924-o2 input[type="submit"], .page-template-course-05 #wpcf7-f1901-o2 input[type="submit"],.page-template-course-06 #wpcf7-f1901-o2 input[type="submit"], .single-lp_course #wpcf7-f1901-o2 input[type="submit"], .page-template-teacher-01 #wpcf7-f1901-o2 input[type="submit"], .page-template-teacher-02 #wpcf7-f1901-o2 input[type="submit"], .page-template-teacher-03 #wpcf7-f1901-o2 input[type="submit"], .page-template-teacher-04 #wpcf7-f1901-o2 input[type="submit"],.page-template-teacher-05 #wpcf7-f1901-o2 input[type="submit"], .page-template-teacher-06 #wpcf7-f1901-o2 input[type="submit"],.page-template-teacher-07 #wpcf7-f1901-o2 input[type="submit"], .single-teacher #wpcf7-f1901-p1924-o4 input[type="submit"], .page-template-event-01 #wpcf7-f1901-o2 input[type="submit"], .page-template-event-02 #wpcf7-f1901-o2 input[type="submit"], .page-template-event-03 #wpcf7-f1901-o2 input[type="submit"], .page-template-gallery-3 #wpcf7-f1901-o2 input[type="submit"], .page-template-gallery-4 #wpcf7-f1901-o2 input[type="submit"], .page-template-portfolio-2 #wpcf7-f1901-o2 input[type="submit"], .page-template-portfolio-3 #wpcf7-f1901-o2 input[type="submit"], .page-template-portfolio-4 #wpcf7-f1901-o2 input[type="submit"], .page-template-blog-03 #wpcf7-f1901-o2 input[type="submit"], .page-template-blog-04 #wpcf7-f1901-o2 input[type="submit"], .page-id-586 #wpcf7-f1901-o4 input[type="submit"], .post-type-archive-product #wpcf7-f1901-o2 input[type="submit"], .single-product #wpcf7-f1901-o2 input[type="submit"]{ width: 15%; padding: 5px 51px 5px 16px; top: 0px; border-bottom: 1px solid #80cd36; border-top: 1px solid #80cd36; } footer .widget.subscribe { margin-top: -50px; } #tribe-events .tribe-events-button{ border: 2px solid #80CD36; color: #80CD36; padding: 13px 25px; text-transform: uppercase; font-weight: 500; font-size: 14px; background-color: #fff; } .event-details-wrapper .single-event-inner .event-content .join-event ul li a:hover{ background-color: #80cd36!important; color: #fff!important; } .single-course-wrapper .course-bottom-content { display: none; } .single-event-inner h3{ font-family: "Roboto Slab", serif; font-size: 18px; font-weight: 600; text-transform: uppercase; } .single-tribe_events section.single-course-wrapper{ padding-bottom: 50px!important; } .blog-wrapper .blog-pagination ul li span.dots { background: #fff; color: #80cd36; } .events .event-info > h3 { font-size: 18px; } .course-info-block br { display: none; } .page-id-505 .blog07 .blog07-wrapper .single-blog .blog-single-content h3{ font-size: 18px; text-transform: uppercase; min-height: 53.6px; } .page-id-586 .blog-thumb img { min-height: 266px; } .page-id-586 .blog12 .blog-boxes .blog-box-single .blog-excerpt p{ margin-bottom: 0px; } .page-id-586 .blog12 .blog-boxes .blog-box-single .blog-excerpt{ padding-bottom: 0px; } .page-template-single-instructor .courses08 .course08-carousel .carousel-item .course-single .course-info h3{ font-size: 16px; } .page-template-blog-05 .img-responsive { min-width: 555px; } .page-template-blog-05 .blog .blog-posts02 .single-blog .blog-excerpt { max-height: 100%; padding: 50px 20px; } .page-template-blog-06 .blog-wrapper.blog02 .blog-six-content .blog-posts .single-blog figure .blog-thumb img{ max-height: 250px; } .page-template-blog-06 .blog-wrapper.blog02 .blog-six-content .blog-posts .single-blog .blog-excerpt h3{ min-height: 51.2px; } .page-template-blog-07 .blog-thumb img, .page-template-blog-08 .blog-wrapper.blog07 .blog-eight-content .single-blog figure img, .page-template-blog-09 .blog-wrapper.blog11 .blog-nine-content .blog11-contents .blog11-single figure img{ min-width: 408.75px; height: 272px; } .page-template-blog-10 .blog-thumb img{ width: 263px; height: 265px; padding-top: 30px; } .blog-index + section .blog-thumb img{ min-width: 848px; } .page-template-blog-02 .img-responsive{ min-width: 701.25px; } .contact-boxes h3{ font-size: 16px; } @media (max-width: 991px){ .mega11 { display: none; } } @media (min-width: 992px){ .mobile11 { display: none; } } header .main-menu{ padding-top: 0!important; } sticky-wrapper{ height: 102px!important; } #menu-main-menu{ float: right; } .is-sticky .main-menu{ height: 103px; } @media only screen and (max-width: 768px){ body div.mean-bar:nth-child(2){ display: none; } body.page-template-kindergarten header.mobile11{ display: none!important; } body.page-template-course-huv-01 header:nth-child(1){ display: none!important; } header .header-top .header-top-left{ top: 7px; } header .header-top .header-top-left ul li{ color: #fff!important; } .tp-revslider-mainul li .tp-parallax-wrap:last-child{ left: 210px!important; } } body.logged-in .header-style03 { top: 32px!important; } #menu-main-menu-2{ float: right!important; } .page-template-course-huv-01 .menu-search .list-unstyled{ margin-top: 25px; } .page-template-kindergarten .menu-search .list-unstyled{ margin-top: 20px; } .blog .blog-posts .single-blog .blog-excerpt h3{ min-height: 60px; } .blog-wrapper .blog-details-wrapper .blog-content{ margin:0!important; padding-top: 30px; } .teacher-registration-wrapper .wp-image-2252{ display: none; } .blog-wrapper .blog-details-wrapper .blog-meta, .blog-wrapper .blog-details-wrapper .blog-comment{ margin-left: 0px!important; } .woocommerce-page table.cart td.actions .input-text{ width: 135px; } .events-style02 .events-block .event2-single .event-date{ padding-left: 50px!important; } .p0{ padding: 0; } .event2-image{ width: auto!important; } /* -------- Pre Loader -------- */ #preloader { position: fixed; top:0; left:0; right:0; bottom:0; background-color:#fefefe; z-index:99999; } #status { width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url('http://shtheme.com/demosd/eduvision/wp-content/uploads/2019/01/preloader.gif'); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px; } @media only screen and (max-width:768px){ .page-template-course-huv-01 .header-style03 .navbar-brand { display: none!important; } .events-style02 .section-header04 { padding-left: 40px; } .events-style02 .events-block a.view-all-btn{ right: 35px; top: -65px; } .courses-main .section-header-d{ padding-left: 40px; } .courses-main .owl-nav{ padding-right: 60px!important; } .course-category .course-categories .col-md-6 .cc-single{ max-width: 555px!important; } .course-category .course-categories .col-md-3 .cc-single{ max-width: 274px!important; } .course-category .course-categories .cc-single{ margin: 0 auto; margin-top: 20px; } } .courses-main .course-carousel-main .online-course-single .online-course-details h3:hover, .teachers-style02 .teachers-carousel .teacher-single-box div h3:hover, { color: #80cd36!important; } .kids-courses .course-slide .online-course-single .online-course-details h3:hover{ color: #b5d56a; } .kids-teacher .teacher-single05 .ts5-info a{ font-size: 18px!important; font-weight: 600; } .kids-teacher .teacher-single05 .ts5-info a.readmore{ font-size: 14px!important; font-weight: 400; } .blog02 .blog-posts .single-blog figure figcaption ul li:hover{ color: #727375!important; } .events .events-block .event-single .event-details a, .events11 .events-list .event-single-row .event-details .event-info h3{ font-weight: 600; } .widget form button { top: 0px !important; } .widget_search form button, .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.search-widget form button{ height: 47px; } .blog-share{ margin-left: 0px!important; } .blog-wrapper .blog-details-wrapper .blog-meta{ margin-bottom: 5px!important; } body.blog{ padding-top: 0px!important; } .event-details-wrapper .single-event-inner .event-content .join-event{ display: none!important; } /* You can add your own CSS here. Click the help icon above to learn more. */ header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li a:after { height: 3px; bottom: -2px; } p{ font-family: "Roboto", sans-serif; line-height: 25px; } .mega_main_menu .nav_logo { margin-top: 30px; margin-left: -31px; } .mega_main_menu.primary .nav_logo > .logo_link > img, .mega_main_menu.primary2 .nav_logo > .logo_link > img { max-height: 100%; } .logo_link { background: transparent !important; } .mega_main_menu li.multicolumn_dropdown.submenu_full_width > .mega_dropdown { margin-top: 29px; } .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .item_link:after, .mega_main_menu.primary2 > .menu_holder > .menu_inner > ul > li > .item_link:after{ border-color: transparent !important; color: transparent !important; } .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .item_link > .link_content > .link_text:before, .mega_main_menu.primary2 > .menu_holder > .menu_inner > ul > li > .item_link > .link_content > .link_text:before { content: "\f107"; font-family: FontAwesome; position: absolute; right: 2px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .mega_main_menu.primary > .menu_holder > .menu_inner > ul > li > .item_link > .link_content > .link_text:hover, .mega_main_menu.primary2 > .menu_holder > .menu_inner > ul > li > .item_link > .link_content > .link_text:hover { color: #80CD36 !important; border-bottom: 0px solid transparent; } .events-style02 .events-block .event2-single .event-info { font-size: 15px; line-height: 25px; color: #777; } .testimonial02 .block-text h3 { margin: 35px 0 5px 0; font-size: 18px; } .courses08 .course08-carousel .carousel-item .course-single .course-info ul.course-bottom { padding-top: 6px; margin-top: 56px; } .courses08 .course08-carousel .carousel-item .course-single .course-info { padding: 30px 0 11px 20px; } .section-header p { max-width: 600px; margin: 35px auto 0 auto; } .kids-testimonial .owl-nav .owl-prev, .kids-testimonial .owl-nav .owl-next { border: 1px solid #fff; color: #fff; } .blog .blog-posts02 .single-blog figure figcaption p.post-date { font-size: 16px; padding-top: 13px; line-height: 18px; } .search-wrap { z-index: 9999; } .eduvision-home .home-content { top: 56%; } h3 { font-size: 26px; } .page-template-main-demo-01 header .main-menu { background: #fff; } .blog .blog-posts .single-blog .blog-excerpt h3 { line-height: 7px; } .blog11 .blog11-contents .blog11-single .blog-excerpt p { margin: 0; } .blog11 .blog11-contents .blog11-single { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.05); } .blog11 .blog11-contents .blog11-single:hover { box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } .widget_search form input, .blog-wrapper .blog-sidebar .sidebar-widget .widget-content.search-widget form input { width: 70%; } .footer-style03 input.wpcf7-submit { top: 0; width: 76px !important; padding: 0 !important; } .event-thumb img { min-height: 198px; } .events-style02 .events-block .event2-single:hover { box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1); } .events-style02 .events-block .event2-single { box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); } .events-style02 .events-block .event2-single .event-date { padding-left: 70px; margin-top:5px; } .events11 .events-list .event-single-row .event-day:before { height: 201px; } .footer-top-subscribe form .form-group input::-webkit-input-placeholder { color:#ffffff; } .footer-top-subscribe form .form-group input::-moz-placeholder { color:#ffffff; } .footer-top-subscribe form .form-group input:-ms-input-placeholder { color:#ffffff; } .footer-top-subscribe form .form-group input:-moz-placeholder { color:#ffffff; } .woocommerce .quantity .qty { height: 34px; } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box figure figcaption ul li a { padding-top: 3px; } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box { box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box:hover { box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box div { padding: 25px 15px; } .all-teachers-wrapper .teachers-two-wrapper .teacher-single-box:hover div span { color: #727272; } .all-course-wrapper .blog-pagination ul li a, .all-teachers-wrapper .blog-pagination ul li a { padding: 3px 15px; } .kids-teacher .teacher-single05 { margin: 0px 3px 100px; } .kids-teacher .teacher-single05 .ts5-image { padding-right: 25px; } .kids-teacher .teacher-single05 .ts5-info { padding: 40px 30px 40px 0px; } .kids-teacher .teacher-single05 .ts5-image ul { margin: 40px 0 0 0; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features ul li:last-child { padding-bottom: 0px; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features, .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget { padding: 25px 45px 30px 45px; } .page-header { background-size: cover; } .teachers-main .teacher-single05 { box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); } .courses08 .course08-carousel .carousel-item .course-single { box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); } .about-style02 .about-text { box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); padding: 45px 44px 35px 45px; } .ts-left .client-image img, .ts-right .client-image img { width: 230px; } .blog .blog-posts02 .single-blog .blog-excerpt { box-shadow: 0 1px 40px rgba(0, 0, 0, 0.1); padding: 73px 20px; } .blog .blog-posts02 .single-blog .blog-excerpt a.rm-btn { margin-top: 40px; } .blog .blog-posts02 .single-blog .blog-excerpt { padding: 40px 20px; } .blog .blog-posts02 .single-blog .blog-excerpt { bottom: 60px; } .online-course-list .course-container .online-course-single { box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); } .teachers-style02 .teachers-carousel .teacher-single-box { box-shadow: 0 0 20px rgba(0, 0, 0, 0.05); } .blog .blog-posts .single-blog { box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); } .blog .blog-posts .single-blog .blog-excerpt h3 a { line-height: 30px; } .kids-teacher .teacher-single05 { box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); } .blog02 .blog-posts .single-blog { box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); } .blog-wrapper .blog-list-inner .blog-single .blog-details .post-date { padding: 30px 0px 25px; } .blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li .comment-details a { font-weight: 600; font-size: 18px; } .blog-wrapper .blog-details-wrapper .blog-meta h2 { margin: 30px 0 0px; } .blog-wrapper .blog-details-wrapper .blog-comment ul.comment-list li .comment-details .comment-reply-link { font-weight: 500; font-size: 14px; } .event-details-wrapper .single-event-inner .event-content .event-details h3 { margin: 0 0 20px 0; } .event-details-wrapper .single-event-inner .event-content .event-details ul li { padding: 0 0 5px 25px; } .event-details-wrapper .single-event-inner .event-content .event-time-place h3 { margin: 0 0 20px 0; } .teacher-details-wrapper .teacher-detail-left .teacher-skills { margin-top: 80px; } .teacher-details-wrapper .teacher-detail-right .teacher-tab { margin-top: 90px; } .teacher-info-input span input { height: 50px; } .courses06 .course-slider03 .course-single .course-content h3 { line-height: 22px; margin: 0 0 0px;; min-height: 44px; } .single single-teacher .courses06 .course-slider03 .course-single .course-content h3 { line-height: 22px; margin: 0 0 15px !important; min-height: auto !important; } .courses06 .course-slider03 .course-single .course-content { padding: 20px 15px 15px !important; } .teacher-details-wrapper .teacher-detail-right .teacher-info ul li h3 { margin: 0 0 6px 0; } .service-boxes .service-boxes-inner .service-box-content h3 { font-size: 22px; font-weight: 600; } .service-boxes .service-boxes-inner .service-box-content { box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); margin-bottom: 30px; } .service-boxes .service-boxes-inner .service-box-content:hover { box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1); } .service-boxes .service-boxes-inner .service-box-content a.service-box-btn { box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.05); } .teacher-registration-wrapper .bt-tabs .tab-content .tab-pane ul li { padding-bottom: 10px; } .teacher-registration-wrapper .teacher-apply form input { height: 50px; margin-bottom: 0px; } label.custom-file-upload br { display: none; } .teacher-registration-wrapper .teacher-apply h3 { font-weight: 600; } .woocommerce ul.products li.product .price { line-height: 16px; margin: 0; } .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 { padding: 0; font-size: 18px; } .woocommerce ul.products li.product .price { display: flex; justify-content: center; } .woocommerce ul.products li.product .price ins span { margin-left: 5px; } .woocommerce ul.products li.product .price ins { text-decoration: none; } .woocommerce .woocommerce-result-count { margin: 8px 0; } .shop-area .product-column .single-product h2{ font-weight: 600; font-size: 24px; marign-top: 60px; } .woocommerce div.product .woocommerce-tabs .panel h2{ font-weight: 600; font-size: 24px; } .woocommerce div.product .product_title { font-size: 24px; font-weight: 600; margin: 0px 0 10px; } .woocommerce div.product p.price, .woocommerce div.product span.price { margin-bottom: 30px; } .woocommerce-product-details__short-description { margin-bottom: 40px; } .woocommerce div.product div.images { margin-bottom: 40px; } .woocommerce .star-rating span::before { color: #80CD36; } strong.woocommerce-review__author { color: #80CD36; font-size: 16px; } .woocommerce p.stars a { color: #80CD36; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 70px; } .courses-main .course-carousel-main .online-course-single { box-shadow: 0 0 30px rgba(0, 0, 0, 0.05); } .courses08 .course08-carousel .carousel-item .course-single .course-info { padding: 30px 0 11px 30px; } .courses08 .course08-carousel .carousel-item .course-single .course-info h3 { margin: 0 0 25px 0; } .courses08 .course08-carousel .carousel-item .course-single .course-info ul.course-bottom { padding-top: 12px; margin-top: 40px; margin-bottom: 0; } .courses-main .course-carousel-main .online-course-single .online-course-details .course-excerpt-bottom ul li:last-child { line-height: 45px; } .about-style02 .about-text a { margin-top: 30px; } .about-style02 .about-text > p { margin-bottom: 20px; } .tp-caption { transition: all 0.3s ease-in-out !important; } .slick-slide.slick-current img { opacity: 1 !important; } .blog .blog-posts02 .single-blog figure figcaption ul li a { background: rgb(255, 255, 255); } .blog .blog-posts02 .single-blog figure figcaption ul li a i { font-size: 30px; line-height: 46px; } .about.about05 .about-text { padding-right: 50px; } .online-course-list .course-container .online-course-single .online-course-details .course-excerpt-bottom ul li:last-child { line-height: 45px; } .teachers-style02 .teachers-carousel .teacher-single-box div { text-align: center; padding: 5px 15px 1px; } .blog .blog-posts .single-blog .blog-excerpt { padding: 20px 25px; } .mega_main_menu ul > li:hover a.item_link, .mega_main_menu ul li:hover .mega_dropdown a.item_link { text-decoration: none; } .teacher-registration-wrapper .tr-header { padding-right: 50px; } .event-info h3{ font-size:22px !important; line-height: 30px; } .blog-wrapper .blog-details-wrapper .blog-meta { margin: 20px 25px 25px; } .blog-wrapper .blog-details-wrapper .blog-content { margin: 0 25px; } .blog-wrapper .blog-details-wrapper .blog-share { margin: 0 25px 50px; } .blog-wrapper .blog-details-wrapper .blog-comment { margin: 60px 25px 0; } .blog-wrapper .blog-details-wrapperdiv#respond { margin: 0 25px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #80CD36; border: none; color: #fff; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before { box-shadow: none; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: none; background-color: transparent; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; overflow: visible; } .woocommerce-tabs.wc-tabs-wrapper { padding-top: 50px; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active::before { box-shadow: none; } header .main-menu nav.navbar .navbar-header a.navbar-brand { position: relative; z-index: 1; } .kids-teacher .teacher-single05 { margin: 0px 25px 100px !important; } .breadcrumb { padding: 20px 15px 0; margin-bottom: 0; } .page-header h1, .page-header ul { margin: 0; } .page-header ul li.active { padding: 20px 15px 0; } .events .events-block .event-single { margin: 0 15px 65px !important; } .events .events-block .event-single .event-details { width: 60%; padding: 20px 20px 30px 30px; } .events .events-block .event-single .event-image img { min-height: 100%; width: 100%; } .teachers-main .teacher-single05 { margin: 0 11px 50px 10px; } .events .events-block .event-single .event-image { width: 30% !important; } .events .events-block .event-single .event-details a { line-height: 20px; } .events-default02 .events-block .event-single { margin: 0 15px 65px !important; } @media only screen and (max-width: 767px) { .about.about05 { padding: 0 0 375px 0; overflow: hidden; } .about.about05 .about-image02 { display: none; } .about.about05 .about-image01 { left: 0; right: 0; top: 80px; } .page-template-kindergarten .kindergarten-features { margin-top: 50px; } .rev-btn { line-height: 15px !important; font-size: 10px !important; margin-top: 15px !important; padding: 12px 20px !important; } div#slide-49-layer-7{ margin-left: -30px !important; } div#slide-50-layer-5 { margin-left: -30px !important; } div#slide-49-layer-4, div#slide-49-layer-5, div#slide-50-layer-2, div#slide-50-layer-3 { font-size: 18px !important; } div#slide-49-layer-5 { margin-top: 10px !important; } div#slide-49-layer-2, #slide-50-layer-1, #slide-56-layer-1, #slide-54-layer-1 { font-size: 11px !important; line-height: 55px !important; margin-top: -22px !important; } div#slide-57-layer-1{ font-size: 15px !important; } .vc_custom_1506513888027 { margin-top: -0px !important; } div#slide-57-layer-5, div#slide-58-layer-5 { margin: 63px 0 0 -100px !important; } div#slide-57-layer-1, div#slide-58-layer-1 { font-size: 22px !important; margin-left: 15px !important; } div#slide-58-layer-3, div#slide-57-layer-3 { font-size: 50px !important; margin-top: 30px !important; padding-left: 15px !important; } div#slide-57-layer-4, div#slide-58-layer-4 { font-size: 14px !important; margin: 50px 0 0 15px !important; } .eduvision-home .home-content h1 { font-size: 36px; } .testimonial02 .slick-list { margin: 0; } .courses-main{ overflow: hidden; padding: 100px 15px 70px; } .courses-main .owl-nav { padding-right: 30px!important; top: -19px !important; } .course-excerpt .row { display: inline-flex; } .events-style02 .events-block a.view-all-btn { right: 15px; } .events { padding: 100px 15px; } .video .vt-box .vt-text h2 { font-size: 24px; } .video .vt-box .vt-text p { font-size: 16px; } .teachers-main .teacher-single05 { margin: 0 0px 50px; } .courses08 .owl-nav { top: -30px; } .about-style02 .about-text { padding: 45px 15px 35px 15px; } .page-template-course-huv-01 .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-content { padding-left: 15px!important; } .about.about05 .about-text { padding-right: 15px; } .kids-register .countdown h2 { font-size: 40px; text-transform: uppercase; margin: 15px 0 50px 0; color: #fff; } .kids-register .countdown h2 { font-size: 40px; text-transform: uppercase; margin: 15px 0 50px 0; color: #fff; } .kids-register .countdown #timer-wrapper .timer-body-block .table-cell .tab-val { font-size: 32px; line-height: 33px; } .kids-register .countdown #timer-wrapper .timer-body-block .table-cell{ margin: 7px; } .eduvision-home .home-content { top: 43%; } .section-header h2 { font-size: 34px; } .online-course-list { padding: 100px 15px; } .page-header h1 { font-size: 35px; } section.all-course-wrapper.online-course-list{ padding: 100px 0px; } section.all-course-wrapper.online-course-list .cs-image { padding-right: 0; } .page-template-course-05 figure img { min-width: auto!important; } .course-excerpt { padding-left: 0; list-style: none; display: flex; justify-content: space-between; } .course-wrapper .course-style04 .course-single .cs-text, .course-wrapper .course-style04 .course-single.image-left .cs-image { padding: 0 15px; } .single-course-wrapper .single-course-content .course-meta { display: flex; justify-content: space-between; } .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-features, .single-course-wrapper .single-course-sidebar .sidebar-widget .widget-content.course-category-widget { padding: 25px 15px 30px; } .kids-teacher .teacher-single05 { margin: 0px 0px 100px !important; } .courses06 .course-slider03 .owl-nav, .publications .publication-carousel .owl-nav { top: -15px; } .footer-top-subscribe { min-height: 265px; } .events .events-block .event-single .event-image { width: 100% !important; padding: 0; } .events-default02 .events-block .event-single { margin: 0 0px 65px !important; } .events .events-block .event-single .event-details { width: 100%; padding: 20px 15px 30px; } .events11 .events-list .event-single-row .event-meta .event-time { display: flex; justify-content: space-around; } .blog11 .blog11-contents .blog11-single figure { display: inherit; } .page-template-blog-07 .blog-thumb img, .page-template-blog-08 .blog-wrapper.blog07 .blog-eight-content .single-blog figure img, .page-template-blog-09 .blog-wrapper.blog11 .blog-nine-content .blog11-contents .blog11-single figure img { min-width: auto; height: auto; width: 100%; } .blog-index + section .blog-thumb img { min-width: auto; } @media only screen and (max-width: 768px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product { width: 100%; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 100%; } .teacher-single05 figure img { display: inline; width: 100%; } .kids-courses .owl-nav .owl-prev, .kids-courses .owl-nav .owl-next { font-size: 28px; height: 40px; text-align: center; width: 40px; margin-top: -38px; } div#slide-50-layer-5{ margin-left: -30px !important; } #slide-56-layer-5, #slide-54-layer-5{ margin-left: -40px !important; } } /* Wide Mobile Layout: 480px. ------------------------------------------------- */ @media only screen and (min-width: 480px) and (max-width: 767px) { div#slide-57-layer-1, div#slide-58-layer-1 { font-size: 22px !important; margin-left: 15px !important; } div#slide-58-layer-3, div#slide-57-layer-3 { font-size: 90px !important; margin-top: 00px !important; padding-left: 15px !important; line-height: 120px !important } div#slide-57-layer-4, div#slide-58-layer-4 { font-size: 16px !important; margin: 50px 0 0 15px !important; } div#slide-57-layer-5, div#slide-58-layer-5 { margin: 33px 0 0 0px !important; } .courses-main .owl-nav { top: -20px; } .vc_custom_1506513888027 { margin-top: 0px !important; } } @media(max-width: 967px){ .tp-leftarrow.tparrows, .tp-rightarrow.tparrows{ display: none!important; } div#slide-49-layer-4, div#slide-49-layer-5, div#slide-50-layer-2, div#slide-50-layer-3{ font-size: 20px!important; } div#slide-49-layer-2, #slide-50-layer-1, #slide-56-layer-1, #slide-54-layer-1{ font-size: 14px!important; } .rev-btn{ font-size: 13px!important; } div#slide-57-layer-5, div#slide-58-layer-5{ margin-left: -195px!important; } .online-course-list{ padding-bottom: 15px!important; } .page-template-kindergarten .kindergarten-features{ padding-bottom: 40px!important; } .course-category .free-trial-btn{ margin-top: 10px; } .counter-cta.video.counter-cta02.counter-cta03{ margin-top: 80px!important; } } .blog02 .blog-posts .single-blog .blog-excerpt h3 a:hover { color: #b5d56a; } .blog02 .blog-posts .single-blog .blog-excerpt a.view-more-btn:hover { color: #b5d56a; } .kids-teacher .teacher-single05 .ts5-info h3 a:hover,.kids-teacher .teacher-single05 .ts5-info a:hover { color: #b5d56a; } .page-template-kindergarten .blog-excerpt h3{ font-size: 20px!important; } .teacher-single-box div h3 a:hover { color: #80CD36!important; } .page-template-course-huv-01 .teachers-style02{ margin-bottom: 0px!important; } .blog .blog-posts .single-blog .blog-excerpt h3 a:hover, .blog .blog-posts .single-blog .blog-excerpt a:hover{ color: #80CD36!important; } .teacher-single-box a:hover, .course-single.image-left a h3:hover{ color: #80CD36!important; } .teacher-single05{ height: 309px!important; } header .main-menu nav.navbar .navbar-collapse ul.navbar-nav li ul.dropdown-menu li.dropdown-submenu ul.dropdown-menu{ margin-top: -13px!important; } .about.about05 .about-text p, .kids-callto-action .callto-action-content p, .kids-teacher .teacher-single05 .ts5-info p{ color: #323232!important; } p, .testimonial-style02 .testimonial-carousel02 .testimonial-single .ts-left .client-content h3.client-info span, .blog02 .blog-posts .single-blog .blog-excerpt p{ color: #323232!important; } .about.about05 .about-text p{ color: #323232!important; } header .main-menu nav.navbar .navbar-header a.navbar-brand img { max-width: 220px!important; }