/* Theme Name: Education Way Child Theme URI: https://example.com/education-way-child/ Description: Education Way Child Theme Author: canyonthemes Author URI: https://www.canyonthemes.com/ Template: education-way Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: custom-logo, one-column, two-columns, right-sidebar, left-sidebar, full-width-template, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, blog, portfolio, e-commerce, footer-widgets */ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } html, body { height: 100% } .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } .sticky { display: block; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; padding: 3px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } /*--------------------------------------------- Table of CONTENT ----------------------------------------------- 01. Start Reset css 02. Start Global css 03. Header css 04. slider css 05. service 06. volunteer 07. testimonial 08. blog 09. sponsor 10. footer 11. homepage 2 12. about 13. Map 14. Contact Us 15. Product 16. Newsletter 17. Error 18. Footer -----------------------------------------------*/ /*====================== Start Reset css ======================================================*/ html { font-family: 'Poppins', sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { font-size: 15px; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } .clr{ clear: both; } a { display: inline-block; text-decoration: none!important; background-color: transparent; color: #696969; } a:hover{ text-decoration: none; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } code, kbd, pre, samp { font-size: 15px; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } select { text-transform: none; } button { overflow: visible; } button, input, select, textarea { max-width: 100%; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; opacity: .5; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-right: 0.4375em; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #f0f0f0; margin: 0 0 1.75em; min-width: inherit; padding: 0.875em; } fieldset > :last-child { margin-bottom: 0; } legend { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } optgroup { font-weight: bold; } /** * 2.0 - Typography */ body, button, input, select, textarea { color: #696969; font-family: 'Poppins', sans-serif; line-height: 1.8; } h1, h2, h3, h4, h5, h6 { margin: 0 0 5px 0; padding: 0; font-family: 'Poppins', sans-serif; } h1{ font-size: 60px; color: #ffffff; } h2{ font-size: 36px; color: #070707; font-weight: 700; } h3{ font-size: 24px; color: #fff; font-weight: 700; } h4{ font-size: 20px; color: #000000; font-weight: 700; text-transform: uppercase; } h4 a{ font-size: 20px; color: #000000!important; font-weight: 700; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } h5{ font-size: 15px; color: #bcbcbc; } h6{ font-size: 14px; color: #9b9b9b; } p{ margin: 0; padding: 0; font-size: 15px; font-weight: 400; color: #696969; } a{ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } a:hover{ text-decoration: none; } dfn, cite, em, i { font-style: italic; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote p { margin-bottom: 1.4736842105em; } blockquote cite, blockquote small { color: #696969; display: block; font-size: 15px; line-height: 1.75; } blockquote cite:before, blockquote small:before { content: "\2014\00a0"; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } blockquote > :last-child { margin-bottom: 0; } address { color: #737d8b; font-weight: 600; font-size: 14px; } code, kbd, tt, var, samp, pre { font-family: 'Poppins', sans-serif; } pre { border: 1px solid #f0f0f0; font-size: 1rem; line-height: 1.3125; margin: 0 0 1.75em; max-width: 100%; overflow: auto; padding: 1.75em; white-space: pre-wrap; word-wrap: break-word; } code { background-color: #ebebeb; padding: 0.125em 0.25em; } abbr, acronym { border-bottom: 1px dotted #f0f0f0; cursor: help; } mark, ins { background: #ebebeb; color: #696969; padding: 0.125em 0.25em; text-decoration: none; } big { font-size: 125%; } /** * 3.0 - Elements */ html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } hr { background-color: #ebebeb; border: 0; height: 1px; margin: 0 0 1.75em; } ul, li{ list-style: none; margin: 0; padding:0; } ul, ol { margin: 0; padding: 0; } ul { list-style: none; } ol { list-style: none; } li > ul, li > ol { margin-bottom: 0; } dl { margin: 0 0 1.75em; } dt { font-weight: 700; } dd { margin: 0 0 1.75em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ vertical-align: middle; } del { opacity: 0.8; } table, th, td { border: none; } table { border-spacing: 0; border-width: 1px 0 0 1px; /* Prevents HTML tables from becoming too wide */ width: 100%; } caption, th, td { font-weight: normal; } th { border-width: 0 1px 1px 0; font-weight: 700; } td { font-size: 14px; color: #696969; vertical-align: middle; } th, td { padding: 0.4375em; } /* Placeholder text color -- selectors need to be separate to work. */ ::-webkit-input-placeholder { color: #696969; font-size: 14px; } :-moz-placeholder { color: #696969; font-size: 14px; } ::-moz-placeholder { color: #696969; font-size: 14px; opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */ } :-ms-input-placeholder { color: #696969; font-size: 14px; } /** * 4.0 - Forms */ input { line-height: normal; } button, button[disabled]:hover, button[disabled]:focus, input[type="button"], input[type="button"][disabled]:hover, input[type="button"][disabled]:focus, input[type="reset"], input[type="reset"][disabled]:hover, input[type="reset"][disabled]:focus, input[type="submit"], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:focus { background: #f4630b; border: 0; border-radius: 0; color: #696969; font-weight: 700; letter-spacing: 0.046875em; line-height: 1; text-transform: uppercase; } button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus { background: #ffffff; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus { outline: none; outline-offset: -4px; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea { font-size: 14px; color: #737d8b; border-radius: 0; padding: 0; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus { font-size: 16px; color: #737d8b; border-radius: 0; border: 1px solid #eae8e8; outline: 0; } /** * 6.0 - Clearings */ .clear:before, .clear:after, blockquote:before, blockquote:after, .entry-content:before, .entry-content:after, .entry-summary:before, .entry-summary:after, .comment-content:before, .comment-content:after, .site-content:before, .site-content:after, .site-main > article:before, .site-main > article:after, .primary-menu:before, .primary-menu:after, .social-links-menu:before, .social-links-menu:after, .textwidget:before, .textwidget:after, .content-bottom-widgets:before, .content-bottom-widgets:after { content: ""; display: table; } .clear:after, blockquote:after, .entry-content:after, .entry-summary:after, .comment-content:after, .site-content:after, .site-main > article:after, .primary-menu:after, .social-links-menu:after, .textwidget:after, .content-bottom-widgets:after { clear: both; } /*====================== End reset css ==============================================*/ /*====================== Start Global css =============================================*/ .header-style-1 .main-menu .nav>li>a, .header-style-1 .main-menu .sub-menu li a .fa, .camera_prev > span, .camera_next > span, .work-content h4 a, .services-content h4 a, .volunteers-items, .cart-items>.cart-content>p>a, .blog-items, .thumbnail-content h5 a, .twitter-content h5 a, .footer-instagram a, .copyright-txt p a, .checkout-btn>a, .overlay-project, .project-link-option li a, .project-link-option li, .portfolio-img img, .our-services-box, .our-services-items, .event-items, .collection-items, .collection-overlay, .collection-content h4 a, .collection-icon li, .collection-img, .working-icon, .working-items, .volunteers-img, .recent-project-content, .contact-social-icon li, .widget-area li ul li, .results-icon .fa{ -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .no-padding{ padding-left: 0; padding-right: 0; } .section-header{ max-width: 550px; width: 100%; margin: 0 auto; text-align: center; padding: 110px 0 56px 0; } .section-header h3{ font-size: 36px; font-weight: 700; color: #f4630b; } .section-header h2{ line-height: 48px; text-transform: uppercase; padding-bottom: 5px; } .sec-title .double-border { display: inline-block; margin-top: 13px; } .section-header .double-border::before, .section-header .double-border::after { background: #b9b9b9 none repeat scroll 0 0; content: ""; display: block; height: 1px; } .section-header .double-border::before { width: 136px; } .section-header .double-border::after { margin-top: 5px; width: 72px; } .section-header.text-center .double-border::before, .section-header.text-center .double-border::after { margin-left: auto; margin-right: auto; } .section-header p{ font-size: 16px; font-weight: 400; color: #696969; line-height: 26px; margin-top: 25px; } /*======================= Common Spaces =================================*/ .m-t-5 { margin-top: 5px; } .m-t-10 { margin-top: 10px; } .m-t-15 { margin-top: 15px; } .m-t-20 { margin-top: 20px; } .m-t-30 { margin-top: 30px; } .m-t-40 { margin-top: 40px; } .m-t-60 { margin-top: 60px; } @media (min-width: 768px) and (max-width: 991px) { .m-t-10-sm { margin-top: 10px; } } @media (min-width: 768px) and (max-width: 991px) { .m-t-15-sm { margin-top: 15px; } } @media (min-width: 768px) and (max-width: 991px) { .m-t-30-sm { margin-top: 30px; } } @media (max-width: 767px) { .m-t-10-xs { margin-top: 10px; } } @media (max-width: 767px) { .m-t-15-xs { margin-top: 15px; } } @media (max-width: 767px) { .m-t-30-xs { margin-top: 30px; } } .m-b-5 { margin-bottom: 5px; } .m-b-10 { margin-bottom: 10px; } .m-b-15 { margin-bottom: 15px; } .m-b-20 { margin-bottom: 20px; } .m-b-30 { margin-bottom: 30px; } .m-b-40 { margin-bottom: 40px; } .m-b-60 { margin-bottom: 60px; } .p-10 { padding: 10px; } .p-15 { padding: 10px; } .p-20 { padding: 20px; } .p-30 { padding: 30px; } .p-t-5 { padding-top: 5px; } .p-t-10 { padding-top: 10px; } .p-t-20 { padding-top: 20px; } .p-t-30 { padding-top: 30px; } .p-t-40 { padding-top: 40px; } .p-t-50 { padding-top: 50px; } .p-t-70 { padding-top: 70px; } .p-b-5 { padding-bottom: 5px; } .p-b-10 { padding-bottom: 10px; } .p-b-20 { padding-bottom: 20px; } .p-b-30 { padding-bottom: 30px; } .p-b-40 { padding-bottom: 40px; } .p-b-50 { padding-bottom: 50px; } .p-b-60 { padding-bottom: 60px; } .p-b-70 { padding-bottom: 70px; } .p-l-5 { padding-left: 5px; } .p-l-10 { padding-left: 10px; } .p-r-5 { padding-right: 5px; } .p-r-10 { padding-right: 10px; } .p-tb-5 { padding-bottom: 5px; padding-top: 5px; } .p-tb-10 { padding-bottom: 10px; padding-top: 10px; } .p-tb-15 { padding-bottom: 15px; padding-top: 15px; } .p-tb-20 { padding-bottom: 20px; padding-top: 20px; } .p-tb-30 { padding-bottom: 30px; padding-top: 30px; } .p-tb-60 { padding-bottom: 60px; padding-top: 60px; } .p-lr-5 { padding-left: 5px; padding-right: 5px; } .p-lr-10 { padding-left: 10px; padding-right: 10px; } .p-lr-15 { padding-left: 15px; padding-right: 15px; } .p-lr-20 { padding-left: 20px; padding-right: 20px; } .no-p { padding: 0; } .no-p-t { padding-top: 0; } .no-p-l { padding-left: 0; } .no-p-r { padding-right: 0; } .no-p-b { padding-bottom: 0; } .no-p-tb { padding-bottom: 0; padding-top: 0; } .no-p-lr { padding-left: 0; padding-right: 0; } @media (max-width: 767px) { .p-l-10-xs { padding-left: 10px; } } /*======================= Custom btn Style =================================*/ .btn { border-radius: 3px; } .btn-default { color: #f4630b; font-size: 14px; font-weight: 600; text-transform: uppercase; background-color: transparent; border: 2px solid #f4630b; padding: 9px 19px 7px 19px; position: relative; overflow: hidden; z-index: 0; } .btn-default:hover, .btn-default:focus, .btn-default:active{ color: #333; background-color: transparent; border-color: #f4630b; } /*======================= End Custom btn Style =================================*/ .social-icon li{ display: inline-block; } .social-icon li a{ padding: 0 6px; font-size: 16px; } section{ overflow: hidden; } .clr{ clear: both; overflow: hidden; } .scroll-img{ position: fixed; width: 40px; height: 40px; line-height: 44px; text-align: center; background: #ff5454; right: 3%; bottom: 10%; cursor: pointer; z-index: 99; } .scroll-img .fa{ font-size: 24px; color: #fff; } /*======Menu top Fixed ======*/ .menu-scroll.menu-transparent{ position: fixed; top: 0; width: 100%; height: auto; background: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .menu-scroll.menu-fixed{ position: fixed; top: 0; width: 100%; height: auto; background-color: #f4630b; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 9; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /*========= Pre-Loader =========*/ .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #ffffff; z-index: 9999; } .loader { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; background-image: url("assets/images/pl.GIF"); background-repeat: no-repeat; -webkit-background-size: cover; background-position: center; background-size: cover; margin: -20px 0 0 -20px; } .bg-page-header { position: relative; } .bg-page-header:after { background: rgba(244, 99, 11, 0.92); content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .bg-page-header .page-header { text-align: center; border-bottom: none; margin: 0; padding: 50px 0; position: relative; z-index: 1; } .page-title h2{ color: #fff; text-transform: uppercase; } .page-header-content .breadcrumb{ background: none; margin: 0; } .page-header-content .breadcrumb li, .page-header-content .breadcrumb li a{ font-size: 16px; font-weight: 600; color: #fff; text-transform: uppercase; display: inline-block; } .page-header-content .trail-items>li+li:before{ font-family: FontAwesome, sans-serif; content: "\f068"; color: #fff; font-size: 11px; padding: 0 7px 0 3px; } .page-header-content .breadcrumb li a:hover{ color: #000; } /*============================================= Start Header css ===============================================*/ /*================ Menu ===================*/ .header .main-menu .navbar{ margin-bottom: 0; border: 0; margin: auto 0 auto auto; } .header .main-menu .nav>li>a{ font-size: 15px; font-weight: 600; color: #ffffff; line-height: 24px; position: relative; text-transform: uppercase; padding: 23px 21px; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .navbar-nav > li.menu-item-has-children > a::after { position: absolute; content: '\f107'; right: 0px; line-height: 24px; font-size: 12px; font-family: 'FontAwesome'; } .navbar-nav > li > ul > li.menu-item-has-children > a::after { font-family: 'FontAwesome'; content: "\f105"; position: absolute; right: 10px; top: 13px; width: 10px; height: 20px; display: block; color: #292929; line-height: 20px; font-size: 16px; font-weight: normal; text-align: center; z-index: 5; } .navbar-nav > li.menu-item-has-children > a { padding-right: 15px; } .header .main-menu .nav>li:nth-child(1)>a{ padding-left: 0; } .header .navbar-collapse{ padding-left: 0; padding-right: 0; } .header .main-menu .nav>li>a:focus, .header .main-menu .nav>li>a:hover{ background: transparent; } #intakes_table, #intakes_table_2 { text-align: center; table-layout: auto; display: inline-block; width: 49%; vertical-align: top; } #intakes_table table, #intakes_table th, #intakes_table td, #intakes_table_2 table, #intakes_table_2 th, #intakes_table_2 td { border: 1px solid #ffffff; } #intakes_table tr td img, #intakes_table_2 tr td img, #intakes_table tr th img, #intakes_table_2 tr th img { width: 18px; } #intakes_table td:nth-child(1) { color: #2bbbf1; font-weight: 700; width: 12%; text-align: left; } #intakes_table_2 th:nth-child(1) { display: none; } #intakes_table_2 td:nth-child(1) { display: none; color: #2bbbf1; font-weight: 700; width: 12%; text-align: left; } #intakes_table tr:nth-child(2) td, #intakes_table_2 tr:nth-child(2) td { font-weight: 700; } #intakes_table .it_col_width { width: 20%; background: #305496 !important; color: #ffffff; font-weight: 700; } #intakes_table_2 .it_col_width { width: 20%; background: #c65911 !important; color: #ffffff; font-weight: 700; } /*#intakes_table_2 td:nth-child(3) { background: #fce4d6; }*/ #intakes_table_2 .it2_topleft_blk { display: none; } /*#intakes_table td:nth-child(4) img, #intakes_table td:nth-child(5) img, #intakes_table_2 td:nth-child(4) img, #intakes_table_2 td:nth-child(5) img {*/ /*#intakes_table_2 td:nth-child(4) img, #intakes_table_2 td:nth-child(5) img { opacity: 0.5; }*/ #intakes_table tr td:hover, #intakes_table_2 tr td:hover { background: #ffc55a; cursor: pointer; } .it2_clsn { padding: 21.5px 0; } /* end of intakes table */ /* timetables */ #timetables_fc, #timetables_ef { text-align: center; table-layout: auto; vertical-align: top; } #timetables_fc table, #timetables_fc th, #timetables_fc td, #timetables_ef table, #timetables_ef th, #timetables_ef td { border: 1px solid #ffffff; } #timetables_fc tr td img, #timetables_ef tr td img, #timetables_fc tr th img, #timetables_ef tr th img { width: 18px; } #timetables_fc td:nth-child(1) { color: #000000; font-weight: 700; width: 36%; text-align: left; } #timetables_ef td:nth-child(1) { /*display: none;*/ color: #000000; font-weight: 700; width: 36%; text-align: left; } #timetables_fc tr:nth-child(2) td, #timetables_ef tr:nth-child(2) td { font-weight: 700; } #timetables_fc .it_col_width { /*width: 20%;*/ background: #c70201 !important; color: #ffffff; font-weight: 700; } #timetables_ef .it_col_width { /*width: 20%;*/ background: #7f7f7f !important; color: #ffffff; font-weight: 700; } #timetables_fc tr:nth-child(2n+1) { background: #fdd0d0; } #timetables_ef tr:nth-child(2n) { background: #d8d8d8; } #timetables_fc tr:nth-child(1), #timetables_fc tr:nth-child(2), #timetables_fc tr:nth-child(3), #timetables_fc tr:nth-child(4), #timetables_fc tr:nth-child(5), #timetables_fc tr:nth-child(6), #timetables_ef tr:nth-child(1), #timetables_ef tr:nth-child(2), #timetables_ef tr:nth-child(3), #timetables_ef tr:nth-child(4) { background: transparent; } /*#timetables_ef td:nth-child(3) { background: #fce4d6; }*/ /*#timetables_fc td:nth-child(4) img, #timetables_fc td:nth-child(5) img, #timetables_ef td:nth-child(4) img, #timetables_ef td:nth-child(5) img { opacity: 0.5; }*/ /*#timetables_ef tr td:hover, #timetables_fc tr td:hover { background: #ffc55a; cursor: pointer; }*/ /* end of timetables*/ @media screen and (min-width: 767px){ .header .sub-menu, .sub-sub-menu{ position: absolute; display: block; visibility: hidden; opacity: 0; width: 240px; z-index: 5; top: 100px; padding: 0; margin: 0; border: 0; border-radius: 0; -webkit-transition: all.3s ease-in-out; transition: all .3s ease-in-out; background: #f4630b; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 5px 12px rgba(0,0,0,.175); } .header .main-menu .menu-item-has-children:hover .sub-menu{ top: 70px; opacity: 1; visibility: visible; } .boxed #bs-example-navbar-collapse-1{ display: inline-block!important; } .sub-sub-menu { left: 100%; top: 60px; z-index: 9; } .main-menu .nav>.menu-item-has-children ul li:hover ul.sub-sub-menu { opacity: 1; visibility: visible; top: 0; } .main-menu ul li ul li span.caret { float: right; margin-top: -12px; transform: rotate(-90deg); } } .header .main-menu .sub-menu li, .sub-sub-menu li{ border-bottom: 1px solid rgba(221, 221, 221, 0.25); } .header .main-menu .sub-menu li:last-child, .sub-sub-menu li:last-child{ border-bottom: none; } .header .main-menu .sub-menu li a, .sub-sub-menu li a{ font-size: 14px; font-weight: 600; color: #fff; text-transform: uppercase; padding: 13px 10px 10px 8px; display: block; } .header .main-menu .sub-menu li a .fa, .sub-sub-menu li a .fa{ opacity: 0; } .header .main-menu .sub-menu li a:hover .fa, .sub-sub-menu li a:hover .fa{ opacity: 1; } .header .main-menu .sub-menu li a span .fa{ float: right; opacity: 1; } .header .main-menu .sub-menu li a:hover, .sub-sub-menu li a:hover{ background: #000000; color: #fff; padding-left: 20px; -webkit-transition: .5s ease-in-out; transition: .5s ease-in-out; } .header .main-menu .nav>.menu-item-has-children:hover ul.sub-menu{ top: 70px; opacity: 1; visibility: visible; } .header .main-menu .nav>li>a:hover{ color: #000000 } .navbar-nav li .active{ color: #000000!important; } .sub-active a{ background: #000000; color: #fff; padding-left: 25px!important; } .sub-menu li.sub-active a .fa{ opacity: 1!important; } .search-box { float:left; margin: 14px 14px 14px 0; border: 2px solid #ddd; padding: 10px 10px; border-radius: 100%; cursor: pointer; } .search-box i { font-size: 18px; color: #fff; cursor: pointer; } #all-search { border: none; padding: 5px 18px; background: #f4630b; position: absolute; margin: 0 auto; left: 0; right:0; height: 100%; width: 0; text-align: center; -webkit-transform: rotate3d(1,0,0,90deg); -moz-transform: rotate3d(1,0,0,90deg); -ms-transform: rotate3d(1,0,0,90deg); -o-transform: rotate3d(1,0,0,90deg); transform: rotate3d(1,0,0,90deg); -webkit-transition: .4s; transition: .4s; color: #fff; outline: none; visibility: hidden; z-index: 2; top: 0; } #all-search::-webkit-input-placeholder { color: #fff; font-size: 20px; letter-spacing: 1px; font-weight: 400; } #all-search:-moz-placeholder { color: #fff; } #all-search::-moz-placeholder { color: #fff; } #all-search:-ms-input-placeholder { color: #fff; } .search_box #all-search { -webkit-transform: rotate3d(0,0,0,00deg); -moz-transform: rotate3d(0,0,0,00deg); -ms-transform: rotate3d(0,0,0,00deg); -o-transform: rotate3d(0,0,0,00deg); transform: rotate3d(0,0,0,00deg); width: 100%; visibility: visible; } .second_click { display:none; position: relative; z-index: 999999999; } .log-reg{ float: right; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .log-reg a{ font-size: 13px; font-weight: 400; color: #fff; text-transform: uppercase; padding: 10px 0; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .header.main-menu .navbar-collapse{ float: right; } .header .bg-header-top{ background: #1E4592; } .header-style-2 .menu-scroll.menu-fixed{ box-shadow: 0 0 7px 0 #ddd; } .header-contact{ float: left; } .header-contact li{ display: inline-block; } .header-contact li{ font-size: 13px; color: #f1f1f1; padding: 10px 12px; } .header-contact li:first-child{ padding-left: 0; } .header-contact li:last-child{ padding-right: 0; } .show-res-logo{ display: none; } .navbar-brand { padding-left: 0; padding-right: 0; } .header .bg-main-menu{ background: #ff5454; /*background: #ff5454;*/ } /*.header .bg-main-menu.landing-page { background: transparent; position: fixed; z-index: 1000; width: 100%; } .header .landing-page .main-menu .nav > li > a:hover { color: #14719f; } .menu-scroll.landing-page.menu-fixed { background: #14719f !important; }*/ .header .main-menu .nav>li>a{ color: #ffffff; } .header .main-menu .nav>li>a:hover{ color: #f4630b; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; } .header .main-menu .nav>li.active a{ color: #00b2ef; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; } .header .sub-menu, .header .sub-sub-menu { background: #000000; } .navbar-nav > li:focus-within > ul.sub-menu { top: 70px; opacity: 1; visibility: visible; } .header li > ul.sub-menu > li:focus-within > ul.sub-menu { top: 70px; opacity: 1; visibility: visible; } .navbar-toggle:focus { background-color: black; } .navbar-toggle:focus .icon-bar { border: 1px solid white; } @media screen and (max-width: 767px) { .main-menu .menu-item-has-children:focus-within ul.sub-menu { display:block; } } .header .navbar-right .dropdown-menu { left: 0; right: auto; } .header .sub-menu{ top: 120px; } .header .main-menu .menu-item-has-children:hover ul.sub-menu { top: 90px; } .header .main-menu .nav> li > a{ padding: 25px 10px; } .header .main-menu .sub-menu li a:hover{ background: #f4630b; color: #fff; } .header .navbar-nav li .active { color: #f4630b!important; } .header .sub-active a { background: #f4630b; color: #fff!important; } .header .search-box { margin: 23px 0 25px 0; } .header .search-box i{ color: #000000; } .header #all-search{ background: #fff; color: #000000; } .header #all-search::-webkit-input-placeholder { color: #000; } .header #all-search:-moz-placeholder { color: #000; } .header #all-search::-moz-placeholder { color: #000; } .header #all-search:-ms-input-placeholder { color: #000; } .dropdown-btn { position: absolute; right: 10px; top: 6px; width: 34px; height: 30px; border: 1px solid #ffffff; text-align: center; font-size: 16px; line-height: 28px; color: #ffffff; cursor: pointer; z-index: 5; display: none; } @media screen and (max-width: 767px){ /*.dropdown-btn { display: block; color: #333; } */ .navbar-nav li.menu-item-has-children > a:after, .navbar-nav > li.menu-item-has-children > a:before, .navbar-nav > li > ul > li > a::before, .navbar-nav > li > ul > li > ul > li > a::before { color: #f42121 !important; right: 15px; font-size: 16px; display: none !important; } .header .sub-menu, .header .sub-sub-menu{ position: relative; border: none; float: none; visibility: visible; opacity: 1; display: none; margin: 0px; left: auto !important; right: auto !important; top: auto !important; width: 100%; background: #fff; -webkit-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; transition: none !important; -webkit-transition: none !important; -ms-transition: none !important; -o-transition: none !important; -moz-transition: none !important; } } /*====================== Start Slider ================================*/ .slider-item { position: relative; max-height: 800px; height: 100%; } .slider-item img{ width: 100%; } .slider-content-area { position: absolute; width: 100%; height: auto; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .slider-content h3{ display: inline-block; font-size: 30px; color: #fefefe; padding: 16px 15px 11px 0; text-transform: uppercase; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; opacity: 0; transform: translateY(-25px); -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); } .slider-content h2{ font-size: 60px; line-height: 72px; font-weight: 700; color: #fff; text-transform: uppercase; padding-top: 15px; margin-bottom: 0; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; opacity: 0; transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); letter-spacing: -6px; } .slider-content p { font-size: 24px; font-weight: 700; color: #fff; text-transform: uppercase; -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; opacity: 0; transform: translateY(-15px); -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); } .slider-content .btn-default{ color: #fff; background: #f4630b; padding: 15px 30px; border: 0; margin: 25px 16px 0 0; animation-delay:2s; -webkit-animation-delay:2s; border: 2px solid #f4630b; } .slider-content .btn-default:hover{ background: #1E4592; } .slider-content .slider-btn{ opacity: 0; transform: translateY(15px); -webkit-transform: translateY(15px); -ms-transform: translateY(15px); } .slider-option .item.active .slider-content h3, .slider-option .item.active .slider-content p, .slider-option .item.active .slider-content .slider-btn { opacity: 1; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .slider-option .item.active .slider-content h2{ opacity: 1; letter-spacing: 1px; } .slider-option .item.active .slider-content h3{ -webkit-transition-delay: .5s; transition-delay: .5s; } .slider-option .item.active .slider-content h2{ -webkit-transition-delay: .8s; transition-delay: .8s; } .slider-option .item.active .slider-content p{ -webkit-transition-delay: .9s; transition-delay: .9s; } .slider-option .item.active .slider-content .slider-btn{ -webkit-transition: all .7s ease-in-out; transition: all .7s ease-in-out; -webkit-transition-delay: 1s; transition-delay: 1s; } .carousel-control{ width: 0; opacity: 1; } .carousel-control{ position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; font-size: 24px; line-height: 52px; background: #333; z-index: 99; } .carousel-control:focus, .carousel-control:hover { background: #111111; } .slider-item:after{ position:absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1; } .carousel-control.left, .carousel-control.right{ background-image: none; } .carousel-control.left{ left: 20px; } .carousel-control.right{ right: 20px; } /*====================== Start People Work css =========================*/ .bg-people-work-section{ padding-bottom: 83px; } .people-work-items .people-work-img{ overflow: hidden; } .people-work-items{ margin-bottom: 30px; } .work-content{ padding-top: 28px; } .work-content h4{ color: #070707; text-transform: uppercase; padding-bottom: 2px; } .people-work-items:hover .work-content h4 { color: #f4630b; } .people-work-items:hover img{ -webkit-transform: scale(1.50, 1.05); -moz-transform: scale(1.50, 1.05); transform: scale(1.05, 1.05); } /*====================== Start Services css ========================*/ .services-section .services-header h3{ font-size: 30px; font-weight: 700; line-height: 34px; color: #0c1e2a; padding-top: 23px; } .services-section .services-header p{ padding-top: 3px; } .services-section .services-header .btn-default{ padding: 13px 30px; margin-top: 35px; } .services-section .services-items{ background: #fff; padding: 10px 0; margin-bottom: 30px; } .services-section .services-content{ display: table; padding: 10px 0; } .services-section .services-content p{ padding-top: 5px; } .services-section .services-items:hover .services-content h4 a{ color: #f4630b; } .services-section [class^="pe-7s-"], .services-section [class*="pe-7s-"] { color: #f4630b; display: inline-block; font-size: 50px; line-height: 65px; margin-left: 0; transition: all 0.3s ease-in-out 0s; } .progress-bar-success { background-color: #f4630b; } .progress-bar-striped, .progress-striped .progress-bar{ -webkit-background-size: 9px 10px; background-size: 9px 10px; } /*=========================== Start Count Section ==============================*/ .counter-overlay{ background: rgba(30, 80, 146, 0.95); } .counter-option { padding: 40px 0 40px 0; } .counter-items{ text-align: center; } .counter-items i{ width: 100%; display: inline-block; color: #fff; font-size: 50px; } .counter-items span{ font-size: 36px; font-weight: 700; color: #fff; } .counter-items h4{ font-size: 18px; font-weight: 700; color: #fff; text-transform: uppercase; } #counter h2, #counter p { color: #fff; } /*=========================== Start teacher Section =============================*/ .teacher-section{ background: #f7f7f7; padding-bottom: 90px; } .sponsors-container, .people-say-container, .testimonial-container{ margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .teacher-items{ text-align: center; background: #ffffff; border: 1px solid #f0f0f0; margin-bottom: 28px; overflow: hidden; } .teacher-img{ width: 300px; border-radius: 5px; background: #ddd; display: inline-block; overflow: hidden; } .teacher-content{ padding: 22px 0 10px 0; } .teacher-content h4{ margin: 0; } .teacher-social-icon{ border-top: 1px solid #f0f0f0; padding: 10px 0; } .teacher-items:hover{ box-shadow: 1px 0 14px 1px #ebebeb; } .teacher-items:hover .teacher-content h4 a{ color: #f4630b; } .teacher-items:hover .teacher-img{ -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } /*=========================== Start Testimonial Section ==============================*/ .bg-testimonial-section{ background: url(assets/images/background/bg2.jpg) fixed; background-size: cover; } .testimonial-overlay{ background: rgba(30, 80, 146, 0.95); } .testimonial-option{ position: relative; width: 100%; height: 100%; padding: 0 0 125px 0; } .testimonial-option .section-header h2, .testimonial-option .section-header p{ color: #fff; } .testimonial-container .swiper-slide { background: #fff none repeat scroll 0 0; border-radius: 5px; padding-bottom: 25px; } .testimonial-content{ position: relative; padding: 25px 0 22px 22px; } .author-details{ overflow: hidden; padding: 5px 0 0 25px; } .author-img{ width: 82px; height: 82px; border: 3px solid #fafafa; border-radius: 100%; background: #ddd; overflow: hidden; float: left; } .author-name{ float: left; margin: 18px 0 0 14px; } .author-name h4{ font-size: 16px; color: #333; } .author-name h6{ color: #666; padding-top: 2px; } .testimonial-option .swiper-pagination{ width: 100%; bottom: 40px; } .testimonial-option .swiper-pagination-bullet{ width: 16px; height: 16px; margin: 0 6px; border: 3px solid #f4630b; background: none; } .testimonial-option .swiper-pagination-bullet-active{ background: #ffffff;; } /*=========================== Start Blog Section =============================*/ .bg-blog-section{ padding-bottom: 90px; } .blog-items{ margin-bottom: 30px; } .blog-img{ overflow: hidden; } .blog-img a{ display: block; } .blog-content-box{ border: 1px solid #f0f0f0; } .blog-content{ padding: 31px 20px 25px 18px; } .blog-content h4 a{ padding-bottom: 8px; } .meta-box{ padding: 0 0 15px 0; } .meta-post{ margin-bottom: 15px; } .meta-post li{ display: inline-block; padding: 0 7px; } .meta-post li a{ font-size: 14px; font-weight: 400; color: #696969; } .meta-post li a:hover{ color: #f4630b; } .meta-post li .fa, .meta-post li a .fa{ font-size: 18px; color: #F4630B; padding-right: 4px; } .meta-post li:first-child{ padding-left: 0; } .meta-post li:last-child { padding-right: 0; } .blog-items:hover { box-shadow: 1px 0 14px 1px #ebebeb; } .blog-items:hover .blog-content h4 a{ color: #f4630b; } .blog-items:hover .blog-img img{ -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.05, 1.05); } /*=========================== Start Sponsors Section ==============================*/ .bg-sponsors-section{ background: #f7f7f7; padding-bottom: 120px; } .sponsors-option{} .sopnsors-items a{ box-shadow: 1px 0 14px 1px #ebebeb; overflow: hidden; } .sponsors-container .swiper-slide { margin: 5px; } /*=========================== Start Footer Section =============================*/ .bg-footer-top{ background: #042b78; padding: 95px 0 85px; } .footer-top p{ color: #cac5c5; } .widgets-title h3{ color: #fefefe; text-transform: uppercase; } .footer-widgets .widget-title, .widgets-title h4{ color: #fefefe; text-transform: uppercase; font-size: 20px; margin-bottom: 32px; } .widgets-content {} .widgets-content p{ color: #bcbcbc; } .address-box{ margin-top: 20px; overflow: hidden; } .address li{ overflow: hidden; padding: 5px 0; } .address li .fa{ float: left; width: 36px; height: 36px; font-size: 20px; color: #f4630b; line-height: 36px; text-align: center; background: #00206d; border: 1px solid #00206d; border-radius: 2px; margin-right: 14px; } .address li span{ display: table; color: #bcbcbc; padding-top: 6px; } .latest-news li{ overflow: hidden; padding: 20px 0; border-bottom: 1px solid #143b88; } .latest-news li:first-child, .twitter-widget li:first-child { padding-top: 0; } .latest-news li:last-child, .twitter-widget li:last-child { border-bottom: none; padding-bottom: 0; } .thumbnail-img img{ width: 70px; height: 70px; float: left; margin: 4px 15px 0 0; } .thumbnail-content{ display: table; } .thumbnail-content h5 a{ color : #bcbcbc; line-height: 24px; } .post-date{ font-size: 14px; color: #9b9b9b; } .latest-news li:hover .thumbnail-content h5 a{ color: #f4630b; } .latest-news li:hover .thumbnail-img img, .footer-instagram a:hover{ -webkit-filter: grayscale(100%); -webkit-transition: .3s ease-in-out; filter: grayscale(100%); -moz-transition: .3s ease-in-out; transition: .3s ease-in-out; } .footer-widgets ul.menu { padding: 0; margin: 0 } .footer-widgets ul.menu li { margin-bottom: 15px; display: table; line-height: 24px } .footer-widgets ul.menu li a { display: table-cell; color: #9b9b9b; position: relative; padding-left: 20px; } .footer-widgets ul.menu li a:before { content: "\f105"; display: inline-block; font-family: FontAwesome; font-size: 13px; left: 3px; position: absolute; top: 0; } .footer-widgets ul.menu li a:hover{ color: #fff; } .footer-instagram a { float: left; margin: 3px 3px; } .footer-instagram a img{ width: 84px; height: 84px; } .bg-footer-bottom{ background: #771010 !important; padding: 28px 0 23px 0; } .copyright-txt{ float: left; } .copyright-txt p{ margin-left:10px; font-size: 14px; color: #b4b4b4; padding-top: 8px; } .copyright-txt p a{ color: #f4630b; font-weight: 700; } .copyright-txt p a:hover{ color: #000000; } .social-box{ float: right; } .social-icon-rounded{} .social-icon-rounded li{ display: inline-block; overflow: hidden; margin: 0 3px; } .social-icon-rounded li:last-child{ margin-right: 0; } .social-icon-rounded li a{ display: inline-block; width: 40px; height: 40px; line-height: 41px; text-align:center; font-size: 18px; color: #f4630b; border: 2px solid #f4630b; border-radius: 100%; overflow: hidden; } .social-icon-rounded li a:hover{ background: #f4630b; border: 2px solid #f4630b; color: #fff; } /*====================================== Start About Section =========================================*/ .welcome{ padding: 110px 0 75px 0; } .welcome-content h2{ text-transform: uppercase; margin-bottom: 25px; } .welcome-content p{ margin-bottom: 15px; } .welcome-content .btn-default{ color: #fff; background: #f4630b; padding: 15px 30px; border: 0; margin: 25px 16px 0 0; animation-delay:2s; -webkit-animation-delay:2s; border:2px solid #f4630b; } .welcome-content .btn-default:hover{ opacity: 0.7; } .welcome-content .btn-default:active, .welcome-content .btn-default:focus { color: #f4630b; } .welcome-content .btn-default:hover { color: #fff; } .call-back{ background: #f1f1f1; padding: 30px 20px; } .call-back .form-control { border: 1px solid #f0f0f0; border-radius: 0; box-shadow: none; height: 50px; margin-bottom: 30px; padding-left: 25px; } .call-back .btn-default{ color: #fff; background: #f4630b; padding: 15px 30px; margin: 25px 16px 0 0; animation-delay:2s; -webkit-animation-delay:2s; border: 2px solid #f4630b; } .call-back .btn-default:hover { color: #000; } /*======================================== Start Recent Course Section ==========================================*/ .course-content{ background: #f7f7f7; padding: 0 0 94px 0; } .our-courses .section-header{ padding-bottom: 40px; } .our-courses .button{ position: relative; font-size: 14px; font-weight: 600; color: #000000; text-transform: uppercase; padding: 0 20px; background: transparent; margin-bottom: 6px; } .our-courses .button:hover{ color: #f4630b; } .our-courses .button::after { background: #949494 none repeat scroll 0 0; content: ""; height: 15px; position: absolute; right: -6px; top: -2px; width: 2px; } .our-courses .button:last-child:after{ display: none; } .our-courses .is-checked{ color: #f4630b; } div#filters, div#filter { text-align: center; } .course-items{ margin-top: 40px; } .course-items .item{ width: 33.33%; float: left; } .course-items .item-inner{ background: #fff; margin: 15px; } .course-img{ position: relative; width: 100%; height: 100%; overflow: hidden; text-align: center; } .course-container{ margin-top: 38px; } .course-overlay{ position: absolute; width: 96%; height: 95%; top: 7px; left: 7px; background: rgba(27, 15, 9, 0.79); opacity: 0; z-index: 1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; transform: scale(0, 0); } .our-courses .item-inner:hover .course-overlay{ opacity: 1; transform: scale(1, 1); } .course-link{ position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; } .course-link li{ display: inline-block; opacity: 0; } .course-link li a{ display: inline-block; width: 44px; height: 44px; line-height: 51px; text-align: center; font-size: 20px; color: #9f9f9f; background: #fff; border-radius: 3px; margin: 0 2px; float: left; } .course-link .course-search a, .course-link .course-plus a{ line-height: 47px; } .course-link li a:hover{ background: #f4630b; color: #fff; } .course-link .course-search, .course-link .course-plus{ -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); } .course-link .course-link{ -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; -webkit-transform: scale(1.6, 1.6); transform: scale(1.6, 1.6); } .our-courses .item-inner:hover .course-link .course-search, .our-courses .item-inner:hover .course-link .course-plus{ opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .our-courses .item-inner:hover .course-link .c-link{ opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .our-course-content{ border: 1px solid #f0f0f0; border-top: none; padding: 28px 24px 18px 24px; } .our-course-content h4 a{ font-weight: 700; color: #212121; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .our-course-content p{ font-size: 16px; color: #696969; } .our-course-content p span a{ text-transform: uppercase; } .our-courses .item-inner:hover .our-course-content h4 a{ color: #f4630b; } .our-courses .item-inner:hover { box-shadow: 1px 0 14px 1px #ebebeb; } .course-items .item-inner:hover .course-img img{ -webkit-transform: scale(1.06, 1.06); transform: scale(1.06, 1.06); } /*======================================== Start Why Chose Section ==========================================*/ .why-chose{ padding: 0 0 90px 0; } .why-chose-box{ border: 1px solid #f0f0f0; padding: 8px; margin-bottom: 30px; } .why-chose-box [class^="pe-7s-"], .why-chose-box [class*="pe-7s-"]{ color: #f4630b; display: inline-block; font-size: 50px; margin-left: 0; line-height: 65px; transition: all 0.3s ease-in-out 0s; } .why-chose-items{ text-align: center; padding: 15px 20px 20px; border: 1px solid transparent; } .why-chose-content{ padding-top: 4px; } .why-chose-content h4{ padding-bottom: 8px; } .why-chose-content>a{ font-size: 14px; font-weight: 700; color: #000!important; text-transform: uppercase; padding-top: 15px; } .why-chose-content>a .fa{ padding-left: 4px; } .why-chose-box:hover{ box-shadow: 1px 0 14px 1px #ebebeb; } .why-chose-box:hover [class^="pe-7s-"]:before, .why-chose-box:hover [class*="pe-7s-"]:before, .why-chose-box:hover [class^="pe-7s-"]:after, .why-chose-box:hover [class*="pe-7s--"]:after{ -webkit-transform: scale(1.08, 1.08); transform: scale(1.08, 1.08); } .why-chose-box:hover .why-chose-content h4 a, .why-chose-box:hover .why-chose-content>a{ color: #f4630b; } /*======================================== Start Mission Section ==========================================*/ .mission{ padding: 100px 0; background: #f7f7f7; } .mission h2{ margin-bottom: 40px; } .mission p{ margin:30px 0; } .mission img { box-shadow: 23px -22px 0 0 rgb(30, 80, 146); } /*======================================== Start Recent Project Section ==========================================*/ .gallery-section{ background: #f7f7f7; padding: 0 0 94px 0; } .recent-gallery .section-header{ padding-bottom: 40px; } .recent-gallery .button{ position: relative; font-size: 14px; font-weight: 600; color: #000000; text-transform: uppercase; padding: 0 20px; background: transparent; margin-bottom: 6px; } .recent-gallery .button:hover{ color: #f4630b; } .recent-gallery .button::after { background: #949494 none repeat scroll 0 0; content: ""; height: 15px; position: absolute; right: -6px; top: -2px; width: 2px; } .recent-gallery .button:last-child:after{ display: none; } .recent-gallery .is-checked{ color: #f4630b!important; } div#filters { text-align: center; } .gallery-items{ margin-top: 40px; } .gallery-items .item{ width: 33.33%; float: left; } .gallery-items .item-inner{ background: #fff; margin: 15px; } .gallery-img{ height: 100%; overflow: hidden; position: relative; text-align: center; width: 100%; } .gallery-container{ margin-top: 38px; } .gallery-overlay{ background: rgba(27, 15, 9, 0.79) none repeat scroll 0 0; height: 95%; left: 7px; opacity: 0; position: absolute; top: 7px; transform: scale(0, 0); transition: all 0.3s ease-in-out 0s; width: 96%; z-index: 1; } .recent-gallery .item-inner:hover .gallery-overlay{ opacity: 1; transform: scale(1, 1); } .gallery-items .gallery-plus{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 2; text-align: center; } .gallery-items .gallery-plus a { background: #fff none repeat scroll 0 0; border-radius: 100%; color: #9f9f9f; display: inline-block; font-size: 20px; height: 44px; line-height: 50px; margin-bottom: 30px; opacity: 0; text-align: center; transform: scale(1.6, 1.6); transition: all 0.4s ease-in-out 0s; width: 44px; } .gallery-items .item-inner:hover .gallery-plus a { opacity: 1; transform: scale(1, 1); } .gallery-content{ border: medium none; margin-top: 30px; opacity: 0; padding: 0; position: absolute; text-align: center; top: 70%; width: 100%; z-index: 4; } .gallery-items .item-inner:hover .gallery-content { opacity: 1; top: 50%; transform: translateY(-50%); width: 100%; } .gallery-content p{ font-size: 16px; color: #696969; } .gallery-content p a { color: #fefefe; font-size: 18px; font-weight: 600; text-transform: uppercase; } .recent-gallery .item-inner:hover { box-shadow: 1px 0 14px 1px #ebebeb; } .gallery-items .item-inner:hover .gallery-img img{ -webkit-transform: scale(1.06, 1.06); transform: scale(1.06, 1.06); } /*======================================== Start video Section ==========================================*/ .video-section{ background-size: cover; background-position: 48% 100%; } .video-overlay{ background: rgba(0, 0, 0, 0.7); } .video{ text-align: center; padding: 245px 0; } .video h3{ font-size: 30px; font-weight: 700; color: #fefefe; text-transform: uppercase; padding-top: 3px; } .video p{ color: #fff; } .custom-logo-link { max-width: 320px; } .custom-logo-link img{ /*margin: 15px 15px 15px 0;*/ margin: 0; } /*======================================== Start Upcoming Events Section ==========================================*/ .upcoming-events{ padding-bottom: 50px; } .event-items{ margin-bottom: 30px; } .event-img{ position: relative; display: block; } .event-img a, .event-img a img { display: block; width: 100%; overflow: hidden; } .date-box{ position: absolute; width: 100px; height: 100px; line-height: 100px; background: #fff; text-align: center; bottom: 0; right: 30px; padding: 8px 0; } .date-box h3{ font-size: 36px; font-weight: 700; color: #f4630b; } .date-box h5{ font-size: 16px; font-weight: 600; color: #f4630b; text-transform: uppercase; } .events-content{ border: 1px solid #f0f0f0; border-top: 0; padding: 27px 26px 30px 30px; } .events-content h3{ margin: 0; } .events-content h3 a{ text-transform: uppercase; color: #000; } .events-content .meta-post{ margin: 4px 0 8px 0; } .events-content .meta-post li{ font-size: 16px; color: #9b9b9b; padding: 0 7px; } .events-content .meta-post li:first-child{ padding-left: 0; } .events-content .meta-post li .fa{ font-size: 20px; font-weight: 300; } .events-content .btn-default{ margin-top: 24px; padding: 8px 20px; } .event-items:hover{} .event-items:hover .events-content h3 a{ color: #f4630b; } .event-items:hover .event-img img{ -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } .event-items:hover{ box-shadow: 1px 0 14px 1px #ebebeb; } /*==================================== Teams Css =====================================*/ .bg-team-section{ padding-top: 130px; padding-bottom: 100px; } .bg-single-team{ padding: 118px 0 110px 0; } .single-team-details h3, .single-team-content h3{ font-size: 24px; font-weight: 700; color: #f4630b; text-transform: uppercase; } .single-team-details h5{ font-size: 16px; font-weight: 400; color: #656565; padding: 3px 0 8px 0; } .single-team-details .social-icon-rounded{ margin-top: 16px; } .team-address-box { margin-top: 3px; } .team-address-box .address .fa{ background: transparent; border: 1px solid #f7f7f7; } .team-address-box .address li span{ color: #696969; } .single-team-content{ margin-top: 30px; } .single-team-content h3{ padding-bottom: 6px; } /*==================================== Project CSS =====================================*/ .load-more-option{ text-align: center; } .load-more-option .btn-default{ font-size: 15px; color: #fff; background: #f4630b; padding: 12px 32px; margin-top: 34px; } .load-more-option .btn-default:hover, .load-more-option .btn-default:focus, .load-more-option .btn-default.focus, .load-more-option .btn-default:active{ color: #f4630b; } .load-more-option .btn-default:before, .load-more-option .btn-default:after{ background: #fff; } /*=========================== Photo Gallery Css ============================*/ .photo-gallery{ padding-top: 115px; } .photo-gallery .load-more-option .btn-default { font-size: 14px; padding: 15px 19px; margin-top: 50px; } /*==================================== Single Project Css ======================================*/ .single-project{ padding: 120px 0 111px 0; } .single-pro-main-content{ padding-top: 68px; } .single-left-content{} .single-left-content li{ border: 1px solid #f7f7f7; padding: 18px 6px 11px 22px; } .single-left-content li h4{ font-size: 16px; line-height: 14px; } .single-left-content li p{ font-size: 16px; } .single-project-content h3{ color: #010101; text-transform: uppercase; padding-bottom: 15px; } .single-project-content p{ line-height: 32px; } .single-small-img li{ padding: 15px 0; } .single-small-img li:first-child { padding-top: 0; } .single-small-img li:last-child { padding-bottom: 0; } .download-option h4{ padding-bottom: 20px; } .download-option .download-btn{ margin-bottom: 30px; } .download-btn{ display: inline-block; font-size: 14px; color: #fff; text-transform: uppercase; padding: 14px 26px 12px 40px; background: #f4630b; border-radius: 4px; } .download-btn span { float: right; } .download-btn .fa{ font-size: 18px; color: #fff; padding-right: 10px; } .download-btn span .fa{ padding-left: 20px; padding-right: 0; } .download-btn:hover{ background: #000; color: #fff; } a.download-btn{ color: #fff!important;} .social-option{ padding-top: 35px; } .social-option h4{ padding-bottom: 10px; } /*=================================== Start Single Services ====================================*/ .bg-single-services{} .single-services{ padding: 120px 0 95px 0; } .single-services-content{ padding-left: 30px; } .single-services-content img{ padding-bottom: 10px; } .single-services-content h3{ color: #f4630b; text-transform: uppercase; padding: 26px 0 3px 0; } .single-services-content p{ text-align: justify; } .mark-txt{ padding-top: 14px; } .mark-txt li{ font-size: 15px; font-weight: 600; color: #000; padding: 4px 0; } .mark-txt li:first-child{ padding-top: 0; } .mark-txt li:last-child{ padding-bottom: 0; } .mark-txt .fa{ color: #f4630b; } .single-left-services-list{} .single-left-services-list .nav-tabs{ border-bottom: none; } .single-left-services-list .nav-tabs>li{ float: none; margin-bottom: 0; } .single-left-services-list .nav-tabs>li>a{ font-size: 18px; font-weight: 600; color: #000000; text-transform: uppercase; padding: 12px 15px; margin-right: 0; border-radius: 0; background: #fafafa; border: 1px solid #f0f0f0; } .single-left-services-list .nav-tabs>li.active>a, .single-left-services-list .nav-tabs>li.active>a:focus, .single-left-services-list .nav-tabs>li.active>a:hover{ color: #f4630b; cursor: default; background-color: #fff; border: 1px solid rgba(235, 235, 235, 0.57); border-radius: 0; } .download-service{ padding-top: 50px; } .download-service a{ margin: 28px 0 0 0; } .contact-quick { background: #1E4592; margin-bottom: 50px; margin-top: 40px; padding: 30px 20px; } .contact-quick h4 { color: #fff; font-size: 20px; margin-bottom: 13px; } .contact-quick p { color: #fff; } .contact-quick .btn { background: #fff; border: 0 none; color: #f4630b; line-height: 41px; width: 100%; } .contact-quick .btn:hover { background: #000000; border-color: #000000; color: #fff; } .contact-quick ul { margin-bottom: 20px; padding-top: 10px; } .contact-quick ul li { color: #fff; margin: 4px 0; } .contact-quick ul li a { color: #fff; } .contact-quick ul li i { background: #fff; border-radius: 1px; color: #1E4592; font-size: 10px; height: 20px; line-height: 12px; margin-right: 10px; padding: 5px; text-align: center; width: 20px; } /*=============================== Start Event Page Css =================================*/ .bg-event-box{ padding: 120px 0 30px 0; } .event-search-box-option{ padding: 23px 0 26px 31px; box-shadow: 1px 0 14px 1px #ebebeb; } .event-box{} .event-box label{ font-size: 16px; font-weight: 700; color: #000; text-transform: uppercase; padding-bottom: 6px; } .event-box .form-control{ height: 50px; padding-left: 20px; border: 1px solid #f0f0f0; box-shadow: none; } .event-box .form-control:focus{ border: 1px solid #f4630b; } .event-box .btn-default{ background-color: #f4630b; color: #fff; margin: 42px 0 0 30px; padding: 13px 53px; } .event-box{} .event-box .btn-default:hover:before { left: -17%; } .event-box .btn-default:hover:after { right: -14%; } .event-box .btn-default:before, .event-box .btn-default:after{ background: #fff; color: #f4630b; } .event-box .btn-default:hover, .event-box .btn-default:focus, .event-box .btn-default.focus, .event-box .btn-default:active{ color: #f4630b; } /*======================================================== ## navigation ==========================================================*/ .pagination-option{ text-align: center; } .pagination-option .pagination{ margin: 0; text-align: center; } .pagination-option{ padding-top: 45px; } .pagination-option .pagination>li>a{ width: 40px; height: 40px; line-height: 29px; font-size: 16px; font-weight: 600; color: #f4630b; margin: 0 5px; border: 1px solid #f4630b; border-radius: 4px; } .pagination-option .pagination>li>a:focus, .pagination-option .pagination>li>a:hover, .pagination-option .pagination>li>span:focus, .pagination-option .pagination>li>span:hover{ background: #f4630b; color: #fff; border-color: #f4630b; } .pagination-option .pagination li span.current { background: #f4630b; color: #fff; border-color: #f4630b; padding: 9px 17px; border-radius: 4px; } .nav-links .nav-previous a, .nav-links .nav-next a{ background: #ffffff; border: 1px solid #f4630b; border-radius: 4px; padding: 10px 35px; font-size: 15px; color: #a6a9ac; font-size: 14px; } .nav-links .nav-previous, .nav-links .nav-previous a { float: left; } .nav-links .nav-previous { margin-bottom: 5px; } .nav-links .nav-next, .nav-links .nav-next a { float: right; } .nav-links .nav-previous, .nav-links .nav-next{ position:relative; } .nav-links .nav-previous a:hover, .nav-links .nav-next a:hover{ background: #212121; border-color: #212121; color: #ffffff; text-decoration: none; } /*==================================== Start Blog Page ======================================*/ .blog-section{ overflow: hidden; } .blog-page{ padding-top: 120px; } .blog-page .pagination-option{ padding-top: 30px; } .boxed{ max-width: 1230px; width: 100%; margin: 0 auto; box-shadow: 0 0 10px 2px #e8e8e8; } .boxed .menu-right-option{ display: inline-block; } .boxed .menu-right-option .cart-icon{ transform: translateY(8px); } .content-wrapper{ padding: 100px 0 100px 0; } .blog-list .blog-items{ margin-bottom: 40px; } .blog-list .blog-content { padding: 31px 20px 0 18px; } .blog-list .blog-content-box{ padding-bottom: 23px; } .blog-list .blog-content p { padding: 10px 0 13px 0; } .blog-list .blog-content>a{ font-size: 14px; font-weight: 600; color: #f4630b; text-transform: uppercase; } .blog-list .pagination-option{ padding-top: 25px; text-align: left; } /*======================================= Start Contact Us =========================================*/ .bg-contact-us{ padding: 120px 0 130px 0; } .contact-us{} .contact-title{ font-size: 30px; font-weight: 700; color: #000; text-transform: uppercase; margin-bottom: 22px; } .contact-form{ margin-top: 31px; } .contact-form .form-control{ height: 50px; border: 1px solid #f0f0f0; border-radius: 0; box-shadow: none; padding-left: 25px; margin-bottom: 30px; } .contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form input[type="url"]:focus, .contact-form input[type="password"]:focus, .contact-form input[type="search"]:focus, .contact-form input[type="tel"]:focus, .contact-form input[type="number"]:focus, .contact-form textarea:focus{ border: 1px solid #f4630b; } .text-area{ height: 150px!important; border-radius: 0; padding-top: 20px; } .contact-form .btn-default{ background: #f4630b; color: #fff; padding: 13px 27px; } .contact-form .btn-default:before, .contact-form .btn-default:after{ background: #fff; } .contact-form .btn-default:hover, .contact-form .btn-default:focus, .contact-form .btn-default.focus, .contact-form .btn-default:active{ color: #f4630b; } .contact-address li{ border-bottom: 1px solid #eeeeee; padding: 18px 0; overflow: hidden; } .contact-address li:first-child{ padding-top: 0; } .contact-address li:last-child{ } .contact-address .contact-content{ display: table; } .contact-address .contact-content p{ font-size: 14px; color: #696969; } .contact-social-icon{ margin-top: 20px; } .contact-social-icon li{ margin: 0 7px; } .contact-social-icon li a{ font-size: 24px; line-height: 42px; text-align: center; color: #fff; overflow: hidden; } .contact-social-icon li:nth-child(1) a{ background: #3b5998; border: 2px solid #3b5998; } .contact-social-icon li:nth-child(2) a{ background: #55acee; border: 2px solid #55acee; } .contact-social-icon li:nth-child(3) a{ background: #dc4e41; border: 2px solid #dc4e41; } .contact-social-icon li:nth-child(4) a{ background: #ff0084; border: 2px solid #ff0084; } .contact-social-icon li:nth-child(5) a{ background: #cb2027; border: 2px solid #cb2027; } .contact-social-icon li:nth-child(6) a{ font-size: 28px; line-height: 40px; background: #3b5998; border: 2px solid #3b5998; } .contact-social-icon li:nth-child(1) a:hover, .contact-social-icon li:nth-child(2) a:hover, .contact-social-icon li:nth-child(3) a:hover, .contact-social-icon li:nth-child(4) a:hover, .contact-social-icon li:nth-child(5) a:hover, .contact-social-icon li:nth-child(6) a:hover{ background: #f4630b; border: 2px solid #f4630b; } #map{ width: 100%; height: 600px; } /*============================== Start Single Event Css ================================*/ .bg-single-events{ padding: 120px 0 145px 0; } .single-events{} .single-event-item{} .single-event-img{ position: relative; } .single-event-content{ border: 1px solid #f0f0f0; padding: 0 30px 30px 20px; } .single-event-content h3{ font-size: 30px; font-weight: 700; color: #000; padding: 30px 0 6px 0; text-transform: uppercase; } .single-event-content p{ line-height: 28px; text-align: justify; } .single-date{ overflow: hidden; } .single-date-option, .single-event{ width: 100%; float: left; } .single-date{ padding-top: 30px; } .single-date{ padding-top: 5px; overflow: hidden; } .single-date li { background: #1e4592 none repeat scroll 0 0; border-radius: 3px; float: left; margin-bottom: 25px; margin-right: 20px; min-height: 120px; padding: 20px; text-align: left; width: 30%; } .single-date .adress-content h6{ font-size: 16px; font-weight: 700; color: #fff; text-transform: uppercase; margin-bottom: 10px; } .single-date .adress-content p{ font-size: 16px; text-align: left; color: #fff; } .event-single-bottom-option{ border: 1px solid #f0f0f0; border-top: none; padding: 6px 30px; overflow: hidden; } .event-author-option{ float: left; } .event-author-img{ width: 40px; height: 40px; background: #ddd; border-radius: 100%; overflow: hidden; float: left; margin-right: 15px; } .event-author-name{ display: table; padding: 7px 0; } .event-author-name p{ font-size: 15px; color: #696969; } .event-author-name p a{ font-size: 15px; font-weight: 600; color: #f4630b; text-transform: uppercase; } .event-author-name p a:hover{ color: #696969; } .event-share-option{ float: right; } .share-icon{ padding: 4px 0; } .share-icon li>.fa{ font-size: 16px; color: #f4630b; padding-right: 7px; } .share-icon li span{ font-size: 14px; font-weight: 700; text-transform: uppercase; color: #000; } /*============== Start Sidebar ========*/ .sidebar{ border: 1px solid #f0f0f0; padding: 20px; } .sidebar-widget-title, .comment-reply-title, .comments-title, .related-pots-block .widget-title{ position: relative; border-bottom: 4px solid #f0f0f0; padding: 10px 0 16px 0; } .sidebar-widget-title:after, .comment-reply-title:after, .comments-title:after, .related-pots-block .widget-title:after{ position: absolute; content: ""; width: 100px; height: 4px; background: #f4630b; bottom: -4px; left: 0; } .widget { padding: 0; margin-bottom: 30px; } .widget .search-form { position: relative; } .widget .search-form .blog-search-field{ height: 50px; padding-left: 25px; border: 1px solid #f7f7f7; box-shadow: none; width: 100%; } .widget .search-form .blog-search-field:focus{ border: 1px solid #f4630b; box-shadow: none; } .widget .search-form .screen-reader-text { display: none; } .widget .search-form .searchsubmit { position: absolute; right: 15px; top: 15px; background: transparent; position: absolute; color: #7c7c7c; cursor: pointer; font-size: 16px; } .widget-area li ul{ padding-top: 20px; } .widget-area li ul li{ border-bottom: 1px solid #f0f0f0; padding: 9px 0 14px 0; position: relative; } .widget-area li ul li:first-child{ padding-top: 0; } .widget-area li ul li:last-child{ border-bottom: none; } .widget-area li ul li a{ display: block; font-size: 15px; font-weight: 500; color: #696969; text-transform: capitalize; position: relative; padding-left: 15px; } .widget-area li ul li a:before { content: "\f101"; display: inline-block; font-family: FontAwesome; font-size: 13px; left: 3px; position: absolute; top: 0; } .widget-area li.widget_recent_comments ul li a:before { display: none; } .widget-area li ul li a span{ float: right; width: 30px; height: 30px; line-height: 33px; text-align: center; background: transparent; border-radius: 100%; } .widget-area li ul li:hover{ padding-left: 15px; } .widget-area li ul li:hover a{ color: #f4630b; } .widget-area li ul li:hover a span{ background: #f4630b; color: #fff; } .popular-news-option{ overflow: hidden; padding-top: 32px; } .popular-news-option li{ border-bottom: 1px solid #f0f0f0; padding: 20px 0; overflow: hidden; } .popular-news-option li:first-child{ padding-top: 0; } .popular-news-option li:last-child{ border-bottom: none; padding-bottom: 0; } .popular-news-img{ float: left; margin-top: 4px; margin-right: 20px; } .popular-news-contant{ display: table; } .popular-news-contant h5 a{ font-weight: 600; color: #000; line-height: 24px; margin-top: 10px; } .popular-news-contant p{ font-size: 14px; } .popular-news-option li:hover .popular-news-contant h5 a{ color: #f4630b; } .gallery-instagram{ overflow: hidden; padding-top: 23px; } .gallery-instagram a{ float: left; margin: 2px 2px; } .tag-cloud{ margin-top: 30px; } .tag-cloud .btn{ font-size: 14px; font-weight: 600; color: #696969; text-transform: uppercase; border: 1px solid #f0f0f0; padding: 9px 20px; border-radius: 0; margin: 0 3px 10px 0; } .tag-cloud .btn:hover{ background: #f4630b; color: #fff; border: 1px solid #f4630b; } /*================================ Start Single Blog ==================================*/ .single-blog-section, .bg-single-campaign{ padding: 120px 0 135px 0; } .single-blog .blog-content{ padding: 31px 30px 25px 30px; } .single-blog .blog-items:hover { box-shadow: none; } .single-blog .meta-box{ border-top: none; border-bottom: 1px solid #f0f0f0; overflow: hidden; padding: 15px 30px; margin-bottom: 0; } .single-blog .meta-post{ float: right; padding: 9px 0 5px 0; } .single-blog .blog-content h4{ font-size: 30px; padding-bottom: 10px; } .single-blog{} .quate-para{ position: relative; font-weight: 600; color: #f4630b; font-style: italic; padding: 0 30px; margin: 20px 0; } .quate-para:before{ position: absolute; font-family: FontAwesome, sans-serif; content: "\f10d"; top: 0; left: 0; } .quate-para:after{ position: absolute; font-family: FontAwesome, sans-serif; content: "\f10e"; bottom: 0; right: 23%; -webkit-transform: rotate(360deg); transform: rotate(360deg); } .quate-para p:before{ position: absolute; } .single-blog-bottom{ border-top:1px solid #f0f0f0; overflow: hidden; } .single-blog-bottom{ padding: 10px 28px; } .single-blog-bottom .tags{ float: left; } .single-blog-bottom .tags{ padding: 6px 0; } .single-blog-bottom .tags li{ position: relative; display: inline-block; font-size: 14px; font-weight: 700; color: #000; text-transform: uppercase; padding: 0 8px; } .single-blog-bottom .tags li:after{ position: absolute; content: ""; width: 8px; height: 2px; background: #696969; top: 12px; right: -6px; } .single-blog-bottom .tags li:first-child{ padding-left: 0; padding-right: 0; } .single-blog-bottom .tags li:last-child{ padding-right: 0; } .single-blog-bottom .tags li:first-child:after, .single-blog-bottom .tags li:last-child:after{ display: none; } .single-blog-bottom .tags li .fa{ color: #f4630b; -webkit-transform: rotate(110deg); transform: rotate(110deg); margin-right: 3px; } .single-blog-bottom .tags li a{ font-size: 14px; font-weight: 500; color: #696969; text-transform: capitalize; } .single-blog-bottom .tags li a:hover{ color: #f4630b; } /*=============================================================== ## Author Box =================================================================*/ .authorbox { position: relative; padding: 20px 0 20px 100px; border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; margin-bottom: 30px; } .authorbox img { position: absolute; left: 0; top: 0; width: 80px; height: 80px; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; top: 16px; } .authorbox p { margin-bottom: 0; } .authorbox .author-header, .authorbox .author-header a { font-size: 18px; text-transform: uppercase; font-weight: 500; } .authorbox .socials { float: right; } .authorbox .socials li { display: inline; padding: 0 10px; } .authorbox .socials a { font-size: 14px; margin-left: 33px; } .authorbox .socials a:first-of-type { margin-left: 0; } .authorbox .socials a.ts-twitter { color: #55acee; } .authorbox .socials a.ts-google-plus { color: #dd4b39; } .authorbox .socials a.ts-facebook { color: #3b5999; } .authorbox .socials a.ts-linkedin { color: #007bb6; } .authorbox .socials a:hover { color: #d72924; } /*=============================================================== ## Related Post =================================================================*/ .related-pots-block ul li.related-box { margin: 20px 0; } .related-post h2 { font-weight: 600; margin-top: 10px; font-size: 20px; } .related-post .meta-box{ padding-left: 10px; padding-right: 10px; } .related-post .meta-box .meta-post li:last-child { display: none; } /*=============================================================== ## Search Result =================================================================*/ .no-results.not-found h1{ color: #333; } .no-results.not-found .search-block { position: relative; } .no-results.not-found .blog-search-field{ height: 50px; padding-left: 25px; border: 1px solid #f7f7f7; box-shadow: none; width: 100%; } .no-results.not-found .searchsubmit { position: absolute; right: 15px; top: 43px; background: transparent; position: absolute; color: #7c7c7c; cursor: pointer; font-size: 16px; } /*=============================================================== ## Comments =================================================================*/ .comment-box-wrapper{ position: relative; background: #ffffff; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.05); float: left; width: 100%; margin-bottom: 1.5em; } /** * 11.4.1 - Comment form * ----------------------------------------- */ /* comments area: comment form, comment list, and navigation */ .comments-area { font-size: 15px; font-style: normal; font-weight: 400; line-height: 1.7; color: #4c4f53; } /* comments area: styles for Font Awesome icons */ .comment-reply-title #cancel-comment-reply-link:before, .bypostauthor > article .fn:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } /* comment form title, comments title */ .comment-reply-title, .comments-title { margin: 0 0 25px; font-size: 20px; font-style: normal; font-weight: 700; line-height: 1.2; color: #2f3235; text-transform: uppercase; } /* comment form */ .comment-form { background-color: #ffffff; margin-bottom: 0; padding: 0; box-shadow: none; } .comment-form-comment { margin: 15px 0; } .comment-form-author, .comment-form-email, .comment-form-url { margin-bottom: 15px; } .comment-form label { display: block; margin-bottom: 0; padding-bottom: 5px; font-weight: 700; line-height: 1.7; color: #4c4f53; } .comment-form-comment label:after { content: ' *'; } .comment-form-cookies-consent { margin-bottom: 10px; padding-top: 12px; } .comment-form-cookies-consent input[type="checkbox"] { margin: 0 10px 0 0; } .comment-form-cookies-consent label { display: inline; padding-bottom: 0; font-weight: 400; } #author, #email, #url, #comment { width: 100%; height: 40px; padding: 0 10px; border-radius: 3px; color: #4c4f53; background: #ffffff; border: 1px solid #eeefef; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } #comment { height: 110px; padding: 10px; resize: vertical; } #author:hover, #email:hover, #url:hover, #comment:hover { border-color: #f4630b; } #author:active, #email:active, #url:active, #comment:active, #author:focus, #email:focus, #url:focus, #comment:focus { outline: none; border-color: #f4630b; } /* allowed tags */ .comment-form .form-allowed-tags { display: none; } /* comment form: submit button */ .comment-form .form-submit { padding: 15px 0 7px; margin-bottom: 0; } .comment-form #submit { outline: none; display: inline-block; height: 48px; font-size: 15px; font-style: normal; border: 0; border-radius: 4px; padding: 10px 34px; background: #f4630b; color: #ffffff; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .comment-form #submit:hover, .comment-form #submit:focus { color: #ffffff; } .comment-form #submit:hover { background: #212121; border-color: #212121; color: #ffffff; text-decoration: none; } .comment-form #submit:active { position: relative; top: 1px; } /* "must login" message */ .comment-respond .must-log-in { margin-bottom: 40px; padding: 30px; background-color: #ffffff; } .comment-respond .must-log-in a { color: #4c4f53; text-decoration: underline !important; } .comment-respond .must-log-in a:hover, .comment-respond .must-log-in a:focus { color: #6ca4db; } /* "logged-in as ..." message */ .comment-form .logged-in-as a { color: #4c4f53; } .comment-form .logged-in-as a:first-child:hover, .comment-form .logged-in-as a:first-child:focus { color: #4c4f53; text-decoration: underline !important; } .comment-form .logged-in-as a:last-child { text-decoration: underline !important; } .comment-form .logged-in-as a:last-child:hover, .comment-form .logged-in-as a:last-child:focus { color: #6ca4db; } /* cancel comment reply link */ .comment-reply-title small { float: right; margin-top: 10px; } .comment-reply-title #cancel-comment-reply-link { font-size: 12px; font-style: normal; font-weight: 700; color: #989ea6; position: relative; padding-left: 20px; text-transform: uppercase; } .comment-reply-title #cancel-comment-reply-link:before { font-family: 'FontAwesome'; font-weight: 900; content: '\f00d'; display: inline-block; font-size: 13px; left: 3px; position: absolute; top: 0; } .comment-reply-title #cancel-comment-reply-link:hover { color: #6ca4db; } /** * 11.4.2 - Comment list * ------------------------------------------------------------- */ /* comments */ .comment-list-wrap { margin-bottom: 40px; padding: 30px 30px 15px; background-color: #ffffff; } .comment-list { list-style: none outside none; margin: 0; padding: 0 0 15px; } .comment-list .children { list-style: none outside none; margin: 0; padding: 0 0 0 30px; } /* comment body */ .comment .comment-body { margin-top: 25px; padding-top: 25px; border-top: 1px solid #eeefef; word-wrap: break-word; position: relative; } .comment-list > .comment:first-child > .comment-body { margin-top: 0; padding-top: 0; border-top: none; } /* pingbacks and trackbacks */ .comment-list .pingback .comment-body { margin-top: 25px; padding-top: 25px; padding-left: 36px; border-top: 1px solid #eeefef; word-wrap: break-word; position: relative; font-family: 'PT Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 1.3; color: #989ea6; } .comment-list .pingback .comment-body:before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: 'FontAwesome'; font-weight: 900; content: '\f35d'; position: absolute; top: auto; left: 0; margin-top: -2px; line-height: 1; font-size: 19px; color: #4c4f53; opacity: 0.2; } .comment-list > .pingback:first-child > .comment-body { margin-top: 0; padding-top: 0; border-top: none; } .comment-list .pingback .comment-body > a { display: block; margin-top: 12px; font-family: 'Lora', serif; font-size: 15px; font-weight: 400; line-height: 1.7; color: #4c4f53; } .comment-list .pingback .comment-body > a:hover, .comment-list .pingback .comment-body > a:focus { color: #6ca4db; text-decoration: underline !important; } .comment-list .pingback .comment-body .edit-link { display: inline-block; margin-top: 12px; font-family: 'PT Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 1.3; } .comment-list .pingback .comment-body .edit-link .comment-edit-link { color: #989ea6; text-decoration: none !important; } .comment-list .pingback .comment-body .edit-link .comment-edit-link:hover, .comment-list .pingback .comment-body .edit-link .comment-edit-link:focus { color: #6ca4db; text-decoration: underline !important; } /* comment metadata: avatar */ .comment-meta .comment-author img { float: left; display: block; width: 46px; height: 46px !important; margin: 0 15px 0 0; padding: 0; border-radius: 23px; } /* comment metadata: author */ .comment-meta .comment-author .fn { font-size: 16px; font-style: normal; font-weight: 600; line-height: 1.3; color: #2f3235; text-transform: uppercase; } .comment-meta .comment-author .fn .url { color: #2f3235; text-decoration: underline !important; } .comment-meta .comment-author .fn .url:hover, .comment-meta .comment-author .fn .url:focus { color: #6ca4db; } .comment-meta .comment-author .says { clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; position: absolute !important; word-wrap: normal !important; } /* comment metadata: post author */ /*.bypostauthor > article .fn:after { font-family: 'FontAwesome'; font-weight: 900; content: '\f044'; margin-left: 8px; font-size: 75%; }*/ /* comment metadata: date and edit links */ .comment-meta .comment-metadata { margin-top: 2px; font-family: 'PT Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 1.3; color: #989ea6; } .comment-meta .comment-metadata a { color: #989ea6; } .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:focus { color: #6ca4db; text-decoration: underline !important; } /* comment metadata: edit link */ .comment-meta .edit-link { margin-left: 10px; } /* comment metadata: "comment awaiting moderation" message */ .comment-meta .comment-awaiting-moderation { display: inline-block; margin: 15px 0 0; padding: 4px 0; background-color: #f7f8f8; } /* comment content */ .comment-content { padding: 12px 0 0 61px; } .bwp-no-avatars .comment-content { padding-left: 0 !important; } .comment-content p { margin-bottom: 15px; } .comment-content a { color: #4c4f53; text-decoration: underline !important; } .comment-content a:hover, .comment-content a:focus { color: #6ca4db; } /* comment reply */ .comment-body .reply { padding: 0 0 0 61px; line-height: 1.3; position: absolute; top: 20px; right: 0; } .bwp-no-avatars .comment-body .reply { padding-left: 0 !important; } .comment-body .reply .comment-reply-link { font-size: 13px; font-style: normal; font-weight: 600; color: #989ea6; position: relative; padding-left: 20px; text-transform: uppercase; } .comment-body .reply .comment-reply-link:before { content: "\f122"; display: inline-block; font-family: FontAwesome; font-size: 13px; left: 3px; position: absolute; top: 0; } .comment-body .reply .comment-reply-link:focus { color: #989ea6; } .comment-body .reply .comment-reply-link:hover { color: #6ca4db; text-decoration: underline !important; } /* comment reply: comment form */ .comment-respond, .comment-list li .comment-respond { margin-top: 25px; padding-top: 25px; } .comment-list li .comment-reply-title { margin-bottom: 16px; } .comment-list li .comment-form { margin-bottom: 0; padding: 0; box-shadow: none; } .comment-list li .comment-form .form-submit { padding-bottom: 5px; } /* comments are closed */ .comment-list-wrap.comments-closed .comment-list { padding-bottom: 0; } .comments-area .no-comments { margin-bottom: 40px; padding: 30px; background-color: #ffffff; } /** * 11.4.3 - Comments navigation * ------------------------------------------------------------- */ .comment-navigation { margin: 10px 0 0; padding: 20px 0 15px; border-top: 1px solid #eeefef; } .comment-list-wrap.comments-closed .comment-navigation { margin-top: 25px; } .comment-navigation:before, .comment-navigation:after { content: " "; display: table; } .comment-navigation:after { clear: both; } .comment-navigation { zoom: 1; } .comment-navigation .nav-previous, .comment-navigation .nav-next { display: inline-block; min-height: 1px; width: 50%; line-height: 1.6; } .comment-navigation .nav-previous { float: left; text-align: left; padding-right: 15px; } .comment-navigation .nav-next { float: right; text-align: right; padding-left: 15px; } .comment-navigation .nav-links a { display: inline-block; width: 100%; font-family: 'PT Sans', sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; word-wrap: break-word; color: #989ea6; } .comment-navigation .nav-links a:hover, .comment-navigation .nav-links a:focus { color: #6ca4db; text-decoration: underline !important; } .comment-navigation .nav-previous i { margin-right: 10px; } .comment-navigation .nav-next i { margin-left: 10px; } /*========================================= Start 404 Page ====================================*/ .page-error-option{ text-align: center; padding: 150px 0 200px 0; } .page-error-option img{ display: inline-block; margin-bottom: 37px; } .page-error-option h2{ color: #010101; line-height: 36px; text-transform: uppercase; } .page-error-option h2 span{ color: #f4630b; } .page-error-option p{ font-size: 18px; color: #010101; } .page-error-option .btn-default{ padding: 13px 38px; background: #f4630b; color: #fff; margin-top: 25px; } .search_box .search-box .second_click { display: block !important; } .search_box .search-box .first_click { display: none !important; } h2.screen-reader-text{ display: none; } .left-sidebar .left-block { float: right; } .right-sidebar .left-block { float: left; } .no-sidebar .left-block { width: 100% !important; } .no-sidebar .right-block { display: none; } .social-icon-rounded li a { color:#FFF; } li.widget_education_way_download:not(:last-child){margin-bottom: 16px;margin-top: -49px;} /* Bootstrap 5 compatibility */ .menu-right-option { order: 9; } .img-responsive{ display: block; max-width: 100%; height: auto; } .navbar-toggler .icon-bar { border: 1px solid #fff; background: #fff; } .navbar-toggler .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggler .icon-bar+.icon-bar { margin-top: 4px; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .navbar-toggler { /*border: 1px solid #ddd;*/ } .navbar-toggler { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border-radius: 4px; } .navbar-toggler:focus { box-shadow: none; } .carousel-indicators [data-bs-target] { opacity: .5; transition: opacity .6s ease; display: inline-block; width: 10px; height: 10px; margin: 1px 6px; cursor: pointer; background-color: rgba(0,0,0,0); border: 1px solid #fff; border-radius: 10px; } .carousel-indicators .active { opacity: 1; width: 12px; height: 12px; margin: 0; background-color: #fff; } nav.breadcrumb-trail.breadcrumbs { width: 100%; } .header-top #menu-top-menu ul li { padding: 5px 15px; } .header-top #menu-top-menu ul { flex-wrap: wrap; flex-direction: row; } @media (min-width: 768px) { .navbar-expand-md .navbar-collapse { justify-content: space-between; } } @media (max-width: 768px) { .navbar-header { width: 100%; } .menu-primary-menu-container { text-align: left; } } /*2022-14-03 */ .home .header .bg-main-menu{ /*background: transparent;*/ background: #ff5454; } .home .header .main-menu .nav > li > a { /*color: #ffffff;*/ font-size: 15px; } .elementor-8220 .elementor-element.elementor-element-469407d:not(.elementor-motion-effects-element-type-background), .elementor-8220 .elementor-element.elementor-element-469407d > .elementor-motion-effects-container > .elementor-motion-effects-layer { padding: 100px 0 0 0; } .home .header .main-menu .nav > li > a:hover { color: #f4630b; text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; } .home .menu-scroll.menu-fixed { background: #ff5454; } .home .elementor-element-6015125 .elementor-text-editor p, .home .elementor-element-610824f .elementor-text-editor p { font-size: 18px; } /*.elementor-element-537ea9e .elementor-container .elementor-row*/ /*.elementor-element-7121fa0 .elementor-column-wrap .elementor-widget-wrap*/ .elementor-6 .elementor-element.elementor-element-fa493e8 { text-align: center !important; } .spic-feature { text-align: center; margin: 15px 15px 30px 15px; } .spic-feature img { width: 60%; object-fit: scale-down; padding: 15px; } .spic-feature p { color: #ffffff; font-weight: bold; font-size: 18px; } .spic-feature .text { color: #00b2ef; } .acca-course-home { border: 2px solid #eeefef; border-radius: 7px; padding: 15px; } .acca-course-home-title { text-align: center; font-size: 22px; font-weight: bold; color: #00b2ef; } .acca-course-home-content { padding: 15px; } .acca-course-home-content-subtitle { font-weight: bold; } .acca-course-home-content-subtitle.options { padding-top: 10px; } .bullets li { list-style: disc !important; margin-left: 1em; } .acca-course-home-button{ text-align: center; } .acca-course-home-button a{ display: inline-block; background: #f4630b; border-radius: 3px; color: #ffffff !important; padding: 12px 50px; font-weight: bold; } .free-trial-section { display: inline-block; border-radius: 3px; margin: 10px 30px 5px 30px; } .free-trial-section a { padding: 12px 50px; font-weight: bold; } #ft-student { background: #f6492d; } #ft-organisation { background: #1495c1; } .form-content-wrapper { margin: 0 auto; width: 90%; } .home .form-group.form-title { color: #ffffff; font-weight: bold; font-size: 22px; } .form-group { margin: 15px 0px; text-align: center; } .form-group input { padding: 10px; border-radius: 2px; } .error-field-msg { display: none; text-align: left; color: #ee3536; padding: 0px 10px; background: #fec4c4; } .elementor-element-5509042 .elementor-widget-container .elementor-text-editor .bg-about .container .content-wrapper .row, .elementor-element-9840a4c .elementor-widget-container .elementor-text-editor .bg-about .container .content-wrapper .row { background: rgba(177,174,174,0.5); border-radius: 2px; } .footer-bottom { text-align: center; } .footer-bottom a:hover { text-decoration: underline !important; } .footer-bottom a { color: #ffffff !important; font-weight: unset !important; } .copyright-txt { float: none; display: inline-block; } .copyright-txt p { color: #ffffff !important; } .form-group.form-title { color: #000000; font-weight: bold; font-size: 22px; } /*contact form page*/ .elementor-element-38d12b0 .form-title { display: none; } .elementor-element-38d12b0 .bg-about .content-wrapper { padding: 0; } .form-group.form-checkbox { text-align: left; } #cu-map-details-mobile { display: none; } /*student registration page*/ .form-radio-group { display: inline-block; margin-right: 2em; } .form-group.form-input-radio { text-align: left !important; } .default { color: #737d8b; } .student-registration-detail { padding: 10px 0px; } .quick-access-button { display: inline-block; width: auto !important; margin: 0 auto; } .course-intro-title { margin: 2em 0px 1em 0px; font-size: 24px; color: #00b2ef; font-weight: bold; text-align: center; } .course-intro-content-section { padding: 20px; border: 5px solid #eeefef; border-radius: 3px; } .course-intro-content, .course-intro-content-none { width: 33%; display: inline-block; text-align: center; vertical-align: middle; } .course-intro-content img { width: 50%; } .course-intro-content p { width: 50%; margin: 0 auto; padding-top: 20px; } .short-section:hover { background: #f4630b; } .short-link, .short-link h4 { color: #ffffff; } .elementor-element-0604bed .content-wrapper { padding-top: 0px; } .course-section-selection .elementor-widget-wrap:hover { background: rgba(244,91,11,0.5); cursor: pointer; border-radius: 3px; } .elementor-element-4c6a29a, .elementor-element-75117ec { margin-bottom: 0px !important; } .btn-primary { font-size: 18px; padding: 12px 40px; background: #A90000 !important; } .btn-primary:hover { color: #ffffff !important; background: #790101 !important; } .success-check-section { margin: 50px 0px 30px 0px; } #success-check { width: 256px; display: block; margin: 0 auto; } .thank-you, .thank-you-text { display: block; margin: 0 auto; width: 50%; text-align: center; font-size: 18px; padding: 20px; } .elementor-element-8799cb7 { text-align: center; } .backtohome, .todemo, .tovideo { display: inline-block; } .backtohome a, .todemo a, .tovideo a { font-size: 18px; padding: 12px 30px; /*background: #f4630b;*/ background: #cc2026; color: #ffffff !important; border-radius: 3px; margin: 0px 5px; } .backtohome a:hover { background: #F37628; } .backtohome { text-align: center; margin-bottom: 30px; } #student-pricing table { table-layout: fixed; } #student-pricing th.numbering { width: 5%; } #student-pricing th.courses { width: 65%; } #student-pricing th, #intake-period th{ background: #00b2ef; color: #ffffff; } #student-pricing table, #student-pricing td, #intake-period table, #intake-period td { border: 1px solid #C4C4C4; border-collapse: collapse; padding: 10px; } #intake-period th, #student-pricing th { border-collapse: collapse; padding: 10px; } /* terms & conditions */ /*#spic-tc-header h2 { line-height: 1.5em; } .numbered li { list-style: deceimal !important; margin-left: 1em; padding-left: 0.5em; } .tc-learning-materials-service li { list-style: decimal; margin-left: 4em; padding-left: 0.5em; } .tc-learning-materials-service li ol li { list-style: lower-roman; margin-left: 1em; padding-left: 0.5em; } .tc-rs-sp li, .tc-tsr li, .tc-tou-d li, .tc-tou-t li, .tc-tou-p li, .tc-tou-o li, .tc-ppch-d li { list-style: disc; margin-left: 4em; } .tc-tsr li ul li { list-style: circle; margin-left: 1em; } .tc-sp-is li { list-style: decimal; margin-left: 4em; padding-left: 0.5em; } .tc-pguopi-op li { list-style: lower-roman; margin-left: 4em; padding-left: 0,5em; }*/ /* End - terms & conditions */ .page-template form a, .elementor-element-6de80ff a, .student-registration-detail a, .student-free-trial-detail a, .organisation-free-trial-detail a, .course-intro-content-section a, .chapters-navigation a { color: #f4630b; } .page-template form a:hover, .elementor-element-6de80ff a:hover, .student-registration-detail a:hover, .student-free-trial-detail a:hover, .organisation-free-trial-detail a:hover, .course-intro-content-section a:hover, .chapters-navigation a:hover { color: #0a58ca; } /* hide arrow of main menu with sub menus */ .navbar-nav > li.menu-item-has-children > a::after { display: none; } .menu-main-navigation-menu-2-container .dropdown-btn { display: none; } .dropdown-menu { background: #ff5454; border: 0px; } .menu-item-has-children li a span { color: #ffffff; } /* Unocmment this after migration */ .menu-item-has-children .dropdown-menu a:hover { background: #e83434; } .header .main-menu .nav > li.active ul li a { text-shadow: unset; } .menu-item { align-content: center; } .menu-item-3498 .nav-link { background: #cc2026; border-radius: 50px; padding: 10px 20px !important; margin-left: 10px; } /*.header .main-menu .nav > li.active ul li.active a { text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; }*/ /*.header .main-menu .nav > li.active ul li.active a span { color: #00b2ef; }*/ .items .chapters { margin: 10px; padding: 20px; text-align: center; border: 1px solid #C4C4C4; border-radius: 3px; background: rgba(0, 178, 239, 0.7); color: #ffffff; font-weight: bold; } .items .chapters-more { margin: 10px; padding: 10px; text-align: center; } .slick-prev:before, .slick-next:before { color: #f4630b; display: flex; } .chapters-more a { color: #ffffff !important; padding: 10px 20px; border-radius: 3px; background: #f4630b; } .chapters-more .inactive-links { pointer-events: none; color: #fd4848 !important; background: transparent; } .course-outline-no-chps { padding: 10px; } .thegap { padding-bottom: 20px; } .home-enquiry { position: relative; } .home-enquiry-section { object-fit: cover; width: 100%; border-radius: 3px !important; } .home-enquiry-text-section { position: absolute; top: calc(100%/2.5); left: 50px; font-size: 25px; text-align: center; padding: 10px; width: 80%; color: #fff; border-radius: 3px; background: rgba(0,0,0,0.3); /*text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff*/ } .mobile-td-section, .mobile-td-pricing-section, .mobile-screen-td-pricing-section { display: none; } .about-us p { padding: 20px; } /*.about-us-section { width: 70%; margin: 30px auto; background: #feedd8; padding: 10px; text-align: center; } .about-us-section p { padding: 0px 0px 10px 0px; } .about-us-section-list ul li { list-style: disc !important; margin-left: 1em; }*/ #about_us_top { display: inline-block; text-align: center; width: 100%; } #about_us_top img { width: 40%; } #about_us_top img.about_us_inner_top_left { margin-right: 30px; } #about_us_top img.about_us_inner_top_middle { width: 10%; vertical-align: top; } #about_us_top img.about_us_inner_top_right { margin-left: 30px; } #about_us_top p { font-weight: 700; margin: 20px 0; } .elementor-element-56e453d, .elementor-element-be88a73 { background: #c5f1fc; } #about_us_bottom { display: inline-block; width: 100%; text-align: center; } #about_us_bottom img { width: 10%; padding: 0 0 50px 0; margin: 0 20px; } .hidden-field, #email-2 { display: none; } #session-plan-b2c .elementor-element.elementor-element-19d94ff .elementor-tabs-wrapper { width: 20%; padding-top: 69px; } .elementor-1616 .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1300px; } #intake_period_table .intake_options td, #pricing_table .pricing_session_code td { font-weight: 700; } #intake_period_table .intake_deadline td, #intake_period_table .intake_access_expiry td { color: #f00; } #session-plan-b2c .elementor-element-19d94ff .elementor-tabs-wrapper { background: #ffc; } /* Style the tab */ .tab { overflow: hidden; border: 1px solid #ccc; background-color: #f1f1f1; } /* Style the buttons that are used to open the tab content */ .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; text-transform: none; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; text-transform: none; } /* Create an active/current tablink class */ .tab button.active { background-color: #ccc; } /* Style the tab content */ .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; height: 95%; } .tabcontent { animation: fadeEffect 1s; /* Fading effect takes 1 second */ } /* Go from zero to full opacity */ @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} } .spviewer { height: 100% !important; } .mobile-session-plan-section { display: none; padding: 15px; margin: 30px 0px; } .mobile-session-plan-dl { display: inline-block; margin: 15px; } .mobile-session-plan-dl a { padding: 10px 12px; background: #f4630b; color: #ffffff !important; font-size: 18px; border-radius: 2px; } .mobile-session-plan-dl a:hover { background: #F37628; } .pricing-txt-details { text-align: center; font-size: 16px; } /*#pricing_table tr:first-child, #pricing_table tr:nth-child(14), #pricing_table tr:nth-child(24) { background: #00b2ef; color: #ffffff; }*/ #pricing_table, #pricing_table_2 { table-layout: auto; } #pricing_table { margin-bottom: 50px; } #pricing_table th, #pricing_table td, #pricing_table_2 th, #pricing_table_2 td { border: 1px solid #ffffff; } #pricing_table tr th, #pricing_table tr td, #pricing_table_2 tr th, #pricing_table_2 tr td { text-align: center; } #pricing_table tr td img, #pricing_table_2 tr td img { width: 18px; } #pricing_table td:nth-child(1), #pricing_table_2 td:nth-child(1) { font-weight: 700; color: #000000; } #pricing_table td:nth-child(2), #pricing_table td:nth-child(3), #pricing_table td:nth-child(4), #pricing_table_2 td:nth-child(2), #pricing_table_2 td:nth-child(3), #pricing_table_2 td:nth-child(4) { /*background: #bdd7ee;*/ color: #ff0000; } #pricing_table tr:nth-child(4) { background: #bdd7ee; } #pricing_table_2 tr:nth-child(4) { background: #fce4d6; } #pricing_table tr:nth-child(1) th:nth-child(1), #pricing_table_2 tr:nth-child(1) th:nth-child(1) { width: 30%; text-align: left; } #sunwaytes-section { display: none; text-align: left; } #not_avail_intakes { margin: 5px; } #not_avail_intakes p { color: #FF0000; font-weight: 700; } /* session plan */ .session-plan-section { display: inline-block; vertical-align: top; } #session-plan-selection-option { width: 40%; } #session-plan-pdf-viewer { width: 59%; } #session-plan-pdf-viewer .spviewer { height: 100%; } #session-plan-selector th { background: #00b2ef; color: #ffffff; } #session-plan-selector th, #session-plan-selector td { border: 1px solid #ffffff; text-align: center; } #session-plan-selector td:hover { background: #f4630b !important; color: #ffffff; cursor: pointer; } .session-plan-option-choice { background: #ffffff; color: #696969; } .session-plan-option-choice.active { background: #f4630b !important; color: #ffffff !important; } #session-plan-selector td:nth-child(1), #session-plan-selector td:nth-child(2) { background: #ffe4e8; } #session-plan-selector td:nth-child(3), #session-plan-selector td:nth-child(4) { background: #ffedb7; } #session-plan-selector td:nth-child(5) { background: #aaffb7; } .no-option-session-plan { text-align: center; margin: 20px; font-weight: 700; font-size: 20px; } .session-plan-option-choice.Dec22-P1a, .session-plan-option-choice.Dec22-P1b, .session-plan-option-choice.Dec22-L2, .session-plan-option-choice.Dec22-L3a { pointer-events: none; } /* end of session plan*/ #discount-voucher-btn .elementor-button.elementor-size-lg { background: #f41a1a; } #voucher-discount-text { color: #ffffff; font-size: 16px; margin-top: -15px; } #voucher-text { position: relative; top: 30%; transform: translateY(-50%); margin: 0 5em; } #other-country { display: none; } .pricing-discount-text { text-align: center; color: #f00; font-weight: 500; font-size: 16px; } #mainContainer .toolbar { display: none; /*to hide toolbar of iframe pdf*/ } .study-texts-feature { display: inline-block; } .study-texts-feature div { display: inline-block; vertical-align: top; } .study-texts-feature .study-texts-img { width: 33%; } .study-texts-feature .study-texts-details { width: 60%; margin-left: 10px; } /* Uncomment this after migration */ .elementor-element-69c08b8, .elementor-element-58f22ea { background: #c70201; transform: skewY(-2deg); border-top-left-radius: 300px; } #study_texts_table { color: #ffffff; transform: skewY(2deg); margin-top: 20px; } #study_texts_table tr th img { width: 120px; } #study_texts_table tr td img { width: 18px; } #study_texts_table tr:first-child th { border: none; } #study_texts_table th { /*vertical-align: bottom;*/ font-weight: 300; } #study_texts_table table, #study_texts_table td, #study_texts_table th { border: 1px solid #C4C4C4; border-collapse: collapse; } #study_texts_table tr:nth-child(1) { background: #9a0606; color: #ffffff; } #study_texts_table tr:nth-child(1) th { text-align: center; vertical-align: middle; } #study_texts_table td:nth-child(1) { background: #c64e4e; width: 20%; color: #ffffff; } #study_texts_table td:nth-child(2) { width: 40%; background: #ffffff !important; } #study_texts_table td:nth-child(3), #study_texts_table td:nth-child(4) { width: 20%; background: #ffffff; } /* timetables */ /*.timetables-section { display: inline-block; vertical-align: top; } #timetables-selection-option { width: 40%; } #timetables-pdf-viewer { width: 59%; } #timetables-pdf-viewer .spviewer { height: 100%; }*/ /*#timetables-selector th { background: #00b2ef; color: #ffffff; } #timetables-selector th, #timetables-selector td { border: 1px solid #ffffff; text-align: center; }*/ /*#timetables-selector tr th, #timetables-selector tr td { color: #000000; } #timetables-selector tr td img { width: 18px; }*/ .timetables-option-choice { /*background: #ffffff;*/ /*color: #696969;*/ } .timetables-option-choice:hover { background: #ff9295 !important; cursor: pointer; } .timetables-option-choice.active { background: #f4630b !important; color: #ffffff !important; } #timetables-selector td:nth-child(1) { display: none; background: #ffe5e5; text-align: left; } .timetables-mobile-row { display: none; } #timetables-selector td:not(:first-child) { width: 9%; } #timetables-selector td:nth-child(2) { background: #ffe5e5; width: 28%; text-align: left; } #timetables-selector td:nth-child(4), #timetables-selector td:nth-child(5), #timetables-selector td:nth-child(6) { background: #fff4e7; } #timetables-selector td:nth-child(3), #timetables-selector td:nth-child(4), #timetables-selector td:nth-child(7), #timetables-selector td:nth-child(8) { background: #d0cece; } #timetables-selector td:nth-child(9), #timetables-selector td:nth-child(10) { background: #ffe8cb; } /* end of timetables*/ /* pricing */ .pricing-packages-type { display: inline-block; width: 110px; } .pricing-packages-section { display: inline-block; } .pricing-packages-type { vertical-align: top; } .pricing-packages-type-blank { padding: 97px 0px; } .pricing-packages-type-blank.sp { padding: 107px 0px } .pricing-packages-type-text { margin-bottom: 25px; } .pricing-packages-type div:nth-child(2) { background: #0070c0; } .pricing-packages-type div:nth-child(3) { background: #f4b084; } .pricing-packages-type-text.pricing-packages-printable { margin-bottom: 20px; } .pricing-packages-section h3 { /*color: #00b2ef;*/ color: #1b71c0; padding: 0px 10px; margin-top: 15px; } .pricing-packages-courses{ display: inline-block; margin: 10px; position: relative; overflow: hidden; border-radius: 3px; width: 172px; } .pricing-packages-course-title { padding: 20px 20px; color: #ffffff; font-weight: bold; word-wrap: break-word; word-break: break-all; text-align: center; } .pricing-packages-selection { /*padding: 5px;*/ margin: 10px; text-align: center; color: #ffffff; /*background: #f4630b;*/ border-radius: 7px; cursor: pointer; font-weight: bold; } .pricing-packages-selection:hover { background: #ff9295 !important; cursor: pointer; } #applied-knowledge-pricing .pricing-packages-selection { background: #fa3d3d; } #applied-skills-pricing .pricing-packages-selection { background: #e0c288; } #strategic-professional-pricing .pricing-packages-selection { background: #619ae2; } .pricing-packages-courses img { /*object-fit: cover;*/ position: absolute; pointer-events: none; z-index: -1; min-width: 100%; min-height: 100%; top: 0; left: 0; } /*end of pricing*/ /* revised pricing */ #pricing-packages-S24, #pricing-packages-D24 { display: inline-block; vertical-align: top; } #pricing-packages-S24 .pricing-packages-type { display: inline-block; width: 120px; font-size: 15px; vertical-align: bottom; margin: 10px 0 18px 0; } #pricing-packages-S24 .pricing-packages-section { display: inline-block; } #pricing-packages-S24 .pricing-packages-type-blank.ak { padding: 10px 10px; margin-bottom: 5px; background: #00b0f0;; color: #ffffff; border-radius: 0; /*font-weight: bold;*/ font-size: 18px; } #pricing-packages-S24 .pricing-packages-type-blank.as { padding: 10px 10px; margin-bottom: 5px; background: #00b0f0; color: #ffffff; border-radius: 0; /*font-weight: bold;*/ font-size: 18px; } #pricing-packages-S24 .pricing-packages-type-blank.sp { padding: 10px 10px; margin-bottom: 5px; background: #00b0f0; color: #ffffff; border-radius: 0; /*font-weight: bold;*/ font-size: 18px; } #pricing-packages-S24 .pricing-packages-type-text { margin-bottom: 0; color: #000000; border-radius: 0; padding: 5px 7px; /*font-weight: bold;*/ } #pricing-packages-S24 .pricing-packages-type-text.pricing-packages-printable { margin-bottom: 5px; color: #ffffff; } #pricing-packages-S24 .pricing-packages-section h3 { color: #1b71c0; padding: 0px 10px; margin-top: 15px; } #pricing-packages-S24 .pricing-packages-courses{ display: inline-block; margin: 5px; position: relative; overflow: hidden; border-radius: 3px; width: 100px; /*background: #f89049;*/ } #pricing-packages-S24 .pricing-packages-course-title { padding: 10px 0 10px 0; color: #000000; font-size: 18px; font-weight: bold; word-wrap: break-word; word-break: break-all; text-align: center; /*background: #be2423;*/ /*background: #ff0000;*/ border-radius: 7px; } #pricing-packages-S24 .pricing-packages-selection { padding: 5px; margin: 5px 0; text-align: center; color: #ffffff; /*background: #f4630b;*/ border-radius: 0; cursor: pointer; font-weight: normal; } #applied-knowledge-pricing .pricing-packages-selection { /*background: #fa3d3d;*/ background: #ddebf7; color: #000000; } #applied-skills-pricing .pricing-packages-selection { /*background: #e0c288;*/ background: #ddebf7; color: #000000; } #strategic-professional-pricing .pricing-packages-selection { /*background: #619ae2;*/ background: #ddebf7; color: #000000; } #pricing-packages-D24 .pricing-packages-type { /*display: inline-block;*/ display: none; width: 120px; font-size: 15px; vertical-align: bottom; margin-bottom: 18px; } #pricing-packages-D24 .pricing-packages-section { display: inline-block; } #pricing-packages-D24 .pricing-packages-type-blank.ak { padding: 10px 10px; margin-bottom: 5px; background: #00b0f0; color: #ffffff; border-radius: 0; /*border: 2px solid #ff1212;*/ font-size: 14.5px; /*font-weight: bold;*/ font-size: 18px; } #pricing-packages-D24 .pricing-packages-type-blank.as { padding: 10px 10px; margin-bottom: 5px; background: #00b0f0; color: #ffffff; border-radius: 0; /*border: 2px solid #ff1212;*/ font-size: 14.5px; /*font-weight: bold;*/ font-size: 18px; } #pricing-packages-D24 .pricing-packages-type-blank.sp { padding: 10px 10px; margin-bottom: 5px; background: #00b0f0; color: #ffffff; border-radius: 0; /*border: 2px solid #ff1212;*/ font-size: 14.5px; /*font-weight: bold;*/ font-size: 18px; } #pricing-packages-D24 .pricing-packages-type-text { margin-bottom: 0; color: #000000; border-radius: 0; padding: 5px 7px; /*font-weight: bold;*/ } #pricing-packages-D24 .pricing-packages-type-text.pricing-packages-printable { margin-bottom: 5px; color: #ffffff; } #pricing-packages-D24 .pricing-packages-section h3 { color: #1b71c0; padding: 0px 10px; margin-top: 15px; } #pricing-packages-D24 .pricing-packages-courses{ display: inline-block; margin: 5px 5px 10px 5px; position: relative; overflow: hidden; border-radius: 3px; width: 100px; /*background: #f89049;*/ } #pricing-packages-D24 .pricing-packages-course-title { padding: 10px 0 10px 0; /*padding: 20px 0 25.07px 0;*/ color: #000000; font-size: 18px; font-weight: bold; word-wrap: break-word; word-break: break-all; text-align: center; /*background: #be2423;*/ /*border: 2px solid #ff1212;*/ border-radius: 7px; } #pricing-packages-D24 .pricing-packages-selection { padding: 5px; margin: 5px 0; text-align: center; color: #000000; /*background: #f4630b;*/ border-radius: 0; cursor: pointer; font-weight: normal; } #applied-knowledge-pricing-2 .pricing-packages-selection { /*background: #fa3d3d;*/ background: #ddebf7; color: #000000; } #applied-skills-pricing-2 .pricing-packages-selection { /*background: #e0c288;*/ background: #ddebf7; color: #000000; } #strategic-professional-pricing-2 .pricing-packages-selection { /*background: #619ae2;*/ background: #ddebf7; color: #000000; } .non_na { background: #f2f2f2 !important; } .mobile-pricing-packages-text { display: none; } .pricing-packages-type-mobile { display: none; /*width: 25px;*/ margin: 10px 0 18px 0; vertical-align: bottom; } .pricing-packages-type-mobile div:nth-child(2) { background: #0070c0; } .pricing-packages-type-mobile div:nth-child(3) { background: #f4b084; } .lm { background: #fce4d6 !important; } #pricing-session-detail p { /*font-size: 18px;*/ } #pricing-session-detail span, #pricing-session-access-detail span { color: #ff1212; } ul#pricing-session-access-detail li { list-style: circle; margin-left: 15px; font-size: 16px; } .psad-first { margin-left: 10px; } .psad-second { margin-left: 10px; } /* end of revised pricing */ /*pricing compilation form*/ #pricing-compilation { display: none; } .selected { /*background: #f4630b !important;*/ background: #ff9757 !important; color: #ffffff !important; } /* end of pricing compilation form*/ /* checkout summary */ #pricing_summary_details tr td, #pricing_summary_details tr th { border: 1px solid #ffffff; } #pricing_summary_details { background: #fdd0d0; } #pricing_summary_details tr:nth-child(1) { background: #c70201; color: #ffffff; } #pricing_summary_details tr:last-child td { background: #fe6969; font-weight: 600; color: #ffffff; } #pricing-form h2 { font-size: 24px; margin-top: 5px; color: #000000; text-align: center; } /*end of checkout summary*/ .short-link.left { margin: 0 0 0 auto; } .short-link.right { margin: auto auto auto 0; } .elementor-element-9184ba0.quick-access-button a { padding: 20px 36px; } .elementor-1187 .elementor-element.elementor-element-d9883fe > .elementor-widget-container { padding: 0px !important; } .main-menu .navbar .collapse div { margin-bottom: 0px !important; } .main-menu .navbar .collapse .menu-right-option .search-box { /*margin-bottom: 25px !important;*/ } .study-texts-feature .study-texts-img img { width: 130px; } #menu-item-8545 .nav-link { padding-left: 15px; padding-top: 20px; } .menu-item-8545 .nav-link img { width: 30px; } /*free trial multiselect*/ .multiselect { width: 100%; } .selectBox { position: relative; } .selectBox select { width: 100%; } .overSelect { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } #mySelectOptions { display: none; border: 0.5px #7c7c7c solid; background-color: #ffffff; max-height: 150px; overflow-y: scroll; } #mySelectOptions label { display: block; font-weight: normal; text-align: left; white-space: nowrap; min-height: 1.2em; background-color: #ffffff00; padding: 0 2.25rem 0 .75rem; /* padding: .375rem 2.25rem .375rem .75rem; */ } #mySelectOptions label:hover { background-color: #1e90ff; } /*end of free trial multiselect*/ .placeholder { color: #737d8b; } .button_link_submit { display: none; } .sticky-navbar{ /*background-color:red;*/ position:fixed; width: 150px; /*height: 150px;*/ right: 0%; bottom: 30%; z-index: 1000; } .sticky-navbar div, .sticky-navbar-ws div { display: block; text-align: center; padding: 10px 10px; margin: 10px 0px; color: #ffffff; border: 1px solid #ffffff; border-radius: 3px; font-size: 16px; cursor: pointer; } .sticky-navbar-ws { position:fixed; left: 0%; bottom: 0%; z-index: 100; } .chat-whatsapp a { color: #ffffff; } .chat-whatsapp img { width: 25px; } .sticky-navbar-pc{ /*background-color:red;*/ position:fixed; width: 150px; /*height: 150px;*/ right: 0%; bottom: 50%; z-index: 1000; } .sticky-navbar-pc div { display: block; text-align: center; padding: 10px 0px; margin: 10px 0px; color: #ffffff; border: 1px solid #ffffff; border-radius: 3px; font-size: 16px; cursor: pointer; } #purchase_cart { display: none; position: fixed; max-width: 500px; max-height: 300px; right: 0%; /*bottom: 20%;*/ bottom: 0%; overflow-y: scroll; z-index: 100; border: 1px solid #ec5538; border-radius: 3px; padding: 10px; background: #ffffff; } #purchase_cart img { width: 50px; } #purchase_cart .btn.btn-primary.button_link_submit { display: inline-block !important; padding: 10px 15px; margin: 0px 7px; float: right; } #cart_table td:nth-child(2) { text-align: right; } #cart_table img { width: 25px; cursor: pointer; } .checkout_btn_section { text-align: center; } .checkout_btn_options { display: inline-block; vertical-align: middle; margin: 0px 5px; } #checkout_back { font-size: 18px; padding: 13px 40px; background: #A90000 !important; font-weight: 400; line-height: 1.5; border-radius: 3px; color: #ffffff; } .form-group.mytext.nogap_firstname, .form-group.mytext.nogap_lastname { margin-top: 0px; margin-bottom: 0px; } .nogap_firstname, .nogap_accaid { display: inline-block; width: 50%; vertical-align: top; } .nogap_lastname, .nogap_dob { display: inline-block; width: 49%; vertical-align: top; } #checkout_smry_details { background: #fdd0d0; padding: 10px; margin-top: 3em; font-weight: 700; } #checkout_smry_details span { color: #ff0000; font-weight: 700; } #checkout_smry_details ul li { list-style: outside !important; margin-left: 20px; } #checkout_smry_details p { font-family: 'Roboto', sans-serif; margin-top: 10px; font-weight: 700; } #checkout_smry_pckset_details { background: #fdd0d0; padding: 10px; margin-top: 1em; } /* ebook pricing */ #ebook_pricing_table .pricing_session_code td { font-weight: 700; } #ebook_pricing_table tr:first-child, #ebook_pricing_table tr:nth-child(14) { background: #00b2ef; color: #ffffff; } #ebook_pricing_table td { border: 1px solid #ffffff; } #ebook_pricing_table tr td { text-align: center; } #ebook_pricing_table tr td img { width: 18px; } #ebook_pricing_table td:nth-child(1) { width: 5em; /*background: #ffffff !important;*/ } #ebook_pricing_table td:not(:nth-child(1)) { width: 10em; } #ebook_pricing_table td:nth-child(2) { background: #ccecff; } #ebook_pricing_table td:nth-child(3) { background: #fde8e8; } #ebook_pricing_table td:nth-child(4) { background: #ffedb7; /*background: #aaffb7;*/ } #ebook_pricing_table tr:nth-child(2) td { font-weight: bold; } /*#ebook_pricing_table tr:nth-child(5) td { color: #ff0d0d; }*/ #ebook_pricing_table tr:nth-child(26) td, #ebook_pricing_table tr:nth-child(27) td, #ebook_pricing_table tr:nth-child(28) td, #ebook_pricing_table tr:nth-child(29) td, #ebook_pricing_table tr:nth-child(30) td, #ebook_pricing_table tr:nth-child(31) td { background: #c5e6ff; } #ebook_pricing_table tr:nth-child(32) td { background: #c0dfff; color: #ff0d0d; } #ebook_pricing_table .package_type_details td:nth-child(1) { background: #ffedb7 !important; } #ebook_pricing_table .package_type_details td:nth-child(2) { background: #ffedb7 !important; } #ebook_pricing_table .package_type_details td:nth-child(3) { background: #aaffb7 !important; } #ebook_pricing_table tr:first-child, #ebook_pricing_table tr:nth-child(13) { background: #00b2ef; color: #ffffff; } /* end of ebook pricing */ .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable { background: #ff5454; border: 0px solid #ff5454; } .ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle { display: none; } #ebook_selected_popup, #course_option_popup, #timetable_popup { padding: 20px; background: #ff5454; color: #ffffff; text-align: center; font-size: 18px; } .close_popup_btn { cursor: pointer; background: #A90000; border-radius: 3px; margin: 10px; padding: 5px 0px; } .ttbtn { padding: 10px 20px; margin: 5px auto 10px auto; width: fit-content; cursor: pointer; background: #cc2026; border-radius: 20px; color: #ffffff; } #pricing-summary { display: inline-block; width: 45%; margin: 0px 20px; vertical-align: top; } #pricing_summary_details td:nth-child(1) { width: 30%; } #pricing_summary_details td:nth-child(2) { width: 15%; } #pricing_summary_details td:nth-child(1), #pricing_summary_details td:nth-child(2) { text-align: left; } #pricing_summary_details td:nth-child(3), #pricing_summary_details td:nth-child(4), #pricing_summary_details td:nth-child(5), #pricing_summary_details td:nth-child(6) { text-align: right; } #pricing-form { display: inline-block; width: 45%; margin: 0px 20px; vertical-align: top; } .form-group.form-checkbox input#agree { vertical-align: top; margin-top: 7px; } .form-group.form-checkbox label { width: 90%; } #timetables-mobile { display: none; margin-bottom: 0px; } #papers_detail { text-align: left; } #papersSelectedOption label { margin-right: 20px; } /* home banner background edit & color*/ #main-top-banner { /*background: linear-gradient(to bottom, #ED7D31 25%, #b3f6ff 25%, #b2d3ff 120%);*/ /*background: linear-gradient(#f2f2f2, #bbbbbb);*/ } /*#main-top-banner .elementor-container.elementor-column-gap-default { margin-top: 120px; }*/ .elementor-8220 .elementor-element.elementor-element-d096926 > .elementor-element-populated { /*margin: 95px 50px 35px 50px !important;*/ /*remove this this after 3.2.2026 mdc11*/ } .elementor-element-2317629 .elementor-container.elementor-column-gap-default, .elementor-element-f5868cb .elementor-container.elementor-column-gap-default, .elementor-element-f5868cb .elementor-container.elementor-column-gap-default, .elementor-element-20cb0e2 .elementor-container.elementor-column-gap-default { margin-top: 0px !important; } .elementor-button.elementor-size-md { padding: 15px 50px !important; border-radius: 15px !important; } .home_banner_text_left { text-align: center; font-weight: bold; font-size: 22px; padding-left: 5%; } .home_banner_text_right { text-align: center; font-weight: bold; font-size: 22px; padding-right: 15%; } /* for campaign till 20th Oct */ /*.home_banner_text_left span, .home_banner_text_right span { color: #ffff16 !important; }*/ /*#bofomo { display: none; }*/ #hp_pf_fom { margin-left: 5%; } #hp_wd_imi { margin-right: 15%; } #no-two-main-banner { display: none; } /* end of home banner background edit & color*/ #frontpage-main-banner-txt .elementor-widget-container h2 { font-size: 32px !important; } .elementor-page-7518 .header .bg-main-menu.menu-scroll, .elementor-page-7518 .bg-footer-bottom { display: none; } /* new purchases table */ #purchases_table, #purchases_table_2 { text-align: center; table-layout: auto; display: inline-block; width: 49%; vertical-align: top; } #purchases_table table, #purchases_table th, #purchases_table td, #purchases_table_2 table, #purchases_table_2 th, #purchases_table_2 td { border: 1px solid #ffffff; } #purchases_table tr td img, #purchases_table_2 tr td img, #purchases_table tr th img, #purchases_table_2 tr th img { width: 18px; } #purchases_table td:nth-child(1), #purchases_table_2 td:nth-child(1) { color: #000000; font-weight: 700; width: 36%; text-align: left; } #purchases_table_2 th:nth-child(1), #purchases_table_2 td:nth-child(1) { display: none; } #purchases_table tr:nth-child(2) td, #purchases_table_2 tr:nth-child(2) td { font-weight: 700; } #purchases_table .it_col_width { /*width: 20%;*/ background: #c70201 !important; color: #ffffff; font-weight: 700; } #purchases_table_2 .it_col_width { /*width: 20%;*/ background: #7f7f7f !important; color: #ffffff; font-weight: 700; } /* After migrate uncommment these */ #purchases_table tr:nth-child(2n+1) { background: #fdd0d0; } #purchases_table_2 tr:nth-child(2n+1) { background: #d8d8d8; } #purchases_table tr:nth-child(6), #purchases_table tr:nth-child(10), #purchases_table tr:nth-child(19), #purchases_table_2 tr:nth-child(10), #purchases_table_2 tr:nth-child(19) { background: #ffffff !important; } #purchases_table tr:nth-child(1), #purchases_table tr:nth-child(2), #purchases_table tr:nth-child(3), #purchases_table tr:nth-child(4), #purchases_table tr:nth-child(5), #purchases_table_2 tr:nth-child(1), #purchases_table_2 tr:nth-child(2), #purchases_table_2 tr:nth-child(3), #purchases_table_2 tr:nth-child(4), #purchases_table_2 tr:nth-child(5), #purchases_table_2 tr:nth-child(6) { background: transparent; } /*#purchases_table_2 tr:nth-child(5) td { color: #000000; }*/ /*#purchases_table .it_col_width.szdbl { width: 40%; } #purchases_table_2 .it_col_width.szdbl { width: 25%; } #purchases_table_2 .it2_topleft_blk { display: none; }*/ /*#purchases_table td:nth-child(4) img, #purchases_table td:nth-child(5) img, #purchases_table_2 td:nth-child(4) img, #purchases_table_2 td:nth-child(5) img { opacity: 0.5; }*/ .purchase_active { cursor: pointer; } .purchases-standard { color: #ffffff; /*background: #fd0;*/ background: #131212 !important; font-weight: 600; position: relative; animation: purchasesprice 3s; animation-timing-function: ease; animation-iteration-count: 1; } .purchases-standard span { color: #ffcb00 !important; /*text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;*/ } @keyframes purchasesprice { from {left: 300px;} to {left: 0px;} } /*#purchases_table tr td:hover, #purchases_table_2 tr td:hover { background: #ffc55a; cursor: pointer; }*/ .pt2_clsn { padding: 24px 0; } .elementor-element-5996fce #purchases_table td:nth-child(1), .elementor-element-7107f9d #purchases_table_2 td:nth-child(1) { width: 32%; } .elementor-element-7107f9d #purchases_table_2 td:nth-child(1), .elementor-element-7107f9d #purchases_table_2 th:nth-child(1), .elementor-element-7107f9d #purchases_table_2 .it2_topleft_blk { display: revert; } /*.elementor-element-5996fce #purchases_table .it_col_width.szdbl, .elementor-element-5996fce #purchases_table .it_col_width { width: auto; }*/ /* end of new purchases table */ .g-recaptcha { display: inline-block; } .contact_us_important_note { display: inline-block; width: 30%; vertical-align: bottom; margin-left: 10px; } .contact_us_important_note p { /*color: #ffffff;*/ line-height: 1.5; font-size: 10px; } /* adjust top menu navigatiohn */ .navbar-header { width: 30%; } .navbar-brand { margin: 0; } /* static page */ #spic-stc-banner { padding: 50px; margin: 50px 50px; border-radius: 20px; } .stc-header { margin: 0 0 30px 0; } .stc-header h1 { text-shadow: 1px 0px 2px grey, -1px -0px 2px grey, 0px 1px 2px grey, 0px -1px 2px grey; padding: 5px 0; } .stc-header h1, .stc-header h2 { font-weight: 700; margin: 20px 0; } .stc-detail { padding: 0 10px; } .stc-header-p { background: rgba(255,255,255,0.5); padding: 5px 20px; border-radius: 20px; } #spic-stc-banner p { color: #00b2ef; font-size: 36px; font-weight: 700; margin: 15px 0; text-shadow: 1px 0px 2px #fff, -1px -0px 2px #fff, 0px 1px 2px #fff, 0px -1px 2px #fff; width: fit-content; border-radius: 20px; } .stc-detail a { padding: 15px 50px; font-size: 20px; font-weight: 700; background: #cc2026; border-radius: 7px; margin: 5px 15px; color: #ffffff !important; } .hssp-section { display: inline-block; width: 22%; text-align: center; vertical-align: top; margin: 10px; background: #f4555b; border-radius: 7px; } .hssp-top-img { /*width: 250px !important;*/ width: 100%; height: 170px !important; object-fit: cover; } .hssp-programme-lg { padding: 15px; height: 80px; align-content: center; } .hssp-programme-lg img { width: 100px; margin: 0 auto; } .hssp-section p a { color: #ffffff; font-weight: 700; margin: 0 0 5px 0; padding: 5px 10px; border-radius: 7px; } .hssp-section p a:hover { background: #cc2026; } /* end of homepage static page */ /* New Purchases Format */ #purchases_section { /*margin-left: 5rem;*/ } .courses-option-section { vertical-align: top; margin: 10px; padding: 10px 20px 10px 20px; width: 100%; background: #fdd0d0; border-radius: 20px; cursor: pointer; font-size: 15px; color: #000000; position: relative; box-shadow: 3px 3px 5px 0 #ffc3c3; } .courses-option-section p { color: #000000; font-weight: 600; display: none; } .courses-option-section .striketext { display: none; position: relative; } .module_level_details { padding: 0 20px; display: flex; flex-flow: wrap; align-items: center; } .module_level_details a { margin-left: 10px; background: #cc2026; padding: 5px 10px; border-radius: 10px; color: #ffffff !important; } .module_level_title { margin-top: 20px; font-size: 24px; font-weight: 700; } .module_level_price { font-weight: 600; background: #131212; width: fit-content; color: #ffffff; padding: 5px 10px; border-radius: 10px; } #course_option_popup p { color: #ffffff; font-size: 20px; font-weight: 700; } #course_option_popup .pricing-packages-selection { display: inline-block; padding: 10px; margin: 10px; background: #fdd0d0; border-radius: 7px; } #course_option_popup .pricing-packages-selection p { font-size: 15px; color: #000000; } #course_option_popup .close_course_popup_btn { cursor: pointer; background: #A90000; border-radius: 1rem; margin: 10px auto; padding: 5px 0px; width: 50%; } /* End of New Purchases Format */ .saerw-mobile { display: none; } .saerw img, .saerw-mobile img { width: 20px; } #purchases_ps { text-align: center; } #purchases_ps .courses-option-section { width: 25% !important; display: inline-block; } /* to replace the existing (study_texts_table) table in homepage */ .elementor-element-58f22ea .elementor-container { /*max-width: 1280px !important;*/ } .acca_packages { display: flex; flex-wrap: wrap; } .acca_section { flex: 1; /*padding: 10px;*/ margin: 30px; border-radius: 20px; text-align: center; background: #ffffff; box-shadow: 3px 3px 5px 0px #e4eef0; } .acca_section h2 { color: #ffffff; font-size: 24px; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 10px 0; } .acca_section h3 { color: #000000; font-weight: 300; margin: 0 1rem; padding: 1rem 0 0 0; font-size: 20px; } .acca_section div { font-size: 16px; margin-top: 1rem; } .acca_section span { font-size: 26px; padding: 10px; font-weight: 700; } .acca_section p { font-weight: 700; padding: 10px; } .acca_section ul li img { width: 25px; margin-right: 5px; } .acca_section .btm_list { height: 270px; } .acca_section .btm_list li { margin: 0 1rem 0 4rem; text-align: left; } .acca_section a { padding: 10px 40px; margin: 10px 0; border-radius: 30px; color: #ffffff !important; background: #cc2026; font-size: 18px; } /* end of replace existing (study_texts_table) table in homepage */ .form-group.sunwaytes { text-align: left !important; } .course-disclaimer { padding: 0 10px; } .course-disclaimer ol, .course-disclaimer ul, .course-disclaimer li { list-style: revert; font-size: 15px; } .course-disclaimer p { font-size: 15px; text-align: center; font-weight: 700; } #validateACCAID { background: #cc2026; padding: 10px 40px; color: #ffffff; border-radius: 24px; width: fit-content; cursor: pointer; } #hfof_accaid { width: 100%; } /* 50% off Purchases Section (June Failures only) */ #verified_subjects_section #purchases_section { margin: 30px 0; } #course_subjects_section { margin: 50px 0; } /* for 11 11 multipy discount campaign */ #mdc11 { display: none !important; } /* remove this after 29th Mar campaign */ /*.mdc_ctnmb_tbtsize, .mdc_ctnmb_mblsize { display: none !important; } .elementor-element-33e95ff .elementor-widget-wrap, .elementor-element-7251c74 .elementor-widget-wrap { padding: 0 !important; }*/ /* end of remove this after 29th Mar campaign */ /*.elementor-element-162c45e div h2, .elementor-element-86a7f4d div h2 { color: #D56969 !important; text-shadow: 0 0 10px #BE2423 !important; color: #ac0909 !important; text-shadow: 0 0 10px #E38787 !important; } .home_banner_text_left span, .home_banner_text_right span { color: #fffb00 !important; text-shadow: 0 0 10px #fffb00 !important; color: #ff8f00 !important; text-shadow: 0 0 10px #f48542 !important; font-weight: normal !important; }*/ /* end of 11 11 multipy discount campaign */ .mdc_ctn { display: block; position: absolute; width: 210px; height: 75px; top: 400px; left: 130px; cursor: pointer; } /*.elementor-column.elementor-col-50.elementor-top-column.elementor-element.elementor-element-d096926 .elementor-widget-wrap, .elementor-column.elementor-col-100.elementor-inner-column.elementor-element.elementor-element-a42a2f7.home-banner-heading .elementor-widget-wrap { padding: 0; } */ /*up to 60% off packages*/ #spop { display: inline-block; /*padding: 10px 0;*/ margin: 0 10px; background: #fffceb; /*background: #ffd900;*/ border-radius: 7px; font-size: 13px; font-weight: 700; color: #000000; width: 30%; vertical-align: middle; cursor: pointer; } #spop_details { margin: 10px 0; } #package_set_pricing { font-size: 20px; font-weight: 700; margin: 10px; } #packagesetDetails li { list-style-type: decimal; display: list-item; width: 87%; margin: 0 auto; text-align: left; } #spop_details .pricing-packages-set-selection { width: 70%; padding: 10px; margin: 10px auto; background: #fdd0d0; border-radius: 7px; font-size: 16px; } .pricing-packages-set-selection { margin: 10px; text-align: center; color: #000000; border-radius: 7px; cursor: pointer; font-weight: bold; } .spop_tlo { font-weight: 700; } /*end of up to 60% off packages*/ @media only screen and (min-width: 2101px){ #spop { width: 20%; } } @media only screen and (min-width: 1800px){ /*.elementor-8220 .elementor-element.elementor-element-d096926 > .elementor-element-populated { margin: 150px 50px !important; }*/ } @media screen and (max-width: 1280px) { .custom-logo-link img { margin: 0 15px 15px 0; } #pricing-packages-D24 .pricing-packages-type { display: inline-block; } .elementor-element-403683f .elementor-widget-container { text-align: center; } #pricing-packages-S24, #pricing-packages-D24 { /*text-align: left;*/ width: 100%; text-align: left; margin-left: 20%; } #pricing-packages-D24 .pricing-packages-courses { margin: 5px; } #pricing-session-detail { text-align: center; } #intakes_table td:nth-child(1), #intakes_table_2 td:nth-child(1) { width: 15%; } #purchases_table td:nth-child(1), #purchases_table_2 td:nth-child(1) { width: 15%; } #intakes_table .it_col_width { width: auto; } .ef-rae { line-height: 2.22; } .fc-reg-2025, .ef-reg-2025 { display: block; } } @media screen and (max-width: 1250px) { .ef-arkc { font-size: 12px !important; line-height: 2.2; } } @media screen and (max-width: 1200px) { .header .main-menu .nav > li > a { padding: 5px 10px !important; } .slick-prev { left: 0px; z-index: 1; } .slick-next { right: 0px; } .main-menu .navbar .collapse div { margin-bottom: auto !important; } } @media screen and (max-width: 1024px) { #pricing-packages-S24, #pricing-packages-D24 { margin-left: 15%; } .navbar-header { width: auto; } .navbar-brand { margin: 1px; } #main-top-banner .elementor-container.elementor-column-gap-default { margin-top: 0px; } .elementor-6 .elementor-element.elementor-element-20cb0e2 > .elementor-element-populated { margin: 155px 50px 55px 50px !important; } .mdc_ctn { width: 180px; height: 60px; top: 330px; left: 100px; } } @media (min-width: 769px) and (max-width: 1024px) { .elementor-8220 .elementor-element.elementor-element-d096926 > .elementor-element-populated { margin: 30px !important; } } @media screen and (max-width: 991px) { .header .main-menu .nav > li > a { padding: 20px 20px !important; } #menu-main-navigation-menu { margin-left: 4em; } } @media screen and (max-width: 850px) { .form-group.mytext.nogap_firstname { margin-bottom: 15px; } } @media screen and (max-width: 800px) { #menu-main-navigation-menu { width: 100%; } .header .main-menu .nav > li > a { padding: 10px !important; } .elementor-8220 .elementor-element.elementor-element-d096926 > .elementor-element-populated { margin: 25px 50px 25px 50px !important; } .elementor-button.elementor-size-md { padding: 15px 30px !important; } } @media screen and (max-width: 768px) { .home .header .bg-main-menu { /*background: fdb35c;*/ background: #ff5454; } #menu-main-navigation-menu { margin-left: 0px; } .dropdown-menu { text-align: center; } .navbar-header { width: 100%; } .custom-logo-link { max-width: 350px; } .navbar-toggler { margin-top: 15px; } .navbar-collapse { max-height: unset !important; } .main-menu .navbar .collapse div { width: 100%; } .header .main-menu .nav > li > a { text-align: left !important; font-size: 20px !important; } .menu-item-3498 .nav-link { margin: 0; background: transparent; } .menu-item-8545 { border-bottom: 0px solid #ffffff !important; } .dropdown-item { font-size: 20px; text-align: left; padding-left: 20px; } .navbar.navbar-default.navbar-menu.navbar-expand-md .navbar-collapse.collapse.show .flex { margin: 0 auto; } #home-banner .elementor-column-wrap { margin: 150px 0px 30px 0px; } #home-banner .elementor-column-wrap .elementor-element-e815e56 .elementor-column-wrap, #home-banner .elementor-column-wrap .elementor-element-44ac8c8 .elementor-column-wrap { margin: 15px 0px; } .home-banner-heading .elementor-column-wrap, .home-banner-cta .elementor-column-wrap { margin: 0px !important; } .home-spic-about, .home-spic-about .elementor-widget-button { text-align: center; } .home_banner_text_left { padding-left: 0; } .home_banner_text_right { padding-right: 0; } #hp_pf_fom { margin-left: 0; } #hp_wd_imi { margin-right: 0; } .elementor-6 .elementor-element.elementor-element-20cb0e2 > .elementor-element-populated { margin: 105px 50px 20px 50px !important; } .elementor-6 .elementor-element.elementor-element-5bd2386 { margin-top: 0 !important; } .acca-course-home-button a { padding: 15px 30px; } .acca-course-home-content { text-align: center; } .course-intro-content { display: block; width: 100%; padding: 15px; margin: 20px 0px; } .elementor-6 .elementor-element.elementor-element-25a7260 { background-image: url("https://stesglobal.com/wp-content/uploads/2022/04/main-banner-1000x854.jpg") !important; } #session-plan { display: none; } .mobile-session-plan-section { display: block; text-align: center; } #voucher-text { top: 50%; } .pricing-packages-main { text-align: center; } .pricing-packages-section { width: 60%; } .study-texts-feature .study-texts-img { text-align: center; } .study-texts-feature .study-texts-img img { display: block; margin: 0 auto; } #study_texts_table td:nth-child(1) { width: auto; } #study_texts_table td:nth-child(2) { width: auto; } #ebook_pricing_table td:nth-child(1), #ebook_pricing_table td:nth-child(2) { width: auto; } /* .pricing-packages-main { text-align: center; } .pricing-packages-section { width: 60%; } #pricing-packages-S24, #pricing-packages-D24 { margin-left: 0; } #pricing-packages-S24 .pricing-packages-main, #pricing-packages-D24 .pricing-packages-main { text-align: left; } #pricing-packages-S24 .pricing-packages-section, #pricing-packages-D24 .pricing-packages-section { width: 80%; }*/ #intakes_section, #purchases_section, #timetables, #timetables_2, #packages-pricing-section, #pricing-summary { overflow-x: auto; } #pricing-summary { margin: 0 10px; } #checkout_back { margin-bottom: 10px; } .sticky-navbar-pc { bottom: 60%; } #about_us_bottom img { width: 20%; } #intakes_table td:nth-child(1) { width: 10%; } #intakes_table, #intakes_table_2 { display: block; width: 100%; } #intakes_table .it_col_width { width: 15%; } #intakes_table_2 th:nth-child(1), #intakes_table_2 td:nth-child(1), .it2_topleft_blk { display: revert; } #purchases_table td:nth-child(1) { width: 10%; } #purchases_table, #purchases_table_2 { display: block; width: 100%; } #purchases_table .it_col_width { width: 15%; } #purchases_table_2 th:nth-child(1), #purchases_table_2 td:nth-child(1), .it2_topleft_blk, .breakoff { display: revert; } .ibreakoff { margin: 0; } #intakes_table tr:nth-child(11) td:nth-child(1), #intakes_table tr:nth-child(22) td:nth-child(1), #purchases_table tr:nth-child(9) td:nth-child(1), #purchases_table tr:nth-child(20) td:nth-child(1) { font-size: 15px; vertical-align: top; } #main-top-banner .elementor-container.elementor-column-gap-default { margin-top: 30px; } .nogap_firstname, .nogap_accaid { width: 100%; } .nogap_lastname, .nogap_dob { width: 100%; } /*#intakes_table_2 tr:nth-child(5) td, #intakes_table_2 tr:nth-child(6) td, #purchases_table_2 tr:nth-child(5) td, #purchases_table_2 tr:nth-child(6) td { padding: 0; line-height: 0; }*/ .menu-item-3498 .nav-link { margin: 0; } #purchases_section { margin-left: 0; } .courses-option-section { width: auto; } .saerw-mobile { display: block; margin-top: 20px; } .saerw { display: none; } .elementor-element-133b038 .elementor-widget-wrap, .elementor-element-04c8150 .elementor-widget-wrap, .elementor-element-246d1e4 .elementor-widget-wrap { padding: 0 !important; } .acca_section { flex: auto; width: 250px; } .acca_section .btm { height: 70px; } /*#bofomo { display: block; height: 500px; background: #000000; } #bofomo .elementor-element-populated { height: 100%; }*/ #main-top-banner { /*background-image: url("https://stesglobal.com/ACCA/wp-content/uploads/2026/01/New-Year-Sale_Website-Banner.png");*/ background-position: center left; } #main-top-banner .elementor-background-overlay { background-position: left !important; } #mdc11 { display: block !important; } #mdc11 .elementor-widget-wrap { height: 768px; } #spop { width: 77%; } .elementor-element-58f22ea { border-top-left-radius: 170px; } /* remove this after 4th Jan 2026 for year end campaign */ .elementor-element-8e1d1ca .elementor-widget-container { position: relative; display: inline-block; } .click-to-fc { position: absolute; top: 36rem; left: 270px; width: 200px; height: 50px; } .elementor-8220 .elementor-element.elementor-element-2daf3d7:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap { background-size: cover; background-repeat: no-repeat; } .mdc_ctnmb_tbtsize { display: block !important; } } @media only screen and (max-width: 700px){ #about_us_top img.about_us_inner_top_left { margin-right: 15px; } #about_us_top img.about_us_inner_top_right { margin-left: 15px; } } @media only screen and (max-width: 600px){ /* Force table to not be like tables anymore */ .row-intake-section, .row-pricing-section { text-align: center; background: #00b2ef !important; color: #ffffff; font-weight: bold; } .desktop-td-pricing-section { display: none; } .mobile-td-section { display: block; } #student-pricing td { border-bottom: 0px solid #fff; border-top: 0px solid #fff; } /*#pricing_table tr { border: 0px solid #fff; }*/ .mobile-td-pricing-section { display: block; text-align: center; font-weight: bold; } .mobile-td-pricing-course-section { border-left: 5px solid #f4630b !important; border-right: 5px solid #f4630b !important; text-align: center; } .numbering { display: none; } #study_texts_table th { display: none; } #study_texts_table table, #study_texts_table thead, #study_texts_table tbody, #study_texts_table td, #study_texts_table tr { display: block; } /*.modestudy { display: block; }*/ /* Hide table headers (but not display: none;, for accessibility) */ #study_texts_table { margin-top: 50px; } #study_texts_table thead tr { position: absolute; top: -9999px; left: -9999px; } #study_texts_table tr { border: 1px solid #ccc; } /*#pricing_table tr.pricing_table_header { border: 0; }*/ #study_texts_table td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; text-align: center; } #study_texts_table td:before { /* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } /* Label the data */ #study_texts_table td:nth-of-type(1):before { content: "CONTENT"; text-align: left; padding: 4px 0px; font-weight: 700;} #study_texts_table td:nth-of-type(2):before { content: "DETAILS"; text-align: left; padding: 4px 0px; font-weight: 700;} #study_texts_table td:nth-of-type(3):before { content: "FULL COURSE"; text-align: left; padding: 4px 0px; font-weight: 700;} #study_texts_table td:nth-of-type(4):before { content: "EXAM FOCUSED"; text-align: left; padding: 4px 0px; font-weight: 700;} /*#intake_period_table td:nth-of-type(3) { border-bottom: none; }*/ #study_texts_table td:nth-child(1), #study_texts_table td:nth-child(2) { background: none; } #study_texts_table td:nth-child(3), #study_texts_table td:nth-child(4) { width: auto; } /*#pricing_table .mobile-td-pricing-section th { display: block; width: 100% !important; } #pricing_table td:nth-of-type(1):before { content: "SUBJECT"; text-align: left; padding: 4px 0px; font-weight: 700; } #pricing_table td:nth-of-type(2):before { content: "PRE-RECORDED"; text-align: left; padding: 4px 0px; font-weight: 700; } #pricing_table td:nth-of-type(4):before { content: "LIVE"; text-align: left; padding: 4px 0px; font-weight: 700; }*/ /*#pricing_table td:nth-of-type(5):before { content: "EXAM FOCUSED"; text-align: left; padding: 4px 0px; font-weight: 700; }*/ /*#pricing_table .study_text_details td:nth-of-type(3):before { content: ""; }*/ /*.elementor-6 .elementor-element.elementor-element-25a7260 { background-image: url("https://stesglobal.com/wp-content/uploads/2022/04/main-banner-600x854.jpg") !important; }*/ .study-texts-feature { margin: 10px; } .study-texts-feature div, .study-texts-feature .study-texts-details { vertical-align: middle; } /* pricing summary */ /*#pricing_summary_details { text-align: center; } #pricing_summary_details td:nth-of-type(1):before { content: "Package"; text-align: left; padding: 2px 0px; font-weight: 700; } #pricing_summary_details td:nth-of-type(2):before { content: "Type"; text-align: left; padding: 2px 0px; font-weight: 700; } #pricing_summary_details td:nth-of-type(3):before { content: "Price (USD)"; text-align: left; padding: 2px 0px; font-weight: 700; } #pricing_summary_details td:nth-of-type(4):before { content: "Price (MYR)"; text-align: left; padding: 2px 0px; font-weight: 700; }*/ /*#pricing_summary_details #total_section_blank::before { content: ""; } #pricing_summary_details #total_section_title::before { content: ""; }*/ /*#pricing_table td:nth-child(1) { background: #00b2ef !important; width: auto; } #pricing_table td:not(:nth-child(1)) { width: auto; }*/ .package_type { display: none; } .elementor-1616 .elementor-element.elementor-element-f08ab53 { margin-bottom: 0px !important; } /*#timetables-mobile { display: block; color: #00b2ef; font-weight: 700; margin-bottom: 50px; }*/ /*.timetables-mobile-title, .timetables-mobile-subtitles, .timetables-mobile-section { width: fit-content; margin: 0 auto; text-align: center; } .timetables-mobile-title { margin: 0px auto 10px auto; } .timetables-mobile-subtitles div { display: inline-block; width: 150px; text-align: center; background: #00b2ef; color: #ffffff; padding: 5px 0px; } .timetables-mobile-selection { width: 150px; text-align: center; } .timetables-mobile-section a { text-decoration: none; padding: 5px 0px; color: #696969 !important; } .timetables-mobile-section a:hover { background: #f4630b !important; color: #ffffff !important; } #pricing-packages-S24 .pricing-packages-section, #pricing-packages-D24 .pricing-packages-section { width: 70%; } #pricing-packages-S24 .pricing-packages-courses, #pricing-packages-D24 .pricing-packages-courses { width: 60px; } #pricing-packages-S24 .pricing-packages-course-title, #pricing-packages-D24 .pricing-packages-course-title { font-size: 13px; }*/ #pricing-summary, #pricing-form { display: block; width: 95%; margin: 30px 20px; } .elementor-element-69c08b8, .elementor-element-58f22ea { border-top-left-radius: 90px; } #mdc11 .elementor-widget-wrap { height: 600px; } } @media screen and (max-width: 601px) { /*.custom-logo-link { max-width: 400px; }*/ /*#timetables { display: none; }*/ } @media screen and (max-width: 567px) { .free-trial-section { margin: 10px 0px; } } @media screen and (max-width: 480px) { .custom-logo-link { max-width: 300px !important; } .custom-logo-link img { margin: 0; } .navbar-header { padding: 1px 0 !important; } .navbar-toggler { padding: 1px 5px !important; } #main-top-banner { /*background: linear-gradient(to bottom, #ED7D31 15%, #b3f6ff 15%, #b2d3ff 120%);*/ } #main-top-banner .elementor-container.elementor-column-gap-default { margin-top: 0; } .elementor-6 .elementor-element.elementor-element-20cb0e2 > .elementor-element-populated, .elementor-element.elementor-element-d096926 > .elementor-element-populated { margin: 20px 30px 10px 30px !important;; } .elementor-element-3a5de2c { margin-top: 0 !important; } #pricing-packages-S24 .pricing-packages-type, #pricing-packages-D24 .pricing-packages-type { width: 90px; font-size: 13px; } #pricing-packages-S24 .pricing-packages-section, #pricing-packages-D24 .pricing-packages-section { width: 75%; } #pricing-packages-S24 .pricing-packages-courses, #pricing-packages-D24 .pricing-packages-courses { width: 40px; } #pricing-packages-S24 .pricing-packages-course-title.lwuk, #pricing-packages-D24 .pricing-packages-course-title.lwuk { padding: 12.6px 0; word-break: break-word; } #pricing-packages-D24 .pricing-packages-type-blank.ak, #pricing-packages-D24 .pricing-packages-type-blank.as, #pricing-packages-D24 .pricing-packages-type-blank.sp { font-size: 13px; padding: 0 10px 0 1px; } #pricing-packages-S24 .pricing-packages-type-text, #pricing-packages-D24 .pricing-packages-type-text { padding: 7px 0; text-align: center; font-weight: 300; } #pricing-session-detail { text-align: left; padding: 0 0 0 20px; } #pricing-summary, #pricing-form { margin: 30px 5px; } #checkout_back { margin-bottom: 0px; } #timetables-selector td:nth-child(1), .timetables-mobile-row { display: block; } #timetables-selector td:nth-child(2), .timetables-row-header { display: none; } #timetables-selector tr:nth-child(2) { font-size: 13px; } #about_us_top img { width: auto; } #about_us_top img.about_us_inner_top_left { margin-right: 0; } #about_us_top img.about_us_inner_top_middle { width: 30%; margin: 15px 0; } #about_us_top img.about_us_inner_top_right { margin-left: 0; } #about_us_bottom img { width: 30%; } .sticky-navbar{ width: auto; right: 2%; bottom: 0%; z-index: 1000; line-height: 1; } .sticky-navbar-pc { display: none; width: auto; right: 30%; bottom: 0%; z-index: 1000; line-height: 1; } .sticky-navbar div, .sticky-navbar-pc div { display: inline-block; padding: 10px 5px; } .contact_us_important_note { width: 100%; } #study_texts_table td:nth-child(3), #study_texts_table td:nth-child(4) { width: auto; } .elementor-1187 .elementor-element.elementor-element-5048303 { margin-bottom: 0 !important; } .elementor-1187 .elementor-element.elementor-element-6042d2b > .elementor-element-populated > .elementor-widget-wrap { display: none; } .form-group.form-input-radio .form-radio-group:first-child { display: block; } #cu-map-details-mobile { display: block; } #cu-map-details-mobile .elementor-element-b9fbbe3 .elementor-element-populated .elementor-widget-wrap { padding: 0; } #cu-map-details-mobile .elementor-element-d3ee94b .elementor-widget-container { padding: 20px; } #spic-stc-banner { padding: 10px; margin: 0; } .stc-header h1 { font-size: 40px; text-align: center; } .stc-header h2 { font-size: 24px; text-align: center; } .stc-detail p { text-align: center; } .stc-detail a { width: 90%; text-align: center; padding: 10px; font-size: 16px; } .hssp-section { width: 95%; } #about_us p { margin: 15px 0; } .study-texts-feature { margin: 10px; } .courses-option { width: 90%; margin: 10px; } .courses-option-section { font-size: 14px; padding: 10px 0 10px 5px; } .module_level_details { padding: 0 10px; } .module_level_details:first-child .module_level_title { margin-top: 0; } .sticky-navbar-ws { right: 0%; left: auto; } #purchase_cart { bottom: 9%; } .module_level_details a { margin: 5px 0 0 0; } .acca_section .btm, .acca_section .btm_list { height: auto; } /*#bofomo { height: 480px; }*/ #mdc11 .elementor-column-wrap.elementor-element-populated { background-size: cover; } #mdc11 .elementor-widget-wrap { height: 480px; } #spop { width: 69%; margin: 10px 0; } .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-draggable.ui-resizable { width: 70% !important; } #packagesetDetails li { width: 90%; margin: 0 auto; text-align: left; } .click-to-fc { position: absolute; top: 21rem; left: 150px; width: 155px; height: 50px; } .elementor-8220 .elementor-element.elementor-element-55e9efa:not(.elementor-motion-effects-element-type-background) { background-position: center left !important; } .mdc_ctnmb_tbtsize { display: none !important; } .mdc_ctnmb_mblsize { display: block !important; } } @media screen and (max-width: 440px) { #pricing-packages-S24 .pricing-packages-section, #pricing-packages-D24 .pricing-packages-section { width: 85%; } .mobile-pricing-packages-text { display: block; padding: 0 0 0 20px; } .pricing-packages-type-mobile { display: inline-block; } .pricing-packages-type { display: none !important; } #pricing-packages-S24 .pricing-packages-type-blank.ak { padding: 10px 2px; font-size: 15px; } #pricing-packages-D24 .pricing-packages-type-text { margin-bottom: 0; } #pricing-packages-S24 .pricing-packages-type-text, #pricing-packages-D24 .pricing-packages-type-text { padding: 3px 0 7px 0; } #pricing-packages-D24 .pricing-packages-type-blank.ak, #pricing-packages-D24 .pricing-packages-type-blank.as, #pricing-packages-D24 .pricing-packages-type-blank.sp { /*padding: 22.5px 2px 22.5px 2px;*/ padding: 10px 2px; } #pricing-packages-S24 .pricing-packages-course-title.lwuk, #pricing-packages-D24 .pricing-packages-course-title.lwuk { padding: 10.8px 0; } /*#bofomo { height: 440px; }*/ } @media screen and (max-width: 410px) { .custom-logo-link { max-width: 250px !important; } #checkout_back { margin-bottom: 10px; } } @media screen and (max-width: 390px) { .mobile-screen-td-pricing-section { display: block; text-align: center; } /*#bofomo { height: 390px; }*/ } @media screen and (max-width: 360px) { #pricing-packages-S24 .pricing-packages-section, #pricing-packages-D24 .pricing-packages-section { width: 90%; } /*#bofomo { height: 360px; }*/ #mdc11 .elementor-widget-wrap { height: 360px; } .click-to-fc { position: absolute; top: 15rem; left: 100px; width: 140px; height: 50px; } } @media (min-width: 601px) and (max-width: 1024px) { .elementor .elementor-hidden-tablet { display: none; } } @media (min-width: 769px) and (max-width: 1116px) { } @media screen and (max-width: 629px) { .pricing-packages-type-blank.ak { padding: 111px 0px; } } @media screen and (max-width: 505px) { .pricing-packages-type-blank.as { padding: 111px 0px; } .pricing-packages-type-blank.sp { padding: 125px 0px; } } @media screen and (max-width: 451px) { .pricing-packages-type-blank.ak { padding: 126px 0px; } } @media screen and (max-width: 379px) { .pricing-packages-type-blank.as { padding: 125px 0px; } } @media screen and (max-width: 365px) { .pricing-packages-type-blank.as { padding: 139px 0px; } } @media screen and (max-width: 361px) { .pricing-packages-type-blank.sp { padding: 139px 0px; } } @media screen and (max-width: 357px) { .pricing-packages-type-blank.ak { padding: 139px 0px; } .pricing-packages-type-blank.as { padding: 152px 0px; } } @media screen and (max-width: 354px) { .pricing-packages-type-blank.sp { padding: 152px 0px; } } @media screen and (max-width: 337px) { .pricing-packages-type-blank.ak { padding: 153px 0px; } } /* this line of css has to be placed after any unordered and ordered list*/ #spic-structure-learning-materials td:first-child, #spic-subscription-rate td:first-child { text-align: center; }​ /* the next line of code after this will not take effect (unknown), but any code following works */