Linux aries.aptans.com 4.18.0-348.20.1.lve.1.el8.x86_64 #1 SMP Wed Mar 16 08:45:39 EDT 2022 x86_64
Apache
: 135.181.142.107 | : 172.70.130.35
Cant Read [ /etc/named.conf ]
7.4.33
aja
www.github.com/MadExploits
Terminal
AUTO ROOT
Adminer
Backdoor Destroyer
Linux Exploit
Lock Shell
Lock File
Create User
CREATE RDP
PHP Mailer
BACKCONNECT
UNLOCK SHELL
HASH IDENTIFIER
CPANEL RESET
CREATE WP USER
README
+ Create Folder
+ Create File
/
home /
aja /
public_html /
ead /
theme /
edumy /
style /
[ HOME SHELL ]
Name
Size
Permission
Action
images
[ DIR ]
drwxr-xr-x
lightbox
[ DIR ]
drwxr-xr-x
nivolightbox-themes
[ DIR ]
drwxr-xr-x
ytplayer
[ DIR ]
drwxr-xr-x
ace-responsive-menu.css
8.19
KB
-rwxr-xr-x
ajax-loader.gif
4.08
KB
-rwxr-xr-x
animate.css
58.41
KB
-rwxr-xr-x
animated-overlay.gif
1003
B
-rwxr-xr-x
blank.gif
1003
B
-rwxr-xr-x
bootstrap-select.min.css
9.57
KB
-rwxr-xr-x
bootstrap.min.css
151.58
KB
-rwxr-xr-x
ccn-flaticon.css
22.2
KB
-rwxr-xr-x
ccn-visualize.css
17.83
KB
-rwxr-xr-x
cocoon-dashboard.css
272
B
-rwxr-xr-x
cocoon-mdl-reset.css
1.45
KB
-rwxr-xr-x
cocoon-mdl.css
126.12
KB
-rwxr-xr-x
cocoon.css
438.78
KB
-rwxr-xr-x
cocoon.editor.theme.css
11.37
KB
-rwxr-xr-x
cocoon.footer.9.css
1.29
KB
-rwxr-xr-x
cocoon.header.1.css
342
B
-rwxr-xr-x
cocoon.header.10.css
6.29
KB
-rwxr-xr-x
cocoon.header.11.css
827
B
-rwxr-xr-x
cocoon.header.12.css
1.44
KB
-rwxr-xr-x
cocoon.header.13.css
5.7
KB
-rwxr-xr-x
cocoon.header.14.css
7.44
KB
-rwxr-xr-x
cocoon.header.2.css
4.42
KB
-rwxr-xr-x
cocoon.header.3.css
10.6
KB
-rwxr-xr-x
cocoon.header.4.css
7.82
KB
-rwxr-xr-x
cocoon.header.5.css
6.92
KB
-rwxr-xr-x
cocoon.header.6.css
5.05
KB
-rwxr-xr-x
cocoon.header.7.css
3.8
KB
-rwxr-xr-x
cocoon.header.8.css
9.33
KB
-rwxr-xr-x
cocoon.header.9.css
593
B
-rwxr-xr-x
cocoon.header.context.dash.css
1.15
KB
-rwxr-xr-x
cocoon.header.context.focus.cs...
1.15
KB
-rwxr-xr-x
cocoon.mdl.310.css
968
B
-rwxr-xr-x
cocoon.mdl.311.css
1.3
KB
-rwxr-xr-x
cocoon.mdl.37.css
407
B
-rwxr-xr-x
cocoon.mdl.38.css
646
B
-rwxr-xr-x
cocoon.mdl.39.css
593
B
-rwxr-xr-x
cocoon.mdl.reset.310.css
1.2
KB
-rwxr-xr-x
cocoon.mdl.reset.311.css
1.2
KB
-rwxr-xr-x
cocoon.mdl.reset.37.css
45
B
-rwxr-xr-x
cocoon.mdl.reset.38.css
0
B
-rwxr-xr-x
cocoon.mdl.reset.39.css
600
B
-rwxr-xr-x
custom.css
282
B
-rwxr-xr-x
dashbord_navitaion.css
1.82
KB
-rwxr-xr-x
fancybox_overlay.png
1003
B
-rwxr-xr-x
fileuploader.css
10.31
KB
-rwxr-xr-x
flaticon.css
5.56
KB
-rwxr-xr-x
font-awesome-animation.min.css
18
KB
-rwxr-xr-x
font-awesome.min.css
30.36
KB
-rwxr-xr-x
isotope.css
915
B
-rwxr-xr-x
jquery-ui.min.css
28.59
KB
-rwxr-xr-x
jquery.fancybox.min.css
12.5
KB
-rwxr-xr-x
line-awesome.min.css
88.08
KB
-rwxr-xr-x
magnific-popup.css
15.59
KB
-rwxr-xr-x
megadropdown.css
10.78
KB
-rwxr-xr-x
menu.css
18.01
KB
-rwxr-xr-x
nouislider.min.css
4.19
KB
-rwxr-xr-x
owl.css
4.18
KB
-rwxr-xr-x
progressbar.css
4.12
KB
-rwxr-xr-x
responsive.css
76.65
KB
-rwxr-xr-x
simplebar.min.css
9.79
KB
-rwxr-xr-x
slider.css
10.29
KB
-rwxr-xr-x
spectrum.css
14.57
KB
-rwxr-xr-x
style.css
0
B
-rwxr-xr-x
timecounter.css
16.12
KB
-rwxr-xr-x
ytbg.css
985
B
-rwxr-xr-x
Delete
Unzip
Zip
${this.title}
Close
Code Editor : cocoon.css
/******* Created by Cocoon https://createdbycocoon.com Edumy - LMS Online Education Course & School Moodle Theme ********/ /* */ [[setting:primary_font_src]] [[setting:secondary_font_src]] /* */ html { font-size: 100%; } body { background-attachment: fixed; background-color: #ffffff; color: #6f7074; font-family: '[[setting:secondary_font]]', sans-serif; font-size: 15px; font-weight: 400; line-height: 1.642; overflow-x: hidden; transition: inherit; -webkit-font-smoothing: antialiased; } img { max-width: 100%; } p { font-size: 15px; font-weight: 400; } ul, ol { list-style: none; margin: 0; padding: 0; } iframe { border: none; width: 100%; } a { color: [[setting:color_primary]]; text-decoration: none; -webkit-font-smoothing: antialiased; } a:hover, a:focus { color: #333333; text-decoration: none; outline: none; } a img { border: none; } iframe { border: none; } ::selection { background: #222222; color: #ffffff; text-shadow: none; } ::-moz-selection { /* Firefox */ background: #222222; color: #ffffff; text-shadow: none; } ::-webkit-selection { /* Safari */ background: #222222; color: #ffffff; text-shadow: none; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "[[setting:primary_font]]", sans-serif; line-height: 1.42857; color: #0a0a0a; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #0a0a0a; font-weight: 400; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: #0a0a0a; font-weight: 400; } h1, h2, h3, h4 .h1, .h2, .h3, .h4 { font-weight: 700; } h5, h6, .h5, .h6 { font-weight: 400; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 15px; } h6, .h6 { font-size: 12px; } p, ul, ol, dl, dt, dd, blockquote, address { margin: 0 0 10px; } .form-control { font-size: 14px; font-family: "[[setting:primary_font]]", sans-serif; padding: 0 20px; } .ff-ubuntu { font-family: "[[setting:primary_font]]", sans-serif; } .sign_up_modal:before { background-color: rgba(0, 0, 0, .9); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .modal-backdrop { display: none; } .sign_up_modal .modal-header { background-color: [[setting:color_primary]]; border-radius: 50%; border: none; height: 50px; position: absolute; right: -20px; text-align: center; top: -20px; width: 50px; } .sign_up_modal .modal-header button.close { margin-top: -4px; margin-right: 0; margin-left: 3px; opacity: 1; padding: 0; } .sign_up_modal .modal-header button.close span { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); } .sign_up_modal .modal-header button.close span:focus { border: none; outline: none; text-shadow: none; } .sign_up_tab li.nav-item { text-align: center; width: 50%; } .sign_up_tab li.nav-item .nav-link { background-color: #f9fafc; height: 70px; line-height: 65px; margin: 0; padding: 0; } .sign_up_tab li.nav-item .nav-link { border: none; color: #0a0a0a; font-family: "[[setting:primary_font]]", sans-serif; font-size: 18px; font-weight: bold; } .sign_up_tab li.nav-item .nav-link.active { background-color: #ffffff; border: none; } .cart { align-items: center; display: flex; flex-direction: row; margin: 0 auto; padding: 0; position: relative; } .cart>li { cursor: pointer; font-size: 14px; flex-grow: 1; flex-shrink: 0; position: relative; } .cart>li:hover .dropdown_content { opacity: 1; visibility: visible; z-index: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .cart>li:hover .dropdown_content:before { background-color: #ffffff; content: ""; height: 17px; position: absolute; top: -7px; width: 17px; right: 15px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .dropdown_content { background: #ffffff; border-radius: 5px; -webkit-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); /* Firefox 3.5 - 3.6 */ box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); display: flex; flex-direction: column; margin: 0; opacity: 0; padding: 30px 30px 10px 30px; position: absolute; right: 0; top: 50px; -webkit-transform: translate(0, -60px); -moz-transform: translate(0, -60px); -o-transform: translate(0, -60px); transform: translate(0, -60px); transition: opacity 0.2s, z-index 0s 0.2s, -webkit-transform 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s, z-index 0s 0.2s; transition: transform 0.2s ease-out, opacity 0.2s, z-index 0s 0.2s, -webkit-transform 0.2s ease-out; visibility: hidden; width: 414px; z-index: -1; } .dropdown_content>li:first-child { padding-top: 0; } .dropdown_content>li { border-bottom: 1px solid #dedede; cursor: pointer; font-size: 14px; padding: 20px 0; } .dropdown_content>li:last-child { border-bottom: none; } .dropdown_content .list_content a img { border-radius: 50%; margin-right: 20px; } .dropdown_content .list_content a p { color: #0a0a0a; font-family: "[[setting:primary_font]]", sans-serif; margin: 0; } .dropdown_content .list_content a small { font-size: 14px; margin: 0; } .dropdown_content .list_content a .close_icon { font-size: 16px; margin: -10px 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .dropdown_content .list_content h5 { color: #212121; font-weight: bold; font-size: 18px; margin-bottom: 15px; } .dropdown_content .list_content .cart_btns { border: 1px solid transparent; margin-right: 10px; } .dropdown_content .list_content .cart_btns:hover { background-color: #2ac4ea; border: 1px solid #2ac4ea; } .dropdown_content .list_content .cart_btns, .dropdown_content .list_content .checkout_btns { border-radius: 25px; color: #ffffff !important; height: 50px; line-height: 40px; width: 170px; } .dropdown_content .list_content .checkout_btns:hover { background-color: #ff4d7f; } /* Search Overlay */ .search_overlay { height: 100%; width: 100%; } .mk-search-trigger { margin-left: 15px; position: absolute; top: 25px; } .search_overlay.home3 .mk-search-trigger, .search_overlay.home5 .mk-search-trigger { position: relative; top: 0; } .search_overlay.home5 .mk-search-trigger { margin-left: 0; } /* .home9>.search_overlay span#search-button { background-color: #3965dd; border-radius: 50%; display: block; height: 55px; line-height: 55px; text-align: center; top: -9px; width: 55px; right: 30px; } @media (min-width: 1500px) { .ccn_hero .home9>.search_overlay span#search-button { top: 20px; } } .ccn_context_frontend header.header-nav.menu_style_home_one.home9.stricky-fixed #search-button i { color: #ffffff; } .ccn_context_frontend.ccn_header_style_10 .inner_page_breadcrumb { } .home9>.search_overlay span#search-button i { font-size: 20px; } .home9>.search_overlay span#search-button:before { background-color: rgba(57, 101, 221, .3); border-radius: 50%; content: ""; display: block; height: 73px; left: -9px; position: absolute; text-align: center; top: -9px; width: 73px; z-index: -1; animation: pulse-blue 2s infinite; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } @media (min-width: 1500px) { .ccn_hero.ccn_context_frontend.ccn_header_style_10 header.header-nav.menu_style_home_one.home9:not(.stricky-fixed) { max-height: 115px; padding: 30px 50px 0; } } .ccn_no_hero.ccn_context_frontend.ccn_header_style_10 header.header-nav.menu_style_home_one.home9:not(.stricky-fixed) { max-height: 88px; border-bottom: 1px solid rgba(255, 255, 255, .1); } .ccn_context_frontend.ccn_header_style_10 header.header-nav.menu_style_home_one.home9.stricky-fixed .search_overlay span#search-button { top: -9px !important; } .ccn_context_frontend.ccn_header_style_10 header.header-nav.menu_style_home_one.home9.stricky-fixed .search_overlay span#search-button:before { animation: none !important; } .ccn_context_frontend.ccn_header_style_10 header.header-nav.menu_style_home_one .ace-responsive-menu>li>a { text-transform: none; font-weight: 500; font-size: 17px; } .ccn_context_frontend.ccn_header_style_10 header.header-nav.menu_style_home_one:not(.stricky-fixed) .ace-responsive-menu>li:first-child { margin-left: -260px; } .ccn_context_frontend.ccn_header_style_10 header.header-nav.menu_style_home_one.stricky-fixed .ace-responsive-menu>li:first-child { margin-left: 20px; border-left: 1px solid rgba(0, 0, 0, .05); padding-left: 30px; } .ccn_context_frontend.ccn_header_style_10 header.header-nav.menu_style_home_one .header_user_notif { position: absolute; right: 117px; } .ccn_context_frontend.ccn_header_style_10 header.header-nav.menu_style_home_one .sign_up_btn li.list_s a.btn.flaticon-user { position: absolute; right: 100px; top: 9px; } @media (min-width: 1500px) { .ccn_hero.ccn_context_frontend.ccn_header_style_10 header.header-nav.menu_style_home_one .header_user_notif { right: 157px; } .ccn_context_frontend.ccn_header_style_10 header.header-nav.menu_style_home_one.stricky-fixed .sign_up_btn li.list_s a.btn.flaticon-user { right: 150px; top: 50px; } .ccn_context_frontend.ccn_header_style_10 header.header-nav.menu_style_home_one:not(.stricky-fixed) .sign_up_btn li.list_s a.btn.flaticon-user { top: 20px; } } .ccn_context_frontend.ccn_header_style_10 header.header-nav.menu_style_home_one.stricky-fixed .header_user_notif { right: 120px; } */ .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform input[type=submit], .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper2 #mk-fullscreen-searchform2 input[type=submit] { position: absolute; width: 100px; height: 100%; background-color: transparent; border: 0; right: 0; top: 0; } #mk-fullscreen-searchform:focus, #mk-fullscreen-searchform2:focus { outline: none; border: none; } .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform .fullscreen-search-icon, .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper2 #mk-fullscreen-searchform2 .fullscreen-search-icon { font-size: 25px; position: absolute; right: 15px; width: 25px; top: 15px; color: #0a0a0a; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .fullscreen-search-icon:hover, .fullscreen-search-icon:focus { border: none; outline: none; -webkit-transition: transform ease-out .2s; -moz-transition: transform ease-out .2s; -ms-transition: transform ease-out .2s; -o-transition: transform ease-out .2s; transition: transform ease-out .2s; } #mk-fullscreen-searchform, #mk-fullscreen-searchform2 { position: relative; vertical-align: middle; } .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input, .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper2 #mk-fullscreen-searchform2 #mk-fullscreen-search-input2 { background-color: #ffffff; border: 0; border-radius: 5px; color: #262626; font-size: 17px; padding: 20px; width: 800px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper #mk-fullscreen-searchform #mk-fullscreen-search-input:focus, .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper2 #mk-fullscreen-searchform2 #mk-fullscreen-search-input2:focus { border: none; outline: none; } .mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show { visibility: visible; opacity: 1; } .mk-fullscreen-search-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, .94); text-align: center; -webkit-transition: all ease-in-out .25s; -moz-transition: all ease-in-out .25s; -ms-transition: all ease-in-out .25s; -o-transition: all ease-in-out .25s; transition: all ease-in-out .25s; } .mk-animate-element, .mk-effect-bg-layer, .mk-fullscreen-search-overlay { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .mk-fullscreen-search-overlay { z-index: 99999; } .mk-fullscreen-search-overlay .mk-fullscreen-close:link, .mk-fullscreen-search-overlay .mk-fullscreen-close:visited { color: #fff; } .mk-fullscreen-search-overlay .mk-fullscreen-close { position: absolute; right: 50px; top: 70px; font-size: 26px; -webkit-transition: transform ease-out .2s; -moz-transition: transform ease-out .2s; -ms-transition: transform ease-out .2s; -o-transition: transform ease-out .2s; transition: transform ease-out .2s; } .mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show #mk-fullscreen-search-wrapper, .mk-fullscreen-search-overlay.mk-fullscreen-search-overlay-show #mk-fullscreen-search-wrapper2 { opacity: 1; visibility: visible; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); ms-transform: scale(1); } .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper, .mk-fullscreen-search-overlay #mk-fullscreen-search-wrapper2 { display: inline-block; max-width: 1000px; vertical-align: middle; text-align: center; font-size: 18px; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); ms-transform: scale(0.9); opacity: 0; visibility: hidden; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .mk-search-trigger { -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out } #search-button, #search-button2 { cursor: pointer; opacity: 1; position: relative; vertical-align: middle; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; -o-transition: all 400ms; } #search-button i, #search-button2 i { color: #ffffff; font-size: 22px; } .search_overlay.home5 #search-button i, .search_overlay.home5 #search-button2 i { color: #0a0a0a; } /*== Header Top Style ==*/ /* .header_top.home2 { background-color: [[setting:color_header_style_2_top]]; height: 80px; position: relative; z-index: 999; } */ /* .header_top.home3 { height: 70px; } .header_top.home3 .container-fluid { padding: 0 70px; position: relative; z-index: 9; } .home3_header_top_contact { margin-bottom: 0; margin-top: 25px; } */ .home3_header_top_contact li:first-child, .home4_header_top_contact li:first-child { margin-right: 35px; } /* .ccn_header_style_6 .home4_header_top_contact li:not(:last-child) { margin-right: 35px; } */ .home3_header_top_contact li a, .home4_header_top_contact li a, .home4_header_top_contact li>em { color: #ffffff; font-style: normal; } .home4_header_top_contact li a, ul.sign_up_btn.home4 li a, ul.sign_up_btn.home6 a, .home4_header_top_contact li>em, ul.sign_up_btn.home4 li>em, ul.sign_up_btn.home6>em { font-family: "[[setting:primary_font]]", sans-serif; font-size: 14px; line-height: initial; border-radius: 0px; } /* .ccn_header_style_6 .home4_header_top_contact li a, .ccn_header_style_6 .home4_header_top_contact li>em, .ccn_header_style_6 .header_top.home6 .sign_up_btn .btn { line-height: 30px; padding: 0; } */ /* .ccn_header_style_6 .header_top.home6 .sign_up_btn .btn { line-height: 23px; } */ .header_top.home4, .header_top.home6 { height: 40px; position: relative; z-index: 1; } .header_top.home6 { z-index: 2; } /* .header_top.home4 { background-color: [[setting:color_header_style_4_top]]; } */ /* .header_top.home6 { background-color: [[setting:color_header_style_6_top]]; } */ /* .home4_header_top_contact { margin-bottom: 0; margin-top: 5px; } */ /* .ccn_header_style_6 .home4_header_top_contact, .ccn_header_style_6 .header_top.home6 .sign_up_btn { margin-top: 5px; margin-bottom: 0; } */ /* .sign_up_btn.home4 .btn { height: auto; line-height: inherit; } */ /* .header_top.home6 { background-color: #192675; } */ .header_top.home7 { background-color: transparent; height: 40px; padding: 10px 0; position: relative; z-index: 1; } .header_top.home7 .header_top_lang_widget_home6 button.btn.dropdown-toggle { font-size: 14px; font-family: "[[setting:primary_font]]"; color: rgba(255, 255, 255, 0.502); height: auto; line-height: 1.2; } .header_top.home7 .header_top_lang_widget_home6 button.btn.dropdown-toggle::after { margin-top: 5px; } ul.sign_up_btn.home7 a { font-size: 14px; font-family: "[[setting:primary_font]]"; border-radius: 0px; } .light_white, .light_white:hover { color: rgba(255, 255, 255, 0.5); } /* Header Top Search Field css home2 */ .header_search_widget .mailchimp_form .form-control { background-color: #ffffff; border-radius: 25px; font-family: "[[setting:primary_font]]"; font-size: 14px; height: 48px; padding-left: 30px; margin-top: 6px; width: 450px; border: none; } .header_search_widget .mailchimp_form button { background-color: #ffffff; border: none; border-radius: 50%; color: #000000; font-size: 24px; height: 45px; margin-left: -72px; margin-top: 5px; } .header_search_widget .mailchimp_form button:active, .header_search_widget .mailchimp_form button:focus { color: #000000 !important; /* background: #FFF !important; */ border: none; box-shadow: none !important; outline: none; } .ht_left_widget, .ht_right_widget { margin-top: 10px; } .ht_left_widget ul, .ht_right_widget ul { margin-bottom: 0; } .ht_left_widget ul li { position: relative; vertical-align: middle; } .ht_right_widget ul li.list-inline-item:nth-child(2) { margin-left: 10px; margin-top: 4px; padding-right: 15px; text-align: center; } .ht_left_widget ul li.list-inline-item:first-child { margin-right: 25px; } .ht_left_widget ul li.list-inline-item:nth-child(2) { margin-right: 20px; } .ht_right_widget ul { margin-bottom: 0; } .ht_right_widget ul li a, .ht_right_widget a.btn.cart_btn, .header_top_lang_widget ul li .btn.cart_btn { color: #a4a4a4; font-size: 14px; } .ht_right_widget ul li a, .home3_header_top_contact li a { font-family: "[[setting:primary_font]]"; } /* header.header-nav.menu_style_home_three.navbar-scrolltofixed .ht_left_widget.home3 .header_top_lang_widget { margin-top: 5px; } */ /* .ht_left_widget.home3 .cd-dropdown-trigger, .ht_left_widget.home3 .no-touch .cd-dropdown-trigger.dropdown-is-active:hover, .ht_left_widget.home3 .no-touch .cd-dropdown-trigger:hover { background-color: #ffffff !important; color: #0a0a0a; } .ht_left_widget.home3 .cd-dropdown-trigger { text-transform: capitalize; } .ht_left_widget.home3 .cd-dropdown-trigger::before, .ht_left_widget.home3 .cd-dropdown-trigger::after { background-color: #0a0a0a; } */ .ht_right_widget a.btn.cart_btn span { background-color: #ffffff; } .header_top_lang_widget ul li a { color: #a4a4a4; font-size: 14px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .header_top_lang_widget ul li a.dropdown-item.active, .header_top_lang_widget ul li a.dropdown-item:active { background-color: [[setting:color_primary]]; border-radius: 0px; } .header_top_lang_widget button.btn.dropdown-toggle { background-color: transparent; border: none; bottom: -8px; color: #a4a4a4; float: right; margin-top: 10px; padding: 0 8px; width: 90px; } .header_top_lang_widget_home4 button.btn.dropdown-toggle, .header_top_lang_widget_home6 button.btn.dropdown-toggle { background-color: transparent; border: none; color: #ffffff; line-height: inherit; width: 90px; font-size: 14px; } .header_top_lang_widget_home6 .dropdown.bootstrap-select.show-tick.show .dropdown-menu { display: inline; margin-top: -17px; } .header_top_lang_widget_home6.home7 .dropdown.bootstrap-select.show-tick.show .dropdown-menu { margin-top: 0; } .header_top_lang_widget_home6 .dropdown.bootstrap-select.show-tick.show .dropdown-menu .dropdown-item.active, .header_top_lang_widget_home6 .dropdown.bootstrap-select.show-tick.show .dropdown-menu .dropdown-item:active { background-color: #192675; } .menu6_search.home6 .mk-search-trigger, .menu7_search.home7 .mk-search-trigger { margin-left: -25px; top: 22px; } /* .menu6_search.home6 .mk-search-trigger { top: 17px; top: 20px; } */ .header_top_lang_widget_home6 button.btn.dropdown-toggle::after { vertical-align: middle; } .header_top_lang_widget_home6.home7 button.btn.dropdown-toggle::after { vertical-align: top; } .header_top_lang_widget_home4 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .header_top_lang_widget_home6 .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: auto; } /* .header_top_lang_widget_home4 button .btn-light:not(:disabled):not(.disabled).active:focus, .header_top_lang_widget_home4 button .btn-light:not(:disabled):not(.disabled):active:focus, .header_top_lang_widget_home4 button .show>.btn-light.dropdown-toggle:focus, .header_top_lang_widget_home4 button.btn.dropdown-toggle:active, .header_top_lang_widget_home4 button.btn.dropdown-toggle:focus { background-color: transparent !important; outline: none; box-shadow: none; } */ .header_top_lang_widget_home4 button.btn.dropdown-toggle:active, .header_top_lang_widget_home4 button.btn.dropdown-toggle:focus, .header_top_lang_widget_home6 button.btn.dropdown-toggle:active, .header_top_lang_widget_home6 button.btn.dropdown-toggle:focus, .header_top_lang_widget .btn-light:not(:disabled):not(.disabled).active:focus, .header_top_lang_widget .btn-light:not(:disabled):not(.disabled):active:focus, .header_top_lang_widget .show>.btn-light.dropdown-toggle:focus, .header_top_lang_widget button.btn:active, .header_top_lang_widget button.btn:focus, .header_top_lang_widget button.btn.dropdown-toggle:focus, .header_top_lang_widget button.btn.dropdown-toggle .filter-option:focus, .header_top_lang_widget .dropdown.bootstrap-select.show-tick:focus { box-shadow: none !important; outline: none !important; } .header_top_lang_widget .dropdown.bootstrap-select.show-tick { width: auto; } .cd-dropdown-content .cd-secondary-dropdown a { font-family: "[[setting:primary_font]]", sans-serif; } li.has-children a { line-height: 51px; } /*== Menu Style For Home V1 & V2 ==*/ .menu-style-one nav.transparent, .menu-style-one nav.transparent .wrap-core-nav-list, .menu-style-one nav.transparent .nav-header { background-color: transparent; } nav .wrap-core-nav-list, nav .nav-header { background: #fff; } nav .brand { display: block; position: relative; width: 170px; top: 20px; } nav .brand img { width: 100%; } nav .menu li a { display: block; padding: 20px 25px; text-decoration: none; color: #3a3a3a; } nav .menu li.active>a, nav .menu li a:hover { color: #e74c3c; } nav button { background: transparent; border: none; outline: none; } header.header-nav { padding: 0 10px; } header.header-nav.dashbord_pages { padding: 0 10px 0 10px; z-index: 1000 !important; } header.header-nav a.navbar_brand { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-right: 37px; margin-top: 20px; position: relative; } header.header-nav a.navbar_brand:before { background-color: rgba(255, 255, 255, 0.2); bottom: 0; content: ""; /* height: 50px; */ height: 57px; position: absolute; right: -25px; top: 0; width: 1px; } .ccn_context_frontend header.header-nav a.navbar_brand.home9:before, .ccn_context_frontend header.header-nav a.navbar_brand.home10:before { display: none; } .menu_style_home_one.stricky-fixed { background-color: #ffffff; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } header.header-nav a.navbar_brand .logo2 { display: none; } header.header-nav.menu_style_home_one.dashbord_pages { background-image: -moz-linear-gradient(0deg, [[setting:color_gradient_end]] 0%, [[setting:color_gradient_start]] 100%); background-image: -webkit-linear-gradient(0deg, [[setting:color_gradient_end]] 0%, [[setting:color_gradient_start]] 100%); background-image: -ms-linear-gradient(0deg, [[setting:color_gradient_end]] 0%, [[setting:color_gradient_start]] 100%); } header.header-nav.menu_style_home_one { border-bottom: 1px solid rgba(255, 255, 255, 0.2); } .ccn_context_frontend header.header-nav.menu_style_home_one.home9, .ccn_context_frontend header.header-nav.menu_style_home_one.home10 { border-bottom: none; max-height: 88px; } .ccn_context_frontend .header-nav.menu_style_home_one.home9 ul.ace-responsive-menu, .ccn_context_frontend .header-nav.menu_style_home_one.home10 ul.ace-responsive-menu { justify-content: center; display: flex; background: transparent; width: auto; } .ccn_context_frontend .header-nav.menu_style_home_one.home9.stricky-fixed ul.ace-responsive-menu, .ccn_context_frontend .header-nav.menu_style_home_one.home10.stricky-fixed ul.ace-responsive-menu { justify-content: left; } /* .header-nav.menu_style_home_one.home9 ul.ace-responsive-menu, .header-nav.menu_style_home_one.home10 ul.ace-responsive-menu { margin-left: 30%; } */ header.header-nav.menu_style_home_one.navbar-scrolltofixed.stricky.animated, header.header-nav.home2.style_one.navbar-scrolltofixed.stricky.animated, header.header-nav.menu_style_home_three.navbar-scrolltofixed.stricky.animated, header.header-nav.menu_style_home_four.navbar-scrolltofixed.stricky.animated, header.header-nav.menu_style_home_five.navbar-scrolltofixed.stricky.animated, header.header-nav.menu_style_home_six.navbar-scrolltofixed.stricky.animated, header.header-nav.menu_style_home_seven.navbar-scrolltofixed.stricky.animated, header.header-nav.menu_style_home_eight.navbar-scrolltofixed.stricky.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-delay: 500ms; animation-delay: 500ms; } header.header-nav.menu_style_home_one a.navbar_brand { margin-top: 15px; } header.header-nav.menu_style_home_one.stricky-fixed a.navbar_brand .logo1, header.header-nav.menu_style_home_four.stricky-fixed a.navbar_brand .logo1 { display: none; } header.header-nav.menu_style_home_one.stricky-fixed a.navbar_brand .logo2, header.header-nav.menu_style_home_four.stricky-fixed a.navbar_brand .logo2 { display: inline-block; } header.header-nav.menu_style_home_one a.navbar_brand span, header.header-nav.menu_style_home_three a.navbar_brand span, header.header-nav.menu_style_home_five a.navbar_brand span { color: #ffffff; font-weight: bold; font-size: 22px; margin-top: 10px; padding-left: 15px; text-transform: uppercase; vertical-align: middle; font-family: "[[setting:primary_font]]", sans-serif; } header.header-nav.menu_style_home_one.stricky-fixed a.navbar_brand:before { /* background-color: #dadada; */ background-color: rgba(255, 255, 255, .2); } header.header-nav.menu_style_home_one.stricky-fixed .ace-responsive-menu>li>a.active span, header.header-nav.menu_style_home_one.stricky-fixed .ace-responsive-menu li a.active span, header.header-nav.menu_style_home_one.stricky-fixed .ace-responsive-menu li a, header.header-nav.menu_style_home_one.stricky-fixed a.navbar_brand span, header.header-nav.menu_style_home_one.stricky-fixed .sign_up_btn .btn, header.header-nav.menu_style_home_one.stricky-fixed #search-button i { color: #0a0a0a; } header.header-nav.menu_style_home_one.stricky-fixed .sign_up_btn .cart_btn .flaticon-shopping-bag span { color: #fff; } header.header-nav.menu_style_home_one.dashbord_pages.stricky-fixed a.navbar_brand span, header.header-nav.menu_style_home_one.dashbord_pages.stricky-fixed li a { color: #ffffff; } header.header-nav.menu_style_home_one.dashbord_pages.stricky-fixed .user_setting_content a { color: #0a0a0a; } header.header-nav.menu_style_home_one .ace-responsive-menu li a { color: #ffffff; font-family: "[[setting:primary_font]]", sans-serif; } header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_eight .ace-responsive-menu li ul.sub-menu { background-color: #ffffff; border-radius: 5px; padding: 15px 0; -webkit-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); -o-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); } header.header-nav.menu_style_home_one .ace-responsive-menu>li:first-child ul.sub-menu, header.header-nav.menu_style_home_one .ace-responsive-menu>li:nth-child(2) ul.sub-menu, header.header-nav.home2.style_one .ace-responsive-menu>li:first-child ul.sub-menu, header.header-nav.home2.style_one .ace-responsive-menu>li:nth-child(2) ul.sub-menu { margin-left: 0; } header.header-nav.menu_style_home_one .ace-responsive-menu>li:first-child ul.sub-menu:before, header.header-nav.menu_style_home_one .ace-responsive-menu>li:nth-child(2) ul.sub-menu:before, header.header-nav.home2.style_one .ace-responsive-menu>li:first-child ul.sub-menu:before, header.header-nav.home2.style_one .ace-responsive-menu>li:nth-child(2) ul.sub-menu:before { left: 25px; } header.header-nav.menu_style_home_one .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_one .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_one .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_one .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu, header.header-nav.home2.style_one .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.home2.style_one .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.home2.style_one .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu, header.header-nav.home2.style_one .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(6) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(6) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(6) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(6) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(6) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(4) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(5) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(6) ul.sub-menu li ul.sub-menu { left: 260px; } header.header-nav.menu_style_home_one .ace-responsive-menu>li>ul.sub-menu, header.header-nav.home2.style_one .ace-responsive-menu>li>ul.sub-menu { margin-left: -180px; } header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu, header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu { padding-left: 0 !important; } header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu:before, header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu:before, header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu:before, header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu:before, header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu:before, header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu:before, header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu:before, header.header-nav.menu_style_home_eight .ace-responsive-menu li ul.sub-menu:before { background-color: #ffffff; content: ""; height: 17px; right: 25px; position: absolute; top: -7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 17px; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } /* header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu:before { background-color: #191919; } */ header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu:before { background-color: #051925; } /* header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu:before { background-color: #ffffff; } */ /* header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu:before { left: 25px; } */ header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu { margin-left: 0; } header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(2) ul.sub-menu:before, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(3) ul.sub-menu:before, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(4) ul.sub-menu:before, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(5) ul.sub-menu:before, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(6) ul.sub-menu:before, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(2) ul.sub-menu:before, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(3) ul.sub-menu:before, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(4) ul.sub-menu:before, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(5) ul.sub-menu:before, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(6) ul.sub-menu:before, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(2) ul.sub-menu:before, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(3) ul.sub-menu:before, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(4) ul.sub-menu:before, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(5) ul.sub-menu:before, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(6) ul.sub-menu:before, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(2) ul.sub-menu:before, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(3) ul.sub-menu:before, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(4) ul.sub-menu:before, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(5) ul.sub-menu:before, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(6) ul.sub-menu:before, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(2) ul.sub-menu:before, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(3) ul.sub-menu:before, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(4) ul.sub-menu:before, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(5) ul.sub-menu:before, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(6) ul.sub-menu:before, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(2) ul.sub-menu:before, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(3) ul.sub-menu:before, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(4) ul.sub-menu:before, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(5) ul.sub-menu:before, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(6) ul.sub-menu:before { left: 25px; } header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_three .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_five .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(2) ul.sub-menu li ul.sub-menu, header.header-nav.menu_style_home_eight .ace-responsive-menu li:nth-child(3) ul.sub-menu li ul.sub-menu { margin-left: -445px; } header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu li ul.sub-menu li:hover a, header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu li ul.sub-menu li:hover a, header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu li ul.sub-menu li:hover a, header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu li ul.sub-menu li:hover a, header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu li ul.sub-menu li:hover a, header.header-nav.menu_style_home_eight .ace-responsive-menu li ul.sub-menu li ul.sub-menu li:hover a { padding-left: 30px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li, header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_eight .ace-responsive-menu li ul.sub-menu li { background-color: #ffffff; border-radius: 5px; padding: 0 30px; width: 260px; } header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_eight .ace-responsive-menu li ul.sub-menu li { background-color: transparent; } /* header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li, header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu { background-color: #191919; } */ header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu li, header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu { background-color: #051925; } header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li ul.sub-menu:before, header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu li ul.sub-menu:before, header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu li ul.sub-menu:before, header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu li ul.sub-menu:before, header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu li ul.sub-menu:before, header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu li ul.sub-menu:before, header.header-nav.menu_style_home_eight .ace-responsive-menu li ul.sub-menu li ul.sub-menu:before { display: none; } header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li a, header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu li a, header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu li a, header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu li a, header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu li a, header.header-nav.menu_style_home_eight .ace-responsive-menu li ul.sub-menu li a { border-bottom: 1px solid #dedede; color: #0a0a0a; font-size: 16px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li:last-child a, header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu li:last-child a, header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu li:last-child a, header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu li:last-child a, header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu li:last-child a, header.header-nav.menu_style_home_eight .ace-responsive-menu li ul.sub-menu li:last-child a { border-bottom: none; } header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li a:hover, header.header-nav.menu_style_home_one .ace-responsive-menu li ul.sub-menu li ul.sub-menu { color: [[setting:color_accent_2]]; padding-left: 7px; box-shadow: none !important; } header.header-nav.menu_style_home_one ul.sign_up_btn { margin-right: 44px; } header.header-nav.menu_style_home_one .ace-responsive-menu>li>a, header.header-nav.menu_style_home_three .ace-responsive-menu>li>a, header.header-nav.menu_style_home_four .ace-responsive-menu>li>a, header.header-nav.menu_style_home_five .ace-responsive-menu>li>a, header.header-nav.menu_style_home_six .ace-responsive-menu>li>a, header.header-nav.menu_style_home_seven .ace-responsive-menu>li>a, header.header-nav.menu_style_home_eight .ace-responsive-menu>li>a { font-family: "[[setting:primary_font]]", sans-serif; padding: 30px 25px 30px 10px; text-transform: uppercase; } @media (min-width:1600px) { header.header-nav.menu_style_home_one .ace-responsive-menu>li>a, header.header-nav.menu_style_home_three .ace-responsive-menu>li>a, header.header-nav.menu_style_home_five .ace-responsive-menu>li>a, header.header-nav.menu_style_home_six .ace-responsive-menu>li>a, header.header-nav.menu_style_home_seven .ace-responsive-menu>li>a, header.header-nav.menu_style_home_eight .ace-responsive-menu>li>a { padding: 30px 35px 30px 10px; } /* header.header-nav.menu_style_home_four .ace-responsive-menu>li>a { padding: 26px 35px 26px 10px; } */ } header.header-nav.menu_style_home_three .ace-responsive-menu>li>a, header.header-nav.menu_style_home_four .ace-responsive-menu>li>a, header.header-nav.menu_style_home_five .ace-responsive-menu>li>a, header.header-nav.menu_style_home_six .ace-responsive-menu>li>a, header.header-nav.menu_style_home_seven .ace-responsive-menu>li>a, header.header-nav.menu_style_home_eight .ace-responsive-menu>li>a { /* padding: 27px 35px 30px 10px; */ } /* header.header-nav.menu_style_home_five .ace-responsive-menu>li>a { padding: 27px 20px 30px 10px; } */ /*== Menu Style For Home V2 ==*/ /* header.header-nav.home2.style_one { display: table; //IE display: -webkit-box; background-color: [[setting:color_header_style_2_bottom]]; position: relative; z-index: 99 !important; } header.header-nav.home2.style_one .ace-responsive-menu>li>a { padding: 27px 40px 27px 5px; } header.header-nav.home2.style_one ul.sign_up_btn li { position: relative; margin-top: 6px; } header.header-nav.home2.style_one ul.sign_up_btn li:first-child:before { background-color: rgba(255, 255, 255, .1); content: ""; height: 30px; right: -5px; position: absolute; top: 0px; width: 1px; } header.header-nav.home2.style_one ul.sign_up_btn li a { color: #a4a4a4; font-family: "[[setting:primary_font]]"; font-size: 14px; line-height: 1.2; } header.header-nav.home2.style_one ul.sign_up_btn li a:hover { color: #ffffff; } header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu { border-radius: 5px; padding: 15px 0; -webkit-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); -o-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); } header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li a { border-bottom: 1px solid #dedede; color: #a4a4a4; font-size: 16px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li a:hover, header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li ul.sub-menu { color: #ffffff; padding-left: 20px; box-shadow: none !important; } header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li ul.sub-menu:before { display: none; } header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li a { border-bottom: 1px solid #555; color: #a4a4a4; font-family: "[[setting:primary_font]]"; font-size: 16px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li:last-child a, header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li:last-child a { border-bottom: none; } header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li a:hover, header.header-nav.home2.style_one .ace-responsive-menu li ul.sub-menu li ul.sub-menu { box-shadow: none !important; color: #ffffff; padding-left: 7px; } */ /* header.header-nav.menu_style_home_three a.navbar_brand { margin-top: 10px; } header.header-nav.menu_style_home_three .ht_left_widget.home3 ul li:last-child { margin-top: 5px; } header.header-nav.menu_style_home_three .header_search_widget .mailchimp_form .form-control { margin-top: 10px; } header.header-nav.menu_style_home_three .header_search_widget .mailchimp_form button { background-color: transparent; margin-top: 10px; } */ /*== Menu Style For Home V3 ==*/ header.header-nav.menu_style_home_three { background-color: #051925; padding: 0; } header.header-nav.menu_style_home_three a.navbar_brand:before { background-color: #6077dd; height: 80px; } header.header-nav.menu_style_home_three .ace-responsive-menu>li { float: right; } header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu { background-color: #051925; } header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu:nth-child(3) { left: 0; margin-left: 0; } header.header-nav.menu_style_home_three .ace-responsive-menu li a, header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu li a { color: #ffffff; font-family: "[[setting:primary_font]]", sans-serif; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu li a { border-bottom: 1px solid #2e2e2e; } header.header-nav.menu_style_home_three .ace-responsive-menu li ul.sub-menu li:last-child a { border-bottom: none; } header.header-nav.menu_style_home_three .ace-responsive-menu>li.last a { padding-right: 5px; } header.header-nav.menu_style_home_three .ace-responsive-menu>li .sub-menu li:hover a, header.header-nav.menu_style_home_four .ace-responsive-menu>li .sub-menu li:hover a, header.header-nav.menu_style_home_five .ace-responsive-menu>li .sub-menu li:hover a, header.header-nav.menu_style_home_six .ace-responsive-menu>li .sub-menu li:hover a { padding-left: 20px; } /* header.header-nav.menu_style_home_three .container-fluid { padding: 0 70px; } header.header-nav.menu_style_home_three a.navbar_brand:before { display: none; } */ .sign_up_btn .btn { box-shadow: none; font-family: "[[setting:primary_font]]", sans-serif; border-radius: 4px; color: #ffffff; height: auto; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } /* .sign_up_btn.home3 .btn { font-family: "[[setting:primary_font]]"; font-size: 14px; line-height: 1.2; } .sign_up_btn.home3 .btn i { font-size: 18px; margin-right: 5px; } */ /* header.header-nav.menu_style_home_one.stricky-fixed .sign_up_btn li{ border-right: 1px solid #dadada; }*/ .sign_up_btn li:first-child .btn span { padding-left: 10px; } .sign_up_btn a.btn.cart_btn, .sign_up_btn a.btn.search_btn, .cart_btnes.home4 a.btn.cart_btn { font-size: 24px; line-height: normal; } /* .cart_btnes.home4 a.btn.cart_btn { color: #ffffff; margin-top: 15px; } */ .sign_up_btn a.btn.cart_btn span, .cart_btnes.home4 a.btn.cart_btn span, .cart_btn.home5 a.btn.cart_btn span { background-color: #192675; margin: 0 auto 0 -10px; } .sign_up_btn a.btn.cart_btn span sup, .cart_btnes.home4 a.btn.cart_btn span sup { color: #ffffff; } .sign_up_btn a.btn.cart_btn span, .ht_right_widget .cart_btn a.btn span, .cart_btnes.home4 a.btn.cart_btn span, .cart_btnes.home4 a.btn.cart_btn span, .cart_btn.home5 a.btn.cart_btn span { border-radius: 50%; font-size: 11px; height: 17px; line-height: 15px; position: absolute; text-align: center; width: 17px; padding-left: 0px; } /* .sign_up_btn.home3 a.btn.cart_btn span { line-height: 17px; } */ .ht_right_widget .cart_btn a.btn span { line-height: 20px; } .cart_btn.home5 a.btn.cart_btn span { color: #ffffff; margin-top: -5px; z-index: 9; } .cart_btn.home5 a.btn.cart_btn span sup { font-size: 10px; line-height: 1.7rem; margin-left: 0; } .ht_right_widget .cart_btn a.btn span { margin: -5px auto 0 -5px; } .sign_up_btn a.btn.cart_btn span sup, .cart_btnes.home4 a.btn.cart_btn span sup { font-size: 12px; margin-left: -10px; vertical-align: baseline; } .ht_right_widget .cart_btn a.btn span sup { color: #141414; font-size: 10px; margin-left: 0; vertical-align: sub; } header.header-nav.menu_style_home_one .sign_up_btn li.list_s { border-right: 1px solid rgba(255, 255, 255, 0.2); margin-right: 0 !important; } header.header-nav.menu_style_home_one.home10 .sign_up_btn li.list_s { border: none; } header.header-nav.menu_style_home_one.home10 .sign_up_btn a.btn.cart_btn span { background-color: #ffe8aa; color: #0d2f81; } header.header-nav.menu_style_home_one .sign_up_btn li.list_s a.btn.flaticon-user { line-height: 30px; } header.header-nav.menu_style_home_one.stricky-fixed .sign_up_btn li.list_s { border-right: 1px solid #dadada; } .sign_up_btn li.list_s:last-child { border: none; } .sign_up_btn li .btn .cart_btn { background-color: #192675; font-size: 10px; height: 17px; width: 17px; text-align: center; } /*== Menu Style For Home V4 ==*/ /* header.header-nav.menu_style_home_four { background: transparent; border-bottom: none; padding: 10px 0; } header.header-nav.menu_style_home_four a.navbar_brand { margin-top: 10px; } header.header-nav.menu_style_home_four.stricky-fixed .cart_btnes.home4 a.btn.cart_btn { color: #0a0a0a; } header.header-nav.menu_style_home_four a.navbar_brand span { color: #ffffff; font-weight: bold; font-size: 22px; margin-top: 10px; padding-left: 15px; text-transform: uppercase; vertical-align: middle; } header.header-nav.menu_style_home_four.stricky-fixed { background-color: #ffffff; border-bottom: none; padding: 10px 0; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } header.header-nav.menu_style_home_four.stricky-fixed a.navbar_brand span { color: #0a0a0a; } header.header-nav.menu_style_home_four a.navbar_brand:before { background-color: transparent !important; } header.header-nav.menu_style_home_four .ace-responsive-menu>li>a { color: #ffffff; } header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_four .ace-responsive-menu li ul.sub-menu li a { color: #0a0a0a; background-color: #ffffff; } header.header-nav.menu_style_home_four .ace-responsive-menu>li { float: right; } header.header-nav.menu_style_home_four .ace-responsive-menu li a { color: #ffffff; font-family: "[[setting:primary_font]]", sans-serif; } header.header-nav.menu_style_home_four .sign_up_btn .btn { background-color: transparent; border: 1px solid #ffffff; border-radius: 20px; color: #ffffff; height: 45px; line-height: 30px; margin-top: 10px; } header.header-nav.menu_style_home_four .sign_up_btn .btn:hover, .sign_up_btn .btn:hover { color: #ffffff; } header.header-nav.menu_style_home_four.stricky-fixed .ace-responsive-menu li a { color: #0a0a0a; } header.header-nav.menu_style_home_four.stricky-fixed a.navbar_brand span { color: #0a0a0a; } */ /*== Menu Style For Home V5 ==*/ /* header.header-nav.menu_style_home_five { background-color: [[setting:color_header_style_5]]; height: 98px; padding: 10px 0; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } header.header-nav.menu_style_home_five a.navbar_brand { margin-top: 8px; } header.header-nav.menu_style_home_five a.navbar_brand:before { background-color: #6077dd; height: 80px; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart.sub-menu { background-color: transparent; box-shadow: none; padding: 0; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu { background-color: #ffffff; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart.sub-menu { display: block; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart.sub-menu li { width: auto; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart.sub-menu .dropdown_content { height: auto; right: 10px; top: 110%; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart.sub-menu .dropdown_content .list_content .cart_btns { background-color: [[setting:color_primary]]; border: 1px solid [[setting:color_primary]]; float: left; line-height: 20px; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart.sub-menu .dropdown_content .list_content .checkout_btns { background-color: [[setting:color_secondary]]; border: 1px solid [[setting:color_secondary]]; float: right; line-height: 0; line-height: 20px; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart a.btn.cart_btn { font-size: 22px; padding-top: 21px; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart a.btn.cart_btn span { background-color: #192675; border-radius: 50%; height: 17px; line-height: 17px; margin: -2px auto 0 -10px; position: absolute; text-align: center; width: 17px; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart a.btn.cart_btn span:before { display: none; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.cart a.btn.cart_btn span sup { color: #ffffff; font-size: 10px; z-index: 9; } header.header-nav.menu_style_home_five a.navbar_brand span, header.header-nav.menu_style_home_five .ace-responsive-menu>li a, header.header-nav.menu_style_home_five .ace-responsive-menu>li>ul>li a { color: #0a0a0a; } header.header-nav.menu_style_home_five .ace-responsive-menu>li a, header.header-nav.menu_style_home_five .ace-responsive-menu>li>ul>li a { padding-top: 27px; font-family: "[[setting:primary_font]]", sans-serif; text-transform: capitalize; } header.header-nav.menu_style_home_five .ace-responsive-menu li ul.sub-menu li a { padding: 12px 20px 12px 15px; } header.header-nav.menu_style_home_five .ace-responsive-menu>li { float: right; } header.header-nav.menu_style_home_five .ace-responsive-menu>li:first-child { padding-left: 10px; } header.header-nav.menu_style_home_five .container-fluid { padding: 0 70px; } header.header-nav.menu_style_home_five a.navbar_brand:before { display: none; } header.header-nav.menu_style_home_five .header_search_widget .mailchimp_form button { background-color: transparent; border: none; border-radius: 50%; color: #0a0a0a; font-size: 24px; height: 45px; margin-left: -65px; New margin-top: 0; } header.header-nav.menu_style_home_five .header_search_widget .mailchimp_form button:active, header.header-nav.menu_style_home_five .header_search_widget .mailchimp_form button:focus { color: #000000 !important; border: none; box-shadow: none !important; outline: none; } header.header-nav.menu_style_home_five .sign_up_btn { margin-bottom: 0; } header.header-nav.menu_style_home_five .sign_up_btn .btn { color: #0a0a0a; margin-top: 10px; } .ht_left_widget.home5 .cd-dropdown-trigger::before, .ht_left_widget.home5 .cd-dropdown-trigger::after { background-color: #ffffff; } header.header-nav.menu_style_home_five .header_search_widget .mailchimp_form .form-control { background-color: #edeff7; border: 1px solid #edeff7; border-radius: 25px; color: #555555; font-size: 14px; height: 45px; margin-top: 5px; padding-left: 30px; width: 450px; } header.header-nav.menu_style_home_five .header_search_widget .mailchimp_form .form-control:focus { border: 1px solid #edeff7; box-shadow: none; outline: none; } header.header-nav.menu_style_home_five .ht_left_widget.home5 .cd-dropdown-trigger { background-color: #0a0a0a; color: #ffffff; } .home5_shop_reg_widget li:first-child { margin-right: 0; } */ /*== Menu Style For Home V4 ==*/ /* header.header-nav.menu_style_home_six { display: -webkit-box; background: #ffffff; height: 80px; padding: 10px 0; position: relative; z-index: 99 !important; -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1); } header.header-nav.menu_style_home_six a.navbar_brand { margin-top: 10px; } header.header-nav.menu_style_home_six.stricky-fixed .cart_btnes.home4 a.btn.cart_btn { color: #0a0a0a; } header.header-nav.menu_style_home_six a.navbar_brand span { color: #0a0a0a; font-weight: bold; font-size: 22px; margin-top: 10px; padding-left: 15px; text-transform: uppercase; vertical-align: middle; } header.header-nav.menu_style_home_six.stricky-fixed { background-color: #ffffff; border-bottom: none; padding: 10px 0; } header.header-nav.menu_style_home_six.stricky-fixed a.navbar_brand span { color: #0a0a0a; } header.header-nav.menu_style_home_six a.navbar_brand:before { background-color: transparent !important; } header.header-nav.menu_style_home_six .ace-responsive-menu>li>a { color: #ffffff; } header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu li a { color: #0a0a0a; background-color: #ffffff; } header.header-nav.menu_style_home_six .ace-responsive-menu>li { float: right; } header.header-nav.menu_style_home_six .ace-responsive-menu li a { color: #ffffff; font-family: "[[setting:primary_font]]", sans-serif; } header.header-nav.menu_style_home_six .sign_up_btn .btn { background-color: transparent; border: 1px solid #ffffff; border-radius: 20px; color: #ffffff; height: 45px; line-height: 30px; margin-top: 10px; } header.header-nav.menu_style_home_six .sign_up_btn .btn:hover, .sign_up_btn .btn:hover { color: #ffffff; } header.header-nav.menu_style_home_six .ace-responsive-menu>li.last { margin-right: 40px; } header.header-nav.menu_style_home_six.stricky-fixed .ace-responsive-menu li a { color: #0a0a0a; } */ /* .menu6_search.home6 #search-button i { color: #0a0a0a; } */ .home7_search.home7 #search-button i { color: #ffffff; } /* header.header-nav.menu_style_home_four.home8 .container-fluid { padding: 0 70px; } header.header-nav.menu_style_home_four.home8.stricky-fixed a.navbar_brand span { background: linear-gradient(to right, #835bb4 0%, #d7cf96 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } */ /*== Menu Style For Home V6 ==*/ /* header.header-nav.menu_style_home_six { background-color: #ffffff; border-bottom: none; padding: 0; } header.header-nav.menu_style_home_six .ace-responsive-menu>li>a { padding: 25px 25px 25px 5px; } header.header-nav.menu_style_home_six .ace-responsive-menu li ul.sub-menu { background-color: #ffffff; } header.header-nav.menu_style_home_six .ace-responsive-menu li a { color: #251730; } header.header-nav.menu_style_home_six a.navbar_brand:before { background-color: transparent; } header.header-nav.menu_style_home_six .sign_up_btn .btn { border: none; color: #ffffff; margin-top: 10px; } */ /*== Menu Style For Home V7 ==*/ /* header.header-nav.menu_style_home_seven { display: -webkit-box; background-color: transparent; height: 80px; padding: 10px 0; position: relative; z-index: 1 !important; } header.header-nav.menu_style_home_seven.navbar-scrolltofixed.main-menu.scroll-to-fixed-fixed { background-color: #ffffff; } header.header-nav.menu_style_home_seven a.navbar_brand { margin-top: 0; position: relative; } header.header-nav.menu_style_home_seven a.navbar_brand:before { display: none; } header.header-nav.menu_style_home_seven a.navbar_brand .logo1.home7 { border-radius: 0 0 5px 5px; margin-top: -50px; } header.header-nav.menu_style_home_seven.stricky-fixed .cart_btnes.home4 a.btn.cart_btn { color: #0a0a0a; } header.header-nav.menu_style_home_seven .ace-responsive-menu>li>a { color: #ffffff; } header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu, header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu li a { color: #0a0a0a; background-color: #ffffff; } header.header-nav.menu_style_home_seven .ace-responsive-menu>li { float: right; } */ /* header.header-nav.menu_style_home_seven .ace-responsive-menu li a { color: #ffffff; font-family: "[[setting:primary_font]]", sans-serif; padding: 18px 20px 18px 15px; } */ /* header.header-nav.menu_style_home_seven .ace-responsive-menu li ul.sub-menu li a:hover { padding-left: 20px; } header.header-nav.menu_style_home_seven .sign_up_btn .btn { background-color: transparent; border: 1px solid #ffffff; border-radius: 20px; color: #ffffff; height: 45px; line-height: 30px; margin-top: 10px; } header.header-nav.menu_style_home_seven .sign_up_btn .btn:hover, .sign_up_btn .btn:hover { color: #ffffff; } header.header-nav.menu_style_home_seven .ace-responsive-menu>li.last { margin-right: 40px; } */ /*== Mobile Menu Css ==*/ .stylehome1 .mm-navbar { font-family: "[[setting:primary_font]]", sans-serif; color: #fff; font-weight: 600; font-size: 16px; text-transform: uppercase; display: block; } .stylehome1 .mm-navbar, .stylehome1 .mm-panel { background-color: #0a0a0a; } .stylehome1 a.mm-listitem__text, .stylehome1 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text { font-family: "[[setting:primary_font]]", sans-serif; color: #fff; font-weight: 400; font-size: 14px; text-transform: uppercase; } .stylehome1 a.mm-listitem__text:hover, .stylehome1 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text:hover { background-color: #1c1c1c; color: #ffffff; } /* .stylehome1.home3 a.mm-listitem__text, .stylehome1.home3 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text { color: #cecff9; } .stylehome1.home3 a.mm-listitem__text:hover, .stylehome1.home3 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text:hover { background-color: #1c1c1c; color: #ffffff; } */ /* .stylehome1.home4 .mm-navbar, .stylehome1.home4 .mm-panel { background-color: #201b72; } .stylehome1.home4 a.mm-listitem__text, .stylehome1.home4 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text { color: #cecff9; } .stylehome1.home4 a.mm-listitem__text:hover, .stylehome1.home4 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text:hover { background-color: #151156; color: #ffffff; } */ /* .stylehome1.home6 .mm-navbar { background-color: #ffffff; } .stylehome1.home6 .mm-panel { background-color: #ebf9f4; } .stylehome1.home6 a.mm-listitem__text, .stylehome1.home6 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text { color: #252834; } .stylehome1.home6 a.mm-listitem__text:hover, .stylehome1.home6 a.mm-btn.mm-btn_next.mm-listitem__btn.mm-listitem__text:hover { background-color: #43d4b6; color: #ffffff; } .stylehome1.home6 .mm-navbar { color: #252834; } .stylehome1.home6 .mm-btn_next::after { border-color: #252834; } */ .stylehome1 li.mm-listitem:hover, .stylehome1 li.mm-listitem:active, .stylehome1 li.mm-listitem:focus { color: #ffffff; background-color: #1c1c1c; } .stylehome1 .mm-navbar { border-color: #545454; background-color: #2d2d2d; height: 60px; line-height: 40px; } .stylehome1 .mm-btn_prev:before, .stylehome1 .mm-btn_next:after { border-color: rgba(255, 255, 255, .8); } /*== Home Css ==*/ .block_cocoon_slider_1 .home1-mainslider .home-content, .block_cocoon_slider_1_v .home1-mainslider .home-content { position: absolute; padding: 0; top: 0; left: 0; right: 0; bottom: 0; } .block_cocoon_slider_1 .home1-mainslider .home-content-inner, .block_cocoon_slider_1_v .home1-mainslider .home-content-inner { top: calc(50% - -20px); top: calc(50% + 20px); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative; margin: 0 auto; text-align: center; } .home1-mainslider { margin-top: -1px; width: 100%; } .home1-mainslider .banner-style-one .slide:before, .home1-mainslider .banner-style-two .slide:before, .block_cocoon_slider_1_v .main-banner-wrapper .ccn-slide-yt-root:before { background-image: -moz-linear-gradient(135deg, [[setting:color_gradient_start]] 0%, [[setting:color_gradient_end]] 100%); background-image: -webkit-linear-gradient(135deg, [[setting:color_gradient_start]] 0%, [[setting:color_gradient_end]] 100%); background-image: -ms-linear-gradient(135deg, [[setting:color_gradient_start]] 0%, [[setting:color_gradient_end]] 100%); bottom: 0; content: ""; left: 0; opacity: 0.8; position: absolute; right: 0; top: 0; } .home1-mainslider.home9 { /* margin-top: -116px; */ } .home1-mainslider.home9 .banner-style-one.home9 .slide:before { background-color: rgba(32, 51, 103, .8); background-image: none; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .home1-mainslider .banner-style-one.home9 .banner-title { font-size: 60px; font-weight: 400; max-width: none !important; } .home1-mainslider .banner-style-one.home9 .active .banner-title { -webkit-animation-delay: .5s; animation-delay: .5s; -webkit-animation-name: fadeIn; animation-name: fadeIn; } .home1-mainslider .banner-style-one.home9 .home-content:before { background-color: rgb(57, 101, 221); bottom: 78px; content: ""; height: 120px; left: -45px; position: absolute; right: 0; width: 3px; } .home1-mainslider .banner-style-one.home9 .active .home-content:before { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-delay: .5s; animation-delay: .5s; } .home1-mainslider .banner-style-one .banner-title { font-size: 50px; font-weight: bold; line-height: 1.2; margin-bottom: 10px; text-transform: none; } .home1-mainslider .home-content { padding-top: 130px; } .home_iconbox_container { margin-bottom: 120px; margin-top: -240px; } .home-four { margin-top: 0 !important; } /* .home-four:before { background-color: rgba(10, 10, 10, .5); bottom: 98px; content: ""; left: 0; position: absolute; top: -98px; width: 100%; } */ .animated { -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-delay: 500ms; animation-delay: 500ms; } .animate-out { -webkit-animation-delay: 0ms; animation-delay: 0ms; } .search_box_home4 form.form-inline.mailchimp_form { display: inline-block; margin-top: 25px; position: relative; } .search_box_home4 .header_search_widget .mailchimp_form .form-control { border-radius: 30px; border: none; height: 60px; padding-left: 30px; width: 600px; } .home-content.home10 .search_box_home4 form.form-inline.mailchimp_form { margin-top: 0; } .home-content.home10 .home-text h2 { color: rgb(255, 255, 255); font-family: "[[setting:primary_font]]"; font-size: 50px; font-weight: 400; line-height: 1.2; } .search_box_home4.home10 .header_search_widget .mailchimp_form .form-control { background-color: #ffeac1; border-radius: 8px; } .search_box_home4.home10 .header_search_widget .mailchimp_form .form-control:placeholder { color: #212121; } .search_box_home4.home10 .header_search_widget .mailchimp_form button { background-color: #ffeac1; border-radius: 0; color: #212121; height: 50px; right: 10px; width: 60px; top: 5px; box-shadow: none !important; } .search_box_home4 .header_search_widget .mailchimp_form button { position: absolute; right: 20px; top: 7px; } .home5_slider.owl-carousel.owl-theme .owl-dots .owl-dot span { background-color: #e4e3e1; display: none; height: 8px; width: 8px; } .home5_slider.owl-carousel.owl-theme .owl-dots .owl-dot.active span { background-color: #ffffff; height: 15px; width: 15px; } .home-text h1, .home-text h2, .home-text h3 { color: #ffffff; margin-top: 0; } .mouse_scroll { position: relative; } .mouse_scroll:before { border-radius: 50%; border: 2px solid #ffffff; bottom: 43px; content: ""; height: 92px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 92px; z-index: 0; } .mouse_scroll:after { border-radius: 50%; border: 2px solid #ffffff; bottom: 25px; content: ""; height: 129px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 129px; z-index: 9; } .mouse_scroll .icon { background-color: #ffffff; border-radius: 50%; cursor: pointer; display: block; height: 60px; left: 50%; line-height: 60px; margin: 0 auto; position: absolute; text-align: center; top: -90px; transform: translate(-50%, -50%); width: 60px; z-index: 3 !important; -webkit-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); } .mouse_scroll .icon span { color: [[setting:color_secondary]]; font-size: 16px; } .home-seven { position: relative; margin-top: -120px; } .home-seven:before { background-color: rgba(0, 0, 0, .7); bottom: 10px; content: ""; left: 0; position: absolute; right: 0; top: 0; width: 100%; } /* ==== Home 2 Main Sliders === */ .main-banner-wrapper { position: relative; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .main-banner-wrapper { overflow: hidden; } } .main-banner-wrapper .carousel-btn-block { cursor: pointer; position: absolute; top: 45%; width: 100%; z-index: 0; } .main-banner-wrapper .carousel-btn-block .carousel-btn { color: #fff; cursor: pointer; display: inline-block; font-size: 14px; text-align: center; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; vertical-align: middle; z-index: 9; } .main-banner-wrapper .carousel-btn-block .carousel-btn:hover { opacity: 1; } .main-banner-wrapper .carousel-btn-block .carousel-btn.left-btn { margin-left: 10px; position: absolute; left: 70px; } .main-banner-wrapper .carousel-btn-block .carousel-btn.left-btn i { margin-right: 15px; } .main-banner-wrapper .carousel-btn-block .carousel-btn.right-btn { margin-right: 10px; position: absolute; right: 70px; } .main-banner-wrapper .carousel-btn-block .carousel-btn.right-btn i { margin-left: 15px; } .main-banner-wrapper .carousel-btn-block .carousel-btn span.left, .main-banner-wrapper .carousel-btn-block .carousel-btn span.right { font-size: 16px; display: -webkit-inline-box; position: relative; vertical-align: middle; font-family: "[[setting:primary_font]]", sans-serif; } .banner-style-one .slide, .banner-style-two .slide { padding: 165px 0; background-repeat: no-repeat; background-position: center center; background-size: cover; } .home2-slider .banner-style-one .slide, .home2-slider .banner-style-two .slide { padding: 180px 0; } .banner-style-two .slide { padding: 430px 0 290px; } .banner-style-one .slide:before, .banner-style-two .slide:before { background-color: rgba(0, 0, 0, .7); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .banner-style-one.home15 .slide:before { background-color: rgba(0, 0, 0, .5); } .home14-slider.style2, .home14-slider.style2 .bg-wave { position: relative; } /* @media (min-width: 1200px) { .block_cocoon_slider_8 .home14-slider.style2::after { content: ""; background: url([[cocoon:edumy]]/images/background/wave.svg) left bottom no-repeat; width: 100%; height: 200px; position: absolute; z-index: 1; background-size: 111%; bottom: -1px; left: 0; right: 0; } } @media (min-width: 1600px) { .block_cocoon_slider_8 .home14-slider.style2::after { height: 200px; bottom: -40px; } } @media (min-width: 1700px) { .block_cocoon_slider_8 .home14-slider.style2::after { height: 200px; bottom: -60px; } } @media (min-width: 2100px) { .block_cocoon_slider_8 .home14-slider.style2::after { height: 300px; bottom: -60px; background-position: left 96%; } } @media(min-width: 2300px) { .block_cocoon_slider_8 .home14-slider.style2::after { display: none; } } */ .home14-slider.style2 .bg-wave img { bottom: -43px; left: 0; right: 0; position: absolute; z-index: 1; } .home14-slider .banner-style-one.home15 .slide { padding: 180px 0 280px; /* margin-top: 88px; */ } .home14-slider .main-banner-wrapper { z-index: 1; } .banner-style-one .owl-nav, .banner-style-two .owl-nav { display: none; } .banner-style-one h3, .banner-style-one p, .banner-style-two h3, .banner-style-two p { margin: 0; } .banner-style-one .banner-title, .banner-style-two .banner-title, .banner-style-one.home9 .sub-title { color: #FFFFFF; font-size: 50px; font-weight: 700; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } .banner-style-one.home15 .banner-title, .banner-style-one.home15 .banner-sub-title { line-height: 1.15; font-family: "[[setting:primary_font]]"; font-size: 55px; font-weight: 700; } .banner-style-one.home15 .banner-title { margin-bottom: 15px !important; } .banner-style-one.home15 .active .banner-btn { background-color: #FFFFFF; color: #222222; font-size: 16px; font-family: "[[setting:primary_font]]"; height: 55px; } .banner-style-one.home15 .active .banner-btn:hover, .banner-style-one.home15 .active .banner-btn:active, .banner-style-one.home15 .active .banner-btn:focus { background-color: #0067da; border-color: #0067da; color: #fff; } .banner-style-one .banner-title, .banner-style-two .banner-title { font-weight: normal; text-transform: uppercase; } .main-banner-wrapper.home7 .carousel-btn-block .carousel-btn { top: 70px; } .banner-style-one p, .banner-style-two p { font-size: 18px; line-height: 35px; color: #ffffff; font-weight: 300; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; font-family: "[[setting:primary_font]]", sans-serif; } .block_cocoon_slider_1 .banner-style-one p, .block_cocoon_slider_1_v .banner-style-one p { font-weight: bold; max-width: 550px; line-height: 1.4; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 15px; } .block_cocoon_slider_8 .about-us-home13 { background: #f9f9f9; padding-bottom: 0; } .banner-style-two p { margin: 0 auto; max-width: 410px; } .banner-style-one .banner-btn { display: inline-block; vertical-align: middle; color: #FFFFFF; font-size: 18px; padding: 19.5px 50px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; margin-top: 20px; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } .banner-style-one .banner-btn:hover { background-color: #ffffff; color: #2D174F; } .banner-style-one .banner-title { margin-left: auto; margin-right: auto; } .banner-style-one .active .banner-title, .banner-style-two .active .banner-title, .banner-style-one .active .banner-sub-title { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: .5s; animation-delay: .5s; } .video_pop { position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-delay: 1.9s; animation-delay: 1.9s; */ margin-top: 20px; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } .video_pop a { color: #ffffff; line-height: 50px; } .video_popup_icon { background-color: #3965dd; border-radius: 100%; color: #ffffff; font-size: 22px; height: 50px; line-height: 50px; text-align: center; top: 0; width: 50px; z-index: 99; } .video_popup_icon:after { background-color: rgba(57, 101, 221, 0.5); border-radius: 100%; content: ""; height: 70px; left: -10px; position: absolute; top: -10px; width: 70px; z-index: -1; box-shadow: 0 0 0 0 #ff5722; animation: pulse-blue 2s infinite; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } @keyframes pulse-blue { 0% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(57, 101, 221, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 15px rgba(57, 101, 221, 0); } 100% { transform: scale(0.9); box-shadow: 0 0 0 0 rgba(57, 101, 221, 0); } } .video_popup_btn span { color: #ffffff; font-size: 22px; } .banner-style-one .active p, .banner-style-two .active p, .banner-style-one.home9 .active .sub-title, .banner-style-one .active .banner-btn { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-delay: .5s; animation-delay: .5s; } .banner-style-one .banner-btn { border: 2px solid #ffffff; border-radius: 27px; color: #ffffff; font-family: "[[setting:primary_font]]", sans-serif; font-size: 16px; padding: 12px 50px; } .banner-style-one .banner-btn:hover, .banner-style-one .banner-btn:active, .banner-style-one .banner-btn:focus { background-color: #ffffff; color: [[setting:color_primary]]; } .banner-style-one .owl-item:not(.active) .banner-btn {} .banner-style-one .owl-dots, .banner-style-two .owl-dots { display: none !important; margin: 0; position: absolute; bottom: 110px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; max-width: 1170px; text-align: center; } .banner-style-one .owl-dots .owl-dot span, .banner-style-two .owl-dots .owl-dot span { background-color: rgba(255, 255, 255, .5); width: 8px; height: 8px; margin: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .banner-style-one .owl-dots .owl-dot+.owl-dot, .banner-style-two .owl-dots .owl-dot+.owl-dot { margin-left: 7px; } .banner-style-one .owl-dots .owl-dot.active span, .banner-style-two .owl-dots .owl-dot.active span { position: relative; top: 2px; height: 13px; width: 13px; background-color: #ffffff; } .banner-style-one.no-dots .owl-dots, .banner-style-two.no-dots .owl-dots { display: none !important; } .home-three, .home-four, .home-five { margin-top: -95px; padding: 0; position: relative; z-index: 1; } .home3_bgi6 { background-image: url([[cocoon:edumy]]/images/background/6.jpg); -webkit-background-size: cover; background-size: cover; background-position: center center; height: 1006px; } .home3-overlay:before { background-image: -moz-linear-gradient(135deg, rgb(54, 159, 219) 0%, rgb(5, 25, 37) 100%); background-image: -webkit-linear-gradient(135deg, rgb(54, 159, 219) 0%, rgb(5, 25, 37) 100%); background-image: -ms-linear-gradient(135deg, rgb(54, 159, 219) 0%, rgb(5, 25, 37) 100%); content: ""; left: 0; opacity: 0.851; position: absolute; right: 0; top: 0; bottom: 0; } .home3_wave { position: relative; } .home3_wave:before { background-image: url([[cocoon:edumy]]/images/home/wave2.png); background-position: center center; background-size: cover; content: ""; height: 250px; left: 0; position: absolute; right: 0; top: -200px; width: 100%; } .home3_wave:after { background-image: url([[cocoon:edumy]]/images/home/wave3.png); background-position: center center; background-size: cover; content: ""; height: 400px; left: 0; position: absolute; right: 0; top: -300px; width: 100%; } .home-three .home-text { margin: 0 auto; left: 0; padding: 400px 0; position: absolute; right: 0; } .block_cocoon_hero_2 .home-three .home-text { padding: 320px 0; } .home-three .home-text a.btn { border: 2px solid #ffffff; border-radius: 27px; font-family: "[[setting:primary_font]]", sans-serif; color: #ffffff; font-size: 14px; margin-top: 15px; padding: 10px 50px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .home-three .home-text a.btn:hover { background-color: #ffffff; color: #2D174F; } .row_style { bottom: 0; width: 100%; left: 0; position: absolute !important; right: 0; z-index: 4 !important; } .row_style svg.waves { height: 250px; } .row_style svg { bottom: -10px; fill: #fff; height: auto; position: absolute !important; width: 100%; } .row_style.home8 { bottom: -8px; left: -15px; width: 105%; } .home4_overlay:before { background-color: rgba(10, 10, 10, .5); bottom: 97px; content: ""; left: 0; position: absolute; right: 0; top: 0; } .home-five { margin-top: 0; } .home-five .home-text, .home-twelve .home-text { padding: 230px 0 210px; } .home-five .home-text h2 { color: #0a0a0a; font-size: 45px; } .home-five .home-text p { font-family: "[[setting:primary_font]]", sans-serif; font-size: 18px; line-height: 30px; max-width: 495px; } .home-five .home-text a.btn { color: #0a0a0a; /* border: 2px solid #0a0a0a; */ border: 2px solid; border-radius: 27px; font-size: 18px; margin-top: 15px; padding: 10px 50px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .home-five .home-text a.btn:hover { background-color: #ffffff; border: 2px solid #ffffff; color: #2D174F; } .slide.slide-one.home6 { height: 730px; } .banner-style-one .slide.slide-one.home6 .banner-title { font-size: 50px; font-weight: normal; line-height: initial; text-transform: uppercase; } .banner-style-one .slide.slide-one.home6 p { margin: 0 auto; max-width: 450px; } .banner-style-one .slide.home6 { /* padding: 295px 0; */ padding: 245px 0 295px; } .banner-style-one .slide.home6:before { background-color: rgba(0, 0, 0, .5); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .home8_bgi7 { background-image: url([[cocoon:edumy]]/images/background/7.jpg); -webkit-background-size: cover; background-size: cover; background-position: center center; height: 950px; } .home8-overlay { position: relative; } .home8-overlay:before { content: ""; background-image: -moz-linear-gradient(105deg, rgb(219, 214, 92) 0%, rgb(86, 20, 176) 100%); background-image: -webkit-linear-gradient(105deg, rgb(219, 214, 92) 0%, rgb(86, 20, 176) 100%); background-image: -ms-linear-gradient(105deg, rgb(219, 214, 92) 0%, rgb(86, 20, 176) 100%); opacity: 0.851; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 100%; } .home8_wave { position: relative; } .home8_wave:before { background-image: url([[cocoon:edumy]]/images/home/wave4.png); background-repeat: no-repeat; content: ""; height: 250px; left: -375px; opacity: .5; position: absolute; right: 0; top: 0; width: 100%; z-index: -1; } .home8_wave:after { background-image: url([[cocoon:edumy]]/images/home/wave5.png); background-repeat: no-repeat; content: ""; height: 1300px; position: absolute; right: -70.5%; top: 0; width: 100%; opacity: .3; bottom: 0; z-index: -1; } .header_top.home8 { height: 25px; } .home-three.home10-style { background-color: #000846; height: 800px; } .home-three.home10-style:before { background-color: #0e1851; border-radius: 0 0 40px 0; bottom: 0; content: ""; left: 0; position: absolute; right: 20%; top: 0; } .home10_slider.owl-carousel .item { height: 440px; width: 100%; object-fit: cover; } .home10_slider.owl-carousel .item img { border-radius: 8px; height: 100%; width: 100%; object-fit: cover; } .home10_slider .owl-controls .owl-nav { margin-left: -40px; margin-top: -20px; max-width: 130px; position: relative; } .home10_slider .owl-controls .owl-nav .owl-prev { border-radius: 8px 0 0 8px; } .home10_slider .owl-controls .owl-nav .owl-next { border-radius: 0 8px 8px 0; } .home10_slider .owl-controls .owl-nav .owl-prev, .home10_slider .owl-controls .owl-nav .owl-next { background-color: #ffeac1; height: 60px; line-height: 50px; margin: 0; text-align: center; width: 65px; } .home10_slider .owl-controls .owl-nav .owl-prev i, .home10_slider .owl-controls .owl-nav .owl-next i { color: #000846; font-size: 20px; } .home-content.style2.home10 .home-text { padding-top: 300px; } .home14-slider .banner-style-one .slide { border-radius: 3px; overflow: hidden; padding: 220px 0 180px; } .banner-style-one .banner-sub-title { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .banner-style-one.home14 .banner-title { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .banner-style-one.home14 .banner-title, .banner-style-one .banner-sub-title { color: #FFFFFF; font-family: '[[setting:primary_font]]', sans-serif; font-size: 60px; line-height: normal; } .banner-style-one .slide.home14:before { background-color: rgba(64, 57, 103, .7); border-radius: 3px; bottom: 0; content: ""; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; } .home14-slider span.carousel-btn.left-btn, .home14-slider span.carousel-btn.right-btn { border: 1px solid #fff; border-radius: 50%; height: 51px; line-height: 51px; margin: 0 !important; text-align: center; width: 51px; } .home14-slider span.carousel-btn.left-btn:hover, .home14-slider span.carousel-btn.right-btn:hover { background-color: #fff; } .home14-slider span.carousel-btn.left-btn i, .home14-slider span.carousel-btn.right-btn i { margin: 0 !important; } .home14-slider span.carousel-btn.left-btn:hover i, .home14-slider span.carousel-btn.right-btn:hover i { color: #0e2242; } .home14-slider .carousel-btn-block .carousel-btn.left-btn { position: absolute; left: 70px; } .home14-slider .carousel-btn-block .carousel-btn.right-btn { position: absolute; right: 70px; } .bgi4 { background-image: url([[cocoon:edumy]]/images/background/4.jpg); background-repeat: no-repeat; background-size: cover; } .divider3:before { background-color: rgba(23, 21, 32, .5); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .home-text.home12 .title { font-size: 45px; font-family: "[[setting:primary_font]]"; color: #221538; line-height: 1.2; font-weight: bold; } .home12_btn { font-size: 18px; height: 55px; line-height: 15px; padding: 20px 40px; } .img_hvr_box.home12 { padding: 50px 30px 45px; } .courses_all_btn.home12 .btn { background-color: #fe4a55; border: 2px solid #fe4a55; border-radius: 4px; color: #fff; font-size: 15px; height: 50px; line-height: 47px; margin-top: 30px; padding: 0 60px; } .courses_all_btn.home12 .btn:hover, .courses_all_btn.home12 .btn:active, .courses_all_btn.home12 .btn:focus { background-color: #ffffff; border-color: #fe4a55; ; color: #fe4a55; } .bgc-floral-white { background-color: #fff8ef; } .divider_home2.home12:before { background-color: rgba(34, 21, 56, 0.8); } .teacherimg { position: relative; } .teacherimg img { bottom: -90px; position: absolute; right: -230px; z-index: 0; } .main-title.home12 .bg_title { font-size: 100px; font-family: [[setting:primary_font]]; color: rgba(255, 255, 255, 0.051); font-weight: bold; line-height: 1.2; position: absolute; top: -40px; text-align: center; margin: 0 auto; left: 0; right: 0; } .main-title.home12 { z-index: 9; } /*== Home Icon Box ==*/ .home_icon_box { position: relative; cursor: pointer; opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .home_icon_box .icon { margin-bottom: 10px; } .home_icon_box:hover { opacity: .5; margin-top: -10px; } .home_icon_box p { color: #ffffff; font-family: "[[setting:primary_font]]"; font-size: 16px; margin-bottom: 0; } .row_home4 { margin-top: -250px; margin-bottom: 75px; } .block_cocoon_hero_3 .row_home4 { margin-bottom: 140px; } .home_icon_box.home4 .icon { color: #ffffff; opacity: 1; } .home_icon_box.home4 .icon span { float: left; font-size: 40px; margin-right: 20px; opacity: 1; } .home_icon_box.home4 .details h4 { color: #ffffff; font-size: 18px; line-height: normal; } .home_icon_box.home4 .details p { line-height: normal; } .home_icon_box.home6, .home_icon_box.home8 { margin-bottom: 60px; } .home_icon_box.home6 .icon { font-size: 60px; } .home_icon_box.home6 .icon span { color: #192675; transition: .2s ease all; } .home_icon_box.home6:hover .icon span { color: [[setting:color_secondary]]; } .home_icon_box.home6 p { color: #0a0a0a; } .home_icon_box.home8 .icon { font-size: 80px; line-height: 1; margin-bottom: 15px; } .home_icon_box.home8.one .icon span { color: #ecd06f; } .home_icon_box.home8.one p { color: #ecd06f; } .home_icon_box.home8.two .icon span { color: #df6c4f; } .home_icon_box.home8.two p { color: #df6c4f; } .home_icon_box.home8.three .icon span { color: #00a78e; } .home_icon_box.home8.three p { color: #00a78e; } .home_icon_box.home8.four .icon span { color: #00bce4; } .home_icon_box.home8.four p { color: #00bce4; } /*== Home Five Overlay Slider ==*/ .divider.home5 { padding: 170px 135px; } .divider-btn { line-height: 40px; } .home1-divider2 { background-image: url([[cocoon:edumy]]/images/background/3.jpg); -webkit-background-size: cover; background-position: center center; background-size: cover; overflow: hidden; padding: 145px 0 145px; position: relative; } .home1-divider2:before { background-color: rgba(36, 65, 231, .7); background-color: [[setting:color_parallax]]; opacity: .7; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .app_grid h1 { margin-bottom: 5px; font-size: 26px; } .app_grid h1, .app_grid p { color: #ffffff; } .app_grid p { margin-bottom: 40px; } .app_grid button:last-child { margin-right: 0; } .app_grid .apple_btn, .app_grid .play_store_btn { background-color: transparent; border-radius: 5px; border: 2px solid rgba(255, 255, 255, .4); color: #ffffff; height: 75px; line-height: normal; margin-right: 30px; position: relative; -ms-text-align-last: auto; text-align: left; width: 210px; } .app_grid .apple_btn { width: 230px; } .app_grid .apple_btn:hover, .app_grid .play_store_btn:hover { border: 2px solid transparent; cursor: pointer; } .app_grid .apple_btn .icon, .app_grid .play_store_btn .icon { font-size: 36px; float: left; margin-right: 20px; margin-left: 15px; } .app_grid .apple_btn .title, .play_store_btn .title { display: block; font-size: 16px; font-family: "[[setting:primary_font]]"; margin-top: 3px; } .app_grid .apple_btn .subtitle, .play_store_btn .subtitle { font-size: 13px; font-family: "[[setting:primary_font]]"; } .phone_img { position: absolute; right: 0; top: -80px; } /*== School Category Courses ==*/ .img_hvr_box { -webkit-background-size: cover; background-size: cover; border-radius: 5px; overflow: hidden; margin-bottom: 30px; /* padding: 60px 30px 55px; */ height: 170px; width: 100%; display: table; position: relative; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .img_hvr_box:before { background-color: rgba(10, 10, 10, .5); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .img_hvr_box:hover { cursor: pointer; margin-top: -10px; } .img_hvr_box:hover:before { background-color: rgba(36, 65, 231, .8); background-color: [[setting:color_parallax]]; opacity: .8; } .img_hvr_box.home3:hover:before { background-color: rgba(54, 159, 219, .8); } .img_hvr_box .overlay { display: table-cell; vertical-align: middle; padding: 0 30px; } .img_hvr_box .overlay .details { display: block; position: relative; } .img_hvr_box .overlay .details h5, .img_hvr_box .overlay .details p { color: #ffffff; margin-bottom: 0; } .img_hvr_box .overlay .details h5 { font-size: 18px; font-weight: bold; } .img_hvr_box .overlay .details p { font-size: 15px; } .home7_row { margin-top: -105px; } .img_hvr_box.home7 { height: 200px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); width: 307px; } .img_hvr_box.home7 .overlay { margin-top: 30px; } .img_hvr_box.home7 .overlay .details h4 { color: #ffffff; font-size: 20px; line-height: 1.2; text-transform: uppercase; } .img_hvr_box.home7:before { background-color: rgba(236, 208, 111, .9); } .img_hvr_box.home7.two:before { background-color: rgba(255, 16, 83, .9); } .img_hvr_box.home7.three:before { background-color: rgba(0, 167, 142, .9); } .img_hvr_box.home7.four:before { background-color: rgba(0, 188, 228, .9); } .courses_all_btn .btn { border: 2px solid; border-radius: 25px; font-size: 15px; height: 50px; line-height: 47px; margin-top: 30px; padding: 0 60px; } .courses_all_btn.home3 .btn { border-color: #369fdb; color: #369fdb; } .courses_all_btn.home3 .btn:hover, .courses_all_btn.home3 .btn:active, .courses_all_btn.home3 .btn:focus { background-color: #369fdb; color: #ffffff; } .block_cocoon_course_categories_2 .courses_all_btn .btn:hover { background: [[setting:color_primary]] !important; border-color: [[setting:color_primary]] !important; color: #fff !important; } .course-single2 { background-color: #f9fafc; } .courses_single_container { position: relative; width: 100%; } .cs_row_one .cs_instructor { clear: both; display: inline-block; position: relative; width: 100%; } .cs_row_one .cs_instructor .cs_instrct_list li { margin-right: 15px; } .cs_row_one .cs_instructor .cs_instrct_list li .thumb { height: 50px; width: 50px; } .cs_row_one .cs_instructor .cs_instrct_list li a { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.2; } .cs_row_one .cs_instructor .cs_instrct_list li a { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.2; } .inner_page_breadcrumb .cs_row_one .cs_instructor .cs_instrct_list li a { color: #fff; } .cs_row_one .cs_instructor .cs_watch_list li a, .cs_row_one.csv3 .cs_watch_list li a { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: #0a0a0a; line-height: 1.2; } .cs_row_one .cs_instructor .cs_watch_list li:first-child a { font-size: 20px; } .cs_row_one .cs_instructor .cs_watch_list li:last-child a, .cs_row_one.csv3 .cs_watch_list li:last-child a { border-radius: 5px; background-color: rgb(36, 65, 231); color: #ffffff; display: block; height: 30px; text-align: center; width: 90px; } .cs_row_one .cs_instructor .cs_watch_list li:last-child a span, .cs_row_one.csv3 .cs_watch_list li:last-child a span { font-size: 13px; font-family: "[[setting:secondary_font]]"; color: rgb(255, 255, 255); line-height: 2.2; } .cs_row_one .cs_title { font-size: 26px; color: #0a0a0a; line-height: 1.2; } .cs_row_one .cs_review_seller { margin-bottom: 15px; } .cs_row_one .cs_review_seller li { margin-right: 4px; } .cs_row_one .cs_review_seller li a { font-size: 13px; font-family: "FontAwesome"; color: rgb(208, 210, 60); line-height: 1.2; } .cs_row_one .cs_review_seller li:first-child { margin-right: 15px; } .cs_row_one .cs_review_seller li:first-child a { border-radius: 5px; background-color: rgb(255, 16, 83); color: #ffffff; display: block; height: 30px; text-align: center; width: 90px; } .cs_row_one .cs_review_seller li:first-child a span { font-size: 13px; font-family: "[[setting:secondary_font]]"; color: rgb(255, 255, 255); line-height: 2.2; } .cs_row_one .cs_review_seller li:last-child a { font-size: 14px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.2; } .cs_row_one .cs_review_enroll { margin-bottom: 30px; } .cs_row_one .cs_review_enroll li { margin-right: 15px; } .cs_row_one .cs_review_enroll li a { font-size: 14px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.2; } .cs_row_one .cs_review_enroll li a span { padding-right: 6px; } .cs_row_one .courses_big_thumb { margin-bottom: 30px; } .cs_row_one .courses_big_thumb .thumb { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; overflow: hidden; position: relative; } .cs_ins_container .courses_big_thumb .iframe_video { border-radius: 5px; min-height: 540px; max-width: 960px; } .cs_row_one .courses_big_thumb .thumb img { border-radius: 5px; } .cs_row_one .courses_big_thumb .thumb .overlay_icon:before { bottom: 0; background-color: rgba(0, 0, 0, .3); content: ""; position: absolute; left: 0; right: 0; top: 0; width: 100%; } .cs_row_one .courses_big_thumb .thumb .overlay_icon a, .cs_row_one .courses_big_thumb .thumb .overlay_icon .title { color: #ffffff; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 40%; } .cs_row_one .courses_big_thumb .thumb .overlay_icon .title { top: 58%; } .cs_row_one.csv3 .cs_review_enroll { display: inline; } .cs_row_two .cs_overview { border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: rgba(42, 53, 59, 0); margin-bottom: 30px; padding: 30px; } .cs_row_two.csv2 .cs_overview, .cs_row_three.csv2 .course_content, .cs_row_four.csv2 .about_ins_container, .cs_row_five.csv2 .student_feedback_container, .cs_row_six.csv2 .sfeedbacks, .cs_row_seven.csv2 .sfeedbacks { border-radius: 5px; background-color: #ffffff; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12); border-width: 0px; margin-top: 30px; } .cs_row_two .cs_overview .title { font-size: 20px; font-weight: 600; color: #0a0a0a; line-height: 1.2; margin-bottom: 22px; } .cs_row_two .cs_overview h4 { font-family: "[[setting:primary_font]]"; font-size: 18px; color: rgb(59, 59, 59); line-height: 1.333; margin-bottom: 10px; } .cs_row_two .cs_overview p { font-family: "[[setting:secondary_font]]"; font-size: 15px; color: rgb(126, 126, 126); line-height: 1.6; } .cs_row_two .cs_overview ul.cs_course_syslebus { margin-bottom: 17px; margin-right: 100px; } .cs_row_two .cs_overview ul.cs_course_syslebus, .cs_row_two .cs_overview ul.cs_course_syslebus2 { display: inline-block; } .cs_row_two .cs_overview ul.cs_course_syslebus li p, .cs_row_two .cs_overview ul.cs_course_syslebus2 li p { font-family: "[[setting:secondary_font]]"; font-size: 15px; color: rgb(126, 126, 126); display: inline; line-height: 2.8; margin-bottom: 0; padding-left: 10px; } .cs_row_two .cs_overview ul.list_requiremetn li i { font-size: 10px; color: rgb(126, 126, 126); } .cs_row_two .cs_overview ul.list_requiremetn li p { color: rgb(126, 126, 126); font-family: "[[setting:secondary_font]]"; font-size: 15px; display: inline; line-height: 2.667; margin-bottom: 0; padding-left: 13px; } .cs_row_three .course_content { border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: rgba(42, 53, 59, 0); margin-bottom: 30px; position: relative; padding: 30px; width: 100%; } .cs_row_three .course_content .cc_headers { position: relative; } .cs_row_three .course_content h4.title { font-size: 20px; color: #0a0a0a; float: left; line-height: 1.2; font-weight: 600; } /* .cs_row_three .course_content .details { */ .cs_row_three .course_content .details, .ccn_course_content .details { display: inline-block; position: relative; width: 100%; } .cs_row_three .course_content .details .cc_tab, .ccn_course_content .details .cc_tab { margin-top: 10px; } /* .cs_row_three .course_content .details .cc_tab h4.panel-title { */ .details .cc_tab h4.panel-title { font-size: 18px; font-family: "[[setting:primary_font]]"; color: rgb(59, 59, 59); line-height: 1.7; border-radius: 5px; background-color: rgb(237, 239, 247); height: 50px; padding: 10px 20px; } /* .cs_row_three .course_content .details .cc_tab .panel-body .cs_list li { */ .details .cc_tab .panel-body .cs_list li { border-bottom: 1px solid #eeeeee; padding: 20px 0; } /* .cs_row_three .course_content .details .cc_tab .panel-body .cs_list li:last-child { */ .details .cc_tab .panel-body .cs_list li:last-child { border-bottom: none; } /* .cs_row_three .course_content .details .cc_tab .panel-body .cs_list li a { */ .details .cc_tab .panel-body .cs_list li a { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(79, 79, 79); line-height: 1.6; } .ccn_course_content.topics .details .cc_tab .panel-body .cs_list li.activity .activityinstance a, .ccn_course_content.topics .section .activity .activityinstance { display: inline; } .ccn_course_content.topics .details .activity img.activityicon { vertical-align: middle; } /* .cs_row_three .course_content .details .cc_tab .panel-body .cs_list li a span { */ .details .cc_tab .panel-body .cs_list li a span { padding-right: 4px; } /* .cs_row_three .course_content .details .cc_tab .panel-body .cs_list li a span.cs_preiew { */ .details .cc_tab .panel-body .cs_list li a span.cs_preiew { float: right; margin-right: 50px; } /* .cs_row_three .course_content .details .cc_tab .panel-body .cs_list li:hover a { */ .details .cc_tab .panel-body .cs_list li:hover a { color: [[setting:color_primary]]; } /* .cs_row_three .course_content .details .cc_tab .panel-body .cs_list li a span.cs_time { */ .details .cc_tab .panel-body .cs_list li a span.cs_time { float: right; } .cs_row_four .about_ins_container { overflow: auto; } .cs_row_four .about_ins_container, .cs_row_five .student_feedback_container, .cs_row_six .sfeedbacks, .cs_row_seven .sfeedbacks { border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: rgba(42, 53, 59, 0); margin-bottom: 30px; padding: 30px; position: relative; } .cs_row_six .sfeedbacks .sspd_review_liked { background-color: rgb(237, 239, 247); border-radius: 20px; height: 40px; text-align: center; max-width: 200px; } .cs_row_six .sfeedbacks .sspd_review_liked a { font-size: 14px; font-family: "[[setting:secondary_font]]"; line-height: 2.714; } .cs_row_six.csv2.style2 { overflow: hidden; } .cs_row_four .about_ins_container .aii_title, .cs_row_five .student_feedback_container .aii_title { font-size: 20px; font-weight: 600; color: #0a0a0a; margin-bottom: 25px; line-height: 1.2; } .cs_row_four .about_ins_container .about_ins_info { float: left; } .cs_row_four .about_ins_container .details { padding-left: 160px; } .cs_row_four .about_ins_container .details h4 { font-size: 20px; font-family: "[[setting:primary_font]]"; color: #0a0a0a; margin-bottom: 0; line-height: 1.5; } .cs_row_four .about_ins_container .details .subtitle { font-size: 14px; font-family: "[[setting:secondary_font]]"; color: rgb(137, 137, 137); margin-bottom: 15px; line-height: 1.714; } .cs_row_four .about_ins_container .details p { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(79, 79, 79); line-height: 1.6; } .cs_row_four .about_ins_container .details .about_ins_list li:first-child p { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(79, 79, 79); margin-bottom: 0; line-height: 1.6; } .cs_row_four .about_ins_container .details .about_ins_list li a { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(79, 79, 79); line-height: 1.6; } .cs_row_four .about_ins_container .details .review_list { float: left; margin-right: 80px; } .cs_row_four.csv2 .about_ins_container .details .review_list { margin-right: 50px; } .cs_row_four.csv2 .about_ins_container .details .about_info_list li { margin-right: 15px; } .cs_row_four .about_ins_container .details .review_list li { margin-right: 4px; } .cs_row_four .about_ins_container .details .review_list li i { font-size: 13px; color: rgb(208, 210, 60); line-height: 1.2; } .cs_row_four .about_ins_container .details .about_info_list li { font-size: 14px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.2; margin-right: 30px; } .cs_row_four .about_ins_container .details .about_info_list li:last-child { margin-right: 0; } .cs_row_four .about_ins_container .details .about_info_list li span { padding-right: 10px; } .cs_row_five .student_feedback_container .s_feeback_content .sonny_progressbar { border-radius: 5px; max-width: 470px; padding-left: 100px; } .cs_row_five .student_feedback_container .s_feeback_content ul.skills { margin-bottom: 30px; } .cs_row_five .student_feedback_container .s_feeback_content ul.skills li { color: rgb(79, 79, 79); font-size: 14px; font-family: "[[setting:secondary_font]]"; float: left; line-height: 1.2; } .cs_row_five .student_feedback_container .s_feeback_content .sonny_progressbar .bar { background-color: #d0d23c !important; } .cs_row_five .student_feedback_container .s_feeback_content .sonny_progressbar .bar-container { border-radius: 5px; height: 10px !important; overflow: hidden; } .cs_row_five .student_feedback_container .s_feeback_content .sonny_progressbar p.title { float: right; margin-right: -50px; margin-top: -10px; } .my_course_content_list .mc_content_list .s_feeback_content .sonny_progressbar { border-radius: 5px; max-width: 170px; padding-left: 100px; } .my_course_content_list .mc_content_list .sonny_progressbar .bar-container { margin-left: -190px; margin-right: 130px; margin-top: 10px; } .my_course_content_list .mc_content_list .sonny_progressbar p.title { float: right; margin-bottom: 0; margin-right: 0; margin-top: -10px; } .cs_row_five .student_feedback_container .aii_average_review { border-radius: 5px; background-color: rgb(237, 239, 247); height: 180px; position: absolute; right: 30px; /* top: 45px; */ width: 230px; } .cs_row_five .student_feedback_container .aii_average_review .av_content { /* margin-top: 45px; */ } .cs_row_five .student_feedback_container .aii_average_review .av_content h2 { font-size: 50px; font-family: "[[setting:primary_font]]"; color: #0a0a0a; line-height: 0.6; } .cs_row_five .student_feedback_container .aii_average_review .av_content .aii_rive_list li { font-size: 13px; font-family: "FontAwesome5FreeSolid"; color: rgb(208, 210, 60); margin-right: 3px; line-height: 1.2; } .cs_row_five .student_feedback_container .aii_average_review .av_content p { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(79, 79, 79); line-height: 1.2; } .r_course_title { font-size: 26px; color: #0a0a0a; line-height: 1.2; margin-bottom: 30px; } .mbp_first.media.csv1.style2 { position: relative; } .mbp_first.media.csv1.style2:before { bottom: -30px; background-color: #dedede; content: ""; position: absolute; height: 1px; left: -30px; right: -30px; width: 105%; } /*== School Category Top Courses ==*/ .top_courses { background-color: #ffffff; border: 2px solid #eeeeee; border-radius: 5px; margin-bottom: 30px; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .top_courses.home2 { border: none; } .top_courses.home2 .details .tc_content h5 { height: 46px; } .top_courses .thumb { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; position: relative; } .top_courses .thumb:before { background-color: rgba(0, 0, 0, .3); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .top_courses .thumb .overlay { bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .top_courses .thumb .overlay .tag { background-color: [[setting:color_accent_2]]; border-radius: 5px; color: #ffffff; font-size: 13px; height: 30px; line-height: 10px; margin-top: 15px; margin-left: 20px; padding: 10px; text-align: center; /* width: 90px; */ } .top_courses .thumb .overlay .icon { color: #ffffff; font-size: 20px; position: absolute; right: 20px; top: 20px; } .top_courses .thumb .overlay .tag, .top_courses .thumb .overlay .tc_preview_course { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .top_courses:hover { /* cursor: pointer; */ -webkit-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); -o-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .top_courses .thumb .overlay:before { background-color: rgba(0, 0, 0, .4); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; /* opacity: 0; */ opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .top_courses:hover .thumb .overlay:before { background-color: rgba(0, 0, 0, .4); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; /* opacity: 0; */ opacity: 1; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .top_courses.home8:hover .thumb .overlay:before { /* background-color: rgba(25, 38, 117, .7); */ background-color: [[setting:color_parallax]]; opacity: .7; } .top_courses.home8 .wc_age_seat li a { color: #7e7e7e; font-size: 13px; } .top_courses:hover .thumb .overlay .tag, .top_courses:hover .thumb .overlay .tc_preview_course { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .top_courses .thumb .overlay .tc_preview_course { bottom: 0; color: #ffffff; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; /* top: 50%; */ top: 48%; } .top_courses.list .details { width: 100%; } .top_courses .details { position: relative; } .top_courses .details .tc_content { padding: 20px; } .top_courses .details .tc_content p { color: #7e7e7e; font-size: 15px; margin-bottom: 5px; } .top_courses .details .tc_content h5 { font-size: 18px; font-weight: 600; } .top_courses.home2 .details .tc_content h5 { color: #0a0a0a; font-family: "[[setting:primary_font]]"; line-height: 1.333; } .top_courses .details .tc_content .tc_review { margin-bottom: 0; } .top_courses .details .tc_content .tc_review li a i { color: #d0d23c } .top_courses .details .tc_content .tc_review li { margin-right: 4px; font-size: 14px; } .top_courses .tc_footer { border-top: 1px solid #eeeeee; display: flow-root; padding: 10px 20px; position: relative; } /* .top_courses .tc_footer:blank { display: none; } */ .top_courses .tc_footer .tc_meta { margin-bottom: 0; } .top_courses .tc_footer .tc_meta li { margin-right: 4px; } .top_courses .tc_footer .tc_meta li a { font-size: 14px; } .top_courses .tc_footer .tc_meta li:nth-child(2) { margin-right: 10px; } .top_courses .tc_footer .tc_meta li .flaticon-comment { position: relative; top: 3px; font-size: 16px; } .top_courses .tc_footer .tc_price { color: [[setting:color_accent_2]]; font-size: 18px; font-weight: 600; font-family: [[setting:primary_font]]; } .top_courses.home2 .tc_footer .tc_price { color: #192675; } .top_courses.home12 { -webkit-box-shadow: 1px 1.732px 10px 0px rgba(254, 74, 85, 0.1); -moz-box-shadow: 1px 1.732px 10px 0px rgba(254, 74, 85, 0.1); box-shadow: 1px 1.732px 10px 0px rgba(254, 74, 85, 0.1); } .container-fluid.style2 { max-width: 1720px; width: 90%; } .courses-list { background-color: #f9fafc; } .my_course_content { border-radius: 5px; background-color: rgb(255, 255, 255); -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); position: relative; padding: 20px 0 0; } .courses_list_heading, .my_course_content_header { border-bottom: 1px solid #eeeeee; padding: 20px; } .my_course_content_header { box-shadow: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 20px 20px 30px; } .my_course_content_list { position: relative; } .my_course_content_list h5.title { font-size: 18px; font-weight: 600; font-family: "[[setting:primary_font]]", sans-serif; } .my_course_content_list .mc_content_list { position: relative; border-bottom: 1px solid #eeeeee; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 30px; } .my_course_content_list .mc_content_list:hover { background-color: #f9fafc; } .my_course_content_list .mc_content_list:hover .view_edit_delete_list { opacity: 1; } .my_course_content_list .mc_content_list:last-child { border-bottom: none; } .my_course_content_list .mc_content_list .thumb { display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; margin-right: 20px; min-height: 150px; max-height: 174px; min-width: 250px; overflow: hidden; position: relative; } @media (min-width: 1200px) { #block-region-above-content .my_course_content_list .mc_content_list .thumb, #block-region-below-content .my_course_content_list .mc_content_list .thumb, #block-region-content .my_course_content_list .mc_content_list .thumb, .my_course_content_list .mc_content_list .thumb { min-height: 150px; max-height: 174px; min-width: 250px; max-width: 290px; width: 250px; height: 174px; } #block-region-above-content .my_course_content_list .mc_content_list .thumb img, #block-region-below-content .my_course_content_list .mc_content_list .thumb img, #block-region-content .my_course_content_list .mc_content_list .thumb img, .my_course_content_list .mc_content_list .thumb img { width: 100%; height: 100%; object-fit: cover; } } .my_course_content_list .mc_content_list .thumb .overlay { background-color: rgba(0, 0, 0, .5); border-radius: 5px; text-align: center; bottom: 0; position: absolute; left: 0; right: 0; top: 0; width: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .my_course_content_list .mc_content_list:hover .thumb .overlay { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); text-align: center; } .my_course_content_list .mc_content_list .thumb .overlay ul { margin-top: 0; position: relative; top: calc(50% - 18px); } .my_course_content_list .mc_content_list .thumb .overlay ul li { border-radius: 17.5em; border-style: solid; border-width: 2px; border-color: rgb(255, 255, 255); background-color: transparent; height: 35px; text-align: center; width: 100px; } .my_course_content_list .mc_content_list .thumb .overlay ul li a { color: #ffffff; font-size: 14px; line-height: 2.2; } .my_course_content_list .mc_content_list .thumb img { border-radius: 5px; } .my_course_content_list .mc_content_list .details .mc_footer ul { display: inline; } .my_course_content_list .mc_content_list .details .mc_footer ul:first-child { margin-right: 25px; } .my_course_content_list .mc_content_list .details .mc_footer ul.mc_review li { margin-right: 3px; } .my_course_content_list .mc_content_list .details .mc_footer ul.mc_review li.tc_price { font-size: 18px; font-family: "[[setting:primary_font]]"; color: rgb(199, 85, 51); font-weight: bold; line-height: 1.2; margin-left: 15px; } .my_course_content_list .mc_content_list .details .mc_footer { margin-top: 23px; } .my_course_content_list .mc_content_list .details .mc_footer ul.mc_review li.tc_price a { color: rgb(199, 85, 51); } .my_course_content_list .mc_content_list .details .mc_footer ul.mc_review li:nth-child(6) a { font-size: 14px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.2; } .my_course_content_list .mc_content_list .details .mc_footer ul.mc_review li a i { color: rgb(208, 210, 60); line-height: 1.2; } .my_course_content_list .mc_content_list .details .mc_content .subtitle { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.2; margin-bottom: 5px; } .my_course_content_list .mc_content_list .details .mc_content .subtitle .title { font-size: 18px; font-family: "[[setting:primary_font]]"; color: rgb(10, 10, 10); line-height: 1.333; } .my_course_content_list .mc_content_list .details .mc_content h5.title span { border-radius: 5px; background-color: rgb(27, 213, 75); display: inline-block; height: 30px; margin-left: 10px; text-align: center; width: 90px; } .my_course_content_list .mc_content_list .details .mc_content h5.title span.style2 { background-color: [[setting:color_secondary]]; } .my_course_content_list .mc_content_list .details .mc_content h5.title span .tag { color: #ffffff; font-size: 13px; font-family: "[[setting:secondary_font]]"; line-height: 2.2; } .my_course_content_list .mc_content_list .details .mc_content p { font-size: 14px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.714; } .my_setting_content { border-radius: 5px; background-color: rgb(255, 255, 255); -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); position: relative; } .my_setting_content_header { border-bottom: 1px solid #eeeeee; padding: 30px; } .my_setting_content_details { padding: 30px; } .my_profile_setting_input label, .my_profile_setting_input2 label { font-size: 14px; font-family: "[[setting:secondary_font]]"; color: rgb(10, 10, 10); line-height: 1.2; } .my_profile_setting_input .form-control, .my_profile_setting_input2 .form-control { border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 5px; background-color: rgba(196, 14, 117, 0); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); height: 48px; margin-bottom: 30px; } .my_profile_setting_input .form-control:focus, .my_profile_setting_input2 .form-control:focus { outline: none; } .my_setting_savechange_btn { border-radius: 5px; background-color: rgb(36, 65, 231); font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(255, 255, 255); line-height: 1.2; height: 55px; width: 150px; } .view_edit_delete_list { margin-bottom: 0; opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .view_edit_delete_list li:hover { cursor: pointer; } .view_edit_delete_list li:first-child { background-color: #8e9298; } .view_edit_delete_list li:nth-child(2) { background-color: [[setting:color_primary]]; } .view_edit_delete_list li:last-child { background-color: [[setting:color_secondary]]; } .view_edit_delete_list li { border-radius: 5px; height: 40px; line-height: 40px; text-align: center; width: 40px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .view_edit_delete_list li a span { color: #ffffff; font-size: 20px; } .courses_list_heading.style2 { box-shadow: none; } .courses_container { position: relative; } .courses_container.style2 { box-shadow: none; } .courses_container .courses_list_content { border-bottom: 1px solid #eeeeee; padding: 20px; position: relative; } .courses_container .courses_list_content:hover { background-color: #f9fafc; } .courses_list_content .top_courses.list { border: none; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; margin-bottom: 0; } .courses_list_content .top_courses.list { background-color: transparent; } .courses_list_content .top_courses.list:hover { box-shadow: none; } .courses_list_content .top_courses.list .details .tc_content p { font-size: 14px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.714; } .courses_list_content .top_courses.list:hover .details .tc_content h5 { color: [[setting:color_primary]]; } .original_price { font-size: 13px; font-family: "[[setting:primary_font]]"; color: rgb(126, 126, 126); line-height: 1.2; } .courses_list_content .top_courses.list .tc_footer ul.tc_review { margin-bottom: 0; margin-right: 20px; } .courses_list_content .top_courses.list .tc_footer ul.tc_review li { margin-right: 4px; } .courses_list_content .top_courses.list .tc_footer ul.tc_review li a { font-size: 13px; color: rgb(208, 210, 60); line-height: 1.2; } .courses_list_content .top_courses.list .tc_footer ul.tc_review li:last-child a { color: #7e7e7e; } .courses_list_content .top_courses.list .details .tc_content { padding: 0px 0px 20px 15px; } .courses_list_content .top_courses.list .tc_footer { padding: 0 20px; } .courses_list_content .top_courses.list .thumb { border-radius: 5px; overflow: hidden; width: 450px; } .courses_list_content .top_courses.list .tc_footer { border: none; } /*== Popular Job Categories => Icon Hover Image Box ==*/ .hvr_img_box_container { -webkit-background-size: cover; background-size: cover; border-radius: 5px; cursor: pointer; margin-bottom: 35px; overflow: hidden; position: relative; -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.09); -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.09); box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.09); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 0; } .hvr_img_box_container:before { background-color: #ffffff; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 1; } .hvr_img_box_container .hvr_img_box { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .hvr_img_box_container:hover .hvr_img_box { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .hvr_img_box { position: relative; padding: 60px 50px; } .hvr_img_box.imgs { height: 100%; position: absolute; width: 100%; } .hvr_img_box_container:hover:before { background-color: rgba(0, 0, 0, .5); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .hvr_img_box_container .overlay .details { display: block; height: 250px; padding: 60px 50px; position: relative; width: 300px; z-index: 9; } .hvr_img_box_container .overlay .details h5 { color: #0a0a0a; font-family: "[[setting:primary_font]]"; font-weight: 600; font-size: 18px; margin-bottom: 20px; text-transform: uppercase; } .hvr_img_box_container .overlay .details p { color: #7e7e7e; font-size: 15px; line-height: 24px; margin-bottom: 20px; } .hvr_img_box_container .overlay .details a { color: #192675; font-size: 14px; line-height: 24px; } .hvr_img_box_container .overlay .details a span.span { padding-left: 15px; } .hvr_img_box_container:hover .overlay .details h5, .hvr_img_box_container:hover .overlay .details p, .hvr_img_box_container:hover .overlay .details a { color: #ffffff; } .hvr_img_box_container.home13 { border-radius: 5px; -webkit-box-shadow: 1px 1.732px 20px 0px rgba(34, 34, 34, 0.05); -moz-box-shadow: 1px 1.732px 20px 0px rgba(34, 34, 34, 0.05); box-shadow: 1px 1.732px 20px 0px rgba(34, 34, 34, 0.05); margin-top: -120px; z-index: 1; } .hvr_img_box_container.home13:hover { margin-top: -140px; } .hvr_img_box_container.home13:hover:before { background-color: #ffffff; } .hvr_img_box_container.home13 .overlay .details h5 { font-size: 18px; font-family: "[[setting:primary_font]]"; color: #222222; font-weight: bold; line-height: 1.2; margin-bottom: 15px; text-transform: capitalize; } .hvr_img_box_container.home13 .overlay .details p { font-size: 14px; font-family: "[[setting:primary_font]]"; color: #222222; line-height: 1.714; } .hvr_img_box_container.home13:hover .overlay .details p { color: #222222; } .hvr_img_box_container.home13 .overlay .details { height: auto; padding: 20px 40px 35px; } .hvr_img_box_container.home13 .overlay .details .ccnIcon span { color: #222222; font-size: 80px; } .pjc_all_btn { margin-top: 25px; } .pjc_all_btn a.btn { border-radius: 4px; line-height: 45px; padding: 5px 40px; } .pjc_all_btn.home5 a.btn { border: 1px solid #262626; color: #262626; } .pjc_all_btn.home5 a.btn:hover { border: 1px solid [[setting:color_primary]]; color: #ffffff; } /*== Funfact Counter ==*/ .funfact_one .icon { color: #ffffff; font-size: 70px; line-height: initial; } .funfact_one .details ul { margin-bottom: 0; } .funfact_one .details .timer, .funfact_one .details ul li { color: #ffffff; font-family: "[[setting:primary_font]]", sans-serif; font-size: 30px; font-weight: bold; margin-right: -2px; } .funfact_one .details ul li:last-child { margin: 0; } .funfact_one .details h5 { color: #ffffff; font-size: 18px; margin-bottom: 0; } .funfact_one.home13 .details h5 { color: #222222; font-size: 18px; font-family: [[setting:primary_font]]; line-height: 1.333; } .funfact_two_details li { margin-right: 100px !important; } .funfact_two .details .timer, .funfact_two .details .ccn-timer-after { color: #0a0a0a; font-size: 22px; font-family: "[[setting:primary_font]]"; font-weight: 600; line-height: 1.2; display: inline; } .funfact_two .details h5 { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 2.667; } .about_whoweare h4 { color: #0a0a0a; font-size: 20px; font-family: "[[setting:primary_font]]"; font-weight: 600; line-height: 1.2; } .about_whoweare p { margin-bottom: 0; } .funfact_one .timer { color: #ffffff; font-size: 25px; } .funfact_one p { margin-bottom: 0; } .funfact_one.home6 { text-align: center; } .funfact_one.home6 .icon { color: #1fbda5; font-size: 60px; line-height: normal; margin-bottom: 30px; margin-top: 6px; } .funfact_one.home6 .timer { color: #252834; font-size: 50px; font-weight: bold; line-height: normal; } .funfact_one.home6:hover .icon { color: #252834; } .brdr_left_right { position: relative; } .brdr_left_right:before { background-color: #383838; bottom: 0; content: ""; height: 40px; left: -30px; position: absolute; top: 25px; width: 1px; } .brdr_left_right.home6:before { left: -15px; } .brdr_left_right.home3:before { background-color: #d5d6d8; } .footer_middle_area.home6 { background-color: #ffffff; position: relative; } /*== Footer Social Widget ==*/ .footer_social_widget { position: relative; text-align: right; } .footer_middle_area.home3 .footer_social_widget p { color: #969ca9; } .footer_social_widget ul { margin-bottom: 0; } .footer_social_widget li { color: #969696; padding-left: 20px; text-align: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer_social_widget li a { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer_social_widget li:hover a { color: #ffffff; } .footer_middle_area.home3 .footer_social_widget li a { color: #969696; } .footer_middle_area.home3 .footer_social_widget li:hover a, .footer_middle_area.home4 .footer_social_widget li:hover a { color: #0a0a0a; } .footer_social_widget.home8 li a { color: #969696; } .footer_social_widget.home8 li:hover a { color: #0a0a0a; } /*== 1st Layout Footer ==*/ .footer_one { padding: 80px 0; } .footer_middle_area { border-top: 1px solid rgba(255, 255, 255, .1); } .footer_middle_area, .footer_one { background-color: #151515; } .footer_bottom_area { background-color: #0a0a0a; } .copyright-widget p { margin-bottom: 0; font-size: 13px; } .footer_one.home3, .footer_one.home4 { background-color: #f9fafc; } .footer_one.home3:before { background-image: url([[cocoon:edumy]]/images/background/1.png); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: -75px; z-index: -1; } .footer_middle_area.home3 { border-top: 1px solid #e5e8ef; background-color: #f9fafc; } .footer_bottom_area.home3 { background-color: #ebeef4; } .footer_bottom_area.home3 .copyright-widget p, .footer_bottom_area.home4 .copyright-widget p { color: #969696; } .footer_bottom_area.home4 { background-color: #fafafa; } .footer_middle_area.home4 { border-top: 1px solid #f0f0f0; background-color: #ffffff; } .footer_one.home8 { background-color: transparent; } .footer_one.home8:before { background-image: url([[cocoon:edumy]]/images/background/3.png); -webkit-background-size: cover; background-size: cover; background-position: center center; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: -75px; z-index: -1; } .footer_one.home5 { background-color: #ffffff; border: 1px solid #f0f0f0; } /*== Footer Widget ==*/ .footer_contact_widget p { color: #969696; font-size: 13px; line-height: 30px; margin-bottom: 0; } .footer_contact_widget h4, .footer_company_widget h4, .footer_program_widget h4, .footer_support_widget h4, .footer_apps_widget h4 { color: #ffffff; font-size: 20px; margin-bottom: 30px; } .footer_contact_widget li a, .footer_company_widget li a, .footer_program_widget li a, .footer_support_widget li a { color: #9e9e9e; font-size: 13px; line-height: 30px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer_contact_widget li:hover a, .footer_company_widget li:hover a, .footer_program_widget li:hover a, .footer_support_widget li:hover a { color: #ffffff; padding-left: 10px; } .footer_apps_widget .app_grid .apple_btn, .footer_apps_widget .app_grid .play_store_btn { background-color: #0a0a0a; border: none; border-radius: 4px; height: 75px; margin-bottom: 15px; margin-right: 0; width: 100%; } .footer_apps_widget .app_grid .apple_btn:hover, .footer_apps_widget .app_grid .play_store_btn:hover { background-color: [[setting:color_primary]]; } .footer_apps_widget .app_grid .play_store_btn { margin-bottom: 0; } .footer_apps_widget .app_grid .apple_btn span, .footer_apps_widget .app_grid .play_store_btn span { margin-right: 5px; } .footer_apps_widget .app_grid .apple_btn span.title, .footer_apps_widget .app_grid .play_store_btn span.title { color: #ffffff; } .footer_apps_widget .app_grid .apple_btn span, .footer_apps_widget .app_grid .apple_btn span.subtitle, .footer_apps_widget .app_grid .play_store_btn span, .footer_apps_widget .app_grid .play_store_btn span.subtitle { color: #969696; } .footer_apps_widget .app_grid .apple_btn:hover span, .footer_apps_widget .app_grid .apple_btn:hover span.subtitle, .footer_apps_widget .app_grid .play_store_btn:hover span, .footer_apps_widget .app_grid .play_store_btn:hover span.subtitle { color: #ffffff; } .footer_apps_widget.home3 .app_grid .apple_btn:hover, .footer_apps_widget.home3 .app_grid .play_store_btn:hover { background-color: #369fdb; } .footer_apps_widget .app_grid .apple_btn:focus, .footer_apps_widget.home3 .app_grid .apple_btn:active, .footer_apps_widget.home3 .app_grid .apple_btn:focus, .footer_apps_widget.home3 .app_grid .play_store_btn:active, .footer_apps_widget.home3 .app_grid .play_store_btn:focus { box-shadow: none; outline: none; } .logo-widget { /* position: relative; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; */ display: block; } .logo-widget span { color: #ffffff; font-family: "[[setting:primary_font]]", sans-serif; font-size: 22px; font-weight: bold; padding-left: 15px; margin-top: 10px; text-transform: uppercase; vertical-align: middle; } /* .logo-widget.home3 span { color: #051925; } */ /* .logo-widget.home8 span { background: linear-gradient(to right, #835bb4 0%, #d7cf96 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } */ .footer_menu_widget ul { margin-bottom: 0; } .footer_menu_widget ul li { padding-right: 25px; vertical-align: middle; padding-top: 7px; } .footer_menu_widget ul li a, .footer_menu_widget a { color: #969696; font-size: 13px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer_menu_widget ul li a:hover, .footer_menu_widget a:hover { color: #ffffff; } .footer_menu_widget.home3 ul li a:hover { color: #0a0a0a; } .footer_contact_widget.home3 h4, .footer_company_widget.home3 h4, .footer_program_widget.home3 h4, .footer_support_widget.home3 h4, .footer_apps_widget.home3 h4, .footer_contact_widget.home4 h4, .footer_company_widget.home4 h4, .footer_program_widget.home4 h4, .footer_support_widget.home4 h4, .footer_apps_widget.home4 h4, .footer_one.home3 .footer_company_widget li:hover a, .footer_one.home3 .footer_contact_widget li:hover a, .footer_one.home3 .footer_program_widget li:hover a, .footer_one.home3 .footer_support_widget li:hover a, .footer_one.home4 .footer_company_widget li:hover a, .footer_one.home4 .footer_contact_widget li:hover a, .footer_one.home4 .footer_program_widget li:hover a, .footer_one.home4 .footer_support_widget li:hover a { color: #051925; } .footer_contact_widget.home8 p { line-height: 30px; color: #6f7074; } /* Footer 1 */ .ccn_footer_style_1 .footer_one, .ccn_footer_style_1 .footer_middle_area, .ccn_footer_style_1 .footer_bottom_area, .ccn_footer_style_1 .footer_one a, .ccn_footer_style_1 .footer_middle_area a, .ccn_footer_style_1 .footer_bottom_area a, .ccn_footer_style_1 .footer_one *, .ccn_footer_style_1 .footer_middle_area *, .ccn_footer_style_1 .footer_bottom_area * { color: #fff; } /* Footer 5 */ .ccn_footer_style_5 .footer_contact_widget p, .ccn_footer_style_5 .footer_company_widget p, .ccn_footer_style_5 .footer_program_widget p, .ccn_footer_style_5 .footer_support_widget p, .ccn_footer_style_5 .footer_apps_widget p, .ccn_footer_style_5 .footer_contact_widget a, .ccn_footer_style_5 .footer_company_widget a, .ccn_footer_style_5 .footer_program_widget a, .ccn_footer_style_5 .footer_support_widget a, .ccn_footer_style_5 .footer_apps_widget a, .ccn_footer_style_5 .footer_menu_widget ul li a, .ccn_footer_style_5 .footer_menu_widget a, .ccn_footer_style_5 .footer_social_widget a, .ccn_footer_style_5.ccn_context_frontend .copyright-widget p { color: rgb(188, 198, 222); } .ccn_footer_style_5 .footer_apps_widget .app_grid .apple_btn, .ccn_footer_style_5 .footer_apps_widget .app_grid .play_store_btn { background-color: rgba(0, 0, 0, .2); } .ccn_footer_style_5 .footer_apps_widget .app_grid .apple_btn span, .ccn_footer_style_5 .footer_apps_widget .app_grid .apple_btn span.subtitle, .ccn_footer_style_5 .footer_apps_widget .app_grid .play_store_btn span, .ccn_footer_style_5 .footer_apps_widget .app_grid .play_store_btn span.subtitle { color: rgba(255, 255, 255, .9); } /* Footer 6 */ .ccn_footer_style_6 .footer_contact_widget p, .ccn_footer_style_6 .footer_company_widget p, .ccn_footer_style_6 .footer_program_widget p, .ccn_footer_style_6 .footer_support_widget p, .ccn_footer_style_6 .footer_apps_widget p, .ccn_footer_style_6 .footer_contact_widget a, .ccn_footer_style_6 .footer_company_widget a, .ccn_footer_style_6 .footer_program_widget a, .ccn_footer_style_6 .footer_support_widget a, .ccn_footer_style_6 .footer_apps_widget a, .ccn_footer_style_6 .footer_menu_widget ul li a, .ccn_footer_style_6 .footer_menu_widget a { color: #fff; } .ccn_footer_style_6 .footer_social_widget a, .ccn_footer_style_6.ccn_context_frontend .copyright-widget p { color: rgb(158, 160, 166); } .ccn_footer_style_6 .footer_contact_widget h4, .ccn_footer_style_6 .footer_company_widget h4, .ccn_footer_style_6 .footer_program_widget h4, .ccn_footer_style_6 .footer_support_widget h4, .ccn_footer_style_6 .footer_apps_widget h4 { color: rgb(202, 190, 159); } /* Footer 7 */ .ccn_footer_style_7 .footer_contact_widget p, .ccn_footer_style_7 .footer_company_widget p, .ccn_footer_style_7 .footer_program_widget p, .ccn_footer_style_7 .footer_support_widget p, .ccn_footer_style_7 .footer_apps_widget p, .ccn_footer_style_7 .footer_contact_widget a, .ccn_footer_style_7 .footer_company_widget a, .ccn_footer_style_7 .footer_program_widget a, .ccn_footer_style_7 .footer_support_widget a, .ccn_footer_style_7 .footer_apps_widget a, .ccn_footer_style_7 .footer_menu_widget ul li a, .ccn_footer_style_7 .footer_menu_widget a, .ccn_footer_style_7.ccn_context_frontend .copyright-widget p { color: rgb(109, 109, 109); } .ccn_footer_style_7 .footer_social_widget a { color: rgb(150, 150, 150); } .ccn_footer_style_7 .footer_contact_widget h4, .ccn_footer_style_7 .footer_company_widget h4, .ccn_footer_style_7 .footer_program_widget h4, .ccn_footer_style_7 .footer_support_widget h4, .ccn_footer_style_7 .footer_apps_widget h4, .ccn_footer_style_7 .footer_social_widget a:hover, .ccn_footer_style_7 .footer_contact_widget li:hover a, .ccn_footer_style_7 .footer_company_widget li:hover a, .ccn_footer_style_7 .footer_program_widget li:hover a, .ccn_footer_style_7 .footer_support_widget li:hover a, .ccn_footer_style_7 .footer_menu_widget ul li a:hover, .ccn_footer_style_7 .footer_menu_widget a:hover, .ccn_footer_style_7 .footer_middle_area .logo-widget span { color: rgb(32, 51, 103); } .ccn_footer_style_7 .footer_one, .ccn_footer_style_7 .footer_middle_area { border-top: 1px solid rgba(0, 0, 0, .1); } /* Footer 8 */ .ccn_footer_style_8 .ccn_footer_surround { background-image: -moz-linear-gradient(135deg, [[setting:color_gradient_start]] 0%, [[setting:color_gradient_end]] 100%); background-image: -webkit-linear-gradient(135deg, [[setting:color_gradient_start]] 0%, [[setting:color_gradient_end]] 100%); background-image: -ms-linear-gradient(135deg, [[setting:color_gradient_start]] 0%, [[setting:color_gradient_end]] 100%); } .ccn_footer_style_8 .footer_one, .ccn_footer_style_8 .footer_middle_area, .ccn_footer_style_8 .footer_bottom_area { background: transparent; } .ccn_footer_style_8 .footer_apps_widget .app_grid .apple_btn, .ccn_footer_style_8 .footer_apps_widget .app_grid .play_store_btn { background-color: rgba(255, 255, 255, .2); } .ccn_footer_style_8 .footer_apps_widget .app_grid .apple_btn:hover, .ccn_footer_style_8 .footer_apps_widget .app_grid .play_store_btn:hover { background-color: rgba(255, 255, 255, .1); } .ccn_footer_style_8 .footer_contact_widget p, .ccn_footer_style_8 .footer_company_widget p, .ccn_footer_style_8 .footer_program_widget p, .ccn_footer_style_8 .footer_support_widget p, .ccn_footer_style_8 .footer_apps_widget p, .ccn_footer_style_8 .footer_contact_widget a, .ccn_footer_style_8 .footer_company_widget a, .ccn_footer_style_8 .footer_program_widget a, .ccn_footer_style_8 .footer_support_widget a, .ccn_footer_style_8 .footer_apps_widget a, .ccn_footer_style_8 .footer_menu_widget ul li a, .ccn_footer_style_8 .footer_menu_widget a, .ccn_footer_style_8.ccn_context_frontend .copyright-widget p, .ccn_footer_style_8 .footer_apps_widget .app_grid .apple_btn span, .ccn_footer_style_8 .footer_apps_widget .app_grid .play_store_btn span, .ccn_footer_style_8 .footer_social_widget a, .ccn_footer_style_8 .footer_contact_widget h4, .ccn_footer_style_8 .footer_company_widget h4, .ccn_footer_style_8 .footer_program_widget h4, .ccn_footer_style_8 .footer_support_widget h4, .ccn_footer_style_8 .footer_apps_widget h4, .ccn_footer_style_8 .footer_middle_area .logo-widget span { color: #fff; } .ccn_footer_style_8 .footer_social_widget a:hover, .ccn_footer_style_8 .footer_contact_widget li:hover a, .ccn_footer_style_8 .footer_company_widget li:hover a, .ccn_footer_style_8 .footer_program_widget li:hover a, .ccn_footer_style_8 .footer_support_widget li:hover a, .ccn_footer_style_8 .footer_menu_widget ul li a:hover, .ccn_footer_style_8 .footer_menu_widget a:hover { color: rgba(255, 255, 255, .8); } .ccn_footer_style_8 .footer_one, .ccn_footer_style_8 .footer_middle_area { border-top: 1px solid rgba(0, 0, 0, 0); } .ccn_footer_style_8 .footer_middle_area .container { border-top: 1px solid rgba(255, 255, 255, .1); } .ccn_footer_style_8 .copyright-widget, .ccn_footer_style_8 .footer_menu_widget, .ccn_footer_style_8 .footer_social_widget { margin-top: 35px; margin-bottom: 35px; } .ccn_footer_style_8 .footer_menu_widget { text-align: center; } .ccn_footer_style_8 .footer_menu_widget ul { line-height: 1; } .ccn_footer_style_8 .footer_menu_widget ul li { padding-top: 0; } @media (max-width: 992px) { .ccn_footer_style_8 .copyright-widget { text-align: center; margin-bottom: 0; } } @media (max-width: 768px) { .ccn_footer_style_8 .footer_social_widget { margin-top: 0 !important; } } .footer_one.home8 .footer_menu_widget ul li a, .footer_one.home8 .footer_menu_widget a { color: #6f7074; } .footer_one.home8:after { background-color: #e2e9f0; bottom: 80px; content: ""; height: 1px; left: 0; position: absolute; right: 0; width: 100%; } .logo-widget.home8 { margin-left: 150px; } .footer_apps_widget .mailchimp_form .form-control { background-color: #1a1a1a; border: 1px solid transparent; border-radius: 4px; box-shadow: none; color: #707070; height: 52px; width: 80%; } .footer_apps_widget .mailchimp_form button { background-color: [[setting:color_primary]]; border: transparent; height: 52px; width: 52px; } .footer_company_widget.home5 h4, .footer_program_widget.home5 h4, .footer_apps_widget.home5 h4 { color: #262626; } .footer_one.home3 .footer_contact_widget li a, .footer_one.home3 .footer_company_widget li a { color: #969ca9; } .footer_one.home3 .footer_apps_widget .mailchimp_form button { background-color: #1c327e; } .footer_one.home6 .footer_apps_widget .mailchimp_form button { background-color: #333745; } .mailchimp_form.home5 .form-control { background-color: #fafafa; } .footer_apps_widget.home6 .mailchimp_form .form-control { background-color: #101219; } .footer_menu { padding-left: 60px; } .footer_menu ul li:last-child { border-radius: 4px; } .footer_menu ul li:last-child a { background-color: transparent !important; color: #7c7c7c; padding-left: 20px; } .footer_menu ul li:last-child:hover a { color: #7c7c7c; } .footer_menu ul li .bootstrap-select>.dropdown-toggle { background-color: #2f2b2b; box-shadow: none !important; border: transparent; color: #ffffff; height: 45px; line-height: 35px; margin-left: 15px; outline: none !important; padding-left: 25px; padding-right: 20px; position: relative; text-align: right; white-space: nowrap; width: 130px; z-index: 1; } .btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle { background-color: transparent; box-shadow: none; color: #ffffff; } .footer_menu ul li .bootstrap-select .dropdown-toggle .filter-option { outline: none; } .footer_menu ul li .bootstrap-select { width: auto !important; } .footer_bottom_area.home3 .footer_menu ul li .bootstrap-select>.dropdown-toggle { background-color: #1f2532; } .footer_bottom_area.home4 .footer_menu ul li .bootstrap-select>.dropdown-toggle { background-color: #ededed; border-radius: 22.5px; color: #8b8b8b; } .footer_bottom_area.home5 { background-color: #ffffff; } .footer_bottom_area.home5 .footer_menu ul li .bootstrap-select>.dropdown-toggle { background-color: #e6e6e6; color: #8b8b8b; } .footer_one.home6 { background-color: #1b1e28; } .footer_one.home6 { border-bottom: 1px solid #363a48; } /*== Inner Pages Breadcrumb ==*/ .inner_page_breadcrumb { background-image: url([[setting:heading_bg]]); background-repeat: no-repeat; height: 400px; margin-top: -1px; position: relative; } .path-login .inner_page_breadcrumb { background-image: url([[setting:login_bg]]); } @media (min-width: 993px) { /* Header 2 */ .ccn_header_style_2.ccn_header_applies-all .inner_page_breadcrumb { height: 300px; } .ccn_header_style_2.ccn_header_applies-all .inner_page_breadcrumb .breadcrumb_content { margin-top: 50px; } /* Header 3 */ .ccn_header_style_3.ccn_header_applies-all .inner_page_breadcrumb { /* margin-top: -70px; */ } .ccn_header_style_3.ccn_header_applies-all .inner_page_breadcrumb { /* margin-top: -70px; */ } .ccn_header_style_3.ccn_header_applies-all .inner_page_breadcrumb .breadcrumb_content { margin-top: 70px; } .ccn_header_style_3.ccn_header_applies-all .inner_page_breadcrumb .row, .ccn_header_style_4.ccn_header_applies-all .inner_page_breadcrumb .row, .ccn_header_style_8.ccn_header_applies-all .inner_page_breadcrumb .row { width: 100%; margin: 0; } /* .ccn_header_style_3.ccn_header_applies-all.ccn-not-front header.header-nav.menu_style_home_three:not(.stricky-fixed), */ /* .ccn_header_style_8.ccn_header_applies-all.ccn-not-front header.header-nav.menu_style_home_four:not(.stricky-fixed) { position: relative !important; z-index: 1000 !important; } */ /* .ccn_header_style_3 header.header-nav.menu_style_home_three.navbar-scrolltofixed:not(.stricky-fixed){ position: absolute !important; top: 70px !important; z-index: 1; background: transparent; } */ /* 4 */ .ccn_header_style_4.ccn_header_applies-all .inner_page_breadcrumb { /* margin-top: -20px; */ } .ccn_header_style_4.ccn_header_applies-all .inner_page_breadcrumb.ccn_breadcrumb_default .breadcrumb_content, .ccn_header_style_8.ccn_header_applies-all .inner_page_breadcrumb.ccn_breadcrumb_default .breadcrumb_content, .ccn_header_style_4.ccn_header_applies-all .inner_page_breadcrumb.ccn_breadcrumb_m .breadcrumb_content, .ccn_header_style_8.ccn_header_applies-all .inner_page_breadcrumb.ccn_breadcrumb_m .breadcrumb_content { margin-top: 95px; } /* 5 */ .ccn_header_style_5.ccn_header_applies-all .inner_page_breadcrumb.ccn_breadcrumb_default .breadcrumb_content, .ccn_header_style_6.ccn_header_applies-all .inner_page_breadcrumb.ccn_breadcrumb_default .breadcrumb_content, .ccn_header_style_5.ccn_header_applies-all .inner_page_breadcrumb.ccn_breadcrumb_m .breadcrumb_content, .ccn_header_style_6.ccn_header_applies-all .inner_page_breadcrumb.ccn_breadcrumb_m .breadcrumb_content { margin-top: 100px; } /* 7 */ /* .ccn_header_style_7.ccn_header_applies-all.ccn-not-front .header_top.home7 { position: absolute; top: 0; width: 100%; z-index: 1000 !important; } .ccn_header_style_7.ccn_header_applies-all.ccn-not-front header.header-nav.menu_style_home_seven { position: absolute; top: 40px; z-index: 1000 !important; } */ /* 8 */ .ccn_header_style_8.ccn_header_applies-all .inner_page_breadcrumb { /* margin-top: -45px; */ } } .inner_page_breadcrumb:before { content: ""; background-image: -moz-linear-gradient(135deg, [[setting:color_gradient_start]] 0%, [[setting:color_gradient_end]] 100%); background-image: -webkit-linear-gradient(135deg, [[setting:color_gradient_start]] 0%, [[setting:color_gradient_end]] 100%); background-image: -ms-linear-gradient(135deg, [[setting:color_gradient_start]] 0%, [[setting:color_gradient_end]] 100%); height: 100%; left: 0px; opacity: 0.8; position: absolute; right: 0; top: 0px; } .inner_page_breadcrumb .breadcrumb_content { margin-top: 150px; } .inner_page_breadcrumb.csv2 .breadcrumb_content, .inner_page_breadcrumb.csv3 .breadcrumb_content { margin-top: 100px; } .inner_page_breadcrumb .breadcrumb_content .breadcrumb { background-color: transparent; display: -webkit-inline-flex; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: inline-flex; padding-top: 5px; border: 0 !important; } .inner_page_breadcrumb .breadcrumb_title { color: #ffffff; font-size: 35px; margin-bottom: 0; text-transform: uppercase; } .inner_page_breadcrumb .breadcrumb_title li:first-child { color: #7f7f7f; } .inner_page_breadcrumb .breadcrumb_title li:last-child { color: #221f1f; } .inner_page_breadcrumb .breadcrumb-item a, .inner_page_breadcrumb .breadcrumb-item.active, .inner_page_breadcrumb .breadcrumb-item+.breadcrumb-item::before { color: #ffffff; } .inner_page_breadcrumb.ccn-caps-capitalize .breadcrumb-item a, .inner_page_breadcrumb.ccn-caps-capitalize .breadcrumb-item.active, .inner_page_breadcrumb.ccn-caps-capitalize .breadcrumb-item+.breadcrumb-item::before { text-transform: capitalize; } .inner_page_breadcrumb.ccn-caps-upper .breadcrumb-item a, .inner_page_breadcrumb.ccn-caps-upper .breadcrumb-item.active, .inner_page_breadcrumb.ccn-caps-upper .breadcrumb-item+.breadcrumb-item::before { text-transform: uppercase; } .inner_page_breadcrumb.ccn-caps-lower .breadcrumb-item a, .inner_page_breadcrumb.ccn-caps-lower .breadcrumb-item.active, .inner_page_breadcrumb.ccn-caps-lower .breadcrumb-item+.breadcrumb-item::before { text-transform: lowercase; } /*== About Page About Content ==*/ .about_content p { line-height: 30px } .about_content .btn { border-radius: 4px; font-size: 16px; width: 188px; } /*== About home3 ==*/ .home3_about, .home3_about2 { overflow: hidden; } .about_home3 { margin-top: 100px; } .about_home3 h3 { font-size: 26px; margin-bottom: 10px; } .about_home3 h5 { font-size: 16px; font-weight: bold; margin-bottom: 40px; } .about_home3 p { margin-bottom: 0; max-width: 560px; } .about_home3 a.about_btn_home3 { background-color: #ffffff; border: 2px solid #369fdb; border-radius: 25px; color: #369fdb; height: 50px; line-height: 35px; margin-top: 40px; width: 180px; } .about_home3 a.about_btn_home3:hover, .about_home3 a.about_btn_home3:active, .about_home3 a.about_btn_home3:focus { background-color: #369fdb; color: #ffffff; } .about_home3 .partners_thumb_list { margin-bottom: 0; margin-top: 50px; } .about_home3 .partners_thumb_list li { margin-right: 55px; } .about_home3 .partners_thumb_list li:last-child { margin-right: 0; } .home3_about_icon_box { border-radius: 5px; display: block; margin-bottom: 45px; padding: 30px 60px 35px 40px; position: relative; z-index: 1; } .home3_about_icon_box.home8 { padding: 70px 60px 60px 45px; } .home3_about_icon_box .icon { font-size: 70px; } .home3_about_icon_box .icon span { color: #ffffff; } .home3_about_icon_box h4 { font-size: 18px; margin-bottom: 10px; } .home3_about_icon_box h4, .home3_about_icon_box p { color: #ffffff; font-weight: 700; } .home3_about_icon_box p { font-size: 15px; line-height: 30px; font-weight: 400; } .home3_about_icon_box.one { background-color: #ecd06f; margin-top: -50px; } .home3_about_icon_box.two { background-color: [[setting:color_secondary]]; margin-top: -80px; } .home3_about_icon_box.three { background-color: #00a78e; margin-bottom: 0; } .home3_about_icon_box.four { background-color: #00bce4; margin-bottom: 0; margin-top: -25px; } .home3_about_icon_box.five { background-color: #2ac4ea; margin-top: -50px; } .home3_about_icon_box.six { background-color: [[setting:color_primary]]; margin-bottom: 0; } .home3_about_icon_box.seven { background-color: #fbbc05; margin-bottom: 0; margin-top: -25px; } .about_home3_shape_container { position: relative; } .about_home3_shape { bottom: -210px; position: absolute; right: -306px; } .about_home3_shape2 { bottom: -500px; left: -306px; position: absolute; z-index: -1; } .about_home3_shape3 { bottom: -160px; position: absolute; right: -306px; z-index: -1; } .about_home4_shape4 { bottom: 550px; position: absolute; left: -225px; z-index: -1; } .about_home3_shape.home8 { bottom: 70px; z-index: -1; } .about_home3_shape2.home8 { bottom: -300px; } .about_home3_shape3.home8 { bottom: 350px; } .about2_home3 { margin-top: 100px; } .about2_home3 h3 { font-size: 30px; margin-bottom: 10px; } .about2_home3 p { font-size: 16px; margin-bottom: 0; } .about2_home3 a.about_btn_home3 { background-color: #ffffff; border: 2px solid #051925; border-radius: 25px; color: #051925; height: 50px; line-height: 35px; margin-top: 30px; width: 180px; } .about2_home3 a.about_btn_home3:hover, .about2_home3 a.about_btn_home3:active, .about2_home3 a.about_btn_home3:focus { background-color: #051925; color: #ffffff; } .instructor_col { text-align: center; margin-bottom: 40px; } .instructor_col .thumb img { height: 150px; margin: 0 auto; width: 150px; } .instructor_col .details p { font-size: 14px; margin-bottom: 0; } .instructor_col .details ul { margin-top: 10px; } .instructor_col .details ul li { margin-right: 4px; } .instructor_col .details ul li a { color: #d0d23c; } .instructor_col .details ul li:last-child a { color: #7e7e7e; } #ccn_instructor_personal_infor { position: absolute; left: 0; right: 0; } .instructor_personal_infor { position: relative; } .instructor_personal_infor .instructor_thumb { margin-bottom: 70px; margin-top: -80px; } .dashbord .instructor_personal_infor .instructor_thumb { margin-bottom: 0; margin-top: 0; } .instructor_personal_infor .instructor_thumb img { border-radius: 50%; -webkit-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); } .instructor_personal_infor h4 { font-size: 20px; font-weight: 600; color: #0a0a0a; line-height: 1.2; margin-bottom: 20px; } .instructor_personal_infor p { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.6; margin-bottom: 20px; } .instructor_personal_infor .instructor_estimate { margin-bottom: 30px; } .instructor_personal_infor .instructor_estimate li { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.6; } .team_member .instructor_col .details p { font-size: 15px; color: #6f7074; } .about_box_home6 .details { position: relative; } .about_box_home6 .details h3 { font-size: 26px; margin-bottom: 20px; } .about_box_home6 .details p { font-size: 15px; line-height: 2; margin-bottom: 35px; max-width: 540px; } .about_box_home6 .details a { border-radius: 5px; box-shadow: none; font-size: 15px; height: 50px; line-height: 30px; width: 200px; } .about_box_home6 .thumb, .about_box_home7 .thumb { margin-bottom: 20px; position: relative; z-index: 9; } .about_box_home6 .thumb:before, .about_box_home7 .thumb:before { background-color: #ffffff; border-radius: 5px; content: ""; height: 410px; left: 20px; position: absolute; top: 22px; width: 630px; z-index: -1; } .about_box_home7 .thumb:before { background-color: #f9f9f9; } .smp_icon_box { position: relative; } .smp_icon_box .icon { margin-bottom: 15px; } .smp_icon_box .details h4 { font-size: 18px; font-family: "[[setting:primary_font]]"; font-weight: bold; line-height: 1.2; margin-bottom: 10px; } .smp_icon_box .details p { color: #131313; font-size: 15px; line-height: 30px; } .smp_icon_box.box1 .details h4 { color: #f25141; } .smp_icon_box.box2 .details h4 { color: #93c524; } .smp_icon_box.box3 .details h4 { color: #28a8e3; } .smp_icon_box.box4 .details h4 { color: #00a78e; } .about_home3.home8 { margin-top: 30px; } .our-team.instructor-page { background-color: #f9fafc; } .our-team.instructor-page .owl-carousel .owl-stage-outer { padding: 30px 0px; } .team_member { background-color: #ffffff; border: 2px solid #edeff7; border-radius: 5px; padding-top: 20px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .team_member.style2 { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12); border: none; } .team_member.style3:hover { -webkit-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); } .team_member .instructor_col { margin-bottom: 15px; } .team_member .instructor_col .thumb img { height: 120px; margin: 0 auto 20px; width: 120px; } .team_member .instructor_col .details .ccn-external-stars { margin-top: 10px; margin-bottom: 2px; display: inline-block; } .team_member .tm_footer { border-top: 1px solid #eeeeee; } .team_member .tm_footer ul { margin-bottom: 0; padding: 10px 0 10px; } .team_member .tm_footer ul li { color: rgba(0, 0, 0, .4); } .team_member .tm_footer ul li:first-child { padding-right: 10px; } .team_member .tm_footer ul li a { font-size: 14px; } /*== Testimonials Grid ==*/ .our-testimonials { background-color: #f9fafc; } .testimonial_item .thumb { margin-bottom: 30px; text-align: center; } .testimonial_item .thumb img { height: 60px; width: 60px; } .testimonial_item .details { text-align: center; } .testimonial_item .details h5 { font-size: 18px; font-weight: 600; margin-bottom: 0; text-transform: uppercase; } .testimonial_item .details .small { font-size: 13px; } .testimonial_item .details p { font-size: 15px; line-height: 30px; margin-bottom: 0; margin-top: 20px; } .testimonialsec { float: left; width: 100%; } .tes-for, .ccn-tes-for-multiple { float: left; margin: 0; padding-top: 30px; position: relative; text-align: center; width: 100%; } .tes-nav, .ccn-tes-nav-multiple { float: left; width: 100%; text-align: center; padding: 0; margin: 0; width: 300px; position: relative; left: 50%; margin-left: -150px; } .tes-nav img, .ccn-tes-nav-multiple img { float: none; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 60px; height: 60px; margin: 10px 0; } .tes-nav .slick-slide.slick-current.slick-active.slick-center img, .ccn-tes-nav-multiple .slick-slide.slick-current.slick-active.slick-center img { width: 80px; height: 80px; margin: 0; border: 3px solid #ffffff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .testimonial_item.home2 { position: relative; text-align: center; opacity: .5; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .testimonial_item.home2 .details { border-radius: 5px; margin-bottom: 25px; padding: 13px 60px 35px; padding-left: 120px; text-align: left; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .testimonial_item.home2 .thumb .title { color: #060606; font-family: "[[setting:primary_font]]", sans-serif; font-size: 18px; } .testimonial_item.home2 .thumb .subtitle { color: [[setting:color_primary]]; font-family: "[[setting:primary_font]]", sans-serif; font-size: 14px; margin-bottom: 40px; } .testimonial_slider_home2 .testimonial_item.home2, .ccn_testimonial_slider_home2 .testimonial_item.home2 { opacity: .5; margin: 0 auto; max-width: 555px; } .testimonial_slider_home2 .owl-item.active.center .testimonial_item.home2, .ccn_testimonial_slider_home2 .owl-item.active.center .testimonial_item.home2 { /* margin: 0 auto;max-width: 555px; */ opacity: 1; } .testimonial_slider_home2 .owl-item.active.center .testimonial_item.home2 .details, .ccn_testimonial_slider_home2 .owl-item.active.center .testimonial_item.home2 .details { background-color: [[setting:color_primary]]; } .testimonial_slider_home2 .owl-item.active.center .testimonial_item.home2 .details .icon, .ccn_testimonial_slider_home2 .owl-item.active.center .testimonial_item.home2 .details .icon { color: #4e66f0; } .testimonial_slider_home2 .owl-item.active.center .testimonial_item.home2 .details p, .ccn_testimonial_slider_home2 .owl-item.active.center .testimonial_item.home2 .details p { color: #ffffff; } .testimonial_slider_home2.owl-theme .owl-dots .owl-dot span, .ccn_testimonial_slider_home2.owl-theme .owl-dots .owl-dot span { background-color: #c7c7c7; border-radius: 50%; height: 8px; margin-bottom: 0; width: 8px; } .testimonial_slider_home2.owl-theme .owl-dots .owl-dot.active span, .ccn_testimonial_slider_home2.owl-theme .owl-dots .owl-dot.active span { background-color: #0a0a0a; border-radius: 50%; height: 13px; width: 13px; } .testimonial_slider_home2.home8 .owl-item.active.center .testimonial_item.home2 .details, .ccn_testimonial_slider_home2.home8 .owl-item.active.center .testimonial_item.home2 .details { background-color: #debf52; } .testimonial_slider_home2.home8 .owl-item.active.center .testimonial_item.home2 .details .icon, .ccn_testimonial_slider_home2.home8 .owl-item.active.center .testimonial_item.home2 .details .icon { color: #eacc61; } .testimonial_slider_home2.home8.owl-theme .owl-dots .owl-dot.active span, .ccn_testimonial_slider_home2.home8.owl-theme .owl-dots .owl-dot.active span { background-color: #debf52; } .testimonial_slider_home2 .testimonial_item.home2 .details .icon, .ccn_testimonial_slider_home2 .testimonial_item.home2 .details .icon { color: #d4d4d4; font-size: 50px; left: 30px; line-height: normal; position: absolute; top: 20px; } .testimonial_slider_home2.home12 .owl-item.active.center .testimonial_item.home2 .details { -webkit-box-shadow: 1px 1.732px 10px 0px rgba(254, 74, 85, 0.1); -moz-box-shadow: 1px 1.732px 10px 0px rgba(254, 74, 85, 0.1); box-shadow: 1px 1.732px 10px 0px rgba(254, 74, 85, 0.1); } .testimonial_slider_home2.home12 .owl-item.active.center .testimonial_item.home2 .details .icon { color: #fe4a55; } .testimonial_slider_home2.home12 .owl-item.active.center .testimonial_item.home2 .details p { color: #606060; } .testimonial_slider_home2.home12 .testimonial_item.home2 .thumb .subtitle { color: #fe4a55; margin-bottom: 0; } .testimonial_slider_home2.home12.owl-theme .owl-dots { display: none; } .testimonial_slider_home2.home12.owl-theme .owl-dots .owl-dot { display: none; } .testimonial_slider_home2.home13 .testimonial_item.home2 .wrapper { border-radius: 3px; padding: 50px 40px 35px; margin-bottom: 40px; } .testimonial_slider_home2.home13 .testimonial_item.home2 .wrapper .details { padding: 0; } .testimonial_slider_home2.home13 .thumb img { height: 65px; width: 65px; } .testimonial_slider_home2.home13 .testimonial_item.home2 .details .icon, .testimonial_slider_home2.home14 .testimonial_item.home2 .details .icon { color: #fff; left: auto; right: 60px; top: 20px; } .testimonial_slider_home2.home13 .owl-item.active.center .testimonial_item.home2 .details { background-color: #fff; /* margin-bottom: 0; */ } .testimonial_slider_home2.home13 .owl-item.active.center .testimonial_item.home2 .details .icon, .testimonial_slider_home2.home14 .owl-item.active.center .testimonial_item.home14 .details .icon { color: #203367; } .testimonial_slider_home2.home13 .testimonial_item.home2 .title { font-weight: 600; } .testimonial_slider_home2.home13 .testimonial_item.home2 .details p, .testimonial_slider_home2.home13 .owl-item.active.center .testimonial_item.home2 .details p { color: #222222; font-size: 16px; font-family: [[setting:primary_font]]; font-weight: 600; line-height: 1.875; } .testimonial_item.home14 .thumb { margin-bottom: 25px; padding-left: 30px; padding-top: 30px; } .testimonial_item.home14 .details { border-radius: 5px; margin-bottom: 25px; padding: 1px 40px 35px 30px; text-align: left; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .testimonial_slider_home2.home14 .owl-item.active.center .testimonial_item.home14 { margin: 0 auto; max-width: 555px; opacity: 1; } .testimonial_slider_home2.home14 .owl-item.active.center .testimonial_item.home14 .wrapper { background-color: #f5f6fd; } .testimonial_slider_home2.home14 .testimonial_item.home14 .wrapper { background-color: #fff; } .testimonial_slider_home2.home14 .testimonial_item.home14 .details p { color: #6d6d6d; font-size: 16px; font-family: "[[setting:primary_font]]"; font-style: italic; line-height: 1.5; } .testimonial_slider_home2.home14 .testimonial_item.home14 .thumb .title { color: #203367; font-size: 18px; font-family: "[[setting:primary_font]]"; font-weight: bold; line-height: 1.2; } .testimonial_slider_home2.home14 .testimonial_item.home14 .details .icon { color: #f4f5f7; font-size: 35px; right: 30px; line-height: normal; position: absolute; top: 20px; } .testimonial_slider_home2.home14.owl-theme .owl-dots .owl-dot span { background-color: #cccfe3; } .testimonial_slider_home2.home14.owl-theme .owl-dots .owl-dot.active span { background-color: #003085; } .testimonial_slider_home2.owl-theme .owl-dots .owl-dot span { background-color: rgba(255, 255, 255, 0.302); } .testimonial_slider_home2.home13.owl-theme .owl-dots .owl-dot.active span { background-color: #fff; } .testimonial_slider_home2 .testimonial_item.home2 .details .icon { color: #d4d4d4; font-size: 50px; left: 30px; line-height: normal; position: absolute; top: 20px; } .testimonial_item.home2 .details .icon { font-size: 40px; left: 50px; line-height: normal; position: absolute; top: 70px; } .testimonial_item.home2 .thumb img { display: inline-block; margin-bottom: 25px; } .home-fourteen.bg-img12 { margin-top: -98px; } .home-fourteen .home-text { padding: 270px 0 70px; } .home-fourteen .home-text.home12 .title { line-height: 1.2; } .home-fourteen .home-text.home12 .para { font-size: 18px; font-family: "[[setting:primary_font]]"; color: #bcbccc; line-height: 1.667; } .home14_btn { background-color: #14b05f; border-color: #14b05f; color: #fff; font-size: 18px; height: 55px; line-height: 40px; width: 182px; } .home14_btn:hover, .home14_btn:active, .home14_btn:focus { background-color: #fff; color: #14b05f; } .home14_btn2 { background-color: #8070d0; border-color: #8070d0; color: #fff; font-size: 18px; height: 55px; line-height: 40px; width: 220px; } .home14_btn2:hover, .home14_btn2:active, .home14_btn2:focus { background-color: #fff; color: #8070d0; } .becomea_instructor { border-radius: 5px; background-color: #f9f9f9; padding: 65px 15px 55px 200px; } .becomea_instructor.style2 { background-color: #f9f9f9; padding: 65px 200px 55px 15px; } .becomea_instructor h3 { font-size: 26px; margin-bottom: 25px; } .becomea_instructor p { margin-bottom: 30px; } .becomea_instructor a { border-radius: 5px; font-size: 14px; padding: 15px 25px 15px 40px; -webkit-box-shadow: 0px 1px 4px 0px rgba(36, 65, 231, 0.3); -moz-box-shadow: 0px 1px 4px 0px rgba(36, 65, 231, 0.3); box-shadow: 0px 1px 4px 0px rgba(36, 65, 231, 0.3); } .becomea_instructor a span { padding-left: 15px; } .becomea_instructor_home3 { border-radius: 5px; padding: 65px 0 55px 35px; } .becomea_instructor_home3 h3 { color: #ffffff; font-size: 26px; margin-bottom: 15px; } .becomea_instructor_home3 p { color: #ffffff; font-size: 16px; } .becomea_instructor_home3.style1 { background-color: #369fdb; } .becomea_instructor_home3.style2 { background-color: #051925; } .becomea_instructor_home3 a { border: none; border-radius: 5px; font-size: 14px; height: 50px; line-height: 35px; margin-top: 20px; width: 198px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .becomea_instructor_home3.style1 a { color: #369fdb; } .becomea_instructor_home3.style1 a:hover, .becomea_instructor_home3.style1 a:active, .becomea_instructor_home3.style1 a:focus { background-color: #051925; color: #ffffff; } .becomea_instructor_home3.style2 a { color: #051925; } .becomea_instructor_home3.style2 a:hover, .becomea_instructor_home3.style2 a:active, .becomea_instructor_home3.style2 a:focus { background-color: #369fdb; color: #ffffff; } .becomea_instructor_home3 a span { padding-left: 15px; } /*== Blog Post Home V1 ==*/ .blog_post { border-radius: 5px; overflow: hidden; position: relative; } .blog_post .thumb { display: grid; overflow: hidden; position: relative; } .blog_post .thumb img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .blog_post:hover .thumb img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); z-index: 0; } .blog_post.one .thumb .post_title { font-size: 5vw; color: #ffffff; left: 20px; opacity: .15; position: absolute; top: 0; } .blog_post_home2 .bph2_header .bph2_date_meta, .blog_post.one .thumb .post_date { background-color: #ffffff; border-radius: 5px; left: auto; padding: 15px; right: 30px; text-align: center; } .blog_post_home2 .bph2_header .bph2_date_meta span, .blog_post.one .thumb .post_date span { color: #0a0a0a; font-family: "[[setting:primary_font]]", sans-serif; font-size: 18px; font-weight: bold; display: table-caption; line-height: 22px; } .blog_post .thumb .post_date { color: rgba(255, 255, 255, .8); font-size: 13px; left: 30px; position: absolute; top: 30px; z-index: 9; } .blog_post.one .thumb:before { /* background-color: rgba(25, 38, 117, .7); */ background-color: [[setting:color_parallax]]; opacity: .7; bottom: 0; content: ""; position: absolute; right: 0; top: 0; left: 0; } .blog_post .thumb:before { background-color: rgba(0, 0, 0, .6); bottom: 0; content: ""; position: absolute; right: 0; top: 0; left: 0; z-index: 1; } .blog_post.one .details .post_meta { position: relative; } .blog_post.one .details .post_meta ul li { margin-right: 30px; } .blog_post.one .details .post_meta ul li:last-child { margin-right: 0; } .blog_post.one .details .post_meta ul li a { color: #ffffff; font-size: 14px; } .blog_post.one .details .post_meta ul li a i { font-size: 16px; margin-right: 10px; } .blog_post .details { bottom: 20px; left: 30px; position: absolute; z-index: 9; } .blog_post .details h4 { font-size: 18px; font-weight: 600; margin-top: 8px; width: 90%; } .blog_post .details h4 { color: #ffffff; } .blog_post .details h5 { color: rgba(255, 255, 255, .8); font-size: 14px; } .blog_slider_home1.owl-carousel.owl-theme.owl-loaded .owl-prev { background-color: transparent; color: #ffffff; font-size: 24px; left: 20px; position: absolute; top: 40%; } .blog_slider_home1.owl-carousel.owl-theme.owl-loaded .owl-next { background-color: transparent; color: #ffffff; font-size: 24px; right: 20px; position: absolute; top: 40%; } .read_more_home a { color: [[setting:color_accent_2]]; } .blog_post_home4 { position: relative; } .blog_post_home4 .bph4_thumb { border-radius: 4px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; overflow: hidden; position: relative; } .blog_post_home4 .bph4_thumb { height: 410px; width: 100%; } .blog_post_home4 .bph4_thumb img { height: 100%; width: 100%; object-fit: cover; } .blog_post_home4 .bph4_thumb:before { background-color: rgba(0, 0, 0, .4); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .blog_post_home4 .bph4_thumb .bph4_date_meta { border-radius: 4px; left: 30px; overflow: hidden; position: absolute; top: 30px; text-align: center; } .blog_post_home4 .bph4_thumb .bph4_date_meta .year { background-color: #f8faf9; color: #221f1f; font-size: 17px; font-weight: bold; padding: 5px 20px 3px; } .blog_post_home4 .bph4_thumb .bph4_date_meta .year, .blog_post_home4 .bph4_thumb .bph4_date_meta .date { margin-bottom: 0; font-family: [[setting:primary_font]]; } .blog_post_home4 .bph4_thumb .bph4_date_meta .date { background-color: #ffffff; color: #221f1f; font-size: 15px; font-weight: normal; padding: 3px 13px 5px; } .blog_post_home4.home8 .bph4_thumb { box-shadow: none; } .blog_post_home4.home8 .bph4_thumb:before { background-color: transparent; } .blog_post_home4.home8 .bph4_thumb .bph4_date_meta .year { background-color: [[setting:color_primary]]; color: #ffffff; } .blog_post_home4.home8 .bph4_thumb .bph4_date_meta .date { background-color: #192675; color: #ffffff; } .blog_post_home4 .details { padding-top: 25px; } .blog_post_home4 .details h4 { font-size: 18px; line-height: 30px; font-weight: 600; } .blog_post_home4 .details p { font-size: 15px; line-height: 28px; max-width: 342px; } .blog_post_home6 { position: relative; } .blog_post_home6 h3.title { font-size: 26px; margin-bottom: 50px; } .blog_post_home6 .thumb h4 { font-size: 18px; line-height: 24px; margin-bottom: 5px; margin-top: 20px; } .blog_post_home6 .thumb a { font-size: 15px; line-height: 30px; } .blog_post_home6_media_objects .title { font-size: 15px; margin-bottom: 60px; padding-top: 5px; position: relative; text-align: right; } .blog_post_home6_media_objects .title a { color: #0a0a0a; font-size: 15px; } .blog_post_home6_date { /* cursor: pointer; */ position: relative; } .blog_post_home6_date .title { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .blog_post_home6_date .post_grid { background-color: #f9f9f9; border-radius: 5px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; padding: 30px 15px 30px 15px; position: relative; } .block_cocoon_event_list_2 .blog_post_home6_date .post_grid { height: calc(100% - 20px); padding: 15px; } .blog_post_home6_date .post_grid.home7 { background-color: #ffffff; } .blog_post_home6_date .post_grid:hover .post_date { background-color: #192675; } .blog_post_home6_media_objects .title a span, .blog_post_home6_date .title a span { padding-left: 15px; } .blog_post_home6_date .title h3 { float: left; font-size: 26px; margin-bottom: 50px; } .blog_post_home6_date .title a { font-size: 15px; position: absolute; right: 0; top: 5px; } .blog_post_home6_date .post_grid .post_date { border-radius: 5px; background-color: [[setting:color_secondary]]; color: #ffffff; float: left; height: 60px; line-height: normal; margin-right: 15px; padding-top: 7px; position: relative; text-align: center; width: 70px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .blog_post_home6_date .post_grid .post_meta ul { margin-bottom: 0; } .blog_post_home6_date .post_grid .post_meta ul li a { font-size: 13px; } .blog_post_home6_date .post_grid .post_meta ul li a span { font-size: 16px; padding-right: 5px; } .blog_post.ccn_blog_post_4 .thumb { height: 426px; object-fit: cover; } .blog_post.ccn_blog_post_4 .thumb img { object-fit: cover; height: 100%; } .blog_post_home6.ccn_blog_post_5 .thumb img { border-radius: 4px; min-height: 300px; object-fit: cover; } .about_home6 .partners_thumb_list { margin-bottom: 0; margin-top: 70px; } .about_home6 .partners_thumb_list li { margin-right: 55px; } .about_home6 .partners_thumb_list li:last-child { margin-right: 0; } .blog_post_home6_date.home11 .post_grid .post_date { background-color: #23ad96; font-size: 18px; line-height: 20px; } .blog_post_home6_date.home11 .post_grid:hover .post_date { background-color: #3f3b64; } .blog_post_home6_date.home11 .post_grid a { color: #555; } .blog_grid_bg_color { background-color: #f9fafc !important; } .blog_post_home6.style2 { border-radius: 4px; overflow: hidden; background-color: #fff; -webkit-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.07); -moz-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.07); box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.07); } .blog_post_home6.style3 .bg_img_video_widget { border-radius: 4px; height: 500px; position: relative; overflow: hidden; } .blog_post_home6.style3 .bg_img_video_widget .bt-play { top: 30%; } .blog_post_home6.style2:hover .thumb .overlay { opacity: 1; } .blog_post_home6.style2 .thumb .overlay { background-color: rgba(0, 0, 0, .5); bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .blog_post_home6.style2 .details { padding: 0 20px 20px; } .blog_post_home6.style2.video .thumb { position: relative; } .blog_post_home6.style2.video .thumb .time { background-color: #221f1f; border-radius: 4px; bottom: 20px; font-size: 14px; height: 30px; line-height: 30px; position: absolute; right: 20px; width: 50px; } .blog_post_home6.style2.video .thumb .time span { color: #fff !important; cursor: pointer; font-size: 14px; font-family: [[setting:primary_font]]; } .blog_post_home6.style2.video .details .title { font-size: 18px; font-family: [[setting:primary_font]]; font-weight: bold; line-height: 1.667; } .block_cocoon_event_list_2 .event-thumb { min-width: 130px; width: 130px; min-height: calc(80px + 7px + 40px); } .block_cocoon_event_list_2 .event-thumb-img { width: 100%; height: 100%; max-height: 80px; border-radius: 5px; overflow: hidden; } .block_cocoon_event_list_2 .event-thumb img { width: 100%; height: 100%; object-fit: cover; } .post_date_home13 { border-radius: 5px; background-color: rgb(0, 103, 218, 0.102); font-size: 16px; font-family: [[setting:primary_font]]; height: 40px; line-height: 40px; margin-bottom: 17px; width: 150px; } .block_cocoon_event_list_2 .post_date_home13 { margin-top: 7px; width: 100%; margin-bottom: 0; } .block_cocoon_event_list_2 .post_body { align-self: center; } .block_cocoon_tstmnls_5 .container-fluid { max-width: 1700px; } .block_cocoon_tstmnls_3 .container-fluid { max-width: 2000px; } .footer_apps_widget_home1.home6 input.form-control { margin: 0 45px 0 0; } .footer_apps_widget_home1.home6 button.btn, .footer_apps_widget_home1.home7 button.btn { border-radius: 5px; } .footer_apps_widget_home1.home7 input.form-control { background-color: #f9f9f9; } /*== Team Slider Code ==*/ .team_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, .shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, .single_product_slider.owl-carousel.owl-theme.owl-loaded .owl-prev { left: -85px; } .single_product_slider.owl-carousel.owl-theme.owl-loaded .owl-prev { left: 20px; } .team_slider.owl-carousel.owl-theme.owl-loaded .owl-next, .shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-next, .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-next { right: -85px; } .single_product_slider.owl-carousel.owl-theme.owl-loaded .owl-next { right: 20px; } .team_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, .team_slider.owl-carousel.owl-theme.owl-loaded .owl-next, .shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, .shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-next, .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-next, .single_product_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, .single_product_slider.owl-carousel.owl-theme.owl-loaded .owl-next { background-color: #ffffff !important; color: [[setting:color_primary]]; height: 50px; line-height: 45px; position: absolute; top: 40%; width: 50px; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1); /* Firefox 3.5 - 3.6 */ box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .team_slider.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, .team_slider.owl-carousel.owl-theme.owl-loaded .owl-next:hover, .shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, .shop_product_slider.owl-carousel.owl-theme.owl-loaded .owl-next:hover, .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, .feature_post_slider.owl-carousel.owl-theme.owl-loaded .owl-next:hover, .single_product_slider.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, .single_product_slider.owl-carousel.owl-theme.owl-loaded .owl-next:hover { background-color: [[setting:color_primary]] !important; color: #ffffff; } .shop_product_slider .shop_grid .thumb img, .feature_post_slider .shop_grid .thumb img, .single_product_slider .single_product .single_item .thumb img { margin: 0 auto; width: auto; } /*== Pricing Table Four ==*/ .membership_container { position: relative; background-color: #ffffff; padding: 30px 0; } .membership_container ul.mc_parent_list ul.mc_child_list .membership_header { border-radius: 5px; background-color: rgb(249, 250, 252); height: 210px; width: 250px; } ul.mc_parent_list li { margin-right: -3px !important; } ul.mc_parent_list ul.mc_child_list.one li { padding: 10px 200px 10px 50px; } ul.mc_parent_list ul.mc_child_list.one li, ul.mc_parent_list ul.mc_child_list.two li, ul.mc_parent_list ul.mc_child_list.three li, ul.mc_parent_list ul.mc_child_list.four li { border-bottom: 1px solid #eeeeee; color: rgb(79, 79, 79); font-size: 15px; font-family: "[[setting:secondary_font]]"; line-height: 3.333; } ul.mc_parent_list ul.mc_child_list.two li, ul.mc_parent_list ul.mc_child_list.three li, ul.mc_parent_list ul.mc_child_list.four li { padding: 10px 20px; } ul.mc_parent_list ul.mc_child_list.one li:first-child, ul.mc_parent_list ul.mc_child_list.two li:first-child, ul.mc_parent_list ul.mc_child_list.three li:first-child, ul.mc_parent_list ul.mc_child_list.four li:first-child, ul.mc_parent_list ul.mc_child_list.one li:last-child, ul.mc_parent_list ul.mc_child_list.two li:last-child, ul.mc_parent_list ul.mc_child_list.three li:last-child, ul.mc_parent_list ul.mc_child_list.four li:last-child { border-bottom: none; padding-bottom: 0; padding-top: 25px; } ul.mc_parent_list ul.mc_child_list .membership_header { padding: 60px 50px; } ul.mc_parent_list ul.mc_child_list .membership_header .price { font-size: 30px; font-family: "[[setting:primary_font]]"; color: rgb(199, 85, 51); font-weight: bold; line-height: 1.2; margin-bottom: 12px; } ul.mc_parent_list ul.mc_child_list .membership_header h4 { font-size: 18px; font-family: "[[setting:primary_font]]"; color: #0a0a0a; line-height: 1.333; margin: 0; } ul.mc_parent_list ul.mc_child_list .membership_header p { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.2; } ul.mc_parent_list ul.mc_child_list.one:hover .membership_header, ul.mc_parent_list ul.mc_child_list.two:hover .membership_header, ul.mc_parent_list ul.mc_child_list.three:hover .membership_header, ul.mc_parent_list ul.mc_child_list.four:hover .membership_header { background-color: [[setting:color_primary]]; } ul.mc_parent_list ul.mc_child_list:hover .membership_header .price, ul.mc_parent_list ul.mc_child_list:hover .membership_header h4, ul.mc_parent_list ul.mc_child_list:hover .membership_header p { background-color: [[setting:color_primary]]; } ul.mc_parent_list ul.mc_child_list:hover .membership_header .price, ul.mc_parent_list ul.mc_child_list:hover .membership_header h4, ul.mc_parent_list ul.mc_child_list:hover .membership_header p { color: #ffffff; } ul.mc_parent_list ul.mc_child_list .pricing_btn { border-radius: 25px; border: 1px solid #d0d4dc; background-color: #ffffff; color: #0a0a0a; font-size: 15px; font-family: "[[setting:secondary_font]]"; height: 50px; line-height: 2.2; width: 200px; } ul.mc_parent_list ul.mc_child_list:hover .pricing_btn { background-color: [[setting:color_primary]]; color: #ffffff; } /*== Our Partners ==*/ .our-partner { padding: 40px 0; } .our_partner { text-align: center; } /*== Our Newslatters ==*/ .our-newslatters { background-color: #f9fafc; } .our-newslatters.ccn-box-shadow-1 .btn.dbxshad { box-shadow: none !important; } .our-newslatters.ccn-box-shadow-1 input.form-control { box-shadow: none !important; border: 1px solid #dbe1e5 !important; } .footer_apps_widget_home1 input.form-control { border: none; border-radius: 5px; height: 50px; margin: 0 auto; width: 65%; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); /* Firefox 3.5 - 3.6 */ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .footer_apps_widget_home1 input.form-control:focus { border: none; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); /* Firefox 3.5 - 3.6 */ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .footer_apps_widget_home1 button.btn { font-size: 14px; height: 50px; margin-left: -15px; width: 150px; } .footer_apps_widget_home1 button.btn span { margin-left: 10px; } .our-newslatters.home7 { background-color: #ffffff; } /*== Error/404 Page ==*/ .our-error { position: relative; padding: 80px 0 127px; height: 100vh !important; background-size: cover; } .our-error:before { background-image: -moz-linear-gradient(135deg, rgb(255, 16, 83) 0%, rgb(52, 82, 255) 100%); background-image: -webkit-linear-gradient(135deg, rgb(255, 16, 83) 0%, rgb(52, 82, 255) 100%); background-image: -ms-linear-gradient(135deg, rgb(255, 16, 83) 0%, rgb(52, 82, 255) 100%); bottom: 0; content: ""; left: 0; opacity: 0.851; position: absolute; right: 0; top: 0; } .logo-widget.error_paged { padding-left: 30px; } .erro_code h1 { color: #ffffff; font-family: "[[setting:primary_font]]"; font-weight: 600; font-size: 10.450vw; line-height: 1.2; margin-bottom: -10px; text-transform: uppercase; } .error_page.footer_apps_widget { position: relative; margin-bottom: 25px; margin-top: 130px; } .error_page.footer_apps_widget h4 { font-size: 35px; font-family: "[[setting:primary_font]]"; font-weight: 600; text-transform: uppercase; line-height: 1.2; margin-bottom: 15px; } .error_page.footer_apps_widget p { color: #ffffff; line-height: 30px; margin: 0 auto 50px; max-width: 885px; font-family: "[[setting:primary_font]]"; font-size: 16px; } .error_page.footer_apps_widget .form-inline { display: inline-block; } .error_page.footer_apps_widget .mailchimp_form .form-control { background-color: #ffffff; width: 400px; } /*== LogIn Register Page ==*/ .our-log { background-color: #f9fafc; } .login_form { padding: 40px 40px 0; } .sign_up_form .divide, .login_form .divide { position: relative; } .sign_up_form .divide .lf_divider, .login_form .divide .lf_divider { background-color: #f9fafc; height: 20px; left: 0; line-height: 20px; margin: 0 auto; position: absolute; right: 0; text-align: center; top: -10px; width: 62px; } .sign_up_form.inner_page, .login_form.inner_page { padding: 0 80px 0; } .our-log.login-bg, .our-log.style4, .our-log.style3 { min-height: 100vh; display: flex; align-items: center; } .our-log.style4 { justify-content: center; } .login_page_logo { display: block; } .login_page_logo span { color: #0a0a0a; font-weight: 700; font-size: 22px; margin-top: 10px; padding-left: 15px; text-transform: uppercase; vertical-align: middle; font-family: [[setting:primary_font]]; } .login_form.inner_page.style2 { background-color: #fff; border-radius: 20px; margin: 50px auto 0; max-width: 570px; padding: 40px 50px 40px; } .login_form .mform fieldset { margin-left: 0; } .login_form.inner_page.style2 .ccn_first-time #signup { margin-bottom: -30px; } .login_form.inner_page.style2 .divide .lf_divider { background-color: #fff; } .login_form.inner_page.style2 .divide .lf_divider #guestlogin { margin-top: 20px; } .login_form.inner_page.style3 { background-color: transparent; margin: 0 auto; max-width: 470px; padding: 70px 50px 0; } .sign_up_form.inner_page .custom-control-label::before, .login_form.inner_page .custom-control-label::before { top: 4px; } .modal-content .custom-control-label::before { top: 4px; } .login_form.inner_page .heading h3 { font-size: 25px; font-weight: bold; margin-bottom: 5px; } .login_form .heading { margin-bottom: 40px; } .login_form .heading h3 { font-family: "[[setting:primary_font]]", sans-serif; font-size: 25px; font-weight: bold; } .login_form.inner_page .heading p { margin-bottom: 0; } .login_form.inner_page .form-control { border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 5px; background-color: rgb(255, 255, 255); } .login_form .form-control { border: 1px solid #dddddd; color: #6f7074; border-radius: 5px; color: #6f7074; height: 50px; margin-bottom: 20px; } .login_form .form-control:focus { border: 1px solid #dddddd; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); /* Firefox 3.5 - 3.6 */ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .login_form .form-check-input { height: 17px; width: 17px; } .login_form .form-check-label { color: #0a0a0a; font-size: 14px; padding-left: 8px; } .login_form button { border-radius: 4px; height: 50px; margin-bottom: 40px; } .login_form .btn-log { font-family: "[[setting:primary_font]]", sans-serif; font-size: 19px; font-weight: bold; height: 55px; } .login_form .btn-fpswd { color: [[setting:color_accent_2]]; font-size: 14px; } /*== SignUP Form ==*/ .sign_up_form { padding: 40px 40px 0; } .sign_up_form .heading { margin-bottom: 40px; } .sign_up_form .form-control { border: 1px solid #dddddd; border-radius: 4px; color: #7f7f7f; height: 50px; margin-bottom: 20px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); /* Firefox 3.5 - 3.6 */ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .sign_up_form .form-control:focus { outline: none; } .sign_up_form.inner_page .form-control { border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 5px; background-color: rgb(255, 255, 255); -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); /* Firefox 3.5 - 3.6 */ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .sign_up_form .form-check-input { border-radius: 2px; height: 15px; width: 15px; } /* Create a custom checkbox */ .sign_up_form .checkmark { background-color: #ffffff; border: 1px solid #dddddd; border-radius: 2px; height: 15px; position: absolute; top: 0; left: 0; width: 15px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); /* Firefox 3.5 - 3.6 */ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .sign_up_form .form-check-label { color: #0a0a0a; font-size: 14px; padding-left: 7px; } .sign_up_form button { border-radius: 4px; height: 50px; margin-bottom: 40px; } .sign_up_form .btn-log { font-family: "[[setting:primary_font]]", sans-serif; font-size: 19px; font-weight: bold; height: 55px; } /*== Question Widget Faq Page ==*/ .shortcode_widget_accprdons, .shortcode_widget_tab, .shortcode_widget_table, .shortcode_widget_message_box, .shortcode_widget_buttons { margin-bottom: 50px; } .shortcode_widget_buttons .ui_kit_button button { margin-right: 10px; } .shortcode_widget_buttons .ui_kit_button button:last-child { margin-right: 0; } .shortcode_widget_accprdons h4, .shortcode_widget_tab h4, .shortcode_widget_table h4, .shortcode_widget_message_box h4, .shortcode_widget_buttons h4, .shortcode_widget_form h4, .shortcode_widget_multiselect h4, .ui_kit_select_box h4, .shortcode_widget_radiobox h4, .shortcode_widget_checkbox h4, .shortcode_widget_switch h4, .shortcode_widget_form h4, .shortcode_widget_progressbar h4, .shortcode_form_title h4 { font-size: 20px; font-weight: bold; margin-bottom: 30px; } .faq_question_widget { background-color: rgba(243, 243, 246, 0); border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; padding: 30px 30px 15px 30px; } .faq_question_widget .title { font-size: 20px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: #0a0a0a; line-height: 1.2; } .faq_question_widget ul { margin-bottom: 0; } .faq_question_widget ul li a { font-size: 15px; color: rgb(79, 79, 79); line-height: 2.667; color: #4f4f4f; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .faq_question_widget ul li:hover a { color: [[setting:color_primary]]; padding-left: 15px; } .faq_according .panel .panel-body { padding: 15px 25px; } .faq_according .panel .panel-body p { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.6; } .faq_according .panel .panel-body h4 { font-size: 18px; font-family: "[[setting:primary_font]]"; color: rgb(59, 59, 59); line-height: 1.333; } .faq_according .panel-heading { background-color: rgb(237, 239, 247); border-radius: 5px; } .faq_according .panel-heading .panel-title { font-size: 18px; font-family: "[[setting:primary_font]]"; color: rgb(59, 59, 59); line-height: 1.333; } .faq_according .panel-heading .panel-title a { padding: 15px 25px; } /*== Tab Widget UI Page ==*/ .ui_kit_tab .nav.nav-tabs { background-color: [[setting:color_primary]]; border-radius: 4px; } .ui_kit_tab .nav.nav-tabs { padding: 10px 15px; } .ui_kit_tab .nav.nav-tabs .nav-link { color: #ffffff; height: 43px; line-height: 27px; text-align: center; width: auto; } @media (max-width: 767.98px) { .ui_kit_tab .nav.nav-tabs .nav-link { background: transparent; width: 100%; } } .ui_kit_tab .nav.nav-tabs .nav-link:hover { border: 1px solid transparent; } .ui_kit_tab .nav.nav-tabs .nav-link.active { border-radius: 5px; color: [[setting:color_primary]]; border: none; } .ui_kit_tab .tab-content .tab-pane { font-size: 15px; padding: 35px 20px; } /*== Table Widget UI Page ==*/ .ui_kit_table .table { background-color: #ffffff; /* border-radius: 4px 4px 0 0; */ /* overflow: hidden; */ } .ui_kit_table .table thead tr th:first-child { border-radius: 5px 0 0 0; overflow: hidden; } .ui_kit_table .table thead tr th:last-child { border-radius: 0px 5px 0 0; overflow: hidden; } .ui_kit_table .table th { background-color: [[setting:color_primary]]; padding: 20px; border-bottom: transparent; color: #ffffff; font-weight: normal; } .ui_kit_table .table th a, .ui_kit_table .table th .text-primary { color: #fff !important; } .ui_kit_table .table th, .ui_kit_table .table td { padding-left: 30px; } /*== Message Box Widget UI Page ==*/ .ui_kit_message_box .alert { height: 70px; line-height: 50px; } .ui_kit_button .btn:not(.btn-md):not(.btn-sm):not(.btn-xs) { border-radius: 4px; height: 55px; width: 170px; } /*== Form Input Widget UI Page ==*/ .ui_kit_input .form-control { padding-left: 20px; } .ui_kit_input .form-control:focus { box-shadow: none; border-color: #dddddd; } /*== Form Textarea Widget UI Page ==*/ .ui_kit_textarea h5 { margin-bottom: 18px; } .ui_kit_textarea .form-control:focus { box-shadow: none; border-color: #dddddd; } /*== Form Tooltip Widget UI Page ==*/ .ui_kit_tooltip .btn { border-radius: 4px; color: #7f7f7f; height: 50px; margin-right: 5px; width: 100px; } .ui_kit_tooltip .btn:focus { box-shadow: none; border-color: #dddddd; } /*== Select Search Box Widget UI Page ==*/ .ui_kit_select_search button.btn { outline: none !important; } body:not(.ccn_context_dashboard) .ui_kit_select_search button.btn { background-color: #ffffff !important; border-color: #dddddd !important; color: #6d6d6d !important; height: 50px; line-height: 35px; padding-left: 20px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } body:not(.ccn_context_dashboard) .ui_kit_select_search button.btn:focus { box-shadow: none !important; border-color: #dddddd; outline: none !important; } .ui_kit_select_search .bs-searchbox .form-control { height: 50px; } .ui_kit_select_search .bs-searchbox .form-control:focus { box-shadow: none; border-color: #dddddd; } .ui_kit_select_search .bs-searchbox:before { color: #d0d1d3; content: "\f002"; font-family: FontAwesome; font-size: 20px; line-height: 45px; position: absolute; right: 25px; z-index: 999; } .ui_kit_select_search .dropdown-item { color: #7f7f7f; font-size: 14px; font-family: "[[setting:primary_font]]", sans-serif; } .ui_kit_select_search .dropdown-item:hover { background-color: transparent; color: #221f1f; } .ui_kit_select_search .dropdown-item.active, .ui_kit_select_search .dropdown-item:active { background-color: transparent; color: #7f7f7f; } .ccn_context_dashboard .ui_kit_select_search .dropdown-item.active { color: [[setting:color_accent]]; } .ccn_context_dashboard .ui_kit_select_search .dropdown-item .glyphicon { font-size: 20px; width: 30px; padding: 10px 0; line-height: 1; vertical-align: middle; display: inline-block; } .ccn_context_dashboard .bootstrap-select .dropdown-menu li a span.check-mark { display: none !important; } /*== Radiobox, Checkbox, Switch Widget UI Page ==*/ .ui_kit_radiobox .radio { display: inline-block; vertical-align: top; } .ui_kit_radiobox .radio input[type=radio] { position: absolute; opacity: 0; } .ui_kit_radiobox input[type=radio] { box-shadow: none; cursor: pointer; width: 16px; height: 16px; } .ui_kit_radiobox .radio label { cursor: pointer; line-height: 25px; margin: 0px 0 10px; padding-left: 29px; position: relative; } .ui_kit_radiobox label, legend { display: block; font-size: 16px; font-family: "[[setting:primary_font]]", sans-serif; margin-bottom: 8px; } .ui_kit_radiobox .radio input[type=radio]:checked+label .radio-label { background-color: [[setting:color_primary]]; box-shadow: inset 0 0 0 5px #fff; } .ui_kit_radiobox .radio input[type=radio]+label .radio-label { content: ''; background-color: #fff; border-radius: 100%; border: 1px solid #dedede; display: inline-block; width: 18px; height: 18px; margin-right: 5px; vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; box-shadow: inset 0 0 0 8px #fff; z-index: 100; position: absolute; top: 2px; left: 0; } .ui_kit_radiobox label span, legend span { font-weight: 400; font-size: 14px; color: #444; } .ui_kit_radiobox .radio-label:before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; border-radius: 50%; background-color: transparent; display: block; } .ui_kit_radiobox .radio input[type=radio]+label .radio-label:after { background-color: [[setting:color_primary]]; box-sizing: border-box; border-radius: 50%; content: ""; height: 100%; left: 0; opacity: 1; margin: 0 auto; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; transform: scale(0); width: 100%; z-index: 99; } /*== CheckBox Widget UI Page ==*/ .ui_kit_checkbox input[type=checkbox], .ui_kit_checkbox input[type=radio] { height: 17px; width: 17px; } .ui_kit_checkbox.style2 .custom-control-label::before { border-radius: 8.5px; } .ui_kit_checkbox .custom-control-label::after { top: .5rem; } .custom-control-label:focus, .custom-control:focus { outline: none; } .custom-control-label::before { background-color: #ffffff; border: 1px solid #dddddd; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); /* Firefox 3.5 - 3.6 */ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); top: .50rem; } .ui_kit_checkbox .custom-control-input:checked~.custom-control-label::before { background-color: [[setting:color_primary]]; border-color: [[setting:color_primary]]; } .ui_kit_checkbox .custom-control-label { color: #4f4f4f; font-size: 15px; line-height: 33px; margin: 0 0 10px; outline: none; padding-left: 7px; padding-right: 15px; width: 100%; } .ui_kit_checkbox .custom-control-label span { color: #c1c1c1; font-size: 14px; } .ui_kit_checkbox .custom-control-input:focus~.custom-control-label::before { box-shadow: none; } /*== SwithcBox Widget UI Page ==*/ .ui_kit_whitchbox .custom-control-label { line-height: 2; margin: 0 0 10px; outline: none; padding-left: 25px; } .ui_kit_whitchbox .custom-control-input:checked~.custom-control-label::before { background-color: [[setting:color_primary]]; } .ui_kit_whitchbox .custom-switch .custom-control-label::before { height: 1.25rem; border: 1px solid #dddddd; width: 3.15rem; } .ui_kit_whitchbox .custom-control-input:focus~.custom-control-label::before { box-shadow: none; } .ui_kit_whitchbox .custom-switch .custom-control-input:checked~.custom-control-label::after { -webkit-transform: translateX(2.0rem); transform: translateX(2.0rem); } .ui_kit_whitchbox .custom-switch .custom-control-label::after { height: 14px; top: 11px; width: 14px; } /*== Select Box Widget UI Page ==*/ .ui_kit_select_box .custom-select:focus { box-shadow: none; border-color: #dddddd; } .ui_kit_select_box .dropdown.bootstrap-select.custom-select-lg { padding-left: 0; padding-top: 0; } .ui_kit_progress_bar .skills li span { color: #262626; } .ui_kit_select_box .bootstrap-select .dropdown-menu { margin-top: 10px; } /*== MultiSelect CheckBox Widget UI Page ==*/ .ui_kit_multi_select_box .dropdown-menu { margin-top: 10px; padding: 20px; } .ui_kit_select_box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .ui_kit_multi_select_box .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%; } .ui_kit_select_box .bootstrap-select>.dropdown-toggle, .ui_kit_multi_select_box .bootstrap-select>.dropdown-toggle { background-color: #ffffff; border: 1px solid #dddddd; color: #7f7f7f; height: 50px; line-height: 40px; padding-left: 20px; } .ui_kit_select_box .bootstrap-select>.dropdown-toggle:focus, .ui_kit_multi_select_box .bootstrap-select>.dropdown-toggle:focus { box-shadow: none; outline: none !important; } .ui_kit_select_box .filter-option-inner-inner:focus, .ui_kit_multi_select_box .filter-option-inner-inner:focus { outline: none; } .ui_kit_select_box .btn-light:not(:disabled):not(.disabled).active, .ui_kit_select_box .btn-light:not(:disabled):not(.disabled):active, .ui_kit_select_box .show>.btn-light.dropdown-toggle, .ui_kit_multi_select_box .btn-light:not(:disabled):not(.disabled).active, .ui_kit_multi_select_box .btn-light:not(:disabled):not(.disabled):active, .ui_kit_multi_select_box .show>.btn-light.dropdown-toggle { background-color: #ffffff; color: #7f7f7f; } /*== Blog Post Main Page ==*/ .mbp_pagination { display: inline-block; position: relative; width: 100%; } .mbp_thumb_post .thumb { border-radius: 5px; overflow: hidden; position: relative; } .mbp_thumb_post .thumb:before { background-color: rgba(0, 0, 0, .5); content: ""; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 100%; } .mbp_thumb_post .thumb .tag { font-size: 14px; font-family: "[[setting:secondary_font]]"; color: rgb(250, 250, 250); line-height: 1.2; bottom: 30px; left: 30px; position: absolute; } .mbp_thumb_post .thumb .post_date { bottom: 30px; font-weight: bold; max-width: 95px; position: absolute; right: 30px; text-align: center; } .mbp_thumb_post .thumb .post_date h2 { font-size: 50px; font-family: "[[setting:primary_font]]"; color: rgb(255, 255, 255); margin-bottom: 0; } .mbp_thumb_post .thumb .post_date span { font-size: 18px; font-family: "[[setting:primary_font]]"; color: rgb(255, 255, 255); } .main_blog_post_content .mbp_thumb_post .details { padding-top: 20px; } .main_blog_post_content .mbp_thumb_post .details p { font-size: 15px; } .main_blog_post_content .mbp_thumb_post .details ul.post_meta { margin-bottom: 20px; } .main_blog_post_content .mbp_thumb_post .details h4 { font-size: 18px; } .main_blog_post_content .mbp_thumb_post .details ul.bs_content_list li { display: block; } .main_blog_post_content .mbp_thumb_post .details ul.bs_content_list li:before { content: "\f111"; font-family: fontawesome; font-size: 10px; left: 15px; margin-top: 12px; position: absolute; } .main_blog_post_content .mbp_thumb_post .details ul.bs_content_list li p { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 2.667; margin-bottom: 0; padding-left: 20px; } .mbp_thumb_post .details h3 { font-size: 20px; font-weight: 600; margin-bottom: 12px; } .mbp_thumb_post .details h4 { font-size: 18px; } .mbp_thumb_post .details .post_meta li:nth-child(2) { margin-right: 20px; margin-left: 8px; } .mbp_thumb_post .details .post_meta li:nth-child(4) { margin-left: 8px; } .mbp_thumb_post .post_meta li, .mbp_thumb_post .blog_post_share li { display: inline-block; } .mbp_pagination ul.page_navigation { height: 70px; margin-bottom: 0; text-align: center; width: 100%; } .mbp_pagination ul.page_navigation li.page-item { display: inline-block; margin-top: 12px; } .mbp_pagination ul.page_navigation li.ccn-page-item-prev .page-link, .mbp_pagination ul.page_navigation li.ccn-page-item-first .page-link, .mbp_pagination ul.page_navigation li.ccn-page-item-last .page-link, .mbp_pagination ul.page_navigation li.ccn-page-item-next .page-link { border: 2px solid #eeeeee; border-radius: 22.5px; color: #4f4f4f; height: 45px; line-height: 25px; width: 104px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /* .mbp_pagination ul.page_navigation li.page-item:first-child .page-link:hover { border: 2px solid #eeeeee; background-color: #eeeeee; border-radius: 22.5px; color: #4f4f4f; height: 45px; line-height: 25px; width: 104px; } */ .mbp_pagination ul.page_navigation li.ccn-page-item-prev .page-link:hover, .mbp_pagination ul.page_navigation li.ccn-page-item-first .page-link:hover, .mbp_pagination ul.page_navigation li.ccn-page-item-last .page-link:hover, .mbp_pagination ul.page_navigation li.ccn-page-item-next .page-link:hover { border: 2px solid #eeeeee; background-color: #eeeeee; border-radius: 22.5px; color: #4f4f4f; height: 45px; line-height: 25px; width: 104px; } .mbp_pagination ul.page_navigation li.ccn-page-item-prev .page-link span, .mbp_pagination ul.page_navigation li.ccn-page-item-first .page-link span { color: #fb3274; padding-right: 5px; } .mbp_pagination ul.page_navigation li.ccn-page-item-next .page-link span, .mbp_pagination ul.page_navigation li.ccn-page-item-last .page-link span { color: #fb3274; padding-left: 5px; } /* .mbp_pagination ul.page_navigation li.ccn-page-item-prev:focus { box-shadow: none; } */ .mbp_pagination ul.page_navigation li .page-link { background-color: transparent; border-radius: 50%; border: none; color: #7f7f7f; height: 45px; line-height: 30px; overflow: hidden; text-align: center; width: 45px; } .mbp_pagination ul.page_navigation li.active .page-link { background-color: [[setting:color_primary]]; color: #ffffff; } .event_counter_plugin_container { border-radius: 5px; background-image: -moz-linear-gradient(0deg, rgb(52, 82, 255) 0%, rgb(255, 16, 83) 100%); background-image: -webkit-linear-gradient(0deg, rgb(52, 82, 255) 0%, rgb(255, 16, 83) 100%); background-image: -ms-linear-gradient(0deg, rgb(52, 82, 255) 0%, rgb(255, 16, 83) 100%); height: 100px; margin-bottom: 15px; margin-top: 30px; position: relative; } .event_counter_plugin_content { text-align: center; } .event_counter_plugin_content ul { margin-bottom: 0; text-align: center; } .event_counter_plugin_content ul li { color: #ffffff; display: inline-block; font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(255, 255, 255); line-height: 2.667; margin-top: 10px; text-align: left; text-transform: capitalize; width: 22%; } .event_counter_plugin_content ul li:last-child { width: auto; } .event_counter_plugin_content ul li span { display: block; font-size: 26px; font-family: "[[setting:primary_font]]"; color: rgb(255, 255, 255); line-height: 1.2; } /*== Blog Grid Post ==*/ .blog_grid_post { background-color: rgb(255, 255, 255); overflow: hidden; border-radius: 5px; } .blog_grid_post .thumb { border-radius: 5px; position: relative; overflow: hidden; } .blog_grid_post .thumb:before { background-color: rgba(0, 0, 0, .3); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .blog_grid_post .thumb .tag { font-size: 14px; font-family: "[[setting:secondary_font]]"; color: rgb(250, 250, 250); line-height: 1.2; left: 30px; line-height: 40px; position: absolute; top: 30px; } .ccn_blog_style_1 .ccn-blog-list-entry .thumb .tag { bottom: 30px; top: auto; } .blog_grid_post .thumb .post_date { bottom: 30px; font-weight: bold; max-width: 95px; position: absolute; right: 30px; text-align: center; } .blog_grid_post .thumb .post_date h2 { font-size: 50px; font-family: "[[setting:primary_font]]"; color: rgb(255, 255, 255); margin-bottom: 0; } .blog_grid_post .thumb .post_date span { font-size: 18px; font-family: "[[setting:primary_font]]"; color: rgb(255, 255, 255); } .blog_grid_post .details h3 { font-size: 20px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: #0a0a0a; line-height: 1.2; margin-bottom: 15px; } .blog_grid_post .details { padding: 20px 25px 30px 30px; } .blog_grid_post .details ul.post_meta { margin-bottom: 18px; } .blog_grid_post .details ul.post_meta li a span { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.6; } .blog_grid_post .details p { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.6; margin-bottom: 0; } .blog_grid_post.style2 .details { border-radius: 0 5px 5px 0; padding: 60px 45px 55px 40px; } .blog_grid_post.style2 .details p { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.6; } .blog_grid_post .details .post_meta li:nth-child(2) { margin-right: 20px; margin-left: 8px; } .blog_grid_post .details .post_meta li:nth-child(4) { margin-left: 8px; } .blog_grid_post li { display: inline-block; } .blog_grid_post.style2.event_lists { border-left: none; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; border-top-right-radius: 5px !important; border-bottom-right-radius: 5px !important; } .main_blog_post_content .event_lists:hover .blog_grid_post.event_lists { -webkit-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); } .blog_grid_post.style2.event_lists .thumb img { max-width: 600px; max-height: 385px; } .blog_grid_post.style2.event_lists ul li { display: list-item; } .blog_grid_post.style2.event_lists .details { padding: 59px 75px 60px 50px; } .blog_grid_post.style2.event_lists .details h3 { font-size: 22px; font-family: "[[setting:primary_font]]"; color: #0a0a0a; line-height: 1.091; } .blog_grid_post.style2.event_lists .details p { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.6; } .blog_grid_post.style2.event_lists .details ul { margin-top: 25px; } .blog_grid_post.style2.event_lists .details ul li { margin-bottom: 20px; } .blog_grid_post.style2.event_lists .details ul li:last-child { margin-bottom: 0; } .blog_grid_post.style2.event_lists .details ul li a, .ccn-block-featured-event-detail { font-size: 14px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.2; } .blog_grid_post.style2.event_lists .details ul li a span, .ccn-block-featured-event-detail span { font-size: 18px; padding-right: 10px; } .event_participator_tile { font-size: 20px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: #0a0a0a; line-height: 1.2; margin-bottom: 50px; } .participator_team .thumb img { height: 100px; width: 100px; } .participator_team .details h4 { font-size: 18px; font-family: "[[setting:primary_font]]"; color: #0a0a0a; line-height: 1.333; margin-bottom: 0; margin-top: 20px; } .participator_team .details p { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.2; } /*== Search Widget Blog Page ==*/ .blog_search_widget { margin-bottom: 30px; } .blog_search_widget button.btn { height: 48px; } .blog_search_widget input.form-control { border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 5px; background-color: rgb(255, 255, 255); flex: 1; height: 48px; padding-left: 20px; width: 100%; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .blog_search_widget input.form-control:focus { border-right: none; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .blog_search_widget button, .blog_search_widget button:hover { background-color: #fff; border-bottom: 1px solid #dddddd; border-left: transparent !important; border-right: 1px solid #dddddd; border-top: 1px solid #dddddd; /* -webkit-box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.1); */ /* -moz-box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.1); */ /* box-shadow: 1px 2px 1px 0 rgba(0, 0, 0, 0.1); */ -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, .05); -moz-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, .05); box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, .05); } .blog_search_widget button:focus { box-shadow: none; } .blog_search_widget button:hover { color: [[setting:color_tertiary]]; background: none; border-color: #ced4da; } /*== Category Widget Blog Page ==*/ .blog_category_widget { margin-bottom: 30px; } .blog_recent_post_widget .title, .blog_category_widget .title { font-size: 20px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: #0a0a0a; line-height: 1.2; margin-bottom: 0; } .blog_category_widget ul.list-group { border-style: solid; border-width: 2px; border-color: rgb(238, 238, 238); border-radius: 5px; background-color: rgba(243, 243, 246, 0); padding: 30px; } .blog_category_widget ul li.list-group-item { background-color: transparent; border: none; font-size: 15px; font-family: "[[setting:secondary_font]]"; color: #0a0a0a; padding: 10px 0; } .blog_category_widget ul li.list-group-item span { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); font-weight: normal; } .event_details_widget { border-style: solid; border-width: 2px; border-color: rgb(238, 238, 238); border-radius: 5px; background-color: rgba(243, 243, 246, 0); margin-bottom: 30px; padding: 30px; } .event_details_widget .title { font-size: 20px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: #0a0a0a; line-height: 1.2; margin-bottom: 25px; } .event_details_widget ul { margin-bottom: 0; } .event_details_widget ul li { font-size: 14px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.5; margin-bottom: 20px; } .event_details_widget ul li:last-child { margin-bottom: 0; } .event_details_widget ul li span { font-size: 18px; padding-right: 10px; } .category_sidebar_widget { position: relative; } .category_sidebar_widget .category_list { margin-bottom: 0; } .category_sidebar_widget .category_list li a { font-family: "[[setting:secondary_font]]"; font-size: 15px; color: rgb(79, 79, 79); line-height: 2.667; } .category_sidebar_widget .category_list li a span { font-family: "[[setting:secondary_font]]"; font-size: 14px; color: rgb(193, 193, 193); line-height: 2.857; } .feature_course_widget { border-style: solid; border-width: 2px; border-color: #edeff7; border-radius: 5px; background-color: rgba(243, 243, 246, 0); padding: 30px 0 15px; margin-bottom: 30px; } .feature_course_widget h4 { font-size: 20px; font-weight: 600; color: #0a0a0a; line-height: 1.2; padding-left: 30px; } .feature_course_widget ul li { border-bottom: 1px solid #eeeeee; color: #0a0a0a; font-family: "[[setting:secondary_font]]"; font-size: 15px; line-height: 2.667; padding: 0 30px; } .feature_course_widget ul li span { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 2.667; } .feature_course_widget ul li:last-child { border-bottom: none; padding: 0 30px; } .instructor_pricing_widget { border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: #ffffff; margin-bottom: 30px; padding: 30px; text-align: center; } .instructor_pricing_widget.csv2 { /*margin-top: -300px;*/ box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12); border-width: 0px; } .feature_course_widget.csv1, .blog_tag_widget.csv1 { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12); border-width: 0px; background-color: #FFF; } .instructor_pricing_widget .price { font-size: 30px; font-family: "[[setting:primary_font]]"; color: #0a0a0a; font-weight: bold; line-height: 1.2; } .instructor_pricing_widget .price span { font-size: 15px; font-family: "[[setting:primary_font]]", sans-serif; color: rgb(79, 79, 79); line-height: 2.667; } .instructor_pricing_widget .price small { font-size: 14px; font-family: "[[setting:secondary_font]]"; color: rgb(193, 193, 193); line-height: 2.857; } .instructor_pricing_widget h5 { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(79, 79, 79); line-height: 2.667; } .instructor_pricing_widget .price_quere_list li .ccn-course-details-item { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 2.667; } .instructor_pricing_widget .price_quere_list li .ccn-course-details-item span { color: #0a0a0a; font-size: 18px; padding-right: 5px; } .cart_btnss { border-radius: 27px; background-color: rgb(255, 16, 83); display: block; font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(255, 255, 255); height: 50px; line-height: 3.2; margin-bottom: 23px; margin-top: 23px; margin-left: auto; margin-right: auto; text-align: center; max-width: 234px; border: 2px solid [[setting:color_secondary]]; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .cart_btnss:hover { background-color: #ffffff; border: 2px solid [[setting:color_secondary]]; color: [[setting:color_secondary]]; } .cart_btnss_white { background-color: #ffffff; border: 2px solid [[setting:color_secondary]]; border-radius: 27px; color: [[setting:color_secondary]]; display: block; font-size: 15px; font-family: "[[setting:secondary_font]]"; line-height: 3.2; margin-bottom: 23px; height: 50px; max-width: 234px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .cart_btnss_white:hover { background-color: [[setting:color_secondary]]; color: #ffffff; } /*== Recent Post Widget Blog Page ==*/ .blog_recent_post_widget { margin-bottom: 30px; } .blog_recent_post_widget .title { font-size: 20px; margin-bottom: 20px; } .blog_recent_post_widget.media_widget { border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: rgba(243, 243, 246, 0); padding: 30px 20px 30px 30px; } .blog_recent_post_widget.media_widget .media { margin-bottom: 30px; } .blog_recent_post_widget.media_widget .media:last-child { margin-bottom: 0; } .blog_recent_post_widget.media_widget .media img { border-radius: 8px; max-width: 90px; } .blog_recent_post_widget .media-body .post_title { font-size: 16px; font-family: "[[setting:primary_font]]"; color: #212121; line-height: 1.5; margin-bottom: 0; } .blog_recent_post_widget .media-body a { font-size: 14px; font-family: "[[setting:secondary_font]]"; color: rgb(123, 123, 123); line-height: 1.2; } /*== Tag Widget Blog Page==*/ .blog_tag_widget { border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: rgba(243, 243, 246, 0); margin-bottom: 30px; padding: 30px; } .blog_tag_widget .title { font-size: 20px; font-weight: 600; color: #0a0a0a; line-height: 1.2; margin-bottom: 20px; } .ccn-sidebar-region .blog_tag_widget .tag_list { margin-bottom: 0; } .blog_tag_widget .tag_list li, .my_resume_eduarea .ccn_tags li { border-radius: 15px; background-color: rgb(237, 239, 247); height: 30px; margin-bottom: 15px; padding: 0px 25px; } .my_resume_eduarea .ccn_tags { margin-top: 15px; margin-bottom: 0; max-width: 500px; } .my_resume_eduarea .ccn_tags li { display: inline-block; } .blog_tag_widget .tag_list li a, .my_resume_eduarea .ccn_tags li a { font-size: 13px; font-family: "[[setting:secondary_font]]"; color: rgb(79, 79, 79); } /* .blog_tag_widget .tag_list li:nth-child(3), .blog_tag_widget .tag_list li:nth-child(4) { margin-bottom: 0; } */ /*== BlokQuote Blog Sinlge Page ==*/ .mbp_blockquote { padding: 13px 0px 20px 0px; } .mbp_blockquote .blockquote { position: relative; } .mbp_blockquote .blockquote:before { background-color: transparent; } .mbp_blockquote .blockquote span { color: #3b3b3b; font-size: 36px; float: left; line-height: 0.85; padding-right: 15px; } .mbp_blockquote .blockquote em { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(59, 59, 59); font-style: italic; line-height: 1.6; } .blog_post_share li { border-radius: 4px; height: 40px; line-height: 40px; text-align: center; width: 40px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .blog_post_share li:first-child { width: auto; } .blog_post_share li:first-child:hover { background-color: transparent; } .blog_post_share li:hover { cursor: pointer; } .blog_post_share li a { font-size: 16px; line-height: 1.2; } .blog_post_share li:hover a { color: rgb(72, 73, 77); } .blog_post_share li p { font-size: 18px; font-family: "[[setting:primary_font]]"; color: rgb(59, 59, 59); line-height: 1.333; } .blog_post_share li a { font-size: 16px; font-family: "FontAwesome"; color: rgb(182, 185, 199); line-height: 1.2; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /*== Next Prev Pagination Blog Sinlge Page ==*/ .mbp_pagination_tab { background-color: #ffffff; padding: 30px 0; position: relative; } .mbp_pagination_tab .pag_prev a { padding-left: 0; } .mbp_pagination_tab .pag_prev a span { margin-right: 15px; } .mbp_pagination_tab .pag_prev p { padding-left: 30px; } .mbp_pagination_tab .pag_next a { padding-right: 0; } .mbp_pagination_tab .pag_next a span { margin-left: 15px; } .mbp_pagination_tab .pag_next p { padding-right: 30px; } .mbp_pagination_tab .pag_prev p, .mbp_pagination_tab .pag_next p { font-size: 16px; font-family: "[[setting:primary_font]]"; color: #0a0a0a; line-height: 1.75; margin-bottom: 0; margin-top: 10px; } .mbp_pagination_tab .pag_prev p:hover, .mbp_pagination_tab .pag_next p:hover, .mbp_pagination_tab .pag_prev a:hover, .mbp_pagination_tab .pag_next a:hover { color: [[setting:color_primary]]; } /*== Commenting Blog Sinlge Page ==*/ .mbp_pagination_comments { position: relative; margin-top: 30px; } .mbp_pagination_comments .title { font-size: 20px; margin-bottom: 30px; } .mbp_pagination_comments .mbp_first img, .mbp_pagination_comments .mbp_second img { margin-right: 2.16rem !important; width: 80px; } .mbp_pagination_comments .mbp_first .mbp_sub { margin: 55px 0; } .mbp_pagination_comments .mbp_first .mbp_sub img { margin-right: 1.16rem !important; } /*== Commenting Form Blog Sinlge Page ==*/ .mbp_comment_form { margin-top: 20px; } .mbp_comment_form h4 { font-size: 20px; margin-bottom: 30px; } .mbp_comment_form .comments_form { background-color: #f1f1f1; padding: 30px 50px 50px; } .mbp_comment_form .comments_form input { border: 1px solid #dddddd; height: 50px; } .mbp_comment_form .comments_form input:focus, .mbp_comment_form .comments_form button.btn:focus, .mbp_comment_form .comments_form textarea:focus { box-shadow: none; } .mbp_comment_form .comments_form textarea { border: 1px solid #dddddd; height: auto; } .mbp_comment_form .comments_form .form-group label { color: #221f1f; } .mbp_comment_form .comments_form button.btn { border-radius: 4px; font-size: 16px; height: 55px; margin-top: 10px; padding: 0 80px; } .mbp_comment_form .comments_form button span { padding-left: 10px; } /*== Dashbord details Page ==*/ .our-dashbord { background-color: #f9fafc; margin-top: 150px; position: relative; } .breadcrumb_widgets { border-radius: 5px; background-color: rgb(225, 230, 239); height: 70px; margin-bottom: 30px; padding: 20px 30px; position: relative; } .breadcrumb_widgets .title { font-size: 22px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: rgb(10, 10, 10); line-height: 1.2; margin-bottom: 0; } .dashboard_main_content .breadcrumb_widgets .title { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (min-width: 993px) { .dashboard_main_content .breadcrumb_widgets .title { max-width: 50%; } .dashboard_main_content .breadcrumb_widgets.ccn-clip-lx2 .title { max-width: 30%; } } @media (min-width: 1700px) { .dashboard_main_content .breadcrumb_widgets.ccn-clip-lx2 .title { max-width: 40%; } } .breadcrumb_widgets .breadcrumb { background-color: transparent; padding: 0; position: relative; } .breadcrumb_widgets .breadcrumb .breadcrumb-item, .breadcrumb_widgets .breadcrumb .breadcrumb-item a { font-family: "[[setting:secondary_font]]"; font-size: 15px; color: #7e7e7e; } /* .breadcrumb_widgets .breadcrumb .breadcrumb-item.active, .breadcrumb_widgets .breadcrumb .breadcrumb-item a[aria-current="page"] { color: rgb(126, 126, 126); line-height: 1.6; } */ .user_board { position: relative; } .dashboard_sidebar { bottom: 0; margin-top: 60px; left: 0; position: absolute; top: 60px; width: 280px; z-index: 9; } .dashboard_sidebar:before { background-color: rgb(255, 255, 255); bottom: 0; content: ""; left: 0; right: 0; top: -60px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); position: absolute; } .dashboard_main_content { max-width: 100%; padding-left: calc(280px - -20px); padding-left: calc(280px + 20px); padding-right: 20px; position: relative; } .dashboard_main_content.no-sidebar { padding-left: 20px; } .ccn_context_dashboard.ccn_dashboard_header_scroll .dashboard_main_content .main_content_container { padding: 80px 0 0; } .main_content_container::-webkit-scrollbar { display: none; } .dashboard_main_content::-webkit-scrollbar, .dashboard_main_content::-webkit-scrollbar { display: none; } .dashboard_main_content::-webkit-scrollbar * { background: transparent; } .dashboard_main_content::-webkit-scrollbar-track { display: none; } .dashboard_main_content::-webkit-scrollbar-thumb { background-color: transparent; } .user_profile { margin-bottom: 10px; position: relative; } .user_profile .media .media-body h4 { font-size: 18px; font-family: "[[setting:primary_font]]"; color: #0a0a0a; line-height: 1.2; padding-left: 30px; } .user_profile .media .media-body h5, .user_profile .media .media-body p { margin-bottom: 0; } .user_profile .media img { width: 65px; } .dashbord_nav_list h4 { position: relative; padding-left: 30px; } .dashbord_nav_list li { height: 50px; line-height: 45px; padding-left: 30px; position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .dashbord_nav_list li a, .dashbord_nav_list li .no-action { font-family: "[[setting:primary_font]]"; color: #7f7f7f; font-size: 16px; } .dashbord_nav_list li:hover a, .dashbord_nav_list li:hover a span { color: [[setting:color_primary]]; } .dashbord_nav_list li.active { background-color: #f9fafc; } .dashbord_nav_list li.active a, .dashbord_nav_list li a.active { color: [[setting:color_primary]]; } .dashbord_nav_list li.active:before { background-color: [[setting:color_primary]]; bottom: 0; content: ""; height: 50px; position: absolute; right: 0px; top: 0; width: 2px; } body:not(.ccn_context_focus) .dashbord_nav_list li a span:not(.ccn_dashnav_item), body:not(.ccn_context_focus) .dashbord_nav_list li a i.icon { font-size: 23px; margin-right: 15px; width: auto; height: auto; top: 3px; position: relative; } .skill_sidebar_widget { margin-top: 40px; margin-left: 15px; padding-right: 50px; } .skill_sidebar_widget h4 { font-size: 17px; margin-bottom: 20px; } .skill_sidebar_widget .sonny_progressbar .bar { border-radius: 5px; height: 10px; } .skill_sidebar_widget .sonny_progressbar .bar-container { border-radius: 5px; height: 10px !important; overflow: hidden; } .password_change_form form input { border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 5px; background-color: rgba(196, 14, 117, 0); height: 48px; margin-bottom: 30px; padding-left: 20px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .password_change_form form input:focus { -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); outline: none; } .password_change_form form button { border-radius: 4px; height: 55px; padding: 0 35px; } .password_change_form form button:focus { box-shadow: none; outline: none; } /*== Header User Notification & User ID ==*/ .header_user_notif { margin-bottom: 0; margin-top: 10px; position: relative; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .header_user_notif li { display: inline-block; vertical-align: middle; } .header_user_notif li:first-child { margin-right: 20px; } .header_user_notif li:nth-child(2) { margin-right: 15px; } .header_user_notif li span { color: #ffffff; font-size: 20px; line-height: 2; } .header_user_notif li .dropdown .notification_icon { border-radius: 50%; background-color: [[setting:color_accent]]; display: block; height: 43px; line-height: 40px; text-align: center; width: 43px; } .header_user_notif li img { width: 50px; } .header_user_notif .user_notif { position: relative; } .header_user_notif .user_notif .dropdown-menu.notification_dropdown_content.show { border: none; border-radius: 5px; margin-top: 25px; margin-left: -270px !important; padding: 30px 10px 25px 30px; -webkit-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); max-width: 340px; } .header_user_notif li.user_setting .dropdown-menu.notification_dropdown_content.show:before { background-color: #ffffff; content: ""; height: 37px; position: absolute; right: 40px; width: 37px; top: -7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .header_user_notif .user_notif .dropdown-menu.notification_dropdown_content.show .view_all_noti { display: block; padding: 20px 0 0; } .header_user_notif .user_notif .so_heading:before { background-color: #ffffff; content: ""; height: 37px; position: absolute; right: 30px; width: 37px; top: -7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .header_user_notif .user_notif .so_heading p, .header_user_notif .ccn-settings-nav .so_heading p { border-bottom: 1px solid #dedede; color: #0a0a0a; font-size: 18px; font-family: "[[setting:primary_font]]"; line-height: 1.333; margin-bottom: 0; padding-bottom: 20px; } .header_user_notif .user_notif .so_content { max-height: 200px; } .header_user_notif .user_notif .so_content .simplebar-offset { width: auto; } .header_user_notif .user_notif .so_content ul { margin-bottom: 0; } .header_user_notif .user_notif .so_content ul li { border-bottom: 1px solid #dedede; padding: 20px 0 20px; } .header_user_notif .user_notif .so_content ul li h5, .header_user_notif .user_notif .so_content ul li p { font-size: 15px; margin-bottom: 0; } .header_user_notif .user_notif .so_content ul li p { color: #7f7f7f; } .header_user_notif .user_notif .so_content ul li:first-child { margin-right: 0; } .header_user_notif .user_notif .so_content ul li:last-child { border-bottom: none; } .header_user_notif .user_notif { padding: 0; } .header_user_notif .user_notif .simplebar-offset:focus { outline: none; } .header_user_notif .user_notif .simplebar-offset::-webkit-scrollbar { margin-top: 15px; margin-right: 10px; width: 6px; z-index: 3; } .header_user_notif .user_notif .simplebar-offset::-webkit-scrollbar * { background: transparent; } .header_user_notif .user_notif .simplebar-offset::-webkit-scrollbar-track { display: none; } .header_user_notif .user_notif .simplebar-offset::-webkit-scrollbar-thumb { background-color: #dfdfdf !important; border-radius: 6px; } .simplebar-placeholder { max-height: 355px !important; width: 325px !important; } /*== Header User Setting ID ==*/ .header_user_notif li.user_setting { position: relative; } .header_user_notif li.user_setting .btn { border: 1px solid transparent; color: #ffffff; } .header_user_notif li.user_setting a.btn.dropdown-toggle:after { display: none; } .header_user_notif li.user_setting .btn:focus { border: 1px solid transparent; box-shadow: none; } .header_user_notif li.user_setting .dropdown-menu.show { border: none; border-radius: 5px; margin-top: 19px; margin-left: -200px !important; padding: 30px 30px 10px; -webkit-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15); width: 300px; } .header_user_notif li.user_setting .dropdown-menu.show:before { background-color: #ffffff; content: ""; height: 37px; position: absolute; right: 40px; width: 37px; top: -7px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .header_user_notif li.user_setting .dropdown-menu.show .user_set_header { padding: 10px 0; } .header_user_notif li.user_setting .dropdown-menu.show .user_set_header img { margin-right: 15px; } .header_user_notif li.user_setting .dropdown-menu .user_set_header p { font-size: 16px; font-family: "[[setting:primary_font]]"; color: #0a0a0a; line-height: 1.2; } .header_user_notif li.user_setting .dropdown-menu .user_set_header p span { font-size: 14px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.2; } /* .header_user_notif li.user_setting .dropdown-menu .user_setting_content { padding: 15px 0 0; } */ .header_user_notif li.user_setting .dropdown-menu .user_setting_content a, .header_user_notif li.user_setting .dropdown-menu .user_setting_content .no-action { border-bottom: 1px solid #dedede; color: #0a0a0a; font-size: 16px; font-family: "[[setting:primary_font]]"; line-height: 3.125; padding-left: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; max-width: 240px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .header_user_notif li.user_setting .dropdown-menu .user_setting_content a:last-child { border-bottom: none; } .header_user_notif li.user_setting .dropdown-menu .user_setting_content a:hover, .header_user_notif li.user_setting .dropdown-menu .user_setting_content .no-action:hover { color: [[setting:color_accent_2]]; padding-left: 12px; } .header_user_notif li.user_setting .dropdown-menu .user_setting_content a.active, .header_user_notif li.user_setting .dropdown-menu .user_setting_content a.active span, .header_user_notif li.user_setting .dropdown-menu .user_setting_content a:hover, .header_user_notif li.user_setting .dropdown-menu .user_setting_content a:hover span { background-color: transparent; } .header_user_notif li.user_setting .dropdown-menu .user_setting_content a span { margin-right: 10px; } /*== Candidate Job Review Page Table ==*/ .candidate_revew_search_box input.form-control { background-color: #ffffff; border: 1px solid #dddddd; border-right: none; border-radius: 5px 0px 0px 5px; height: 48px; margin-right: 0 !important; padding-left: 20px; padding-right: 0; width: 258px; font-size: 14px; font-family: "[[setting:primary_font]]", sans-serif; } .candidate_revew_search_box button { background-color: #ffffff; border: 1px solid #dddddd; border-left: none; border-radius: 0 5px 5px 0; height: 48px; padding-top: 8px; } .message_container .candidate_revew_search_box button { width: 41px; } .candidate_revew_search_box button:hover { color: #eeeeee; } .candidate_revew_search_box input.form-control:focus, .candidate_revew_search_box button:focus { box-shadow: none; outline: none; } .candidate_revew_select .bootstrap-select>.dropdown-toggle { background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; color: #495057; height: 50px; line-height: 35px; } .candidate_revew_select .bootstrap-select>.dropdown-toggle:hover, .candidate_revew_select .bootstrap-select>.dropdown-toggle:focus, .candidate_revew_select .bootstrap-select>.dropdown-toggle:active { background-color: #ffffff; color: #7f7f7f; box-shadow: none; outline: none !important; } .candidate_revew_select .dropdown-item.active, .candidate_revew_select .dropdown-item:active { background-color: transparent; color: [[setting:color_primary]]; } /*== My Resume Page ==*/ .my_resume_textarea label { color: #221f1f; } .my_resume_textarea textarea { border: 1px solid #dddddd; color: #7f7f7f; padding: 20px; -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1); /* Firefox 3.5 - 3.6 */ box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1); } .my_resume_textarea textarea:focus { border: 1px solid #dddddd; box-shadow: none; outline: none; } .my_resume_eduarea { padding-top: 10px; } .my_resume_eduarea .title { font-size: 20px; } .my_resume_eduarea .title a { color: #00d664; font-size: 16px; } .my_resume_eduarea .title a span { margin-left: 10px; } .my_resume_eduarea .details { padding: 15px 15px 15px 80px; position: relative; } .dashboard_main_content .my_resume_eduarea .content { z-index: 1; } .my_resume_eduarea .content { margin-bottom: 30px; padding: 15px 15px 15px 50px; position: relative; text-align: left; } /* .my_resume_eduarea .content:nth-child(3) { padding-bottom: 0; margin-bottom: 0; } */ /* .my_resume_eduarea .content:nth-child(3), .my_resume_eduarea .content:nth-child(4) { padding-top: 0; position: relative; } */ /* .my_resume_eduarea .content:nth-child(3) .circle, .my_resume_eduarea .content:nth-child(4) .circle { top: 0; } */ /* .my_resume_eduarea .content:nth-child(3):before, .my_resume_eduarea .content:nth-child(4):before { top: 9px; } */ /* .my_resume_eduarea .content:nth-child(3):after { top: -90px; } */ /* .my_resume_eduarea .content:nth-child(4):after { display: none; } .my_resume_eduarea .content.style2:nth-child(3):after { display: none; } */ .my_resume_eduarea .content:last-child:after { display: none; } .my_resume_eduarea .content:after { background-color: #f9fafc; content: ""; height: 112px; left: 8px; position: absolute; top: 33px; width: 4px; z-index: -9; } .my_resume_eduarea .content.style2:after { display: none; } .my_resume_eduarea .content .circle { background-color: [[setting:color_primary]]; border-radius: 50%; height: 10px; left: 5px; position: absolute; top: 25px; width: 10px; } .my_resume_eduarea .content .circle:before { background-color: #ffffff; border: 2px solid [[setting:color_primary]]; border-radius: 50%; content: ""; height: 18px; left: -4px; position: absolute; top: -4px; width: 18px; z-index: -1; } .my_resume_eduarea .content.style2 { margin-bottom: 45px; } .my_resume_eduarea .content.style2 .circle, .my_resume_eduarea .content.style-link .circle { background-color: [[setting:color_accent_2]]; border-radius: 50%; height: 10px; left: 5px; position: absolute; top: 25px; width: 10px; } .my_resume_eduarea .content.style2 .circle:before, .my_resume_eduarea .content.style-link .circle:before { background-color: #ffffff; border: 2px solid [[setting:color_accent_2]]; border-radius: 50%; content: ""; height: 18px; left: -4px; position: absolute; top: -4px; width: 18px; z-index: -1; } .my_resume_eduarea .content.style3 .circle { background-color: #192675; border-radius: 50%; height: 10px; left: 5px; position: absolute; top: 10px; width: 10px; } .my_resume_eduarea .content.style3 .circle:before { background-color: #ffffff; border: 2px solid #192675; border-radius: 50%; content: ""; height: 18px; left: -4px; position: absolute; top: -4px; width: 18px; z-index: -1; } .my_resume_eduarea .content .edu_center { color: [[setting:color_primary]]; margin-bottom: 0; } .my_resume_eduarea .content .edu_stats { font-size: 18px; font-weight: normal; margin-bottom: 0; } .my_resume_eduarea .content .edu_stats.edu_stats_link a { padding-top: 3px; display: inline-block; } .my_resume_eduarea .content .edu_stats small { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.6; } .my_resume_eduarea .content .edu_center { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.6; } .my_resume_eduarea .edu_stats_list li:first-child { background-color: #d1eaff; } .my_resume_eduarea .edu_stats_list li:nth-child(2) { background-color: #bae5d7; } .my_resume_eduarea .edu_stats_list li:last-child { background-color: #c1ebc9; } .my_resume_eduarea .edu_stats_list li { border-radius: 4px; height: 30px; line-height: 30px; text-align: center; width: 30px; } /*== Message Page ==*/ .message_container:not(.message_container_drawer) { background-color: rgb(255, 255, 255); border-radius: 5px; overflow: hidden; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); margin: 0; } .message_container_drawer { padding: 20px; } .message_container .ui_kit_button .btn { margin-right: 5px; } .message_container .candidate_revew_search_box { position: relative; } .candidate_revew_search_box .ccn-msg-cog { right: 35px; top: 12px; } .message_container:not(.message_container_drawer) .inbox_user_list { background-color: #ffffff; border-right: 1px solid #eeeeee; display: inline-block; padding: 30px 30px 40px; width: 100%; height: 100%; } .inbox_user_list .wrap { position: relative; } .inbox_user_list .wrap img { border-radius: 50%; float: left; margin-right: 15px; } .inbox_user_list .wrap .meta h5.name { font-size: 16px; margin-bottom: 0; } .inbox_user_list .wrap .meta p.preview { color: #7f7f7f; font-size: 14px; } .inbox_user_list ul li { padding: 15px 0; } .inbox_user_list .iu_heading { padding-bottom: 45px; } .drawer .inbox_user_list .iu_heading { padding: 25px 0; } .inbox_user_list ul li.contact .wrap .meta { display: inline-block; margin-top: 10px; } .iu_heading .candidate_revew_search_box input.form-control { width: calc(100% - 41px); } /* .drawer .iu_heading .candidate_revew_search_box input.form-control { width: 89%; } */ .iu_heading .candidate_revew_search_box .candidate_revew_search_box button { background-color: transparent; } .inbox_user_list ul li.contact .wrap span { background-color: #95a5a6; border: 1px solid #ffffff; border-radius: 50%; height: 13px; left: 50px; margin: 0px 0 0 1px; position: absolute; width: 13px; } .inbox_user_list ul li.contact .wrap span.online { background-color: #2ecc71; } .inbox_user_list ul li.contact .wrap span.away { background-color: #f1c40f; } .inbox_user_list ul li.contact .wrap span.busy { background-color: #e74c3c; } .inbox_user_list ul li.contact .wrap img { border-radius: 50%; float: left; margin-right: 10px; width: 60px; } .message_container .inbox_chatting_box { background-color: #ffffff; position: relative; height: auto; overflow-y: scroll; overflow-x: hidden; max-height: 565px; margin: 10px 10px 130px 10px; } .message_container .inbox_chatting_box::-webkit-scrollbar { background: transparent; border-radius: 3px; padding-right: 10px; width: 8px; } .message_container .inbox_chatting_box::-webkit-scrollbar-thumb { background-color: #ededed; border-radius: 3px; } .message_container:not(.message_container_drawer) .user_heading { background-color: #ffffff; border-bottom: 1px solid #eeeeee; padding: 30px; position: relative; } .message_container:not(.message_container_drawer) .user_heading:before { background-color: #eeeeee; content: ""; height: 1px; left: -50%; position: absolute; top: 107px; /* width: 463px; */ width: 100%; } .inbox_chatting_box .chatting_content { padding: 30px 30px 0 30px; position: relative; width: 100%; } .message_container_drawer .inbox_chatting_box .chatting_content { padding-left: 10px; padding-right: 10px; } .message_container .user_heading .wrap img { float: left; margin-right: 10px; border-radius: 50%; } .message_container .user_heading .wrap h5.name { font-size: 16px; font-family: "[[setting:primary_font]]"; color: rgb(10, 10, 10); line-height: 1.2; margin-bottom: 0; } .message_container .user_heading .wrap p.preview { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(127, 127, 127); line-height: 1.867; margin-bottom: 0; } .message_container .last_seen_time { background-color: #ffffff; padding: 35px 0 0; } .message_container .last_seen_time a { font-size: 17px; font-family: "[[setting:secondary_font]]"; color: rgb(127, 127, 127); line-height: 1.647; margin-bottom: 0; } .inbox_chatting_box .chatting_content li { padding: 20px 0; margin-bottom: 0; } .inbox_chatting_box .chatting_content li.media { display: block; } .inbox_chatting_box .chatting_content li.media.sent { float: left; clear: both; } .inbox_chatting_box .chatting_content li.media img { border-radius: 50px; margin-bottom: 10px; } .inbox_chatting_box .chatting_content li.media .media-body { display: block; } /* .inbox_chatting_box .chatting_content li.media span { * * @ccnTicketRef - 3421 - 2021032214.07 * add 'ccn-msg-del-icon' class - we need to monitor to see if it inadvertently affects styling of other elements in messages * */ .inbox_chatting_box .chatting_content li.media .ccn-msg-del-icon span { background-color: #95a5a6; border: 1px solid #ffffff; border-radius: 50%; height: 13px; left: 80px; margin: 2px 0 0 -2px; position: absolute; width: 13px; } .inbox_chatting_box .chatting_content li.media span.busy { background-color: #e74c3c; } .inbox_chatting_box .chatting_content li.media .date_time { font-size: 14px; text-align: left; } .inbox_chatting_box .chatting_content li.media.reply .date_time { text-align: right; } .inbox_chatting_box .chatting_content li.media .media-body { background-color: [[setting:color_primary]]; border: 1px solid #ffffff; border-radius: 5px; color: #ffffff; font-size: 14px; font-family: "[[setting:secondary_font]]"; color: rgb(255, 255, 255); margin-bottom: 0; padding: 10px 15px; max-width: 265px; } .inbox_chatting_box .chatting_content li.media .media-body p { margin-bottom: 0; } .inbox_chatting_box .chatting_content li.media.reply { float: right; clear: both; } .inbox_chatting_box .chatting_content li.media.reply.first { margin: -100px 0 0; } .inbox_chatting_box .chatting_content li.media.reply .media-body { border-radius: 5px; background-color: #f3f3f3; color: #7f7f7f; max-width: 320px; padding: 10px 15px; } .message_container .message_input { background-color: #f9fafc; /* bottom: 30px; left: 30px; position: absolute; right: 30px; */ text-align: center; border-radius: 5px; } .message_container .message_input input.form-control, .message_container .message_input textarea.form-control { background-color: #fafafa; border-color: transparent; border-radius: 5px; height: 70px; width: 100%; padding-left: 30px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } .message_container .message_input textarea.form-control { width: calc(100% - 150px); } .message_container .message_input input.form-control:focus, .message_container .message_input textarea.form-control:focus { box-shadow: none; outline: none; } .message_container .message_input button.btn { background-color: [[setting:color_secondary]]; border: 1px solid #ffffff; border-radius: 5px; color: #ffffff; font-size: 16px; flex: 1; height: 50px; position: absolute; right: 15px; top: 7px; width: 125px; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -o-box-shadow: none !important; box-shadow: none !important; } .message_container.message_container_drawer .message_input button.btn { top: auto; right: 10px; } .message_container .message_input form button.btn:focus { box-shadow: none; outline: none; } .message_container .message_input form button.btn span { font-size: 20px; padding-left: 10px; } .drawer .message_container .inbox_chatting_box { max-height: calc(100vh - 270px); margin: 10px 0 0; overflow-y: scroll; overflow-x: inherit; /* min-height: 100%; */ } /*== My Profile Page ==*/ .my_profile_select_box label { color: #221f1f; } .my_profile_select_box { margin-bottom: 20px; } .my_profile_select_box .dropdown.bootstrap-select { display: inline; } .my_profile_select_box .dropdown.bootstrap-select button.btn { background-color: transparent; border: 1px solid #dddddd; border-radius: 4px; color: #7f7f7f; height: 50px; line-height: 35px; } .my_profile_select_box .dropdown.bootstrap-select button.btn:focus { box-shadow: none; outline: none !important; } .my_profile_select_box .dropdown.bootstrap-select:focus { border: 1px solid #dddddd; } /*== DashBoard Pages ==*/ .ff_one { background-color: #ffffff; display: table; width: 100%; border-radius: 5px; background-color: rgb(255, 255, 255); height: 150px; margin-bottom: 30px; position: relative; padding: 20px 20px 20px 25px; max-width: 350px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .ff_one .ff_icon { border-radius: 5px; /* background-color: rgb(36, 65, 231); */ background-color: [[setting:dashboard_tablet_1_color]]; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); float: right; height: 110px; line-height: 60px; padding: 30px 27px; text-align: center; width: 106px; } .ff_one .ff_icon span { color: #ffffff; font-size: 48px; } .ff_one .detais { vertical-align: middle; display: table-cell; padding-right: 4px; font-size: 16px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: #0a0a0a; line-height: 1.2; width: 100%; } .ff_one .detais .timer { font-size: 26px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: #0a0a0a; line-height: .5; } .ff_one .detais p { color: rgb(126, 126, 126); font-size: 12px; font-family: "[[setting:secondary_font]]"; line-height: 1; margin-bottom: 6px; } @media only screen and (min-width: 1600px) { .ff_one .detais { padding-right: 24px; font-size: 23px; } .ff_one .detais p { font-size: 15px; margin-bottom: 6px; } } .ff_one.style2 .ff_icon { /* background-color: rgb(255, 16, 83); */ background-color: [[setting:dashboard_tablet_2_color]]; } .ff_one.style3 .ff_icon { /* background-color: rgb(0, 167, 142); */ background-color: [[setting:dashboard_tablet_3_color]]; } .ff_one.style4 .ff_icon { /* background-color: rgb(236, 208, 111); */ background-color: [[setting:dashboard_tablet_4_color]]; } .ccn-id-col .application_statics { height: 100%; } /* .block .application_statics { border-radius: 5px; background-color: rgb(255, 255, 255); -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); padding: 30px; position: relative; } */ .application_statics h4 { font-size: 20px; font-family: "[[setting:primary_font]]"; font-weight: 600; margin-bottom: 23px; } /* .recent_job_activity { border-radius: 5px; background-color: rgb(255, 255, 255); -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); padding: 30px; } */ /* .recent_job_activity h4 { font-size: 20px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: #0a0a0a; line-height: 1.2; margin-bottom: 20px; } */ .recent_job_activity .grid { margin-bottom: 20px; } .recent_job_activity .grid ul { border-bottom: 1px solid #dedede; padding-bottom: 20px; } .recent_job_activity .grid ul.bb_none { border-bottom: none; } .recent_job_activity .grid ul li .title, .recent_job_activity .grid ul li .title a { font-size: 16px; font-family: "[[setting:primary_font]]"; color: #0a0a0a; } .recent_job_activity .grid ul li p { font-size: 14px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.714; margin-bottom: 0; } .recent_job_activity .grid ul li p small { float: right; } /*== sidebar about widget ==*/ .siderbar_contact_widget h4 { font-size: 20px; font-weight: 600; color: #0a0a0a; margin-bottom: 15px; line-height: 1.2; } .siderbar_contact_widget i { font-size: 16px; color: #0a0a0a; font-style: normal; margin-bottom: 15px; display: block; } .siderbar_contact_widget p { font-size: 15px; font-family: "[[setting:primary_font]]"; color: rgb(126, 126, 126); margin-bottom: 0; line-height: 2.667; } .siderbar_contact_widget .scw_social_icon li a { font-size: 16px; font-family: "FontAwesome"; color: rgb(126, 126, 126); line-height: 1.2; } /*== Pricing SLider ==*/ .cl_pricing_slider { position: relative; padding: 0 10px; } .cl_pricing_slider p { margin-bottom: 0; } .cl_pricing_slider div#slider-range { background-color: #dfdfdf; border-radius: 3px; height: 6px; margin-bottom: 25px; margin-top: 25px; } .cl_pricing_slider .ui-slider-range.ui-corner-all.ui-widget-header { background-color: [[setting:color_primary]]; } .cl_pricing_slider span.ui-slider-handle.ui-corner-all.ui-state-default { background-color: #fff; border: 2px solid [[setting:color_primary]]; border-radius: 50%; height: 18px; outline: none; top: -7px; width: 18px; } .cl_pricing_slider .sl_input { background-color: transparent; border: none; color: #221f1f; text-align: center; } .cl_pricing_slider .sl_input:focus { box-shadow: none; outline: none; } .cl_skill_checkbox .content.ui_kit_checkbox { border-radius: 6px; height: 250px; overflow: hidden scroll; text-align: left; } .cl_skill_checkbox .content.ui_kit_checkbox::-webkit-scrollbar { border-radius: 6px; margin-top: 15px; margin-right: 10px; width: 6px; z-index: 3; } .cl_skill_checkbox .content.ui_kit_checkbox::-webkit-scrollbar * { background: transparent; border-radius: 6px; } .cl_skill_checkbox .content.ui_kit_checkbox::-webkit-scrollbar-track { background-color: #dfdfdf; border-radius: 6px; } .cl_skill_checkbox .content.ui_kit_checkbox::-webkit-scrollbar-thumb { background-color: #a2a2a2 !important; border-radius: 6px; } /*== Profile Avatar == */ .wrap-custom-file { position: relative; display: inline-block; width: 220px; height: 183px; text-align: center; } .wrap-custom-file input[type="file"] { position: absolute; top: 0; left: 0; width: 2px; height: 2px; overflow: hidden; opacity: 0; } .wrap-custom-file label { z-index: 1; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; overflow: hidden; cursor: pointer; background-image: url([[cocoon:edumy]]/images/team/upload_photo.jpg); border-radius: 5px; -webkit-transition: -webkit-transform 0.4s; transition: -webkit-transform 0.4s; transition: transform 0.4s; transition: transform 0.4s, -webkit-transform 0.4s; } .wrap-custom-file label span { background-color: rgba(36, 65, 231, 0.9); bottom: 0; color: #ffffff; height: 40px; left: 0; padding-top: 6px; position: absolute; width: 100%; } .wrap-custom-file label.file-ok { background-size: cover; background-position: center; } .wrap-custom-file label.file-ok span { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.3rem; font-size: 1.1rem; color: #ffffff; background-color: rgba(36, 65, 231, 0.9); } .wrap-custom-file label.file-ok .fa { display: none; } /*== UI Page Elements ==*/ .company_life input.amount { text-align: right; } .company_life input.amount2 { text-align: left; } .company_life input.amount, .company_life input.amount2 { color: #221f1f; background-color: transparent; box-shadow: none; border: none; display: inline-block; margin-top: 30px; width: 40%; } .company_life .cl_pricing_slider span.ui-slider-handle.ui-corner-all.ui-state-default { top: -4px; } .company_life .ui-slider-horizontal { background-color: #dfdfdf !important; height: 6px; } .company_life .slider-range { width: 100%; } /*== Alpha v2 Page ==*/ .alpha-pag { /* background: #ffffff; */ background: transparent; margin-bottom: 35px; text-align: center; } .alpha-pag ul { margin-bottom: 0; } .alpha-pag ul.option-set li { margin-right: 40px; } .alpha-pag ul.option-set li:last-child { margin-right: 0; } .alpha-pag ul.option-set li a { padding: 0 0 5px; } .alpha-pag ul.option-set li a.selected { border-bottom: 2px solid [[setting:color_primary]]; color: [[setting:color_primary]]; } .alpha-pag li a { color: #7d7d7d; padding: 0 8px; } .alpha-pag li a:hover { color: #221f1f; } .emply-text-sec { float: left; width: 100%; } .emply-text { float: left; margin-bottom: 40px; } .emply-text>h4 { margin-bottom: 30px; } /*== Testimonials Slider ==*/ .testimonial_slider_home3.owl-carousel.owl-theme .owl-dots .owl-dot, .ccn_testimonial_slider_home3.owl-carousel.owl-theme .owl-dots .owl-dot { background-color: #c7c7c7; border-radius: 20px; height: 8px; margin-left: 10px; width: 8px; } .testimonial_slider_home3.owl-carousel.owl-theme .owl-dots .owl-dot.active, .ccn_testimonial_slider_home3.owl-carousel.owl-theme .owl-dots .owl-dot.active { background-color: #0a0a0a; height: 13px; width: 13px; } .testimonial_slider_home3.owl-carousel.owl-theme .owl-dots .owl-dot span, .ccn_testimonial_slider_home3.owl-carousel.owl-theme .owl-dots .owl-dot span { display: none; } .testimonial_slider_home3.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .testimonial_slider_home3.owl-carousel.owl-theme .owl-dots .owl-dot:hover span, .ccn_testimonial_slider_home3.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .ccn_testimonial_slider_home3.owl-carousel.owl-theme .owl-dots .owl-dot:hover span { background-color: #1c327e; height: 13px; width: 13px; } /*== Carrer Tips Home V3 ==*/ .blog_post_home2 { border-radius: 5px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; height: 450px; margin: 0 13px 45px; overflow: hidden; position: relative; } .blog_post_home2.one { background-color: #ffffff; border: 1px solid #eeeeee; padding: 30px 25px; } .blog_post_home2.one .bph2_header:before { display: none; } .blog_post_home2 .bph2_header:before { background-color: rgba(0, 0, 0, .3); border-radius: 5px; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .blog_post_home2:hover { cursor: pointer; } .blog_post_home2:hover .bph2_header:before { background-color: rgba(36, 65, 231, .8); background-color: [[setting:color_parallax]]; opacity: .8; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .blog_post_home2 .bph2_header img { height: 100%; width: 100%; object-fit: cover; } .blog_post_home2 .bph2_header { width: 100%; } .blog_post_home2 .bph2_header .bph2_date_meta { border-radius: 5px; overflow: hidden; position: absolute; right: 25px; top: 30px; text-align: center; } /* .blog_post_home2 .bph2_header .bph2_date_meta:hover, .blog_post_home2 .bph2_header .bph2_date_meta:hover span { background-color: #0a0a0a; color: #ffffff; } */ .blog_post_home2.one .details { bottom: 0; margin-top: 210px; padding: 0; position: relative; } .blog_post_home2.one .details h4 { color: #0a0a0a; } .blog_post_home2.one .details p { margin-bottom: 0; } .blog_post_home2.one .details .post_meta ul li a { color: #898989; } .blog_post_home2 .details { position: absolute; bottom: 30px; padding: 0 30px; } .blog_post_home2 .details h4 { color: #fafafa; font-family: "[[setting:primary_font]]"; font-size: 18px; font-weight: 600; line-height: 1.5; } .blog_post_home2 .details .post_meta ul li a, .blog_post_home2 .details .post_meta ul li span { color: #fafafa; font-size: 14px; } .blog_post_home2 .details .post_meta ul li a i, .blog_post_home2 .details .post_meta ul li span i { font-size: 18px; padding-right: 5px; } .blog_post_slider_home2.owl-theme .owl-dots .owl-dot span, .instructor_slider_home3.owl-theme .owl-dots .owl-dot.active span { background-color: #c7c7c7; border-radius: 50%; height: 8px; width: 8px; } .blog_post_slider_home2.owl-theme .owl-dots .owl-dot.active span, .instructor_slider_home3.owl-theme .owl-dots .owl-dot.active span { background-color: #0a0a0a; border-radius: 50%; height: 13px; width: 13px; } .instructor_slider_home3.home8.owl-theme .owl-dots .owl-dot.active span { background-color: #debf52; } .popular_course_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, .popular_course_slider.owl-carousel.owl-theme.owl-loaded .owl-next, .popular_course_slider_home3.owl-carousel.owl-theme.owl-loaded .owl-prev, .popular_course_slider_home3.owl-carousel.owl-theme.owl-loaded .owl-next, .media_slider_home7.owl-carousel.owl-theme.owl-loaded .owl-prev, .media_slider_home7.owl-carousel.owl-theme.owl-loaded .owl-next, .ccn_media_slider_home7.owl-carousel.owl-theme.owl-loaded .owl-prev, .ccn_media_slider_home7.owl-carousel.owl-theme.owl-loaded .owl-next { background-color: #ffffff !important; color: #1c327e; height: 50px; line-height: 45px; position: absolute; top: 175px; width: 50px; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .popular_course_slider_home3 .item { margin: 0 7px 30px; } .popular_course_slider_home3.owl-carousel.owl-theme.owl-loaded .owl-prev, .popular_course_slider_home3.owl-carousel.owl-theme.owl-loaded .owl-next { background-color: #051925 !important; color: #ffffff; border-radius: 50%; } .popular_course_slider_home3.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, .popular_course_slider_home3.owl-carousel.owl-theme.owl-loaded .owl-next:hover { background-color: #369fdb !important; color: #ffffff; } .testimonial_slider_home3.owl-carousel.owl-theme.owl-loaded .owl-prev, .ccn_testimonial_slider_home3.owl-carousel.owl-theme.owl-loaded .owl-prev { left: -60px; } .popular_course_slider.owl-carousel.owl-theme.owl-loaded .owl-prev { left: -90px; } .popular_course_slider.owl-carousel.owl-theme.owl-loaded .owl-next { right: -90px; } .media_slider_home7.owl-carousel.owl-theme.owl-loaded .owl-prev, .ccn_media_slider_home7.owl-carousel.owl-theme.owl-loaded .owl-prev { left: 30px; } .media_slider_home7.owl-carousel.owl-theme.owl-loaded .owl-next, .ccn_media_slider_home7.owl-carousel.owl-theme.owl-loaded .owl-next { right: 30px; } .popular_course_slider_home3.owl-carousel.owl-theme.owl-loaded .owl-prev { left: -75px; } .popular_course_slider_home3.owl-carousel.owl-theme.owl-loaded .owl-next { right: -75px; } .blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-prev, .blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-next { background-color: #fff; color: #0a0a0a; height: 50px; line-height: 45px; position: absolute; top: 175px; width: 50px; -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, .blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-next:hover { background-color: [[setting:color_primary]]; color: #ffffff; } .blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-prev { left: -90px; } .blog_post_slider_home4.owl-carousel.owl-theme.owl-loaded .owl-next { right: -90px; } .popular_course_slider.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, .popular_course_slider.owl-carousel.owl-theme.owl-loaded .owl-next:hover { background-color: [[setting:color_primary]] !important; color: #ffffff; } .media_slider_home7.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, .media_slider_home7.owl-carousel.owl-theme.owl-loaded .owl-next:hover, .ccn_media_slider_home7.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, .ccn_media_slider_home7.owl-carousel.owl-theme.owl-loaded .owl-next:hover { background-color: [[setting:color_accent_2]] !important; color: #ffffff; } .media_slider_home7.owl-carousel.owl-theme.owl-loaded .owl-prev, .media_slider_home7.owl-carousel.owl-theme.owl-loaded .owl-next, .ccn_media_slider_home7.owl-carousel.owl-theme.owl-loaded .owl-prev, .ccn_media_slider_home7.owl-carousel.owl-theme.owl-loaded .owl-next { top: 43%; } .read_more_home5 h4 { font-weight: bold; } .popular_course_slider_home3.home8.owl-carousel.owl-theme.owl-loaded .owl-prev, .popular_course_slider_home3.home8.owl-carousel.owl-theme.owl-loaded .owl-next { background-color: #debf52 !important; z-index: 9; } .popular_course_slider_home3.home8.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, .popular_course_slider_home3.home8.owl-carousel.owl-theme.owl-loaded .owl-next:hover { background-color: #00bce4; } .media_slider_home7.home8.owl-carousel.owl-theme.owl-loaded .owl-prev, .media_slider_home7.home8.owl-carousel.owl-theme.owl-loaded .owl-next, .ccn_media_slider_home7.home8.owl-carousel.owl-theme.owl-loaded .owl-prev, .ccn_media_slider_home7.home8.owl-carousel.owl-theme.owl-loaded .owl-next { background-color: #192675 !important; border-radius: 50%; color: #ffffff; } .media_slider_home7.home8.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, .media_slider_home7.home8.owl-carousel.owl-theme.owl-loaded .owl-next:hover, .ccn_media_slider_home7.home8.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, .ccn_media_slider_home7.home8.owl-carousel.owl-theme.owl-loaded .owl-next:hover { background-color: [[setting:color_primary]] !important; color: #ffffff; } /*== Testimonials Home V3 ==*/ .testimonial_content { background-color: #ffffff; border-radius: 4px; height: 300px; margin: 70px 100px; position: relative; padding: 60px 100px; text-align: center; -webkit-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.05); } .testimonial_slider_home3 .testimonial_content:before, .ccn_testimonial_slider_home3 .testimonial_content:before { top: -50px; overflow: hidden; content: '“'; color: #0a0a0a; font-weight: 700; font-size: 170px; position: absolute; line-height: 152px; left: 20px; width: 80px; height: 80px; z-index: -1; } .testimonial_content .thumb { display: inline-block; margin-bottom: 40px; margin-top: -120px; position: relative; } .testimonial_content .thumb h4 { margin-bottom: 0; } .testimonial_content .thumb p { color: [[setting:color_primary]]; margin-bottom: 0; } .testimonial_content .thumb img { border-radius: 50%; margin-bottom: 20px; } .testimonial_content .details p { font-size: 15px; line-height: 28px; margin: 0 auto; max-width: 510px; } .t_icon.home3 { color: #1c327e; left: 130px; top: 0px; } .testimonial-bare-box.home11 .testimonial_content { box-shadow: none; margin: 0 10px 20px; padding: 50px 15px 40px; min-height: 300px; height: auto; } .testimonial-bare-box.home11 .testimonial_content .thumb { margin-top: 0; margin-bottom: 15px; } .testimonial-bare-box.home11 .testimonial_content .thumb p { color: #696969; } .testimonial-bare-box.home11 .testimonial_content .thumb img { margin: 0 auto 15px; width: auto; } .testimonial-bare-box.home11 .testimonial_content .details p { font-size: 14px; line-height: 24px; } .testimonial-bare-box.home11 .t_icon.home3 { color: #3f3b64; display: block; font-size: 30px; left: auto; position: absolute; right: 40px; top: 30px; z-index: 9; } .testimonial-bare-box.home11:hover .t_icon.home3 { color: #23ad96; } /*== Contact Page ==*/ .contact_localtion { position: relative; margin-bottom: 80px; } .contact_localtion h4 { font-size: 22px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: #0a0a0a; line-height: 1.2; } .contact_localtion p { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); margin-bottom: 0; white-space: pre-line; } .contact_localtion .icon { color: #0a0a0a; font-size: 45px; width: inherit; height: inherit; } .form_grid h4 { font-size: 22px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: #0a0a0a; line-height: 1.2; } .form_grid p { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 2.667; } .form_grid .contact_form .form-group label { font-size: 14px; font-family: "[[setting:secondary_font]]"; color: #0a0a0a; line-height: 1.2; } .form_grid .contact_form input, .form_grid .contact_form textarea { border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 5px; background-color: rgba(196, 14, 117, 0); -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .form_grid .contact_form input { height: 48px; } /*== Maximage_slider ==*/ .maximage-home .mc-image { position: relative !important; } .maximage-home .mc-image img { margin: 0 !important; width: 100% !important; } .block:not(.block_cocoon_hero_3) maxtext { bottom: 45%; left: 0; margin: 0 auto; position: absolute; right: 0; text-align: center; z-index: 9; } .block_cocoon_hero_3 .maxslider-content { display: flex; justify-content: center; align-items: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .block_cocoon_hero_3 .maxtext { text-align: center; top: -50px; position: relative; } .block_cocoon_hero_3 .owl-controls { display: none; } .maxtext h1 { color: #ffffff; font-size: 50px; font-family: "[[setting:primary_font]]"; line-height: 1.2; text-transform: uppercase; } .maxtext p { color: #ffffff; font-family: "[[setting:primary_font]]"; font-size: 18px; line-height: 1.2; } /*== Color Area ==*/ .img-whp { width: 100% !important; } .text-thm { color: [[setting:color_primary]] !important; } .text-thm2 { color: #00d664 !important; } .text-thm3 { color: #8fa5ec; } .text-thm4 { color: #1fbda6; } .text-thm5 { color: #192675; } .text-thm6 { color: [[setting:color_secondary]]; } .text-thm7 { color: #fe4a55; } .text-thm8 { color: #0067da !important; } .color-white { color: #ffffff !important; } .color-lightgray { color: #D3D3D3; } .color-gray { color: gray; } .color-gray2 { color: #7e7e7e; } .color-green2 { color: #28B928; } .color-blue { color: #201b71; } .color-orose { color: [[setting:color_accent_2]]; } .color-dark { color: #0a0a0a !important; } .color-black { color: #000; } .color-black2 { color: #0a0a0a; } .color-black11 { color: #111111 !important; } .color-black22 { color: #222222; } .color-black33 { color: #333333; } .color-black31 { color: #303030; } .color-black44 { color: #434343; } .color-black55 { color: #555555; } .color-black66 { color: #676767; } .color-primary { color: #337ab7; } .color-success { color: #5cb85c; } .color-info { color: #5bc0de; } .color-silver { color: #c0c0c0; } .color-warning { color: #f0ad4e; } .color-danger { color: #d9534f; } .color-green { color: #28B928; } .color-fb { color: #3B5998; } .color-golden { color: #febe42; } .color-red { color: #ff4b53; } .bgc-thm { background-color: [[setting:color_primary]] !important; } .bgc-thm2 { background-color: #192675 !important; } .bgc-fb { background-color: #3B5998; } .color-twtr { color: #1DA1F2; } .bgc-twtr { background-color: #1DA1F2; } .color-inst { color: #D31A77; } .bgc-inst { background-color: #D31A77; } .color-lnkdn { color: #007BB6; } .bgc-lnkdn { background-color: #007BB6; } .color-pint { color: #CB2027; } .bgc-pint { background-color: #CB2027; } .color-skyp { color: #00AFF0; } .bgc-skyp { background-color: #00AFF0; } .color-skyp { color: #00AFF0; } .bgc-skyp { background-color: #00AFF0; } .color-drbl { color: #EA4C89; } .bgc-drbl { background-color: #EA4C89; } .color-behnc { color: #0B7BFF; } .bgc-behnc { background-color: #0B7BFF; } .color-utube { color: #FF0000; } .bgc-utube { background-color: #FF0000; } .color-gogle { color: #EA4335; } .bgc-gogle { background-color: #EA4335; } .bgc-darkblue { background-color: #112360; } .bgc-seagreen { background-color: #43d4b6; } .bgc-black11 { background-color: #111111; } .bgc-split { background-color: #181413 !important; } .bgc-primary { background-color: #337ab7; } .bgc-success { background-color: #5cb85c; } .bgc-info { background-color: #5bc0de; } .bgc-warning { background-color: #f0ad4e; } .bgc-danger { background-color: #d9534f; } .bgc-white { background-color: #ffffff !important; } .bgc-lightgray { background-color: #D3D3D3; } .bgc-snowshade { background-color: #f9f9f9; } .bgc-snowshade2 { background-color: #fafafa; } .bgc-golden { background-color: #febe42; } .color-whitef1 { color: #f1f1f1; } .color-whitef2 { color: #f2f2f2; } .color-whitef3 { color: #f3f3f3; } .color-whitef4 { color: #f4f4f4; } .color-whitef5 { color: #f5f5f5; } .color-whitef6 { color: #f6f6f6; } .color-whitef7 { color: #f7f7f7; } .color-whitef8 { color: #f8f8f8; } .color-whitef9 { color: #f9f9f9; } .color-whitef0 { color: #f0f0f0; } .bgc-f0 { background-color: #f0f0f0; } .bgc-f1 { background-color: #f1f1f1; } .bgc-f2 { background-color: #f2f2f2; } .bgc-f3 { background-color: #f3f3f3; } .bgc-f4 { background-color: #f4f4f4; } .bgc-f5 { background-color: #f5f5f5; } .bgc-f6 { background-color: #f6f6f6; } .bgc-f7 { background-color: #f7f7f7; } .bgc-f8 { background-color: #f8f8f8; } .bgc-f9 { background-color: #f9f9f9; } .bgc-fa { background-color: #fafafa !important; } .bgc-transparent { background-color: transparent !important; } .bgc-darkcyan { background-color: darkcyan; } .bgc-darkblue { background-color: #004274; } .bgc-green { background-color: #28B928; } .bdrs0 { border-radius: 0 !important; } .bdrs3 { border-radius: 3px !important; } .bdrs5 { border-radius: 5px; } .bdrs10 { border-radius: 10px; } .bdrs20 { border-radius: 20px; } .bdrs50 { border-radius: 50%; } .tdu { text-decoration: underline; } .tdu-hvr:hover { cursor: pointer; text-decoration: underline; } .all-body-content { background-color: #ffffff; margin-bottom: 760px; position: relative; z-index: 9; } .h125 { height: 125px; } /*== Button Area ==*/ .btn { border-radius: 4px; } .btn.dbxshad { -webkit-box-shadow: 0px 1px 4px 0px rgba(36, 65, 231, 0.3); /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */ -moz-box-shadow: 0px 1px 4px 0px rgba(36, 65, 231, 0.3); /* Firefox 3.5 - 3.6 */ box-shadow: 0px 1px 4px 0px rgba(36, 65, 231, 0.3); } .btn.circle { border-radius: 27px; } .btn.white { background-color: #ffffff; color: [[setting:color_primary]]; } .btn:hover, .btn:active, .btn:focus { box-shadow: none; outline: none; } .btn-thm { background-color: [[setting:color_primary]]; border: 2px solid [[setting:color_primary]]; border-radius: 5px; color: #ffffff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-thm.rounded { background-color: [[setting:color_primary]]; border-radius: 5px; color: #ffffff; } .btn-thm:hover, .btn-thm:active, .btn-thm:focus { background-color: transparent !important; border-color: [[setting:color_primary]]; color: [[setting:color_primary]]; } .btn-thm.white:hover, .btn-thm.white:active, .btn-thm.white:focus { background-color: [[setting:color_primary]] !important; border-color: [[setting:color_primary]]; color: #ffffff; } /* 3776 */ .block_cocoon_contact_form .btn-thm:hover, .block_cocoon_contact_form .btn-thm:focus, .block_cocoon_contact_form .btn-thm:active { background-color: [[setting:color_primary]] !important; border-color: [[setting:color_primary]] !important; color: #ffffff; } /* End */ .btn-thm2 { background-color: [[setting:color_accent_3]]; border-color: [[setting:color_accent_3]]; color: #ffffff; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-thm2:hover, .btn-thm2:active, .btn-thm2:focus { background-color: #ffffff; border-color: [[setting:color_accent_3]]; color: [[setting:color_accent_3]]; } .btn-thm3 { background-color: [[setting:color_secondary]]; border: 2px solid [[setting:color_secondary]]; border: none; color: #ffffff; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-thm3:hover, .btn-thm3:active, .btn-thm3:focus { background-color: #ffffff; border-color: [[setting:color_secondary]]; color: [[setting:color_secondary]]; } .btn-thm4 { background-color: #23ad96; border: 2px solid #23ad96; color: #ffffff; border-radius: 4px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-thm4:hover, .btn-thm4:active, .btn-thm4:focus { background-color: #ffffff; border-color: #23ad96; color: #23ad96; } .btn-thm5 { background-color: #0067da; border: 2px solid #0067da; color: #ffffff; border-radius: 4px; padding: 10px 40px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-thm5:hover, .btn-thm5:active, .btn-thm5:focus { background-color: #ffffff; border-color: #0067da; color: #0067da; } .btn-dark { background-color: #051925; border-color: #051925; color: #ffffff; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: 2px solid #051925; } .btn-dark:hover, .btn-dark:active, .btn-dark:focus { background-color: transparent !important; border-color: #051925; color: #051925; } .btn-yellow { background-color: #F0C900; border-color: #F0C900; color: #333333; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus { color: #333333; } .btn-yellow:hover, .btn-yellow:active, .btn-yellow:focus { color: #ffffff; } .btn-white { background-color: #ffffff; border-color: #eeeeee; color: #303030; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-white:hover, .btn-white:active, .btn-white:focus { color: [[setting:color_primary]]; } .btn-gray { background-color: #f9fafc; border-color: #f9fafc; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-gray:hover, .btn-gray:active, .btn-gray:focus { background-color: [[setting:color_primary]]; color: #ffffff; } .btn-green { background-color: #28B928; border-color: #28B928; color: #ffffff; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-green:hover, .btn-green:active, .btn-green:focus { color: #ffffff; } .btn-blue { background-color: #1c327e; border-color: #1c327e; color: #ffffff; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-blue:hover, .btn-blue:active, .btn-blue:focus { background-color: [[setting:color_primary]]; border-color: [[setting:color_primary]]; color: #ffffff; } .btn-transparent { background-color: transparent; border-color: [[setting:color_primary]]; color: [[setting:color_primary]]; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-transparent:hover, .btn-transparent:active, .btn-transparent:focus { background-color: [[setting:color_primary]]; color: #ffffff; border: 2px solid; border-color: [[setting:color_primary]]; } .btn-transparent2 { background-color: transparent; border-color: -webkit-linear-gradient(30deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); border-color: -o-linear-gradient(30deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); border-color: -ms-linear-gradient(30deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); border-color: -moz-linear-gradient(30deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); border-color: linear-gradient(60deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); color: #4568dc; border-radius: 0px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .btn-transparent2:hover, .btn-transparent2:active, .btn-transparent2:focus { background: -webkit-linear-gradient(30deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); background: -o-linear-gradient(30deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); background: -ms-linear-gradient(30deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); background: -moz-linear-gradient(30deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); background: linear-gradient(60deg, rgb(69, 104, 220) 0%, rgb(123, 105, 199) 50%, rgb(176, 106, 179) 100%); color: #ffffff; } .btn-default { font-size: 14px; padding: 8px 15px; } /*== Fonts Size, Font Weights, Height, Display & Position ==*/ .fz11 { font-size: 11px; } .fz13 { font-size: 13px; } .fz14 { font-size: 14px; } .fz15 { font-size: 15px; } .fz16 { font-size: 16px; } .fz17 { font-size: 17px; } .fz18 { font-size: 18px; } .fz19 { font-size: 19px; } .fz20 { font-size: 20px; } .fz24 { font-size: 24px; } .fz26 { font-size: 26px; } .fz30 { font-size: 30px; } .fz40 { font-size: 40px; } .fz45 { font-size: 45px; } .fz48 { font-size: 48px; } .fz50 { font-size: 50px; } .fz60 { font-size: 60px; } .fz72 { font-size: 72px; } .fz100 { font-size: 100px !important; } .lh30 { line-height: 30px; } .h05 { height: 5px !important; } .h10 { height: 10px; } .h20 { height: 20px; } .h25 { height: 25px; } .h30 { height: 30px; } .h35 { height: 35px; } .h40 { height: 40px; } .h45 { height: 45px; } .h50 { height: 50px; } .h55 { height: 55px; } .h60 { height: 60px; } .h65 { height: 65px; } .h70 { height: 70px; } .h75 { height: 75px; } .h80 { height: 80px; } .h85 { height: 85px; } .h90 { height: 90px; } .h95 { height: 95px; } .h100 { height: 100px; } .h150 { height: 150px; } .h200 { height: 200px; } .h250 { height: 250px !important; } .h300 { height: 300px; } .h320 { height: 320px; } .h350 { height: 350px; } .h355 { height: 355px; } .h400 { height: 400px; } .h450 { height: 450px; } .h500 { height: 500px; } .h550 { height: 550px; } .h600 { height: 600px; } .h650 { height: 650px; } .h700 { height: 700px; } .h750 { height: 750px; } .h800 { height: 800px; } .h850 { height: 850px; } .h900 { height: 900px; } .h950 { height: 950px; } .h1000 { height: 1000px; } .wa { width: auto; } .maxw1500 { max-width: 1500px; } .w100 { width: 100% !important; } .fw300 { font-weight: 300 !important; } .fw400 { font-weight: 400; } .fw500 { font-weight: 500; } .fw600 { font-weight: 600; } .fw700 { font-weight: 700; } .fw800 { font-weight: 800; } .fw900 { font-weight: 900; } .fwb { font-weight: bold; } .db { display: block; } .dib { display: inline-block; } .dif { display: inline-flex; } .df { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .dfr { display: flow-root; } .dn { display: none; } .ovh { overflow: hidden; } .ovv { overflow: visible; } .posa { position: absolute; } .posr { position: relative; } /*== Custome Margin Padding ==*/ .ulockd-pmz { margin: 0; padding: 0; } .p0 { padding: 0 !important; } .p10 { padding: 10px; } .p15 { padding: 15px; } .p20 { padding: 20px; } .p25 { padding: 25px; } .p30 { padding: 30px; } .p35 { padding: 35px; } .p40 { padding: 40px; } .p45 { padding: 45px; } .p50 { padding: 50px; } .p55 { padding: 55px; } .p60 { padding: 60px; } .p65 { padding: 65px; } .p70 { padding: 70px; } .p75 { padding: 75px; } .p80 { padding: 80px; } .pad10 { padding: 10% 5%; } .pad17 { padding-top: 17% !important; } .pt0 { padding-top: 0px !important; } .pt10 { padding-top: 10px !important; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt25 { padding-top: 25px; } .pt30 { padding-top: 30px !important; } .pt35 { padding-top: 35px; } .pt40 { padding-top: 40px; } .pt45 { padding-top: 45px; } .pt50 { padding-top: 50px; } .pt55 { padding-top: 55px; } .pt60 { padding-top: 60px; } .pt65 { padding-top: 65px; } .pt70 { padding-top: 70px; } .pt75 { padding-top: 75px; } .pt80 { padding-top: 80px; } .pt85 { padding-top: 85px; } .pt90 { padding-top: 90px; } .pt95 { padding-top: 95px; } .pt100 { padding-top: 100px; } .pt120 { padding-top: 120px; } .pt130 { padding-top: 130px; } .pt140 { padding-top: 140px; } .pt150 { padding-top: 150px; } .pt160 { padding-top: 160px; } .pt170 { padding-top: 170px; } .pt180 { padding-top: 180px; } .pt190 { padding-top: 190px; } .pt200 { padding-top: 200px; } .pt100 { padding-top: 100px; } .pt70 { padding-top: 70px; } .pt70 { padding-top: 70px; } .pt70 { padding-top: 70px; } .pr0 { padding-right: 0; } .pr5 { padding-right: 5px; } .pr10 { padding-right: 10px; } .pr15 { padding-right: 15px; } .pr20 { padding-right: 20px; } .pr25 { padding-right: 25px; } .pr30 { padding-right: 30px; } .pr35 { padding-right: 35px; } .pr40 { padding-right: 40px; } .pr45 { padding-right: 45px; } .pr50 { padding-right: 50px; } .pr55 { padding-right: 55px; } .pr60 { padding-right: 60px; } .pr65 { padding-right: 65px; } .pr70 { padding-right: 70px; } .pb0 { padding-bottom: 0px !important; } .pb15 { padding-bottom: 15px; } .pb5 { padding-bottom: 5px; } .pb10 { padding-bottom: 10px !important; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .pb25 { padding-bottom: 25px; } .pb30 { padding-bottom: 30px; } .pb35 { padding-bottom: 35px; } .pb40 { padding-bottom: 40px; } .pb45 { padding-bottom: 45px; } .pb50 { padding-bottom: 50px; } .pb55 { padding-bottom: 55px; } .pb60 { padding-bottom: 60px; } .pb65 { padding-bottom: 65px; } .pb70 { padding-bottom: 70px; } .pb75 { padding-bottom: 75px; } .pb80 { padding-bottom: 80px; } .pb85 { padding-bottom: 85px; } .pb90 { padding-bottom: 90px; } .pb95 { padding-bottom: 95px; } .pb100 { padding-bottom: 100px; } .pl0 { padding-left: 0 !important; } .pl5 { padding-left: 5px; } .pl10 { padding-left: 10px; } .pl15 { padding-left: 15px; } .pl20 { padding-left: 20px; } .pl25 { padding-left: 25px; } .pl30 { padding-left: 30px; } .pl35 { padding-left: 35px; } .pl40 { padding-left: 40px; } .pl45 { padding-left: 45px; } .pl50 { padding-left: 50px; } .pl55 { padding-left: 55px; } .pl60 { padding-left: 60px; } .pl65 { padding-left: 65px; } .pl70 { padding-left: 70px; } .pl75 { padding-left: 75px; } .pl80 { padding-left: 80px; } .pl85 { padding-left: 85px; } .pl90 { padding-left: 90px; } .pl95 { padding-left: 95px; } .pl100 { padding-left: 100px; } .prpl0 { padding-left: 0; padding-right: 0; } .prpl5 { padding-left: 5px; padding-right: 5px; } .prpl10 { padding-left: 10px; padding-right: 10px; } .prpl15 { padding-left: 15px; padding-right: 15px; } .prpl20 { padding-left: 20px; padding-right: 20px; } .prpl25 { padding-left: 25px; padding-right: 25px; } .prpl30 { padding-left: 30px; padding-right: 30px; } .prpl35 { padding-left: 35px; padding-right: 35px; } .prpl40 { padding-left: 40px; padding-right: 40px; } .prpl2 { padding-left: 2px; padding-right: 2px; } .ptpb50 { padding-top: 50px; padding-bottom: 50px; } .ptpb60 { padding-top: 60px; padding-bottom: 60px; } .plpr0 { padding-left: 0px; padding-right: 0px; } .mt-10 { margin-top: -10px; } .mt-50 { margin-top: -50px; } .mt-100 { margin-top: -100px; } .mt-150 { margin-top: -150px; } .mt-200 { margin-top: -200px; } .m0 { margin: 0; } .m5 { margin: 5px; } .m10 { margin: 10px; } .m15 { margin: 15px; } .m20 { margin: 20px; } .m25 { margin: 25px; } .m30 { margin: 30px; } .m35 { margin: 35px; } .m40 { margin: 40px; } .m45 { margin: 45px; } .m50 { margin: 50px; } .mt0 { margin-top: 0px !important; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 25px !important; } .mt30 { margin-top: 30px; } .mt35 { margin-top: 35px; } .mt40 { margin-top: 40px; } .mt45 { margin-top: 45px; } .mt50 { margin-top: 50px; } .mt60 { margin-top: 60px; } .mt60 { margin-top: 60px; } .mt65 { margin-top: 65px; } .mt70 { margin-top: 70px; } .mt75 { margin-top: 75px; } .mt80 { margin-top: 80px; } .mt85 { margin-top: 85px; } .mt90 { margin-top: 90px; } .mt95 { margin-top: 95px; } .mt100 { margin-top: 100px; } .mt150 { margin-top: 150px; } .mt200 { margin-top: 200px; } .mt250 { margin-top: 250px !important; } .mt300 { margin-top: 3000px; } .mt-30 { margin-top: -30px; } .mr0 { margin-right: 0px; } .ulockd-mrgb35 { margin-right: 5px; } .mr10 { margin-right: 10px; } .mr15 { margin-right: 15px; } .mr20 { margin-right: 20px; } .mr25 { margin-right: 25px; } .mb0 { margin-bottom: 0px !important; } .mb5 { margin-bottom: 5px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb20 { margin-bottom: 20px; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px; } .mb35 { margin-bottom: 35px; } .mb40 { margin-bottom: 40px; } .mb45 { margin-bottom: 45px; } .mb50 { margin-bottom: 50px !important; } .mb55 { margin-bottom: 55px; } .mb60 { margin-bottom: 60px; } .mb65 { margin-bottom: 65px; } .mb70 { margin-bottom: 70px; } .mb75 { margin-bottom: 75px; } .mb80 { margin-bottom: 80px; } .mb85 { margin-bottom: 85px; } .mb90 { margin-bottom: 90px; } .mb95 { margin-bottom: 95px; } .mb100 { margin-bottom: 100px; } .ml0 { margin-left: 0px; } .ml10 { margin-left: 10px; } .ml15 { margin-left: 15px; } .ml20 { margin-left: 20px; } .ml25 { margin-left: 25px; } .ml30 { margin-left: 30px; } .ml35 { margin-left: 35px; } .ml40 { margin-left: 40px; } .ml45 { margin-left: 45px; } .ml50 { margin-left: 50px; } .ml55 { margin-left: 55px; } .ml60 { margin-left: 60px; } .zi1 { z-index: 1; } .zi9 { z-index: 9; } .zi-1 { z-index: -1; } /*== BackGround Images ==*/ .bg-img2 { background-image: url([[cocoon:edumy]]/images/background/2.jpg); } .bg-img5 { background-attachment: scroll; background-image: url([[cocoon:edumy]]/images/background/5.jpg); background-position: center; background-repeat: no-repeat; height: 650px; } .bg-img6 { background-attachment: scroll; background-image: url([[cocoon:edumy]]/images/background/8.jpg); background-position: center; background-repeat: no-repeat; height: 960px; } .bg-img9 { background-attachment: scroll; background-image: url([[cocoon:edumy]]/images/background/9.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .bg-img10 { background-attachment: scroll; background-image: url([[cocoon:edumy]]/images/background/10.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .bg-img10::before { content: ""; background-color: transparent; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .bg-img11 { background-attachment: scroll; background-image: url([[cocoon:edumy]]/images/background/11.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .bg-img12 { background-attachment: scroll; background-image: url([[cocoon:edumy]]/images/background/12.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .login-bg { background-attachment: scroll; background-image: url([[setting:login_bg]]); background-position: center; background-repeat: no-repeat; background-size: cover; } section { padding: 60px 0; position: relative; } .main-title { position: relative; margin-bottom: 60px; } .main-title h3 { display: inline-block; font-family: "[[setting:primary_font]]"; font-size: 26px; margin-bottom: 10px; margin-top: 0; } .main-title p { margin-bottom: 0; } .preloader { background-color: #ffffff; background-image: url([[setting:preloader_image]]); background-position: center center; background-repeat: no-repeat; height: 100%; left: 0px; position: fixed; top: 0px; width: 100%; z-index: 9999999; } .scrollToHome:hover { color: #ffffff; } .scrollToHome { bottom: 15px; color: #ffffff !important; display: none; font-size: 18px; padding: 0 11px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: [[setting:color_primary]]; position: fixed; right: 20px; text-align: center; z-index: 99999; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /*== BackGround Color White Overlay ==*/ .bgc-overlay-white3:before { background-color: rgba(255, 255, 255, 0.3); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white35:before { background-color: rgba(255, 255, 255, 0.35); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white4:before { background-color: rgba(255, 255, 255, 0.4); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white45:before { background-color: rgba(255, 255, 255, 0.45); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white5:before { background-color: rgba(255, 255, 255, 0.5); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white55:before { background-color: rgba(255, 255, 255, 0.55); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white6:before { background-color: rgba(255, 255, 255, 0.6); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white65:before { background-color: rgba(255, 255, 255, 0.65); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white7:before { background-color: rgba(255, 255, 255, 0.7); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white75:before { background-color: rgba(255, 255, 255, 0.75); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white8:before { background-color: rgba(255, 255, 255, 0.8); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white85:before { background-color: rgba(255, 255, 255, 0.85); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white9:before { background-color: rgba(255, 255, 255, 0.9); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-white95:before { background-color: rgba(255, 255, 255, 0.95); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } /*== BackGround Color Black Overlay ==*/ .bgc-overlay-black3:before { background-color: rgba(0, 0, 0, 0.3); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black35:before { background-color: rgba(0, 0, 0, 0.35); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black4:before { background-color: rgba(0, 0, 0, 0.4); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black45:before { background-color: rgba(0, 0, 0, 0.45); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black5:before { background-color: rgba(0, 0, 0, 0.5); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black55:before { background-color: rgba(0, 0, 0, 0.55); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black6:before { background-color: rgba(0, 0, 0, 0.6); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black65:before { background-color: rgba(0, 0, 0, 0.65); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black7:before { background-color: rgba(0, 0, 0, 0.7); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black75:before { background-color: rgba(0, 0, 0, 0.75); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black8:before { background-color: rgba(0, 0, 0, 0.8); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black85:before { background-color: rgba(0, 0, 0, 0.85); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black9:before { background-color: rgba(0, 0, 0, 0.9); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } .bgc-overlay-black95:before { background-color: rgba(0, 0, 0, 0.95); bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; } /*== Parallax Css ==*/ .parallax { background-attachment: scroll; background-position: 50% 0px; /* DISABLE CCN z-index: 1; */ position: relative; } /*== Divider Css ==*/ .divider { background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden; padding: 130px 0; position: relative; } .divider:before { /* background-color: rgba(25, 38, 117, 0.8); */ background-color: [[setting:color_parallax]]; opacity: .8; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .divider_home1, .divider_home2 { background-position: center center; -webkit-background-size: cover; background-size: cover; overflow: hidden; padding: 130px 0; position: relative; } .divider_home1:before { /* background-color: rgba(25, 38, 117, 0.8); */ background-color: [[setting:color_parallax]]; opacity: .8; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .divider_home2:before { background-color: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .form_control { border-radius: 0; box-shadow: none; height: 45px; } .divider-one h1, .divider-two h1 { font-size: 40px; line-height: 50px; margin-bottom: 50px; } .divider-two h1 { margin-bottom: 120px; } .divider-one .divider-btn { border: 2px solid #ffffff; border-radius: 25px; color: #ffffff; height: 50px; line-height: 47px; padding: 0 60px; font-size: 15px; } .divider-one .divider-btn:hover { border: 2px solid [[setting:color_primary]]; } .divider-one p { margin-bottom: 15px; font-family: "[[setting:primary_font]]", sans-serif; font-size: 16px; } .divider2 { padding-bottom: 110px; padding-top: 135px; } .divider2:before { background-image: url([[cocoon:edumy]]/images/background/2.png); background-repeat: no-repeat; bottom: 0; content: ""; left: 0; opacity: 0.2; position: absolute; top: 30px; width: 100%; } .divider-two { position: relative; } .divider-two h3 { font-size: 26px; font-weight: normal; margin-bottom: 50px; } .divider-two p { margin-bottom: 0; } #mc_embed_signup input { background-color: transparent; border-bottom: 1px solid #ffffff; border-top: 0; border-left: 0; border-right: 0; color: #ffffff; font-weight: 300; height: 45px; width: 85%; } #mc_embed_signup input:focus { outline: none; } #mc_embed_signup input::placeholder { color: #ffffff; } #mc_embed_signup .mc-field-group { margin-bottom: 40px; } #mc_embed_signup .mailchimp_btn { background-color: transparent; border: 2px solid #ffffff; border-radius: 25px; color: #ffffff; height: 50px; line-height: 32px; width: 190px; font-family: "[[setting:primary_font]]", sans-serif; font-size: 16px; } #mc_embed_signup .mailchimp_btn:hover { background-color: #ffffff; color: #192675; } .divider-two .wrapper { text-align: center; } div#countdown .col-xs-6.col-sm-3:first-child { margin-right: 40px; text-align: left; width: auto; } div#countdown .col-xs-6.col-sm-3 { display: inline-block; } .divider-two .time { color: #fff; font-size: 30px; line-height: normal; } .divider-two .label { background: none; color: #ffffff; display: block; font-size: 20px; text-transform: uppercase; } .divider-two.home11 h1 { margin-bottom: 90px; } .countdown.home11 .col-xs-6.col-sm-3 { margin-right: 30px !important; } .countdown.home11 .col-xs-6.col-sm-3 .wrapper { border-radius: 50%; border: 2px solid #fff; height: 100px; line-height: normal; padding-top: 20px; vertical-align: middle; width: 100px; } .countdown.home11 .col-xs-6.col-sm-3 { max-width: 100px; } .countdown.home11 .col-xs-6.col-sm-3 .wrapper span.label { font-size: 16px; line-height: 24px } .countdown.home11 .col-xs-6.col-sm-3 .wrapper span.time { font-size: 26px; line-height: 24px } .singup-course-form { background-color: #fff; border-radius: 4px; padding: 30px; position: relative; max-width: 480px; } .singup-course-form .scf_heading .title { color: #333333; font-size: 20px; font-weight: 600; line-height: 1.5; } .singup-course-form #mc_embed_signup input { background-color: transparent; border: 1px solid #dbe1e5; border-radius: 4px; color: #696969; font-weight: 300; height: 55px; margin-bottom: 20px; padding-left: 18px; width: 100%; } .singup-course-form #mc_embed_signup input:focus { outline: none; } .singup-course-form #mc_embed_signup input::placeholder { color: #696969; } .singup-course-form .btn { border-radius: 4px; font-family: "[[setting:secondary_font]]"; font-size: 15px; font-weight: normal; height: 50px; line-height: 30px; } /*== Chart Js Css ==*/ canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; } .chart-container { width: 100%; } .c_container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; } /*== Tags Bar Css ==*/ .selected_filter_widget { border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: rgba(243, 243, 246, 0); display: inline-block; height: auto; margin-bottom: 30px; padding: 30px 30px 25px; position: relative; width: 100%; } .selected_filter_widget.style2 { border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: rgba(243, 243, 246, 0); display: inline-block; height: auto; } .selected_filter_widget.style3 { border: none; padding: 0 15px; } .selected_filter_widget.style4 { background-color: #f9fafc; border-radius: 5px; border: none; padding: 35px; } .selected_filter_widget .tags-bar.style2 { background-color: transparent; border-radius: 0; padding: 0; } .selected_filter_widget.style2 .accordion .link { font-size: 20px; font-family: "[[setting:primary_font]]"; color: #0a0a0a; line-height: 1.2; } .tags-bar { background-color: #f0f0f0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; float: left; padding: 10px; position: relative; width: 100%; } .tags-bar>span { background-color: #edeff7; color: #4f4f4f; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; font-size: 13px; height: 30px; line-height: 55px; margin-right: 5px; padding: 10px 20px; position: relative; width: 125px; } .tags-bar>span i { color: #383535; cursor: pointer; font-size: 12px; font-style: normal; height: 16px; padding-left: 10px; } .tags-bar .action-tags { float: right; } .tags-bar .action-tags a { color: #939393; font-size: 13px; } .tags-bar .action-tags a i { font-size: 16px; } #accordion .panel { border: 0; border-radius: 0; margin-top: 0px; } #accordion .panel-title a { font-size: 16px; display: block; text-decoration: none; } #accordion .panel-heading a.collapsed:hover, #accordion .panel-heading a.collapsed:focus { color: #0a0a0a; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #accordion .panel-heading a.collapsed:hover::before, #accordion .panel-heading a.collapsed:focus::before { color: #0a0a0a; } #accordion .panel-heading { padding: 0; } #accordion .panel-heading a:not(.collapsed) { font-size: 16px; color: #0a0a0a; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* arrow fontawesome icon to the right */ #accordion .panel-heading .accordion-toggle::before { font-family: 'FontAwesome'; color: #0a0a0a; content: "\f107"; float: right; font-weight: lighter; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #accordion .panel-heading .accordion-toggle.collapsed::before { color: #444; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } body { -webkit-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } body.translated { -webkit-transform: translateX(300px); -ms-transform: translateX(300px); -o-transform: translateX(300px); transform: translateX(300px); } .content_details { background-color: #fafafa; border: 1px solid #dddddd; height: 100%; left: 0; margin-left: -100%; overflow-y: scroll; padding: 20px 8px; position: fixed; top: 80px; -webkit-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; width: 305px; z-index: 9; } .content_details::-webkit-scrollbar { margin-top: 15px; margin-right: -10px; width: 6px; z-index: 3; } .content_details::-webkit-scrollbar * { background: transparent; margin-right: -10px; } .content_details::-webkit-scrollbar-track { display: none; } .content_details::-webkit-scrollbar-thumb { background-color: #dfdfdf !important; border-radius: 6px; margin-right: -10px; } .content_details.is-full-width { left: 0; margin-left: 0; position: fixed; } /* Shop Page Style*/ .shop_grid { position: relative; border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: rgb(255, 255, 255); height: 385px; margin-bottom: 30px; padding: 20px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .shop_grid:hover { cursor: pointer; -webkit-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); -o-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); } .shop_grid .thumb { margin-bottom: 40px; } .shop_grid .cart_bag { border-radius: 50%; background-color: rgb(255, 16, 83); height: 50px; margin-top: 25px; opacity: 0; text-align: center; width: 50px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .shop_grid:hover .cart_bag { opacity: 1; } .shop_grid .cart_bag span { color: #ffffff; font-size: 20px; line-height: 2.5; } .shop_grid .details { position: relative; } .shop_grid .details ul { margin-bottom: 0; } .shop_grid .details .price { font-size: 18px; font-family: "[[setting:primary_font]]"; color: rgb(199, 85, 51); font-weight: bold; line-height: 1.2; } .shop_grid .details .item-tile { font-size: 18px; font-family: "[[setting:primary_font]]"; color: #0a0a0a; line-height: 1.333; } .shop_grid .details ul li, .sspd_review ul li { margin-right: 4px !important; } .shop_grid .details ul li:last-child a, .sspd_review ul li:last-child a { color: #7e7e7e; } .shop_grid .details ul li a, .sspd_review ul li a { color: #d0d23c; } .sspd_review ul li a { font-size: 13px; } /* Shop Order Page Style */ .shop_order_box { border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: rgba(255, 255, 255, 0); padding: 30px; } .shop_order_box .main_title { font-size: 20px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: #0a0a0a; line-height: 1.2; margin-bottom: 20px; text-align: center; } .shop_order_box .order_list_raw { margin-bottom: 80px; margin-top: 60px; text-align: center; } .shop_order_box .order_list_raw ul { margin-bottom: 0; } .shop_order_box .order_list_raw ul li { margin-right: 60px; text-align: left; } .shop_order_box .order_list_raw ul li:last-child { margin-right: 0px; } .shop_order_box .order_list_raw ul li h4 { font-size: 18px; font-family: "[[setting:primary_font]]"; color: #0a0a0a; line-height: 1.333; margin-bottom: 4px; } .shop_order_box .order_list_raw ul li p { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.6; } .shop_order_box .order_details .title { font-size: 20px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: #0a0a0a; line-height: 1.2; margin-bottom: 40px; } .shop_order_box .order_details .title2 { font-size: 20px; ont-family: "[[setting:primary_font]]"; font-weight: 600; color: #0a0a0a; line-height: 1.2; margin-bottom: 20px; } .shop_order_box .order_details .od_content { margin-bottom: 60px; } .shop_order_box .order_details .od_content li { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.6; margin-bottom: 25px; } .shop_order_box .order_details .od_content .tamount { font-size: 18px; font-family: "[[setting:primary_font]]"; color: rgb(255, 16, 83); line-height: 1.333; } /* Shop Chaeckout Page Style */ .checkout_form { position: relative; } .checkout_form .checkout_coupon .form1 { display: block; margin-bottom: 35px; padding-top: 10px; text-align: center; } .checkout_form .checkout_coupon form input { border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 5px; background-color: rgb(255, 255, 255); -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); height: 48px; margin-right: 24px; } .checkout_form .checkout_coupon form textarea { border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 5px; background-color: rgba(255, 255, 255, 0); -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .checkout_form .checkout_coupon form button { border-radius: 5px; background-color: rgb(36, 65, 231); color: #ffffff; height: 50px; margin-bottom: 0; width: 180px; } .checkout_form .checkout_coupon form button:hover { border-style: solid; border-width: 2px; border-color: rgb(36, 65, 231); border-radius: 5px; background-color: rgb(255, 255, 255); color: rgb(36, 65, 231); } .checkout_form .checkout_coupon form button.btn2 { margin-right: 24px; } .checkout_form .checkout_coupon form button.btn3 { border-style: solid; border-width: 2px; border-color: rgb(36, 65, 231); border-radius: 5px; background-color: rgb(255, 255, 255); color: rgb(36, 65, 231); height: 50px; width: 180px; } .checkout_form .checkout_coupon form button.btn3:hover { background-color: rgb(36, 65, 231); color: #ffffff; } .checkout_form .checkout_coupon .form2 .my_profile_select_box .dropdown.bootstrap-select button.btn { width: 100%; } .checkout_form .checkout_coupon .form2 .my_profile_select_box .dropdown-item.active, .checkout_form .checkout_coupon .form2 .my_profile_select_box .dropdown-item:active { background-color: transparent; color: #6f7074; } .checkout_form .checkout_coupon .form2 label { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(79, 79, 79); line-height: 1.867; } .checkout_form .checkout_coupon .form2 .ai_title { font-size: 20px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: #0a0a0a; margin-bottom: 20px; margin-top: 10px; line-height: 1.2; } .order_sidebar_widget { position: relative; border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: rgba(243, 243, 246, 0); padding: 30px; } .order_sidebar_widget .title { font-size: 20px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: #0a0a0a; line-height: 1.2; margin-bottom: 25px; } .order_sidebar_widget .subtitle p { font-size: 18px; font-family: "[[setting:primary_font]]"; color: #0a0a0a; line-height: 2.222; margin-bottom: 6px; } .order_sidebar_widget .subtitle .totals { font-size: 22px; font-family: "[[setting:primary_font]]"; color: rgb(199, 85, 51); font-weight: bold; line-height: 1.2; } .payment_widget { border-radius: 5px; background-color: rgb(249, 250, 252); padding: 30px; } .payment_widget .bt_details { border-radius: 5px; background-color: rgb(255, 255, 255); -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); margin-bottom: 15px; margin-top: 5px; padding: 25px; } .payment_widget .bt_details p { margin-bottom: 0; } .payment_widget_btn .btn-block { margin-top: 30px; width: 100%; } .payment_widget_btn .btn-block:hover { border: 1px solid [[setting:color_secondary]]; } .cart_page_form { border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); background-color: rgba(255, 255, 255, 0); margin-bottom: 30px; } .cart_page_form table.table.table-responsive { border-radius: 5px 5px 0 0; margin-bottom: 0; } .cart_page_form tr.carttable_row { background-color: [[setting:color_primary]]; } .cart_page_form tr.carttable_row th.cartm_title { border: none; color: #ffffff; padding-left: 30px; } .table_body .cart_list { margin-bottom: 0; } .cart_page_form .table_body td, .cart_page_form .table_body th { padding: 30px 31px; vertical-align: middle; } .cart_page_form.style2 .table_body td, .cart_page_form.style2 .table_body th { padding: 30px 31px; vertical-align: middle; } .cart_page_form.style2 .table_body th { width: 55%; } .cart_page_form.style2 .table_body td { width: 13%; } .cart_page_form.style3 .table_body td, .cart_page_form.style3 .table_body th { border-bottom: 1px solid #dedede; } .cart_page_form.style3 { border: none; } .cart_page_form.style3 .table_body tr { border-left: 1px solid #dedede; border-right: 1px solid #dedede; } .cart_page_form.style3 .table_body td { width: 0%; } .cart_page_form.style3 .table_body th { width: 52%; } .order_key_status li:last-child span { margin-left: 51px; } .order_key_status li:nth-child(2) span { margin-left: 49px; } .cart_page_form.style3 tr.borderless_table_row { border-left: none; border-right: none; } .cart_page_form.style3 tr.borderless_table_row th, .cart_page_form.style3 tr.borderless_table_row td, .cart_page_form.style3 tr.borderless_table_row.style2 th, .cart_page_form.style3 tr.borderless_table_row.style2 td { border: none; } .cart_page_form tbody.table_body th .cart_list .cart_title { font-size: 18px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: #0a0a0a; line-height: 1.333; } .cart_page_form tbody.table_body th .cart_list li { margin-right: 0; vertical-align: middle; } .cart_page_form tbody.table_body td .cart_count { border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 5px; background-color: rgb(255, 255, 255); -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); height: 48px; width: 88px; } .cart_page_form tbody.table_body td .cart_count:focus { outline: none; } .order_key_status li { font-size: 18px; font-family: "[[setting:primary_font]]"; color: rgb(10, 10, 10); line-height: 2.222; } .order_key_status li span { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 2.667; margin-left: 75px; } /* Shop Single Page Style */ .single_product_grid { border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: rgb(255, 255, 255); position: relative; } .single_product { position: relative; height: 550px; } .single_product .single_item { text-align: center; } .single_product .single_item .thumb { padding-top: 70px; } .single_product .product_popup { border-radius: 50%; background-color: rgb(237, 239, 247); bottom: 25px; height: 60px; left: 30px; position: absolute; text-align: center; width: 60px; } .single_product .product_popup span { color: #0a0a0a; font-size: 25px; line-height: 2.5; } .shop_single_product_details h3 { font-size: 26px; font-family: "[[setting:primary_font]]"; color: #0a0a0a; line-height: 0.923; } .shop_single_product_details { padding-left: 20px; } .shop_single_product_details p { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.6; } .shop_single_product_details .cart_btns input { border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 5px; background-color: rgb(255, 255, 255); -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); height: 48px; text-align: center; width: 118px; } .shop_single_product_details .sspd_price { font-size: 26px; font-family: "[[setting:primary_font]]"; color: rgb(199, 85, 51); font-weight: bold; line-height: 1.2; } .shop_single_product_details .cart_btns input:focus { outline: none; } .shop_single_product_details .cart_btns button.btn { border-radius: 27px; background-color: rgb(255, 16, 83); font-size: 18px; font-family: "[[setting:primary_font]]"; color: rgb(255, 255, 255); height: 55px; border: 2px solid [[setting:color_secondary]]; width: 220px; } .shop_single_product_details .cart_btns button.btn:hover { background-color: #ffffff; border: 2px solid [[setting:color_secondary]]; color: [[setting:color_secondary]]; } .shop_single_product_details .sspd_sku li a { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(126, 126, 126); line-height: 1.6; } .shop_single_product_details .sspd_social_icon li:first-child { font-size: 18px; font-family: "[[setting:primary_font]]"; color: rgb(59, 59, 59); line-height: 1.333; padding-right: 10px; } .shop_single_product_details .sspd_social_icon li { padding-right: 20px; } .shop_single_product_details .sspd_social_icon li a { font-size: 16px; font-family: "FontAwesome"; color: #b6b9c7; line-height: 1.2; } .shop_single_product_details .sspd_social_icon li:hover a { color: rgb(72, 73, 77); } .product_single_content .mbp_pagination_comments .mbp_first.media .media-body p { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(79, 79, 79); line-height: 1.6; } .product_single_content.style2 { border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: rgba(42, 53, 59, 0); padding-left: 30px; padding-right: 30px; } .product_single_content .mbp_pagination_comments .mbp_first.media h4.sub_title { font-size: 20px; font-family: "[[setting:primary_font]]"; color: #0a0a0a; line-height: 1.5; margin-bottom: 0; } .product_single_content .mbp_pagination_comments .mbp_first.media h4.sub_title ul { margin-bottom: 0; } .product_single_content .mbp_pagination_comments .mbp_first.media h4.sub_title ul li a { font-size: 13px; font-family: "FontAwesome"; color: rgb(208, 210, 60); line-height: 1.2; } .product_single_content .mbp_pagination_comments .mbp_first.media h4.sub_title .sspd_review ul li { margin-right: 2px; } .product_single_content .mbp_pagination_comments .mbp_first.media .sspd_review_liked, .product_single_content .mbp_pagination_comments .mbp_second.media .sspd_review_liked { background-color: rgb(237, 239, 247); border-radius: 20px; color: rgb(126, 126, 126); font-size: 14px; font-family: "[[setting:secondary_font]]"; height: 40px; line-height: 2.714; text-align: center; width: 200px; } .more-review-btn { border-style: solid; border-width: 2px; border-color: rgb(36, 65, 231); border-radius: 25px; font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(36, 65, 231); line-height: 1.2; height: 50px; width: 234px; } .more-review-btn:hover { background-color: rgba(36, 65, 231); color: #ffffff; } .shop-single-content { overflow: hidden; } .shop_single_tab_content .nav-tabs, .cs_rwo_tabs.csv2 .nav-tabs { border-bottom: none; } .cs_rwo_tabs.csv2 .nav-tabs .nav-link { border: 1px solid transparent; font-size: 18px; font-family: "[[setting:primary_font]]"; color: #0a0a0a; height: 64px; line-height: 2.5; text-align: center; width: 165px; } .cs_rwo_tabs.csv2 .nav-tabs .nav-link:hover { border: 1px solid transparent; } .cs_rwo_tabs.csv2 .nav-tabs .nav-link.active { background-color: rgb(255, 255, 255); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12); border-radius: 5px; position: relative; } .cs_rwo_tabs.csv2 .nav-tabs .nav-link.active:before { background-color: #ffffff; content: ""; height: 18px; left: 0; margin-left: 75px; margin-top: 46px; position: absolute; right: 0; width: 18px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .shop_single_tab_content .mbp_pagination_comments { margin-top: 0; position: relative; } .shop_single_tab_content .mbp_pagination_comments:before { background-color: #f9fafc; content: ""; height: 100%; left: -40%; position: absolute; right: 0; width: 200%; z-index: -1; } .shop_single_tab_content .mbp_pagination_comments .mbp_first.media { padding-top: 75px; } .shop_single_tab_content .nav-tabs .nav-link { border: none; } .shop_single_tab_content .nav-tabs .nav-link.active { border-bottom: 2px solid [[setting:color_primary]]; color: [[setting:color_primary]]; } .mbp_comment_form.style2 { padding-bottom: 50px; } .mbp_comment_form.style2 h4 { font-size: 20px; font-weight: 600; color: #0a0a0a; line-height: 1.2; margin-bottom: 40px; } .mbp_comment_form.style2 ul { margin-bottom: 20px; } .mbp_comment_form.style2 .comments_form { background-color: transparent; padding: 0; } .mbp_comment_form.style2 .comments_form .form-group label { font-size: 15px; font-family: "[[setting:secondary_font]]"; color: rgb(79, 79, 79); line-height: 1.867; } .mbp_comment_form.style2 .comments_form .form-group input { border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 5px; background-color: rgb(255, 255, 255); height: 48px; max-width: 653px; } .mbp_comment_form.style2 .comments_form .form-group textarea { border-style: solid; border-width: 1px; border-color: rgb(221, 221, 221); border-radius: 5px; background-color: rgb(255, 255, 255); padding: 20px; height: 148px; max-width: 653px; } .mbp_comment_form.style2 .comments_form button.btn { border-radius: 5px; background-color: rgb(36, 65, 231); color: rgb(255, 255, 255); font-size: 15px; font-family: "[[setting:secondary_font]]"; line-height: 1.2; height: 55px; padding: 0 40px; } .mbp_comment_form.style2 .comments_form button.btn:hover, .mbp_comment_form.style2 .comments_form button.btn:focus { background-color: #ffffff; color: rgb(36, 65, 231); border-style: solid; border-width: 2px; border-color: rgb(36, 65, 231); } .custom_hr { position: relative; } .custom_hr:before { background-color: #eeeeee; content: ""; height: 1px; left: 0; position: absolute; right: 0; top: -30px; width: 100%; } .custom_hr.style2:before { left: -100px; top: 30px; } .custom_hr.style3:before { top: 30px; } .become_instructor_container { position: relative; } .become_instructor_container .titles { color: #0a0a0a; font-family: "[[setting:primary_font]]"; font-size: 24px; font-weight: 600; line-height: 1.3; margin-bottom: 30px; } .our-blog .read_more_home h4 { font-size: 17px; } .filter-option-inner-inner { font-family: "[[setting:primary_font]]"; } .ccn_context_frontend .filter-option-inner-inner { font-size: 14px; } .sh2 { height: 550px; } .footer_one.home3 h4 { font-weight: 600; } .footer_one.home4 h4 { font-weight: 600; } .btn { font-family: "[[setting:primary_font]]", sans-serif; } .blog_post_home6_media_objects .mr-3 { width: 90px; } .home8 .footer_social_widget { text-align: center; } .ht_left_widget.home3 { margin-top: 5px; } .bootstrap-select.show-tick .dropdown-menu li a span.text { font-size: 14px; font-family: "[[setting:primary_font]]"; } .filter-option-inner-inner { padding-top: 2px; } .ccn_context_dashboard .filter-option-inner-inner { padding-top: 0; } .ccn_context_dashboard .bootstrap-select .dropdown-menu li.active small { color: #6c757d !important; } .dropdown-toggle::after { vertical-align: initial; } .bootstrap-select .bs-ok-default:after { content: ''; display: block; width: .5em; height: 1em; border-style: solid; border-width: 0 .2em .2em 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .custom-switch .custom-control-label::before { border-radius: 30px; } .shadow_box { background-color: #FFF; box-shadow: 0 2px 12px rgba(0, 0, 0, .12); border-radius: 5px; } .b0p0 { border-width: 0px !important; padding: 0px !important; margin-bottom: 30px; } .b0 { border-width: 0px !important; margin-bottom: 30px; } .sfeedbacks .aii_title { font-size: 20px; font-weight: 600; color: #0a0a0a; margin-bottom: 25px; line-height: 1.2; } .product_single_content .aii_title { font-size: 20px; font-weight: 600; color: #0a0a0a; margin-top: 30px; margin-bottom: 25px; line-height: 1.2; } .card { border: none; } .card-header { background-color: #f9fafc; border-bottom: 0px !important; margin-bottom: 5px !important; border-radius: 5px !important; position: relative; } .card-header .btn-link { color: #3b3b3b; font-size: 16px; } .card-header .float-right { position: absolute; right: 20px; top: 22px; } .alert-dismissible .close { top: 10px; } .dropdown-item.active, .dropdown-item:active { background-color: [[setting:color_primary]]; border-radius: 0px; } .dropdown-item { font-size: 14px; font-family: "[[setting:primary_font]]", sans-serif; } textarea.form-control { padding: 20px; } .gallery_item { margin-bottom: 30px; position: relative; } .gallery_item .gallery_overlay { background-color: rgba(36, 65, 231, .8); background-color: [[setting:color_parallax]]; opacity: .8; border-radius: 5px; bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .gallery_item:hover .gallery_overlay { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); } .gallery_item .gallery_overlay .icon { bottom: 0; left: 0; position: absolute; right: 0; top: 35%; text-align: center; } .gallery_item .gallery_overlay .icon span { color: #ffffff; font-size: 50px; } .home-five.style2 { position: relative; } .gallery_item.home13 { border-radius: 4px; overflow: hidden; -webkit-box-shadow: 0px 0px 50px 0px rgba(34, 34, 34, 0.4); -moz-box-shadow: 0px 0px 50px 0px rgba(34, 34, 34, 0.4); box-shadow: 0px 0px 50px 0px rgba(34, 34, 34, 0.4); } .gallery_item.home13 img { min-width: 100%; } .gallery_item.home13 .gallery_overlay { background-color: rgb(34, 34, 34, .4); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .gallery_item.home13 .gallery_overlay .icon span { font-size: 20px; } .about-us-home13:before { background-color: #f9f9f9; content: ""; height: 78%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .home_post_overlay_icon { border-radius: 50%; color: #fff; font-size: 22px; height: 70px; left: 0; line-height: 70px; margin: 0 auto; position: absolute; right: 0; text-align: center; top: 40%; width: 70px; z-index: 99; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .home_post_overlay_icon:after { background-color: rgba(0, 103, 218, 0.5); border-radius: 100%; content: ""; height: 85px; left: -7px; position: absolute; top: -7px; width: 85px; z-index: -1; animation: pulse-blue 2s infinite; -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); -ms-transform: scale(2); transform: scale(2); } /* CCN */ /* removed: @5742 #ccn-main .no-overflow { overflow: inherit !important; } */ #ccn-main .py-3 { padding: 0 !important; } #page-wrapper { overflow: hidden; } .ccn-login-info { color: #969696; font-size: 13px; } .ccn-login-info .logininfo { display: inline; } .list-inline-item div:not(.dropdown):not(.dropdown-menu) { display: inline; } { display: inline; } .list-inline-item .header_top_lang_widget div { display: block; } /*#ccn-page-wrapper {overflow:hidden;} */ .pagelayout-course #ccn-page-wrapper { overflow: visible; } [data-region="blocks-column"] { z-index: 9999999999; } .action-menu-trigger .dropdown .dropdown-menu>a { width: auto; height: auto; position: relative; padding: inherit; padding: 0 10px; } .action-menu-trigger .dropdown .dropdown-menu>a:before { display: none; } .action-menu-trigger .dropdown .dropdown-menu>a>span { display: inline; width: auto; height: auto; margin: inherit; background: inherit; } .block .card-title { font-size: 20px; font-weight: 600; color: #0a0a0a; margin-bottom: 25px; line-height: 1.2; } /* Begin CCN comments */ .block_comments { border-style: solid; border-width: 2px; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: rgba(42, 53, 59, 0); margin-bottom: 30px; padding: 30px; position: relative; } .block_comments .ccn_userpicture { margin-right: 2.16rem !important; width: 80px; height: 80px; border-radius: 50%; } .block_comments .custom_hr:before { top: -20px; } .block_comments .comment-message { margin-bottom: 50px; } .block_comments .comment-message .picture { width: auto; float: none; } .block_comments .comment-message-meta { color: #fff; } .comment-area { max-width: 653px; } .comment-area .fd a { border-radius: 5px; background-color: [[setting:color_primary]]; border: 2px solid [[setting:color_primary]]; color: rgb(255, 255, 255); font-size: 15px; font-family: "[[setting:secondary_font]]"; line-height: 1.2; height: 55px; padding: 0 40px; margin-top: 10px; cursor: pointer; display: inline-block; line-height: 49px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .comment-area .fd a:hover, .comment-area .fd a:focus { background-color: #ffffff; color: [[setting:color_primary]]; border-style: solid; border-width: 2px; border-color: [[setting:color_primary]]; } .comment-area .fd { text-align: left; } .comment-area .fd a span { padding-left: 10px; } /*.path-blog .comment-ctrl {display:block!important;} .path-blog .comment-link {display:none!important;} */ /* End CCN comments */ .ccn-mk-fullscreen-searchform, .ccn-mk-fullscreen-searchform2, #ccn_mk-fullscreen-search-wrapper { position: relative; vertical-align: middle; } #ccn_mk-fullscreen-search-wrapper .block-controls { position: absolute; top: -50px; } .mk-fullscreen-search-overlay .ccn-mk-fullscreen-searchform .ccn-mk-fullscreen-search-input { background-color: #ffffff; border: 0; border-radius: 5px; color: #262626; font-size: 17px; padding: 20px; width: 800px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -ms-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; } .mk-fullscreen-search-overlay .ccn-mk-fullscreen-searchform .fullscreen-search-icon { font-size: 25px; position: absolute; right: 15px; width: 25px; top: 15px; color: #0a0a0a; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .mk-fullscreen-search-overlay .ccn-mk-fullscreen-searchform input[type=submit] { position: absolute; width: 100px; height: 100%; background-color: transparent; border: 0; right: 0; top: 0; } .ccn_first-time { margin-top: 30px; } #page-login-signup .login_form.inner_page .mform input { width: 100%; } /* calendar */ .path-calendar .maincalendar .calendarwrapper { margin-bottom: 35px; float: left; width: 100%; } .path-calendar .maincalendar .calendarwrapper .calendartable th.header { background: rgb(36, 65, 231); } .path-calendar .ccn-calendar-header { background: rgb(225, 230, 239); border-radius: 5px; margin-bottom: 30px; padding: 30px 30px; position: relative; overflow: visible !important; height: auto; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; } .path-calendar .maincalendar .calendarwrapper .calendartable th.header { border-left: 0; border-right: 0; color: #fff; line-height: 55px; height: 55px; } .ccn-calendar-header-option { padding: 0 10px; flex-grow: 1; } .calendarwrapper .calendartable>thead>tr>th:first-child { border-radius: 5px 0 0; } .calendarwrapper .calendartable>thead>tr>th:last-child { border-radius: 0 5px 0 0; } .ccn-calendar-header label { display: none; } .ccn-calendar-header .custom-select { border: 2px solid #fff; height: 40px; } .ccn-calendar-header .btn { border-radius: 4px; background-color: [[setting:color_secondary]]; border: 2px solid [[setting:color_secondary]]; color: #ffffff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; width: 100%; } .calendarwrapper>.header .btn:hover { background: #fff; border-color: #fff; color: [[setting:color_secondary]]; } .path-calendar .maincalendar .calendarmonth { width: 100%; } .maincalendar .calendarmonth td, .maincalendar .calendarmonth th { border: 1px solid rgb(225, 230, 239); color: #555555; line-height: 95px; font-size: 15px; font-weight: 500; } .path-calendar .maincalendar .calendartable td, .path-calendar .maincalendar .calendartable li { padding: 0 4px 4px 15px; } .path-calendar .maincalendar .calendarmonth ul li { padding: 0; line-height: 1.5; } .path-calendar .maincalendar .calendar-controls .current { font-size: 22px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: rgb(10, 10, 10); line-height: 1.2; margin-bottom: 0; } .path-calendar .maincalendar .calendar-controls { clear: both; float: left; width: 100%; overflow: hidden; padding: 0 0 30px; } .path-calendar #block-region-side-pre .block { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12); border-style: solid; border-color: rgb(237, 239, 247); border-radius: 5px; background-color: #ffffff; margin-bottom: 30px; padding: 30px; border-width: 0; } .path-calendar #block-region-side-pre .block .card-title { margin-bottom: 0; } .path-calendar #block-region-side-pre .block .calendar-controls h3 { text-align: left; font-size: 16px; margin: 10px 0 0; } .path-calendar #block-region-side-pre .block th.header { height: 30px; line-height: 30px; border-radius: 0 !important; background: #fff; color: #555; font-weight: 600; border-bottom: 1px solid #eee; } .path-calendar #block-region-side-pre .block th.header abbr[title] { text-decoration: none; } .path-calendar #block-region-side-pre .block .minicalendar tbody>tr:first-child>td { padding-top: 10px; } .path-calendar #block-region-side-pre .block .minicalendar .hasevent { box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.6), 0px 1px 1px 0px rgba(36, 65, 231, 0.1), inset 0 0 2px rgba(0, 0, 0, .2); border-radius: 4px; height: 22px; width: 100%; text-indent: -1px; line-height: 18px; color: rgba(0, 0, 0, .4); margin-top: 1px; } .block .minicalendar td a { color: rgba(0, 0, 0, .6); } .path-calendar .eventlist .event { float: left; width: 100%; } .path-calendar #block-region-side-pre .calendar_filters li { margin: 10px 0 0; } .path-calendar #block-region-side-pre .calendar_filters li a>span:first-child { box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.6), 0px 1px 1px 0px rgba(36, 65, 231, 0.1), inset 0 0 2px rgba(0, 0, 0, .2); border-radius: 4px; height: 26px; width: 26px; display: inline-block; text-indent: -1px; font-size: 12px; line-height: 25px; color: rgba(0, 0, 0, .4); } .path-calendar .bottom .singlebutton .btn { background-color: [[setting:color_primary]]; border: 2px solid [[setting:color_primary]]; border-radius: 5px; color: #ffffff; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 4px; padding: 10px 20px; -webkit-box-shadow: 0px 1px 4px 0px rgba(36, 65, 231, 0.3); -moz-box-shadow: 0px 1px 4px 0px rgba(36, 65, 231, 0.3); box-shadow: 0px 1px 4px 0px rgba(36, 65, 231, 0.3); background-color: #ffffff; color: [[setting:color_primary]]; } .inner_page_breadcrumb { background-size: cover; } .header_user_notif li.user_setting .dropdown-menu .user_set_header p span { max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap; display: block; } .fa-star { color: #d0d23c; } .gallery_item .gallery_overlay .ccn-icon { bottom: 0; left: 0; position: absolute; right: 0; top: 35%; text-align: center; } .gallery_item .gallery_overlay .ccn-icon span { color: #ffffff; font-size: 50px; } /* .img_hvr_box { display: block; } */ .ccn_icon { color: #ffffff; font-size: 70px; line-height: initial; } .ccn_icon_2 { width: auto; height: auto; } body:not(.drawer-open-left) header.header-nav { width: 100vw !important; left: 0 !important; } body.drawer-open-left header.header-nav { margin-left: 285px !important; left: 0 !important; width: 100vw !important; } .event_list .thumb { height: 340px; } .block_cocoon_featured_event .event_lists .img-fluid { height: auto !important; width: 100% !important; max-width: none !important; } #nav-drawer { top: 0; bottom: 0; min-height: 100%; } /*.block_with_controls {position:relative;} .block_with_controls .block-controls { position: absolute; top: 0; left: 0; z-index: 2;} */ .block-controls.header { background: none; font-size: inherit; font-weight: inherit; color: inherit; line-height: inherit; box-sizing: inherit; width: inherit; height: inherit; padding: inherit; } .block-controls.header a { position: inherit; display: inherit; padding: inherit; width: inherit; height: inherit; } body>.wrapper { overflow: hidden; } .mform .form-inline .form-control { width: 100%; } .ccn-blog-featured-thumb img { height: 441px; width: auto !important; max-width: none; } @media (min-width: 767px) { .ccn-blog-featured-thumb img { margin-left: -45%; } } .ccn-blog-slider-thumb img { height: 441px; width: auto !important; max-width: none !important; } .ccn-icon-reset { height: inherit; width: inherit; } .home-four { z-index: 0; } .ccn-faq_according .panel .panel-body p { white-space: pre-line; } #block-region-fullwidth-top .block, #block-region-fullwidth-bottom .block { position: relative; } .ccn_header_style_2#page-site-index .inner_page_breadcrumb .breadcrumb_content, .ccn_header_style_5#page-site-index .inner_page_breadcrumb .breadcrumb_content, .ccn_header_style_6#page-site-index .inner_page_breadcrumb .breadcrumb_content { margin-top: 110px; } /*.ccn_header_style_4 .inner_page_breadcrumb { float: left; width: 100%; margin-top: -94px; margin-bottom: 94px;}*/ /*.inner_page_breadcrumb {z-index: -1;}*/ .ccn-tablets-left { flex-direction: row-reverse; } .ccn-tablets-left .about_home3 { z-index: 1; position: relative; margin-top: 30px; } #ccn-main-region { padding-top: 60px; padding-bottom: 30px; } .message_container:not(.message_container_drawer) .user_heading { height: 108px; } /* .message_container.message_container_drawer .user_heading { border-bottom: 1px solid #eee; padding: 0 0 20px; } */ .message_container .ccn-contact-img-container { width: 70px; } .drawer .user_heading .wrap>div { padding: 20px 0; border-bottom: 1px solid #eee; } .message_container .footer-container { position: absolute; bottom: 40px; left: 30px; right: 30px; } .message_container_drawer { height: 100%; position: relative; } .dashboard_main_content .tag { display: inline-block; padding: 9px 5px; } .dashboard_main_content .copyright-widget { padding-top: 50px; } .dashboard_sidebar { /* margin-top: 0; top: 88px; height: calc(100% - 76px); */ height: 100vh; position: fixed; top: 0; margin: 0; padding: 150px 0 0 0; } .ccn-settings-nav .flaticon-settings { line-height: 2.2; } .header_user_notif li.ccn-settings-nav .dropdown-menu.show { margin-top: 29px; margin-left: -220px !important; /* max-height: 596px; */ /* overflow: scroll; */ } .ccn-frontend-header_user_notif .ccn-settings-nav { margin-right: 0 !important; margin-left: 9px; } .block_comments h4 { font-size: 20px; font-weight: 600; color: #0a0a0a; line-height: 1.2; margin-bottom: 40px; } .app_grid .icon { width: auto; height: auto; } .ccn-app-grid-btn { margin-right: 30px; } .ccn-app-grid-btn:last-child { margin-right: 0; } /* .dashboard_main_content { max-height: 100vh; } */ .ccn-csv2 { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12); border-width: 0px !important; background-color: #FFF !important; } .candidate_revew_select select { background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; color: #495057; height: 50px; line-height: 35px; font-size: 14px; font-family: "[[setting:primary_font]]"; } .top_courses>.info { position: absolute; z-index: 1; left: 0; right: 0; color: #fff; } .blog_grid_post .thumb, .mbp_thumb_post .thumb { max-height: 488px; } .blog_grid_post .thumb .img-fluid, .mbp_thumb_post .thumb .img-fluid { width: 100%; } .block_cocoon_blog_recent_slider .bph4_thumb .img-fluid { height: 410px; width: auto; max-width: none; } .block_cocoon_features .main-title { margin-bottom: 30px; margin-top: 30px; } .block_cocoon_users_slider .our-team.instructor-page .main-title { margin-bottom: 30px; } .comment-list>li:last-child .custom_hr { display: none; } .comment-list>li:last-child .comment-message { margin-bottom: 0; } .usermenu span.login { font-size: 15px; color: #0a0a0a; line-height: 1.4; display: inline-block; margin-bottom: 20px; } .usermenu span.login a { line-height: 1.4 !important; padding-left: 0 !important; } @media (min-width: 1000px) { .blog_recent_post_widget.media_widget .ccn-img-surround { overflow: hidden; height: 80px; width: 90px; margin-right: 1rem; border-radius: 8px; } .blog_recent_post_widget.media_widget .ccn-img-surround img { height: 80px; max-width: none; } /* header.header-nav.menu_style_home_seven .ace-responsive-menu>li:first-child { margin-right: 40px; } */ .ccn_blog_style_3 .ccn-blog-list-entry .thumb .img-fluid { height: 358px; width: auto !important; max-width: none; } body.ccn_header_style_2 .header_top .ht_right_widget ul.text-right { margin-top: 15px; } /* header.header-nav.menu_style_home_six .ace-responsive-menu>li:first-child, header.header-nav.menu_style_home_six .ace-responsive-menu>.header_user_notif { margin-right: 40px; } */ } .category_sidebar_widget .color-orose { margin: 10px 0 20px; display: inline-block; } /* body.ccn_header_style_4 header.header-nav.slideIn { position: relative !important; z-index: 1 !important; } */ #page { margin-top: 0 !important; } .block_cocoon_about_1 .about-content .btn { margin-top: 20px; } .block_cocoon_about_1 .about_thumb img { width: 100%; } @media (max-width: 992px) and (min-width: 520px) { .block_cocoon_parallax_apps .app_grid .ccn-app-grid-btn button { width: 230px; } } @media (max-width: 992px) and (min-width: 768px) { .block_cocoon_blog_recent .ccn-blog-slider-thumb { margin-bottom: 30px; } } .inner_page_breadcrumb.ccn-clip-l .breadcrumb-item, .inner_page_breadcrumb.ccn-clip-lx2 .breadcrumb-item { max-width: 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; } .inner_page_breadcrumb.ccn-clip-lx2 .breadcrumb-item { max-width: 200px; } @media (max-width: 992px) { .mobile-menu .header_user_notif.dashbord_pages_mobile_version .ccn-settings-nav { vertical-align: middle; } .ccn_course_list_style_2.pagelayout-coursecategory #block-region-side-pre { margin-top: 50px; } .inner_page_breadcrumb .breadcrumb_content { margin-top: 110px; } .mk-fullscreen-search-overlay .ccn-mk-fullscreen-searchform .ccn-mk-fullscreen-search-input { width: 100%; min-width: 300px; } .inner_page_breadcrumb .breadcrumb-item { padding-left: .5rem; color: #fff; } .inner_page_breadcrumb.ccn-clip-l .breadcrumb-item, .inner_page_breadcrumb.ccn-clip-lx2 .breadcrumb-item { max-width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .inner_page_breadcrumb.ccn-clip-lx2 .breadcrumb-item { max-width: 180px; } .inner_page_breadcrumb.ccn-no-clip .breadcrumb { display: block; text-align: center; } .inner_page_breadcrumb.ccn-no-clip .breadcrumb-item { text-align: center; display: inline-block; } .home_iconbox_container { margin-top: -590px !important; } .block_cocoon_hero_3 .home_icon_box.home4 .icon span { margin-right: 0; } .block_cocoon_tablets .ccn-tablets-right .about_home3 { margin-top: 0; } .block_cocoon_tablets .ccn-tablets-right .about_home3 { margin-top: 0; margin-bottom: 150px; } .block_cocoon_tablets .ccn-tablets-left .about_home3 { margin-top: 0; margin-bottom: 150px; } .block_cocoon_about_1 .about_content { margin-bottom: 40px; } .block_cocoon_about_1 .about_content .btn { margin-top: 20px; } } @media (max-width: 768px) { .block_cocoon_tablets .ccn-tablets-right .about_home3 { margin-top: 0; margin-bottom: 55px; } .ccn_course_list_style_2.pagelayout-coursecategory .courses_list_content .top_courses.list .thumb { width: 100%; } .block_cocoon_blog_recent .ccn-blog-slider-thumb .blog_post { margin-bottom: 10px; } .inner_page_breadcrumb .breadcrumb_title { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 400px; margin-left: auto; margin-right: auto; } .block_cocoon_tablets .ccn-tablets-left .about_home3 { margin-top: 0; margin-bottom: 50px; } } /* @media (max-width:1700px) and (min-width: 1200px) { .ccn_header_style_3 header.header-nav.menu_style_home_three .ht_left_widget.home3 { margin-top: 15px; } .ccn_header_style_3 header.header-nav.menu_style_home_three .ht_left_widget.home3 ul li.list-inline-item:nth-child(2) { display: none; } .ccn_header_style_3 header.header-nav.menu_style_home_three .ht_left_widget.home3 ul li.list-inline-item:nth-child(2) { display: none; } .ccn_header_style_3 header.header-nav.menu_style_home_three .ht_left_widget.home3 ul li:last-child { display: inline-block; } } */ @media only screen and (max-width: 1024px) { .block_cocoon_slider_1 .banner-style-one .slide, .block_cocoon_slider_1_v .banner-style-one .slide { max-height: 1126px; } } @media (max-width:1380px) { .block_cocoon_action_panels .container { width: 100%; max-width: none; } } @media (max-width:1380px) and (min-width: 992px) { .block_cocoon_tablets .home3_about_icon_box { padding-top: 40px; } .block_cocoon_tablets .home3_about_icon_box .icon { display: none; } } @media only screen and (max-width: 1199.98px) { .block_cocoon_slider_3 .home2-slider .banner-style-two .slide { padding: 200px 0 160px; } } @media (max-width: 577px) { .ccn_course_list_style_2.pagelayout-coursecategory .courses-list>.container { width: auto; margin-left: 15px; margin-right: 15px; } } .block_cocoon_featuredcourses+.block_cocoon_course_categories section, .block_cocoon_course_categories+.block_cocoon_courses_slider section { padding-top: 0 !important; } .block_cocoon_featuredcourses+.block_cocoon_tablets section {} @media only screen and (min-width:992px) { .block_cocoon_featuredcourses+.block_cocoon_tablets section { padding-top: 80px; } } @media only screen and (max-width:992px) { .block_cocoon_featuredcourses+.block_cocoon_tablets section { padding-top: 30px; } } .block_cocoon_features+.block_cocoon_blog_recent section { background-color: #f9fafc; } @media only screen and (max-width: 520px) { .funfact_two_details { padding: 0 15px; } .funfact_two_details .list-inline-item div { display: block; } .funfact_two_details li { width: calc(50% - 60px); float: left; } } .block_cocoon_featured_event { clear: both; } .mm-page>.wrapper { overflow: hidden; } .ccn-buy-access { font-family: "[[setting:primary_font]]"; font-weight: 600; margin: -10px 0 15px; font-size: 11px; color: #0b0b0b; text-transform: uppercase; } .ccn-settings-nav .notification_icon>.icon { margin: 0; padding: 0; font-size: 20px; color: #fff; line-height: 2.2; } .message_container .custom-control-label::after { top: .35rem; } .message_container .custom-control-label::before { top: .405rem; } .user_setting.ccn-settings-nav { margin-left: 5px; } .ccn_header_style_2 .list-inline-item .header_top_lang_widget div:not(.dropdown):not(.dropdown-menu), .ccn_header_style_2 .list-inline-item .header_top_lang_widget, .ccn_header_style_3 .list-inline-item .header_top_lang_widget div:not(.dropdown):not(.dropdown-menu), .ccn_header_style_3 .list-inline-item .header_top_lang_widget, #block-region-library-list div, .ht_left_widget div { display: block !important; } /* .ccn_header_style_4 .header-nav.menu_style_home_four { position: relative; } */ .ccn_footer_style_1 .footer_middle_area, .ccn_footer_style_1 .footer_one { background-color: [[setting:color_footer_style_1_top]]; } .ccn_footer_style_1 .footer_bottom_area { background-color: [[setting:color_footer_style_1_bottom]]; } .ccn_footer_style_2 .footer_one.home3, .ccn_footer_style_2 .footer_one.home4 { background-color: [[setting:color_footer_style_2_top]]; } .ccn_footer_style_2 .footer_middle_area.home3 { border-top: 1px solid #e5e8ef; background-color: [[setting:color_footer_style_2_top]]; } .ccn_footer_style_2 .footer_bottom_area.home3 { background-color: [[setting:color_footer_style_2_bottom]]; } .ccn_footer_style_3 .footer_one.home3, .ccn_footer_style_3 .footer_one.home4 { background-color: [[setting:color_footer_style_3_top]]; } .ccn_footer_style_3 .footer_bottom_area.home4 { background-color: [[setting:color_footer_style_3_bottom]]; } .ccn_footer_style_3 .footer_middle_area.home4 { border-top: 1px solid #f0f0f0; background-color: [[setting:color_footer_style_3_middle]]; } .ccn_footer_style_5 .footer_middle_area, .ccn_footer_style_5 .footer_one { background-color: [[setting:color_footer_style_5_top]]; } .ccn_footer_style_5 .footer_bottom_area { background-color: [[setting:color_footer_style_5_bottom]]; } .ccn_footer_style_6 .footer_middle_area, .ccn_footer_style_6 .footer_one, .ccn_footer_style_6 .footer_bottom_area { background-color: [[setting:color_footer_style_6_all]]; } .ccn_footer_style_7 .footer_middle_area, .ccn_footer_style_7 .footer_one { background-color: [[setting:color_footer_style_7_top]]; } .ccn_footer_style_7 .footer_bottom_area { background-color: [[setting:color_footer_style_7_bottom]]; } #block-region-fullwidth-top .block_cocoon_featured_event, #block-region-fullwidth-bottom .block_cocoon_featured_event { max-width: 1140px; margin: 0 auto; padding: 60px 0; } .block_cocoon_slider_2 .home2-slider { width: 100%; } #menu .mm-listitem .rounded-circle { max-width: 35px; position: absolute; top: 5px; right: 60px; } /* .bph2_header, .blog_post_home2 .bph2_header .bph2_date_meta, .blog_post_home2 .details { cursor: default; } */ .home-five.bg-img5 { z-index: 1; } a.mobileBrand { display: block; color: #fff !important; } .mobile-menu .header.stylehome1 .main_logo_home2 span { font-family: "[[setting:primary_font]]", sans-serif; } .ccn-profile-menu { padding-right: 0; padding-left: 5px; } body:not(.ccn_header_style_7) .navbar_brand img, .ccn_header_style_2 .logo-widget img { max-height: 56px; max-width: none; width: auto; } .block_cocoon_course_instructor .about_ins_container .about_ins_info .thumb { width: 120px; height: 120px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .block_cocoon_course_instructor .about_ins_container .about_ins_info .thumb img { object-fit: cover; height: 100%; width: 100%; max-width: none; } header.header-nav .header_top_lang_widget .ht-widget-container .vertical-wrapper { display: block !important; } .ccn_gallery_col_6 .gallery_item .gallery_overlay .ccn-icon { top: 30% } .ccn_gallery_col_3 .gallery_item .gallery_overlay .ccn-icon { top: 40% } .ccn_gallery_col_2 .gallery_item .gallery_overlay .ccn-icon { top: 40% } .ccn_gallery_col_1 .gallery_item .gallery_overlay .ccn-icon { top: 45% } .ccn_header_style_1 header.header-nav.stricky-fixed .vertical-wrapper .title-vertical { background-color: [[setting:color_primary]]; color: #fff; } .instructor_pricing_widget .price i { font-size: 14px; padding: 0 5px 0 0; } .block_cocoon_simple_counters .home_icon_box .icon { margin: 0; color: #0a0a0a; } .block_cocoon_simple_counters .home_icon_box { cursor: default; } .block_cocoon_featured_event .blog_grid_post, .block_cocoon_featured_event .blog_grid_post .thumb { height: 100%; } .block_cocoon_featured_event .blog_grid_post.style2.event_lists .details { padding-top: 50px; } @media (max-width: 1200px) { .block_cocoon_featured_event .blog_grid_post .thumb { min-height: 400px; } } @media (max-width: 820px) { .block_cocoon_featured_event .blog_grid_post .thumb { min-height: 300px; } } /* .ccn_header_style_2 header.header-nav.home2.style_one .mk-search-trigger { position: relative; top: 5px; margin-left: 5px; margin-right: 5px; } */ /* .ccn_header_style_3 header.header-nav.menu_style_home_three .mk-search-trigger { position: relative; top: 0; } .ccn_header_style_3 header.header-nav.menu_style_home_three .mk-search-trigger { top: 9px; } */ /* .ccn_header_style_4 .header_top.home4 .mk-search-trigger { position: relative; top: 2px; } */ .ccn_header_style_4 .header_top.home4 .header_search_widget .mailchimp_form .form-control, .ccn_header_style_6 .header_top.home6 .header_search_widget .mailchimp_form .form-control { height: 28px; border-radius: 3px; padding-left: 10px; width: 315px; font-size: 12px; } /* .ccn_header_style_6 .header_top.home6 .header_search_widget .mailchimp_form .form-control { margin: 0 !important; display: block; } */ .ccn_header_style_4 .header_top.home4 .header_search_widget .mailchimp_form button, .ccn_header_style_6 .header_top.home6 .header_search_widget .mailchimp_form button { height: 20px; font-size: 12px; border-radius: 0; margin-left: -46px; margin-bottom: 0 !important; margin-top: -14px; background: transparent !important; color: #000 !important; } /* .ccn_header_style_6 .header_top.home6 .header_search_widget .mailchimp_form button { margin: 0 !important; top: -29px; position: relative; left: -10px; } .ccn_header_style_6 .header_top.home6 .header_search_widget .mailchimp_form button span { padding-left: 0 !important; ; } */ .ccn_header_style_4 header.header-nav.menu_style_home_five #search-button i, .ccn_header_style_6 header.header-nav.menu_style_home_six #search-button i { color: #000; } .ccn_header_style_4 header.header-nav.menu_style_home_five .mk-search-trigger { position: relative; top: 7px; margin-left: 5px; } /* .ccn_header_style_6 .menu6_search.home6 { margin-left: 40px; margin-left: 0; } */ /* .ccn_header_style_6 .menu6_search.home6 .mk-search-trigger { margin-right: 10px; position: relative; margin-left: 20px; } */ /* .ccn_header_style_7 .header_top.home7 .header_search_widget .mailchimp_form .form-control { height: 40px; padding-left: 22px; margin-top: 6px; width: 410px; } .ccn_header_style_7 .header_top.home7 .header_search_widget .mailchimp_form button { font-size: 20px; height: 40px; margin-left: -60px; margin-top: 3px; padding-right: 20px; background-color: transparent !important; } */ /* .ccn_header_style_8 header.header-nav.menu_style_home_four .mk-search-trigger { top: 30px; } */ /* .block_cocoon_slider_1 .owl-item.active, .block_cocoon_slider_1 .owl-stage, .block_cocoon_slider_2 .owl-item.active, .block_cocoon_slider_2 .owl-stage, .block_cocoon_slider_3 .owl-item.active, .block_cocoon_slider_3 .owl-stage { width: 100%!important; } */ .ccn_tes_nav_single_img img { margin: 0 auto; width: 80px; height: 80px; border-radius: 50px; border: 3px solid #ffffff; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ccn_tstmnls_s3 .thumb img { height: 91px; width: 91px; margin-left: auto; margin-right: auto; text-align: center; } .block_cocoon_featuredcourses .img-whp, .courses.courses_container .img-whp, .shop_product_slider .img-whp, .block_cocoon_more_courses .img-whp, .block_cocoon_course_grid .img-whp { max-height: 200px; /* width: auto !important; */ max-width: none !important; } .dashbord #block-region-side-pre .my_course_content_list .mc_content_list { display: block; } .dashbord #block-region-side-pre .my_course_content_list .mc_content_list .thumb { width: 100%; } .dashbord #block-region-side-pre .my_course_content_list .mc_content_list:hover { background: transparent; } .dashbord #block-region-side-pre .ccn_mc_progress { max-width: none; width: 100%; margin: 10px 0 15px; } @media(min-width:993px) { .block_cocoon_featuredcourses .top_courses { height: calc(100% - 30px); } } .tc_enrol_btn, .tc_enrol_btn:hover { margin: 0 0 0 10px; line-height: 29px; color: #92b97f; font-size: 14px; font-weight: 600; } #accordion .panel-title a { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media(min-width: 1200px) { .ccn_breadcrumb_default.inner_page_breadcrumb.ccn-breadcrumb-title-h.ccn-breadcrumb-trail-v .breadcrumb_content, .ccn_breadcrumb_default.inner_page_breadcrumb.ccn-breadcrumb-title-v.ccn-breadcrumb-trail-h .breadcrumb_content { margin-top: 160px; } .ccn_breadcrumb_m.inner_page_breadcrumb.ccn-breadcrumb-title-h.ccn-breadcrumb-trail-v .breadcrumb_content, .ccn_breadcrumb_m.inner_page_breadcrumb.ccn-breadcrumb-title-v.ccn-breadcrumb-trail-h .breadcrumb_content { margin-top: 170px; } } .ccn_breadcrumb_absent { height: 88px; overflow: hidden; padding: 0; } .ccn_header_style_6 .ccn_breadcrumb_absent { height: 0; } @media (max-width: 1200px) { .ccn_header_style_6 .ccn_breadcrumb_absent { margin-bottom: 100px; } } .ccn_breadcrumb_m { height: 350px; padding: 30px 0; } .ccn_breadcrumb_s { height: 250px; padding: 0; } .ccn_breadcrumb_s .breadcrumb_content { margin-top: 0; padding: 150px 0 0 0; } .ccn_breadcrumb_s .breadcrumb_content .breadcrumb { float: right; } .ccn_breadcrumb_s .breadcrumb_title { font-size: 30px; } @media (min-width: 1200px) { .ccn_breadcrumb_xs { height: 180px; } .ccn_breadcrumb_xs .breadcrumb_content { padding-top: 115px; } .ccn_breadcrumb_xs .breadcrumb_title { font-size: 23px; line-height: 1.9; } .ccn_breadcrumb_s .breadcrumb_title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 100px); } /* .ccn_breadcrumb_s .breadcrumb-item { max-width: 130px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #fff; } */ } @media (max-width: 1200px) { .ccn_breadcrumb_absent { height: 91px; } .ccn_breadcrumb_s .breadcrumb_content { margin-top: 0; padding: 120px 0 0 0; } .ccn_breadcrumb_s .breadcrumb_title { font-size: 27px; text-align: center; } .ccn_breadcrumb_s.ccn-breadcrumb-title-v .breadcrumb_content .breadcrumb { display: none; } } @media (max-width: 768px) { .ccn_breadcrumb_s .breadcrumb_title, .ccn_breadcrumb_s .breadcrumb_content { text-align: center; } .ccn_breadcrumb_s .breadcrumb_content { padding: 130px 0 0 0; } .ccn_breadcrumb_s .breadcrumb_content .breadcrumb { float: none; } } @media(min-width: 1200px) { #respMenu ul.sub-menu ul.sub-menu { left: 260px; } } .ccn-slide-yt-root { background: transparent; /* opacity: .4; */ position: absolute; z-index: 0; left: 0; right: 0; top: -70px; bottom: 0; overflow: hidden; } .dashboard_main_content .breadcrumb_widgets.ccn-clip-l .breadcrumb .breadcrumb-item, .dashboard_main_content .breadcrumb_widgets.ccn-clip-lx2 .breadcrumb .breadcrumb-item { max-width: 120px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .dashboard_main_content .breadcrumb_widgets.ccn-clip-lx2 .breadcrumb .breadcrumb-item { max-width: 170px; } /* .block_cocoon_slider_1_v .home1-mainslider .home-content { padding-top: 55px; } .block_cocoon_slider_1_v .ccn_icon { font-size: 60px; } */ .block_cocoon_slider_1_v .home1-mainslider .banner-style-one .slide:before { display: none; } #page { z-index: 99999; position: absolute; width: 100%; } .block_cocoon_slider_1_v .main-banner-wrapper { background-repeat: no-repeat; background-size: cover; background-position: center center; } @media (max-width:768px) { .testimonial_slider_home2 .testimonial_item.home2, .ccn_testimonial_slider_home2 .testimonial_item.home2 { opacity: 1; } .testimonial_slider_home2 .owl-item.active .testimonial_item.home2 .details, .ccn_testimonial_slider_home2 .owl-item.active .testimonial_item.home2 .details { background-color: [[setting:color_primary]]; } .testimonial_slider_home2 .owl-item.active .testimonial_item.home2 .details p, .ccn_testimonial_slider_home2 .owl-item.active .testimonial_item.home2 .details p { color: #fff; } } .ccn-btn-icon span { margin-left: 15px; font-size: 14px; } .course-content li.section ul.section-summary-activities.cs_list { list-style: none; } .course-content li.section ul.section-summary-activities.cs_list li { font-size: 16px; color: rgb(79, 79, 79); line-height: 1.6; } .course-content li.section ul.section-summary-activities.cs_list li span { padding-right: 4px; font-weight: 600; color: #0b0b0b; } .home_btn.ccn_video_trigger_btn_icon { position: relative; padding-right: 75px !important; padding-left: 23px !important; text-align: left; } .home_btn.ccn_video_trigger_btn_icon i { font-size: 34px; position: absolute; right: 4px; top: -5px; } .ccn_mob_menu_iconed { padding-right: 8px; } .dashbord_nav_list .login { margin: 0px 30px 20px; } .header-nav.ccn_disable_stricky { position: absolute; z-index: 1000; } .ccn_context_dashboard .dashboard_sidebar.ccn_dashboard_scroll_drawer { height: 100% !important; position: absolute !important; min-height: 100vh; } .ccn_dashbord_disable_drawer .dashboard_main_content { padding-left: 20px !important; } .dashbord_nav_list i.icon {} .ccn_dashbord_nav_list li { height: auto; line-height: inherit; padding-left: 30px; } .ccn_dashbord_nav_list li a, .ccn_dashbord_nav_list li .no-action { padding-left: 36px; position: relative; display: block; padding: 0 0 29px 36px; line-height: 21px; } body:not(.ccn_context_focus) .ccn_dashbord_nav_list .icon { font-size: 23px; margin-right: 15px; height: 30px; width: 30px; position: absolute; left: -4px; top: -2px; } .ccn_dashbord_nav_list .ccn_dashnav_item { padding: 0; margin: 0; } /* Fix slider style 1 with header 4 */ .ccn_header_style_4 .home1-mainslider .row { width: calc(100% - -30px); width: calc(100% + 30px); } .ccn_header_style_4 .main-banner-wrapper { /* margin-top: -97px; */ } .block_cocoon_course_overview ul, .block_cocoon_custom_html ul, .block_cocoon_accordion ul, .ccn-blog-post-content-surround ul:not(.bs_content_list), .block_cocoon_tabs .tab-content ul, .box ul, .que ul { margin-left: 40px; list-style: disc; } .block_cocoon_course_overview ol, .block_cocoon_custom_html ol, .ccn-blog-post-content-surround ol, .block_cocoon_tabs .tab-content ol, .ccn_course_content ol, .block_cocoon_accordion ol, .box ol, .que ol { margin-left: 40px; list-style: decimal; } ul.cs_course_syslebus, ul.cs_course_syslebus2, ul.list_requiremetn { list-style: none; margin-left: 0; } @media (min-width:1200px) { .ccn_context_dashboard header.header-nav.menu_style_home_one.dashbord_pages { min-height: 88px; } } /* Equal Owl slider item height */ .ccnEqOwl .owl-carousel .owl-stage { display: flex; } .ccnEqOwl .owl-carousel .owl-item { display: flex; flex: 1 0 auto; align-items: stretch; margin-bottom: 30px; } .ccnEqOwl .owl-carousel .owl-item>* { width: 100%; } .ccnEqOwl .ccnEqOwlItem { height: 100%; } /* Adjustments for ccnEqOwl-specific items */ .ccnEqOwl .team_member .tm_footer { border-top: 1px solid #eee; position: absolute; bottom: 0; left: 0; right: 0; height: 45px; } .ccnEqOwl .team_member .instructor_col { margin-bottom: 60px; } /* New Course Boxes */ .block_cocoon_courses_slider .owl-carousel .owl-stage { display: flex; } .block_cocoon_courses_slider .owl-carousel .owl-item { display: flex; flex: 1 0 auto; align-items: stretch; margin-bottom: 30px; } .top_courses:not(.list) { height: calc(100% - 30px); padding-bottom: 50px; margin-bottom: 0; } .top_courses.ccnWithFoot:not(.list) { padding-bottom: 80px; } .top_courses:not(.list) .tc_footer { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; } #ccn-star-rate .btn-primary { width: auto; height: auto; padding: 11px 24px; line-height: 17px; } .student_feedback_container .aii_average_review { height: auto !important; padding: 0 20px 20px !important; } .ccn-cannot-rate .av_content { margin: 45px 0 25px; } .ccn-cannot-rate { top: 75px; } .ccn-can-rate { top: 32px; } .ccn-can-rate .av_content { margin: 35px 0 5px; } .ccn-external-stars { color: #d0d23c; } .ccn-external-stars .list-inline-item:not(:last-child) { margin-right: .5rem !important; } .ccn-external-stars span { color: #555555; font-size: 14px; } .top_courses .thumb { height: 192px !important; } .block_cocoon_featuredcourses .img-whp, .courses.courses_container .img-whp, .shop_product_slider .img-whp, .block_cocoon_more_courses .img-whp, .block_cocoon_course_grid .img-whp, .ccnPseudoFrontpageBlock .img-whp, .top_courses .img-whp { object-fit: cover !important; } .ccn_course_list_style_2 .ccnPseudoFrontpageBlock .courses_all_btn .btn { margin-top: 30px !important; } .cs_review_seller .ccn-external-stars { display: inline-block; } .ccn-sidebar-region .block_cocoon_course_rating .aii_average_review { position: relative !important; top: auto !important; right: auto !important; padding-top: 1px !important; width: 100% !important; margin: 30px 0 0 !important; } .ccn-sidebar-region .block_cocoon_course_rating .sonny_progressbar { padding-left: 0 !important; padding-top: 3px; margin-bottom: 0px !important; max-width: none !important; } .ccn-sidebar-region .block_cocoon_course_rating .sonny_progressbar p.title { display: none !important; } .ccn-sidebar-region .block_cocoon_course_rating ul.skills { margin-bottom: 20px !important; } .ccn-sidebar-region .cs_row_four .about_ins_container .about_ins_info { float: none; } .ccn-sidebar-region .cs_row_four .about_ins_container .details { padding-left: 0; } .ccn-sidebar-region .block_cocoon_course_instructor .about_ins_container .about_ins_info .thumb { width: 100%; height: 120px; border-radius: 5px; margin-bottom: 20px; } .ccn-sidebar-region .cs_row_four .about_ins_container .details .about_info_list li { border-top: 1px solid #edeff7; width: calc(100% - -60px); width: calc(100% + 60px); margin-left: -30px; margin-right: -30px; padding: 15px 30px; line-height: 1; } .ccn-sidebar-region .cs_row_four .about_ins_container .details .about_info_list li:last-child { border-bottom: 1px solid #edeff7; margin-bottom: 15px; } .ccn-sidebar-region .cs_row_four .about_ins_container .details .review_list { float: none; text-align: center; margin-bottom: 30px; margin-right: 0; } .ccn_context_dashboard .instructor_pricing_widget, .ccn_context_dashboard .feature_course_widget, .ccn_context_dashboard .blog_tag_widget, .ccn_context_dashboard .selected_filter_widget, .ccn_context_dashboard .cs_row_four .about_ins_container, .ccn_context_dashboard .cs_row_five .student_feedback_container, .ccn_context_dashboard .cs_row_six .sfeedbacks, .ccn_context_dashboard .cs_row_seven .sfeedbacks, .ccn_context_dashboard .cs_row_two .cs_overview, .ccn_context_dashboard .block_comments { border: 0; box-shadow: none; padding: 0; margin: 0; background-color: transparent; } .ccn_context_dashboard .cs_ins_container .courses_big_thumb .iframe_video { max-width: 100%; } .ccn_context_dashboard.ccn_dashboard_header_white:not(.ccnDarkMode) header.header-nav.menu_style_home_one.dashbord_pages { background-image: none; background-color: #fff; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .1); -ms-box-shadow: 0 0 8px rgba(0, 0, 0, .1); -o-box-shadow: 0 0 8px rgba(0, 0, 0, .1); box-shadow: 0 0 8px rgba(0, 0, 0, .1); } .ccn_context_dashboard.ccn_dashboard_header_white:not(.ccnDarkMode) header.header-nav.menu_style_home_one .ace-responsive-menu li a, .ccn_context_dashboard.ccn_dashboard_header_white:not(.ccnDarkMode) header.header-nav.menu_style_home_one.dashbord_pages a.navbar_brand span, .ccn_context_dashboard.ccn_dashboard_header_white:not(.ccnDarkMode) header.header-nav.menu_style_home_one.dashbord_pages ul li a { color: #0a0a0a; } .ccn_context_dashboard .feature_course_widget h4 { padding-left: 0; } .ccn_context_dashboard .feature_course_widget ul li { margin: 0 -30px; } .ccn_context_dashboard .block_cocoon_course_details .cart_btnss { max-width: 260px; display: inline-block; width: 100%; } .ccn_context_dashboard .block_cocoon_course_intro .color-white { color: #7e7e7e !important; } .ccn_course_single_v2 .block_cocoon_course_details .instructor_pricing_widget, .ccn_course_single_v2 .block_cocoon_course_features .feature_course_widget, .ccn_course_single_v2 .block_cocoon_course_features_advanced .feature_course_widget, .ccn_course_single_v2 .block_tags .blog_tag_widget, .ccn_course_single_v2 .block_cocoon_course_info .selected_filter_widget, .ccn_course_single_v2 .cs_row_three .course_content, .ccn_course_single_v2 .block_cocoon_course_rating .student_feedback_container, .ccn_course_single_v2 .block_cocoon_course_instructor .about_ins_container, .ccn_course_single_v2 .block_cocoon_course_overview .cs_row_two .cs_overview, .ccn_course_single_v2 .cs_row_seven .sfeedbacks, .ccn_course_single_v2 .block_comments { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .12); border-width: 0px; background-color: #FFF; } @media(min-width: 1200px) { .ccn_course_single_v2.path-course-view:not(.ccn_context_dashboard) #block-region-side-pre { margin-top: -300px; } } .funfact_ccn_feature { padding: 40px 0 0 0; } .funfact_ccn_feature .ccn_icon { color: #fff; color: rgb(0, 235, 116); font-size: 40px; border-radius: 50%; background: rgba(255, 255, 255, .1); width: 90px; text-align: center; height: 90px; margin: 0 auto; line-height: 90px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .funfact_ccn_feature .details { margin: 20px 0; } .funfact_ccn_feature .details h5 { font-weight: bold; } .funfact_ccn_feature:hover .ccn_icon { background: rgb(205, 190, 156); color: #fff; } .how-it-works { position: relative; padding: 60px 0 30px; counter-reset: count; } .work-block { position: relative; margin-bottom: 30px; } .work-block .inner-box { position: relative; padding: 30px; height: 100%; border: 1px solid #e6e8ed; border-radius: 10px; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .work-block .inner-box:hover { box-shadow: 0px 1px 4px 0px rgba(13, 47, 129, 0.09); border-color: [[setting:color_primary]]; } .work-block .inner-box:before { position: absolute; right: 30px; top: 30px; font-size: 80px; line-height: 1em; color: rgba(27, 32, 50, 0.102); ; counter-increment: count; content: "0"counter(count); font-weight: 600; font-family: [[setting:primary_font]]; } .work-block .icon-box { position: relative; margin-bottom: 20px; } .work-block .icon-box img { display: block; } .work-block h4 { position: relative; font-size: 18px; color: #1b2032; font-weight: 700; margin-bottom: 15px; } .work-block h4 a { color: #1b2032; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .work-block h4 a:hover { color: #1b2032; } .work-block .text { font-size: 14px; line-height: 24px; padding-right: 40px; } .pricing-section { position: relative; padding: 60px 0 30px; /* background: #f9fafc; */ border-top: 1px solid rgb(219, 225, 229); } .pricing-table { position: relative; margin-top: 40px; margin-bottom: 30px; } .pricing-table .inner-box { position: relative; text-align: center; max-width: 360px; margin: 0 auto; background-color: #ffffff; border-radius: 10px; z-index: 9; /* box-shadow: 0 1px 4px rgba(0, 0, 0, 0.09); */ border: 1px solid rgb(219, 225, 229); padding: 50px 30px; text-align: center; } .pricing-table .title-box { position: relative; display: block; margin-bottom: 30px; } .pricing-table .status { position: relative; display: inline-block; font-size: 14px; line-height: 30px; color: rgb(13, 47, 129); font-family: [[setting:primary_font]]; font-weight: 400; min-width: 140px; background: rgb(240, 208, 120); border-radius: 30px; margin-bottom: 40px; } .pricing-table .title { position: relative; display: block; font-size: 20px; color: #1b2032; font-weight: 600; margin-bottom: 20px; font-family: [[setting:primary_font]]; } .pricing-table .price { position: relative; display: block; font-size: 40px; line-height: 1em; color: #1b2032; font-weight: 700; margin-bottom: 20px; } .pricing-table .text { position: relative; padding: 0 20px; font-size: 14px; line-height: 24px; color: rgb(72, 72, 72); font-weight: 400; font-family: [[setting:primary_font]]; } .pricing-table .table-content { position: relative; margin-bottom: 30px; } .pricing-table .table-content li { position: relative; font-size: 14px; line-height: 35px; color: rgb(72, 72, 72); font-weight: 400; font-family: [[setting:primary_font]]; } .pricing-table .table-footer { position: relative; } .theme-btn span { margin-left: 7px; } @media (min-width: 993px) { .pricing-table.tagged { margin-top: 0; } } .pricing-table.tagged .inner-box { border-color: [[setting:color_primary]]; } .pricing-table.tagged .table-content, .pricing-table.tagged .title-box { margin-bottom: 20px; } .pricing-table .ccn-pre-line { line-height: 35px; white-space: pre-line; } .our-agents { border-bottom: 1px solid #e8eef2; padding-bottom: 90px; } .our_agent { margin-bottom: 30px; position: relative; } .our_agent .thumb { margin-bottom: 15px; position: relative; border-radius: 8px; overflow: hidden; } .our_agent .details p { margin-bottom: 0; font-size: 14px; font-family: "[[setting:primary_font]]"; color: rgb(72, 72, 72); } .our_agent .thumb .overylay { background-color: [[setting:color_parallax]]; border-radius: 8px; bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .our_agent:hover .thumb .overylay { cursor: pointer; opacity: .8; } .our_agent .thumb .overylay .ccn-control { position: absolute; bottom: 15px; left: 0; right: 0; } .our_agent .thumb .overylay .ccn-instructor-meta, .our_agent .thumb .overylay .ccn-instructor-meta:hover { color: #fff; font-family: [[setting:primary_font]]; font-size: 14px; padding: 0 20px; } .our_agent .thumb .overylay .social_icon { /* bottom: 15px; */ /* left: 0; */ /* position: absolute; */ /* right: 0; */ text-align: center; } .our_agent .thumb .overylay .social_icon li { margin-right: 20px; } .our_agent .thumb .overylay .social_icon li:last-child { margin-right: 0; } .our_agent .thumb .overylay .social_icon li i { color: #ffffff; filter: brightness(0) invert(1); font-size: 13px; } .our_agent .thumb>a { height: 295px; display: block; object-fit: cover; } .our_agent .thumb .img-fluid { height: 100%; object-fit: cover; } .our_agent .details h4 { font-size: 18px; font-family: "[[setting:primary_font]]"; font-weight: 600; color: rgb(27, 32, 50); } .why_chose_us { background-color: #ffffff; border-radius: 8px; margin-bottom: 30px; padding: 50px 41px 30px 41px; position: relative; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .why_chose_us:hover { cursor: pointer; /* -webkit-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); -moz-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); -o-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); */ } .why_chose_us .icon { background-color: #f7f7f7; border-radius: 50%; height: 130px; line-height: 130px; margin: 0 auto; width: 130px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .why_chose_us:hover .icon { background-color: [[setting:color_primary]]; } .why_chose_us:hover .icon span { color: #ffffff; } .why_chose_us .icon span { color: [[setting:color_primary]]; font-size: 68px; line-height: 130px; } .why_chose_us .details { margin-top: 50px; } .why_chose_us .details h4 { font-family: "[[setting:primary_font]]"; color: #484848; font-weight: bold; } .why_chose_us .details p { font-size: 14px; font-family: "[[setting:primary_font]]"; line-height: 1.714; } .why_chose_us.style2 { border: 1px solid #ebebeb; overflow: hidden; } .why_chose_us.style2 .icon { background-color: #f7f7f7; } .why_chose_us.style2:before { background-color: transparent; bottom: 0; content: ""; height: 5px; left: 0; position: absolute; right: 0; width: 100%; transition: all .2s ease; z-index: 1; } .why_chose_us.style2:hover:before { background-color: [[setting:color_primary]]; } .why_chose_us.style2:hover .icon { background-color: [[setting:color_primary]]; } /* .features_row{ border-radius: 8px; background-color: #ffffff; -webkit-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); -moz-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); -o-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); margin-bottom: 70px; margin-top: -220px; } */ /* .why_chose_us.home6{ border-radius: 0; border-right: 1px solid #ebebeb; margin-bottom: 0; overflow: hidden; padding: 30px 20px; } .why_chose_us.home6.bdrrn{ border-right: none; } .why_chose_us.home6, .why_chose_us.home6:hover{ box-shadow: none; } .why_chose_us.home6 .icon{ background-color: #3e4c66; border-radius: 50%; height: 100px; margin: 0 auto; width: 100px; } .why_chose_us.home6:hover .icon{ background-color: [[setting:color_primary]]; } .why_chose_us.home6:hover .icon span{ color: #ffffff; } .why_chose_us.home6 .icon span{ color: #ffffff; font-size: 50px; line-height: 100px; } .why_chose_us.home6 .details{ margin-top: 30px; } .why_chose_us.home6:hover .details h4{ color: [[setting:color_primary]]; } .why_chose_us.home7{ padding: 25px 50px 0 41px; } .why_chose_us.home7:hover{ box-shadow: none; } .why_chose_us.home7 .icon{ background-image: -moz-linear-gradient( 148deg, rgb(253,85,89) 0%, rgb(255,51,125) 100%); background-image: -webkit-linear-gradient( 148deg, rgb(253,85,89) 0%, rgb(255,51,125) 100%); background-image: -ms-linear-gradient( 148deg, rgb(253,85,89) 0%, rgb(255,51,125) 100%); height: 110px; margin: 0 auto; width: 110px; position: relative; } .why_chose_us.home7 .icon:before{ background-color: rgba(254, 59, 117, 0.1); border-radius: 50%; bottom: -10px; content: ""; left: -10px; position: absolute; right: -10px; top: -10px; } .why_chose_us.home7 .icon span{ color: #ffffff; font-size: 50px; line-height: 110px; } .why_chose_us.home10:hover{ background-color: [[setting:color_primary]]; } .why_chose_us.home10:hover .icon{ background-color: #ffffff; } .why_chose_us.home10:hover .icon span{ color: [[setting:color_primary]]; } .why_chose_us.home10:hover .details h4, .why_chose_us.home10:hover .details p{ color: #ffffff; } */ .testimonial_grid { position: relative; text-align: center; } .testimonial_grid .thumb { position: relative; } .testimonial_grid .thumb img { border: 10px solid rgba(92, 106, 124, .8); border-radius: 50%; display: inline; height: 114px; width: 114px; object-fit: cover; } .testimonial_grid .details { padding: 20px 40px; } .testimonial_grid .details h4 { color: #ffffff; margin-bottom: 0; font-weight: bold; } .testimonial_grid .details p { font-size: 14px; font-family: "[[setting:primary_font]]"; color: #ffffff; line-height: 1.429; margin: 0 auto; max-width: 420px; } .testimonial_grid.style2 { padding: 40px 0 0; } .testimonial_grid.style2 .details h4, .testimonial_grid.style2 .details p { color: #484848; } .testimonial_grid.style2 .thumb { position: relative; } .testimonial_grid.style2 .thumb .tg_quote { border-radius: 50%; background-image: -moz-linear-gradient(148deg, rgb(253, 85, 89) 0%, rgb(255, 51, 125) 100%); background-image: -webkit-linear-gradient(148deg, rgb(253, 85, 89) 0%, rgb(255, 51, 125) 100%); background-image: -ms-linear-gradient(148deg, rgb(253, 85, 89) 0%, rgb(255, 51, 125) 100%); -webkit-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); -moz-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); -o-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); height: 43px; left: 0; line-height: 43px; margin: 0 auto; position: absolute; right: -100px; top: 70px; width: 43px; } .testimonial_grid.style2 .thumb .tg_quote span { color: #ffffff; } .testimonial_grid.style2 .thumb img { border: 5px solid #ffffff; -webkit-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); -moz-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); -o-box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); box-shadow: 0px 0px 50px 0px rgba(19, 19, 28, 0.12); } .testimonial_grid_slider.owl-carousel.owl-theme .owl-nav { margin: 0; } .testimonial_grid_slider.owl-carousel.owl-theme .owl-dots .owl-dot { background-color: transparent; margin-right: 15px; vertical-align: middle; } .testimonial_grid_slider.owl-carousel.owl-theme .owl-dots .owl-dot span { background-color: #ffffff; border-radius: 50%; margin: 3px; width: 6px; height: 6px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .testimonial_grid_slider.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .testimonial_grid_slider.owl-carousel.owl-theme .owl-dots .owl-dot:hover span { background-color: #ffffff !important; border: 5px solid rgba(92, 106, 124, .8); height: 15px; width: 15px; } .testimonial_grid_slider.style2.owl-carousel.owl-theme .owl-dots .owl-dot span { background-color: #dedede; } .testimonial_grid_slider.style2.owl-carousel.owl-theme .owl-dots .owl-dot.active span, .testimonial_grid_slider.style2.owl-carousel.owl-theme .owl-dots .owl-dot:hover span { background-color: #24324a !important; border: 5px solid #dedede; } /** Home 10 Carousel */ .bs_carousel_bg { -webkit-background-size: cover; background-size: cover; bottom: 0; left: 0; position: absolute; right: 0; top: 0; } .bs_carousel .bs_carousel_bg:after { background-color: [[setting:color_parallax]]; opacity: .6; bottom: 0; content: " "; display: block; left: 0; position: absolute; right: 0; top: 0; z-index: 1; } .bs_carousel, .bs_carousel .carousel-inner, .bs_carousel .carousel-item { height: 100%; } .bs_carousel_prices { position: absolute; width: 50%; bottom: 15px; left: 0; height: 90px; z-index: 2; transform: scale(0, 1); -webkit-transition: transform .6s ease-in-out; -o-transition: transform .6s ease-in-out; transition: transform .6s ease-in-out; transform-origin: top right; } .bs_carousel_prices.pprty-price-active { transform: scale(1, 1); } .bs_carousel_prices .carousel-item { background-color: #000000; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .bs_carousel_prices .carousel-item .pprty-price { position: absolute; top: 50%; transform: translateY(-50%); color: #ffffff; font-size: 28px; line-height: 28px; height: 28px; overflow: hidden; left: calc((100% * 2 - 1140px) / 2 - -15px); left: calc((100% * 2 - 1140px) / 2 + 15px); } .bs_carousel_prices .carousel-item .pprty-price>span { display: block; transform: translateY(100%); -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .bs_carousel_prices.pprty-price-active .carousel-item.active .pprty-price>span { transform: translateY(0); } .bs_carousel_prices.pprty-price-active.pprty-first-time .carousel-item.active .pprty-price>span { -webkit-transition-delay: .6s; transition-delay: .6s; } .bs_carousel_prices .property-carousel-ticker { position: absolute; left: 210px; top: 50%; color: #ffffff; white-space: nowrap; font-weight: 700; opacity: 0; -webkit-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; } .bs_carousel_prices.pprty-price-active .property-carousel-ticker { opacity: 1; } .bs_carousel_prices.pprty-price-active.pprty-first-time .property-carousel-ticker { -webkit-transition-delay: .6s; transition-delay: .6s; } .bs_carousel_prices .property-carousel-ticker>div { display: inline-block; line-height: 25px; vertical-align: bottom; } .bs_carousel_prices .property-carousel-ticker .property-carousel-ticker-counter { overflow: hidden; height: 24px; } .bs_carousel_prices .property-carousel-ticker .property-carousel-ticker-counter>span { display: block; font-size: 24px; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .bs_carousel_prices .carousel-item:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.1); transform: scale(0, 1); transform-origin: 0% 50%; -webkit-transition: all 6.4s linear; -o-transition: all 6.4s linear; transition: all 6.4s linear; } .bs_carousel_prices.pprty-price-active .carousel-item.active:after { transform: scale(1, 1); } .bs_carousel_prices.pprty-price-active.pprty-first-time .carousel-item.active:after { -webkit-transition-delay: .6s; transition-delay: .6s; } .bs_carousel .property-carousel-controls { background-color: #ffffff; border-radius: 0 8px 0 0; bottom: 0; height: 90px; left: 0; line-height: 90px; overflow: hidden; position: absolute; text-align: center; width: 180px; z-index: 99; } .bs_carousel .property-carousel-controls a { background-color: #ffffff; color: [[setting:color_primary]]; cursor: pointer; display: block; height: 90px; position: absolute; width: 90px; } .bs_carousel .property-carousel-controls a:hover { color: rgb(221, 176, 55); } .bs_carousel .property-carousel-controls a span { font-size: 23px; } .bs_carousel .property-carousel-controls a.property-carousel-control-prev { top: 0; left: 0; } .bs_carousel .property-carousel-controls a.property-carousel-control-next { top: 0; right: 0; } @keyframes arrowPCLeft { 0% { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } 25% { opacity: 0; -webkit-transform: translate(-30%, -50%); transform: translate(-30%, -50%); } 50% { opacity: 0; -webkit-transform: translate(20%, -50%); transform: translate(20%, -50%); } 100% { opacity: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } @keyframes arrowPCRight { 0% { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } 25% { opacity: 0; -webkit-transform: translate(30%, -50%); transform: translate(30%, -50%); } 50% { opacity: 0; -webkit-transform: translate(-30%, -50%); transform: translate(-30%, -50%); } 100% { opacity: 1; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } } .bs_carousel .property-carousel-controls a.property-carousel-control-prev:hover svg { -webkit-animation: arrowPCLeft 0.4s ease-in-out; -moz-animation: arrowPCLeft 0.4s ease-in-out; animation: arrowPCLeft 0.4s ease-in-out; } .bs_carousel .property-carousel-controls a.property-carousel-control-next:hover svg { -webkit-animation: arrowPCRight 0.4s ease-in-out; -moz-animation: arrowPCRight 0.4s ease-in-out; animation: arrowPCRight 0.4s ease-in-out; } .bs_carousel .carousel-item .bs-caption { color: #ffffff; left: 0; position: absolute; right: 0; top: 54%; transform: translateY(calc(-50% - 70px)); z-index: 2; } .bs_carousel .main_title { color: #ffffff; font-family: "[[setting:primary_font]]"; font-size: 55px; font-weight: 400; line-height: 1.2; margin-bottom: 15px; margin-top: 120px; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .bs_carousel .main_title .ccnS5TS { color: #ffe8aa; font-weight: bold; } .bs_carousel .carousel-item.active .main_title { opacity: 1; transform: translateY(0); } .bs_carousel .parag { font-size: 18px; font-family: "[[setting:primary_font]]"; color: #ffffff; line-height: 1.2; margin-bottom: 0; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .9s ease-in-out; -moz-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; transition: all .9s ease-in-out; } .bs_carousel .carousel-item.active .parag { opacity: 1; transform: translateY(0); } .block_cocoon_slider_5 .home8-slider.vh-85 { min-height: 697px; margin-top: -1px; } .block_cocoon_slider_5 .feat_property { color: #6f7074; } /* Scroll to discover more */ .discover_scroll { position: absolute; right: 0; top: -75px; } @media(min-width:1750px) { .discover_scroll { right: -150px; } } @media(min-width:2070px) { .discover_scroll { right: -250px; } } @media(min-width:2300px) { .discover_scroll { right: -350px; } } .discover_scroll.home5, .discover_scroll.home8 { z-index: 9; } .discover_scroll .icons { cursor: pointer; display: inline-block; padding-right: 14px; text-align: right; } .discover_scroll .icons h4 { color: #ffffff; line-height: 1.2; margin: 0; } .discover_scroll .icons p { color: rgba(255, 255, 255, 0.42); line-height: 1.2; margin: 0; } .discover_scroll .thumb { float: right; } @media (max-width: 1200px) { .block_cocoon_slider_5 .home8-slider.vh-85 { top: -95px; position: relative; } .discover_scroll { top: -160px; } } @media(max-width: 992px) { .block_cocoon_slider_5 .bs_carousel .main_title { margin-top: 100px; line-height: 1; } } @media (max-width: 767px) { .block_cocoon_slider_5 .home8-slider.vh-85, .block_cocoon_slider_5 .bs_carousel { height: 100%; min-height: calc(100vh - -150px); min-height: calc(100vh + 150px); } .block_cocoon_slider_5 .bs_carousel .carousel-item .bs-caption { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; top: 200px; } .block_cocoon_slider_5 .bs_carousel .main_title { margin-top: 0; } .block_cocoon_slider_5 .home8-slider.vh-85, .bs_carousel, .bs_carousel .carousel-inner, .bs_carousel .carousel-item { min-height: 930px !important; height: 100% !important; } .discover_scroll { display: none; } } @media (max-width: 575px) { .block_cocoon_slider_5 .container { padding-left: 30px; padding-right: 30px; } } .feat_property { background-color: #ffffff; border: 1px solid #ebebeb; border-radius: 8px; margin-bottom: 30px; top: 70px; overflow: hidden; position: relative; /* -webkit-transition: all 0.3s ease; */ -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .feat_property.home8 { overflow: visible; position: relative; } .feat_property:hover { cursor: pointer; -webkit-box-shadow: 0px 0px 30px 0px rgba(19, 19, 28, 0.12); -moz-box-shadow: 0px 0px 30px 0px rgba(19, 19, 28, 0.12); -o-box-shadow: 0px 0px 30px 0px rgba(19, 19, 28, 0.12); box-shadow: 0px 0px 30px 0px rgba(19, 19, 28, 0.12); } .feat_property .thumb { background-color: #1d293e; border-radius: 8px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; overflow: hidden; margin: 10px 10px 0 10px; position: relative; } .feat_property .thumb img { opacity: .6; } .feat_property .thumb .blog_tag { background-color: [[setting:color_primary]]; border-radius: 3px; color: rgb(254, 254, 254); font-family: "[[setting:primary_font]]"; font-size: 14px; height: 25px; line-height: 25px; left: 10px; position: absolute; text-align: center; top: 10px; width: 110px; } .bs_carousel .feat_property.home8 { opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .bs_carousel .carousel-item.active .feat_property.home8 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .feat_property:before { position: relative; } .feat_property.home8:before { background-color: rgba(255, 255, 255, .2); border-radius: 8px; bottom: -10px; content: ""; position: absolute; left: -10px; right: -10px; top: -10px; z-index: -1; } .feat_property.home8 a.fp_price { color: [[setting:color_primary]]; float: left; font-size: 22px; font-family: "[[setting:primary_font]]"; font-weight: bold; line-height: 1.2; margin-top: 0; position: relative; } .feat_property .thumb .thmb_cntnt a.fp_price small { font-size: 14px; } .feat_property .details { position: relative; } .feat_property .details .tc_content { padding: 20px; } .feat_property .details .tc_content p { /* font-size: 14px; font-family: "[[setting:primary_font]]"; color: #484848; line-height: 1.2; */ } .feat_property .details .tc_content h4 { font-size: 18px; font-family: "[[setting:primary_font]]"; color: #484848; font-weight: bold; line-height: 1.2; } .feat_property .details .tc_content .tag { background-color: #c75533; border-radius: 5px; color: #fff; font-size: 13px; height: 30px; line-height: 10px; margin-bottom: 20px; padding: 10px; text-align: center; display: inline-block; } .feat_property .details .tc_content .prop_details { margin-bottom: 0; } .feat_property.home8 .details .tc_content .prop_details { margin-bottom: 10px; } .feat_property .details .tc_content .prop_details li { margin-right: 30px; } .feat_property .details .tc_content .prop_details li a { font-size: 14px; font-family: "[[setting:primary_font]]"; color: #484848; line-height: 1.2; } .feat_property .details .tc_content .prop_details li:last-child { margin-right: 0; } .feat_property.home2 .details .tc_content h5 { color: #484848; font-family: "[[setting:primary_font]]"; line-height: 1.333; } .feat_property .details .fp_footer { border-top: 1px solid #eeeeee; display: inline-block; padding: 20px; position: relative; width: 100%; } .feat_property .details .fp_footer .fp_meta { margin-bottom: 0; } .feat_property .details .fp_footer .fp_meta li { margin-right: 10px; vertical-align: middle; } .feat_property .details .fp_footer .fp_meta li:last-child { margin-right: 0; } .feat_property .details .fp_footer .fp_meta li a { font-size: 14px; font-family: "[[setting:primary_font]]"; color: #777777; line-height: 1.2; } .feat_property .details .fp_footer .fp_meta li:nth-child(2) { margin-right: 10px; } .for_blog.feat_property .details .fp_footer .fp_meta li:nth-child(2) { margin-right: 30px; } .feat_property .details .fp_footer .fp_pdate { font-size: 14px; font-family: "[[setting:primary_font]]"; color: #777777; line-height: 1.2; margin-top: 12px; } .feat_property.home2 .details .fp_footer .fp_pdate { color: #192675; } .feat_property.home8:hover .thumb .overlay:before { background-color: rgba(25, 38, 117, .7); } .feat_property.home8 .wc_age_seat li a { color: #7e7e7e; font-size: 13px; } .feat_property .thumb .thmb_cntnt ul.tag li, .feat_property.home8 ul.tag li, .properti_city.home6 .thumb .thmb_cntnt ul.tag li, .feat_property.list .dtls_headr ul.tag li { border-radius: 3px; height: 25px; line-height: 25px; text-align: center; width: 75px; } .feat_property .thumb .thmb_cntnt ul.tag li:first-child, .feat_property.home8 ul.tag li:first-child, .properti_city.home6 .thumb .thmb_cntnt ul.tag li:first-child, .feat_property.list .dtls_headr ul.tag li:first-child { background-color: rgb(62, 76, 102); } .feat_property .thumb .thmb_cntnt ul.tag li a, .properti_city.home6 .thumb .thmb_cntnt ul.tag li a, .feat_property.home8 ul.tag li a, .feat_property.list ul.tag li a { font-size: 14px; font-family: "[[setting:primary_font]]"; color: #fefefe; line-height: 1.2; } .icon_hvr_img_box { -webkit-background-size: cover; display: block; background-size: cover; border-radius: 4px; overflow: hidden; padding: 23px 0; margin-bottom: 30px; position: relative; text-align: center; cursor: pointer; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s } .icon_hvr_img_box.ccn-cat-2-box { padding-left: 10px; padding-right: 10px; } .icon_hvr_img_box:before { background-color: #fff; border: 1px solid rgb(234, 235, 240); border-radius: 4px; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s } .icon_hvr_img_box:hover:before { opacity: .95; border-color: [[setting:color_primary]]; box-shadow: 0px 1px 35px 0px rgba(32, 51, 103, 0.1); } .icon_hvr_img_box .icon { color: [[setting:color_primary]]; font-size: 48px; margin-bottom: 8px; position: relative; text-align: center; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s } .icon_hvr_img_box .details { position: relative; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s } .icon_hvr_img_box .details h5 { font-size: 18px; font-weight: bold; color: [[setting:color_primary]]; } .icon_hvr_img_box .details p { color: rgb(109, 109, 109); font-size: 14px; } /* .icon_hvr_img_box:hover .details h5,.icon_hvr_img_box:hover .details p,.icon_hvr_img_box:hover .overlay .icon{ color:#fff } */ .icon_hvr_img_box:hover { -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09); } .icon_hvr_img_box.ccn-box { text-align: left; padding: 40px 40px; background-color: [[setting:color_primary]]; } .icon_hvr_img_box.ccn-box:before { background-color: transparent; border: 0 !important; } .icon_hvr_img_box.ccn-box:hover:before { background-color: transparent; } .icon_hvr_img_box.ccn-box .icon { text-align: left; font-size: 60px; } .icon_hvr_img_box.ccn-box .details h5, .icon_hvr_img_box.ccn-box .details p, .icon_hvr_img_box.ccn-box .icon { color: #fff; } .theme-btn { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; min-width: 150px; font-family: [[setting:primary_font]]; } .btn-style-two { position: relative; display: inline-block; text-align: center; white-space: nowrap; color: #ffffff; font-size: 16px; border-radius: 10px; background-color: [[setting:color_primary]]; font-weight: 700; padding: 8px 30px; border: 2px solid [[setting:color_primary]]; line-height: 30px; } .btn-style-two:hover { color: [[setting:color_primary]]; background-color: transparent; } .btn-style-three { position: relative; display: inline-block; text-align: center; white-space: nowrap; color: [[setting:color_primary]]; font-size: 16px; border-radius: 10px; background-color: transparent; font-weight: 700; padding: 8px 30px; border: 2px solid [[setting:color_primary]]; line-height: 30px; } .btn-style-three:hover { color: #ffffff; background-color: [[setting:color_primary]]; } .breadcrumb_content .ccn-external-stars span, .breadcrumb_content .block-controls.header .action-menu-trigger>.dropdown>a { color: #fff; } .ccn-courses-grid-block:not(.ccn-courses-grid-block-7) .top_courses { border: 1px solid rgb(219, 225, 229); border-radius: 5px; box-shadow: none; } .ccn-courses-grid-block.ccn-courses-grid-block-8 .top_courses { border: 2px solid #eeeeee; -webkit-box-shadow: 1px 1.732px 10px 0px rgba(254, 74, 85, 0.1); -moz-box-shadow: 1px 1.732px 10px 0px rgba(254, 74, 85, 0.1); box-shadow: 1px 1.732px 10px 0px rgba(254, 74, 85, 0.1); padding-bottom: 0; } .ccn-courses-grid-block.ccn-masonry-grid-1 .top_courses.ccnWithFoot:not(.list) { padding-bottom: 0 !important; margin-bottom: 30px; } .ccn-courses-grid-block .top_courses:hover { box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); } .ccn-courses-grid-block .top_courses:hover .thumb .overlay:before { background-color: [[setting:color_primary_alternate]]; opacity: .4; } .ccn-courses-grid-block .top_courses .thumb .overlay .tag, .feat_property .details .tc_content .tag { background-color: [[setting:color_accent_4]]; color: #fff; } .ccn-courses-grid-block .top_courses .thumb .overlay .tc_preview_course { top: 46%; } .ccn-courses-grid-block:not(.ccn-courses-grid-block-7) .top_courses .thumb { margin: 7px 7px 0; border-radius: 5px; overflow: hidden; } .ccn-courses-grid-block .top_courses .tc_footer { border-color: rgb(219, 225, 229); } .ccn-courses-grid-block-2 .top_courses { padding-bottom: 0 !important; /* border: 0; */ } .ccn-courses-grid-block-2 .top_courses:hover { box-shadow: none; } .ccn-courses-grid-block-2 .top_courses:hover .thumb .overlay:before { background-color: rgb(202, 190, 159); opacity: .6; } .ccn-courses-grid-block-2 .top_courses .thumb .overlay .tag { background-color: transparent; color: #fff; } .ccn-courses-grid-block-2 .top_courses .thumb .overlay .tc_preview_course { top: 25%; } .ccn-courses-grid-block-2 .top_courses .thumb .overlay .tag, .ccn-courses-grid-block-2 .top_courses .thumb .overlay .tc_preview_course { -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); opacity: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .ccn-courses-grid-block-2 .top_courses:hover .thumb .overlay .tag, .ccn-courses-grid-block-2 .top_courses:hover .thumb .overlay .tc_preview_course { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } .ccn-courses-grid-block-2 .top_courses .thumb { height: 385px !important; margin: 0; } .ccn-courses-grid-block-2 .top_courses .thumb img { height: 100%; object-fit: cover; } .ccn-courses-grid-block-2 .top_courses .details { position: absolute; bottom: 0; } .ccn-courses-grid-block-2 .top_courses .details .tc_content p { color: #fff; font-family: [[setting:primary_font]]; } .ccn-courses-grid-block-2 .ccn-external-stars li span { color: #fff; } .ccn-courses-grid-block-2 .top_courses .tc_footer { position: relative; border-color: transparent; color: #fff; font-family: [[setting:primary_font]]; } .ccn-courses-grid-block-2 .alpha-pag ul.option-set li a.selected, .ccn-courses-grid-block-2 .alpha-pag li a { color: rgb(62, 68, 72); font-family: [[setting:primary_font]]; border-color: rgb(62, 68, 72); } .ccn-courses-grid-block-7 .alpha-pag ul.option-set li a { border-bottom: none; border-radius: 4px; padding: 15px 20px; background-color: transparent; transition: all ease .1s; } .ccn-courses-grid-block-7 .alpha-pag ul.option-set li a.selected { background-color: #23ad96; color: #fff; padding: 15px 20px; } .ccn-courses-grid-block-7 .alpha-pag ul.option-set li { margin-right: 0; } .ccn-courses-grid-block.ccn-courses-grid-block-3 .top_courses, .ccn-courses-grid-block.ccn-courses-grid-block-4 .top_courses { border: 0; } .ccn-courses-grid-block.ccn-courses-grid-block-3 .top_courses .thumb, .ccn-courses-grid-block.ccn-courses-grid-block-8 .top_courses .thumb { margin: 0; border-radius: 5px 5px 0 0; } .ccn-courses-grid-block.ccn-courses-grid-block-3 .top_courses .tc_footer, .ccn-courses-grid-block.ccn-courses-grid-block-8 .top_courses .tc_footer { border-color: rgb(238, 238, 238); position: relative; } .ccn-courses-grid-block.ccn-courses-grid-block-3 .top_courses .thumb .overlay .tag, .ccn-courses-grid-block.ccn-courses-grid-block-8 .top_courses .thumb .overlay .tag { background-color: [[setting:color_accent_2]]; color: #fff; } .ccn-courses-grid-block.ccn-courses-grid-block-4 .top_courses { background-color: transparent; margin-bottom: 20px !important; } .ccn-courses-grid-block.ccn-courses-grid-block-4 .top_courses .details .tc_content h5 { height: 50px; overflow: hidden; } .ccn-courses-grid-block.ccn-courses-grid-block-4 .top_courses .details .tc_content { padding: 20px 7px; } .ccn-courses-grid-block.ccn-courses-grid-block-4 .top_courses .tc_footer { border-color: transparent; position: relative !important; padding: 0 7px; } .ccn-courses-grid-block.ccn-courses-grid-block-1 .top_courses .tc_footer { position: relative !important; } .ccn-courses-grid-block.ccn-courses-grid-block-4 .top_courses .details .tc_content p { color: inherit; font-family: [[setting:primary_font]] } .top_courses .tc_footer .tc_meta li { font-family: [[setting:primary_font]]; } .ccn-courses-grid-block.ccn-courses-grid-block-4 .ccn-external-stars span { color: #fff; } .ccn-courses-grid-block.ccn-courses-grid-block-5 .top_courses { border: none; padding-bottom: 40px; } .ccn-courses-grid-block.ccn-courses-grid-block-5 .top_courses .thumb { margin: 0; border-radius: 5px 5px 0 0; } .ccn-courses-grid-block.ccn-courses-grid-block-5 .top_courses .tc_content .tc_price { font-size: 18px; font-family: [[setting:primary_font]]; font-weight: bold; line-height: 1.2; } .ccn-courses-grid-block.ccn-courses-grid-block-5 .top_courses .tc_footer { border: none; position: relative; } .ccn-courses-grid-block.ccn-courses-grid-block-5 .top_courses:hover { -webkit-box-shadow: 0px 1px 35px 0px rgba(32, 51, 103, 0.1); -moz-box-shadow: 0px 1px 35px 0px rgba(32, 51, 103, 0.1); box-shadow: 0px 1px 35px 0px rgba(32, 51, 103, 0.1); } .ccn-courses-grid-block.ccn-courses-grid-block-6.top-courses { background-color: #f5f6fd; } .ccn-courses-grid-block.ccn-courses-grid-block-6 .top_courses { background-color: #fff; border: none; display: inline-flex; padding: 10px; width: 100%; } .ccn-courses-grid-block.ccn-courses-grid-block-6 .top_courses:hover { -webkit-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); -moz-box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); box-shadow: 0px 0px 30px 0px rgba(32, 32, 32, 0.15); } .ccn-courses-grid-block.ccn-courses-grid-block-6 .top_courses .tc_footer { border: none; position: relative; } .ccn-courses-grid-block.ccn-courses-grid-block-6 .top_courses .details { width: 100%; display: flex; flex-direction: column; justify-content: center; } .ccn-courses-grid-block.ccn-courses-grid-block-6 .top_courses .details .tc_content { padding: 0 20px; } .ccn-courses-grid-block.ccn-courses-grid-block-6 .top_courses>a { margin: 0 0 10px; } .ccn-courses-grid-block.ccn-courses-grid-block-6 .top_courses .thumb { border-radius: 4px; overflow: hidden; margin: 0; width: 220px; } .ccn-courses-grid-block.ccn-courses-grid-block-7 .top_courses .details .tc_content .course_price { background-color: #23ad96; border-radius: 50%; color: #fff; font-family: [[setting:primary_font]]; font-size: 18px; font-weight: bold; height: 67px; line-height: 67px; position: absolute; right: 10px; top: -35px; width: 67px; } .ccn-courses-grid-block.ccn-courses-grid-block-7 .top_courses:hover .details .tc_content .course_price { background-color: #ee7555; } .testimonial_item.home2.ccnTestimonials2 .details, .ccn_testimonial_slider_home2 .owl-item.active.center .testimonial_item.home2.ccnTestimonials2 .details { background: #fff; border: 1px solid rgb(234, 235, 240); border: 1px solid [[setting:color_primary]]; border-radius: 3px; padding: 40px 35px; } .ccn_testimonial_slider_home2 .owl-item.active.center .testimonial_item.home2.ccnTestimonials2 .details { border-color: rgb(32, 51, 103); box-shadow: 0px 1px 35px 0px rgba(32, 51, 103, 0.1); } .ccnTestimonials2-section { border-top: 1px solid rgb(234, 235, 240); } .ccnTestimonials2-section .owl-carousel { cursor: move; cursor: grab; cursor: -moz-grab; cursor: -webkit-grab; } .ccnTestimonials2-section .owl-dot.active, .instructor_slider_home3 .owl-dot.active { position: relative; top: 2px; } .ccnTestimonials2 .title { color: rgb(32, 51, 103); font-size: 18px; font-weight: bold; line-height: 1.2; font-family: [[setting:primary_font]]; } .ccnTestimonials2 .subtitle { color: rgb(57, 101, 221); line-height: 1.5; font-size: 16px; font-family: [[setting:primary_font]]; } .ccnTestimonials2 .ccnTestImgBox { display: flex; } .ccnTestimonials2 .ccnTestTitleBox { padding-top: 20px; padding-left: 20px; } .testimonial_slider_home2 .owl-item.active.center .testimonial_item.home2.ccnTestimonials2 .details .icon, .ccn_testimonial_slider_home2 .owl-item.active.center .testimonial_item.home2.ccnTestimonials2 .details .icon { color: #203367; } .testimonial_slider_home2 .owl-item.active.center .testimonial_item.home2.ccnTestimonials2 .details p, .ccn_testimonial_slider_home2 .owl-item.active.center .testimonial_item.home2.ccnTestimonials2 .details p { color: rgb(109, 109, 109); } .testimonial_slider_home2 .testimonial_item.home2.ccnTestimonials2 .details .icon, .ccn_testimonial_slider_home2 .testimonial_item.home2.ccnTestimonials2 .details .icon, .testimonial_slider_home2 .owl-item.active.center .testimonial_item.home2.ccnTestimonials2 .details .icon, .ccn_testimonial_slider_home2 .owl-item.active.center .testimonial_item.home2.ccnTestimonials2 .details .icon { left: auto; right: 60px; } .ccn-color-cat-boxes { padding: 20px 10px 25px; margin-top: 0; height: calc(100% - 30px); -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s; position: relative; top: 0; } .ccn-color-cat-boxes .icon { font-size: 75px; } .ccn-color-cat-boxes:before, .ccn-color-cat-boxes:hover:before { background-color: transparent; border-color: transparent; } @media(min-width:1200px) { .ccn-color-cat-boxes:hover { top: -10px; } } .ccn-section-top-more a { color: [[setting:color_primary]]; font-size: 16px; font-weight: bold; font-family: [[setting:primary_font]]; position: relative; display: block; /* margin-right: 0; */ -webkit-transition: ease all .2s; -moz-transition: ease all .2s; -o-transition: ease all .2s; transition: ease all .2s; } .ccn-top-more-categories a { margin-right: 0; } /* .ccn-section-top-more a hr { @ccnLiveCustomizer use this instead of :after position: absolute; bottom: -5px; left: 0; right: 0; height: 0px; width: 100%; border-color: inherit; margin: 0; border-bottom: 1px solid; border-top: 1px solid; } */ .ccn-top-more-categories a span { /* .ccn-section-top-more a span { */ font-size: 14px; padding-left: 5px; position: relative; top: 1px; -webkit-transition: ease all .2s; -moz-transition: ease all .2s; -o-transition: ease all .2s; transition: ease all .2s; } .ccn-top-more-categories a:hover { margin-right: -10px; } .ccn-top-more-categories a:hover span { padding-left: 10px; } /* .ccn-section-top-more a:after { content: ""; position: absolute; bottom: -5px; left: 0; right: 0; height: 2px; background: [[setting:color_primary]]; } */ /* .ccn_header_style_9 header.header-nav.menu_style_home_one { border-bottom-color: transparent; } .ccn_header_style_9 header.header-nav a.navbar_brand:before { background-color: transparent; } .ccn_header_style_9 header.header-nav.menu_style_home_one .ace-responsive-menu>li>a { text-transform: none; } */ .main-banner-wrapper .carousel-btn-block.home9 .carousel-btn.left-btn { border: 1px solid #fff; border-radius: 50%; height: 50px; left: auto; margin-right: 10px; position: absolute; width: 50px; right: 50px; top: auto; bottom: 475px; } .main-banner-wrapper .carousel-btn-block.home9 .carousel-btn.right-btn { border: 1px solid #fff; border-radius: 50%; height: 50px; left: auto; margin-top: -3%; position: absolute; width: 50px; right: 50px; bottom: 540px; } .banner-style-one.home9 .slide { height: 960px; } .banner-style-one.home9 .sub-title { font-size: 60px; line-height: 1.2; color: rgb(255, 255, 255); } .banner-style-one.home9 .active .sub-title { font-family: [[setting:primary_font]]; -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-delay: .7s; animation-delay: .7s; } .home1-mainslider .banner-style-one.home9 .active .video_pop { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-delay: .9s; animation-delay: .9; } .banner-style-one.home9 .owl-dots { display: block !important; max-width: 1320px; } .banner-style-one.home9 .owl-dots .owl-dot { margin-right: 2%; overflow: hidden; text-align: left; height: 48px; width: 22%; } .banner-style-one.home9 .owl-dots .owl-dot:before { color: rgba(255, 255, 255, .5); content: "01"; float: left; font-weight: 600; margin-right: 15px; margin-top: 6px; font-size: 30px; font-family: [[setting:primary_font]]; transition: ease all .15s; font-weight: bold; line-height: 0.8; } .banner-style-one.home9 .owl-dots .owl-dot:after { left: 15px; margin-right: 2%; padding-left: 50px; padding-right: 20px; transition: ease all .15s; display: block; color: rgba(255, 255, 255, .5); } .banner-style-one.home9 .owl-dots .owl-dot:first-child:after { content: "Fasion Photography From Professional"; } .banner-style-one.home9 .owl-dots .owl-dot:nth-child(2):before { content: "02"; } .banner-style-one.home9 .owl-dots .owl-dot:nth-child(2):after { content: "Introduction Web Design & HTML"; } .banner-style-one.home9 .owl-dots .owl-dot:nth-child(3):before { content: "03"; } .banner-style-one.home9 .owl-dots .owl-dot:nth-child(3):after { content: "Sketch: Creating Responsive SVG"; } .banner-style-one.home9 .owl-dots .owl-dot:nth-child(4):before { content: "04"; } .banner-style-one.home9 .owl-dots .owl-dot:nth-child(4):after { content: "Adobe XD: Prototyping Tips and Tricks"; } .banner-style-one.home9 .owl-dots .owl-dot:last-child:after { margin-right: 0; } .banner-style-one.home9 .owl-dots .owl-dot.active span, .banner-style-one.home9 .owl-dots .owl-dot.focus span, .banner-style-one.home9 .owl-dots .owl-dot.visited span { display: block; height: 3px; max-width: 260px; width: 100%; } .banner-style-one.home9 .owl-dots .owl-dot span { bottom: -15px; top: auto; background-color: rgba(255, 255, 255, .5); height: 1px; transition: ease all .15s; max-width: 260px; position: absolute; width: 100%; } .banner-style-one.home9 .owl-dots .owl-dot.active span { background-color: #ffffff; } .banner-style-one.home9 .owl-dots .owl-dot.active:before, .banner-style-one.home9 .owl-dots .owl-dot.active:after { color: #ffffff; } .banner-style-one.home9 .owl-dots .owl-dot:hover span { background-color: rgba(255, 255, 255, .8); } .banner-style-one.home9 .owl-dots .owl-dot:hover:before, .banner-style-one.home9 .owl-dots .owl-dot:hover:after { color: rgba(255, 255, 255, .8); } .main-banner-wrapper .carousel-btn-block.home9 { max-width: 1350px; margin: 0 auto; position: relative; } .main-banner-wrapper .carousel-btn-block.home9 .carousel-btn.right-btn i { margin-left: 0; } .main-banner-wrapper .carousel-btn-block.home9 .carousel-btn.left-btn i, .main-banner-wrapper .carousel-btn-block.home9 .carousel-btn.right-btn i { line-height: 50px; margin-right: 0; font-size: 20px; } .main-banner-wrapper .carousel-btn-block.home9 .carousel-btn.left-btn:hover, .main-banner-wrapper .carousel-btn-block.home9 .carousel-btn.right-btn:hover { background-color: #ffffff; color: #3965dd; } .courses_list_heading .candidate_revew_select select { max-width: 300px; } .ccn_breadcrumb_style_4 #ccn_instructor_personal_infor { /* Absent breadcrumb */ position: relative; } .ccn_breadcrumb_style_4 .instructor_personal_infor .instructor_thumb { /* Absent breadcrumb */ margin-bottom: 0px; margin-top: 50px; } .shop_product_slider .owl-item .item, .popular_course_slider .owl-item .item { width: 100%; } .teacher_course_slider { position: relative; z-index: 1; } .teacher_course_slider .top_courses { border: 2px solid #eeeeee; -webkit-box-shadow: 1px 1.732px 10px 0px rgba(254, 74, 85, 0.1); -moz-box-shadow: 1px 1.732px 10px 0px rgba(254, 74, 85, 0.1); box-shadow: 1px 1.732px 10px 0px rgba(254, 74, 85, 0.1); } .block_cocoon_featured_teacher .owl-theme .owl-dots .owl-dot.active span, .block_cocoon_featured_teacher .owl-theme .owl-dots .owl-dot:hover span { background: #fff; } .block_cocoon_featured_teacher .owl-theme .owl-dots { position: relative; top: 30px; } .block_cocoon_users_slider_round .instructor_col .thumb img { border-radius: 50%; } .ccn-identify-course-intro img { border-radius: 50%; } .block_cocoon_slider_3 .home2-slider .banner-style-two .slide { padding: 350px 0 230px; } @media (min-width: 1200px) { .block_cocoon_slider_3 .home2-slider .banner-style-two .slide { min-height: 711px; } } #block-region-fullwidth-top .block_cocoon_faqs, #block-region-fullwidth-bottom .block_cocoon_faqs, #block-region-fullwidth-top .block_cocoon_accordion, #block-region-fullwidth-bottom .block_cocoon_accordion, #block-region-fullwidth-top .block_cocoon_form, #block-region-fullwidth-bottom .block_cocoon_form { max-width: 880px; margin: 60px auto; } #block-region-fullwidth-top .block_cocoon_faqs h4.fz20, #block-region-fullwidth-bottom .block_cocoon_faqs h4.fz20, #block-region-fullwidth-top .block_cocoon_accordion h4.fz20, #block-region-fullwidth-bottom .block_cocoon_accordion h4.fz20 { text-align: center; font-weight: bold; } #block-region-fullwidth-top .block_cocoon_faqs .panel-title a, #block-region-fullwidth-bottom .block_cocoon_faqs .panel-title a { font-weight: bold; } .block_cocoon_hero_4 .home5_bgi5 { background-image: url([[cocoon:edumy]]/images/background/5.jpg); -webkit-background-size: cover; background-size: cover; background-position: center center; height: 820px; } .block_cocoon_hero_4 .home5-overlay:before { content: ""; background-color: rgb(48, 56, 83); opacity: 0.702; position: absolute; bottom: 0; left: 0; right: 0; top: 0; width: 100%; } .block_cocoon_hero_4 .home_content.home5 { padding: 330px 0 240px; position: relative; } .block_cocoon_hero_4 .home-one .home-text { margin: 0 auto; left: 0; position: absolute; right: 0; } .block_cocoon_hero_4 h2 { font-size: 55px; } .block_cocoon_hero_4 .home-text.home5 .discounts_para { margin-bottom: 100px; font-weight: 500; font-size: 18px; font-family: [[setting:primary_font]]; } .block_cocoon_hero_4 .home1-advnc-search.home5 { padding: 0 15px; } @media (min-width: 1200px) { .block_cocoon_hero_4 .home1-advnc-search.home5 { width: 400px; float: right; } } .block_cocoon_hero_4 .form-group { margin-bottom: 30px; } .block_cocoon_hero_4 .form-group p { color: #7e7e7e; font-size: 14px; } .block_cocoon_hero_4 .ccn-form-icon { display: flex; margin: -7px 0 9px; } .block_cocoon_hero_4 .ccn-form-icon-holder { font-size: 18px; margin: 0 10px 0 0; } .block_cocoon_hero_4 .ccn-form-icon-text {} .block_cocoon_hero_4 .form-control { border: 0; border-bottom: 2px solid rgb(235, 235, 235); border-radius: 0; color: #3e4448; padding: 0; } .block_cocoon_hero_4 .form-control::placeholder { color: #3e4448; } .block_cocoon_hero_4 .form-control:focus { border-color: #3e4448; box-shadow: none; } .block_cocoon_hero_4 .home_content.home5 { padding: 280px 0 240px; position: relative; } .block_cocoon_hero_4 .home_content.home5.style2 { padding-top: 125px; } .block_cocoon_hero_4 .home5_advanced_search_form { background-color: #ffffff; border-radius: 8px; padding: 30px; position: relative; z-index: 9; } .block_cocoon_hero_4 .search_option_button.home5 button { background-color: #3e4448; border-radius: 8px; font-weight: bold; color: #ffffff; height: 50px; } .block_cocoon_hero_4 .row_home4 { margin-top: -100px; margin-bottom: 100px; } .block_cocoon_hero_4 .discover_scroll { top: 15px; right: 30px; } .block_cocoon_hero_4 .ccn-form-header { background-color: #cdbe9c; color: #fff; padding: 13px 10px; border-radius: 7px 7px 0 0; margin: -30px -30px 35px; text-align: center; font-size: 16px; font-family: [[setting:primary_font]]; } .block_cocoon_steps_dark .work-block .inner-box, .block_cocoon_services_dark .why_chose_us, .block_cocoon_price_tables_dark .pricing-table .inner-box { background-image: url([[cocoon:edumy]]/images/ccnPattern.png); background-repeat: repeat repeat; background-size: 72px; border-color: transparent; } .block_cocoon_price_tables_dark .pricing-table.tagged .inner-box:before { content: ""; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255, 255, 255, .08); position: absolute; } .block_cocoon_price_tables_dark .theme-btn { position: relative; display: inline-block; text-align: center; white-space: nowrap; color: rgb(255, 234, 193); font-size: 16px; border-radius: 10px; background-color: transparent; font-weight: 700; padding: 8px 30px; border: 2px solid; line-height: 30px; border: 2px solid; } .block_cocoon_price_tables_dark .theme-btn:hover { background-color: [[setting:color_primary]]; border-color: [[setting:color_primary]]; color: #fff; } .block_cocoon_steps_dark .work-block .text, .block_cocoon_steps_dark .why_chose_us .details p { color: rgba(255, 255, 255, .6); font-family: [[setting:primary_font]]; font-size: 16px; } .block_cocoon_services_dark .why_chose_us:before { display: none; } .block_cocoon_services_dark .why_chose_us:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0); -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .block_cocoon_services_dark .why_chose_us:hover:after { background-color: rgba(255, 255, 255, .1); } .block_cocoon_steps_dark .work-block .inner-box:before { color: rgba(255, 255, 255, 0.051); } .block_cocoon_services_dark .why_chose_us.style2 .icon { background-color: rgba(240, 208, 120, 0.05); } .block_cocoon_users_slider_2_dark .team_slider.owl-carousel.owl-theme.owl-loaded .owl-prev, .block_cocoon_users_slider_2_dark .team_slider.owl-carousel.owl-theme.owl-loaded .owl-next { background-color: rgb(40, 53, 117) !important; color: #fff; } .block_cocoon_users_slider_2_dark .team_slider.owl-carousel.owl-theme.owl-loaded .owl-prev:hover, .block_cocoon_users_slider_2_dark .team_slider.owl-carousel.owl-theme.owl-loaded .owl-next:hover { background-color: rgb(255, 234, 193) !important; color: rgb(0, 8, 70); } .block_cocoon_users_slider_2_dark .our_agent .thumb .overylay { background-color: rgb(42, 54, 119); } .block_cocoon_users_slider_2_dark .our-team, .block_cocoon_price_tables_dark .pricing-section, .block_cocoon_services_dark .whychose_us { border-top: 1px solid rgba(255, 255, 255, .1); } .block_cocoon_hero_5 .home-three.home10-style { margin-top: 0; } @media (min-width: 993px) { .block_cocoon_hero_5 .home-content.home10 .home-text { padding-top: 300px; } .block_cocoon_hero_5 .home-content.style2.home10 .home-text { padding-top: 200px; } .block_cocoon_hero_5 .home-content.style2.home10 .home-text { padding-bottom: 0; } } .ccn-courses-grid-block-2 .top_courses, .ccn-courses-grid-block-3 .top_courses, .ccn-courses-grid-block-4 .top_courses { border: 0px !important; padding-bottom: 0 !important; } .ccn-courses-grid-block-4 .alpha-pag ul.option-set li a:hover { color: rgb(255, 0, 95) !important; } /* .ccn-courses-grid-block-4 .alpha-pag ul.option-set li a:hover { color: #fff!important; border-color: transparent!important; } */ .ccn-courses-grid-block-2 .top_courses .thumb:before { background-color: rgb(62, 68, 72); opacity: .75; } .ccn_course_list_style_1#page-course-index-category #ccn-main .courses.row>.col-lg-6>.top_courses .img-whp, .ccn_course_list_style_1#page-enrol-index #ccn-main .top_courses .img-whp { width: 100% !important; height: 100%; object-fit: cover; } .category_sidebar_widget ul ul { margin-left: 20px; } .ccnHook_cma.ccnUG header.header-nav a.navbar_brand:before { /* Hide logo line for anons with no menu */ display: none !important; } #menu .ccn_mob_menu_library { padding: 5px 30px 12px; display: block; text-align: center; } #menu .ccn_mob_menu_library:hover, #menu .ccn_mob_menu_library:active, #menu .ccn_mob_menu_library:focus { background-color: transparent; } #menu .ccn_mob_menu_library>a { background: [[setting:color_primary]]; border-radius: 50px; min-width: 180px; text-align: center; width: auto; display: inline-block; margin: 0 auto; } #menu .ccn_mob_menu_library>a i { padding-left: 10px; } #menu .ccn_mob_menu_library .mm-btn_next { width: 1px; min-width: 0; padding: 0; display: none; } ul.nav { list-style: none; } .block_cocoon_accordion .card-header { padding: 0 } .block_cocoon_accordion button { padding: 1.5rem 1.25rem; width: 100%; text-align: left; } .block_cocoon_accordion button .float-right { transition: .2s ease all; } .block_cocoon_accordion button[aria-expanded=true] .float-right { transform: rotate(90deg); } /* Owl Fixes */ .banner-style-one:not(.ccn-banner-style-boxed) .slide, .banner-style-two .slide, .block_cocoon_slider_1 .home1-mainslider .slide, .block_cocoon_slider_1_v .home1-mainslider .slide, .home1-mainslider .banner-style-one .slide::before, .home1-mainslider .banner-style-two .slide::before, .block_cocoon_slider_1_v .main-banner-wrapper .ccn-slide-yt-root::before, .block_cocoon_slider_1 .home1-mainslider .home-content, .block_cocoon_slider_1_v .home1-mainslider .home-content, /* Above testing, below to remain indefinitely */ .block_cocoon_slider_2 .main-banner-wrapper, .ccn_header_style_4 .block_cocoon_slider_2 .home2-slider>.container-fluid>.row { width: 100vw !important; } /* Owl Fixes: Header4/Slider2 Small */ .ccn_header_style_4 .block_cocoon_slider_2 .home2-slider .banner-style-one .slide.home6 { padding: 265px 0 200px; } /* Owl Fixes: Header4/Slider2 Large */ .ccn_header_style_4 .block_cocoon_slider_2 .home2-slider .banner-style-one .slide { padding: 200px 0 160px; }
Close