/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
body {font-size: 18px; line-height: 26px; color: #434343; font-weight: 400;}
p {padding-bottom: 20px;}
#content .wpb_alert p:last-child,
#content .wpb_text_column p:last-child, .wpb_alert p:last-child, .wpb_text_column p:last-child { padding-bottom:0;}
.admin-label-hide { display: none !important; }
#table_1.wpDataTableID-6 { width: auto; margin: 0;}
.wpb_text_column h1, .wpb_text_column h2, .wpb_text_column h3, .wpb_text_column h4, .wpb_text_column h5, .wpb_text_column h6 {
margin-top: 30px; margin-bottom: 10px;
}
.wp-caption-text { font-size: 14px;}
#frm_field_248_container { display: none;}
/* get rid of top margin on first heading in text box */
.wpb_text_column .wpb_wrapper > :first-child {
margin-top: 0;
}
.q_font_awsome_icon i, .q_font_awsome_icon span { color: #46797B;}
.flex-box .wpb_wrapper{display:-ms-flexbox;display: -webkit-flex;display: flex; flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.text-center { text-align: center;}
a:hover{ text-decoration:none !important;}
.q_list ul { margin-top: 30px !important;}
ol {margin-left: 30px; margin-bottom: 30px;}
ol li { padding-bottom: 10px; padding-left: 7px;}
.wpb_wrapper ul.dot,
.wpb_text_column ul,
.qode-iwiat-image-text ul,
.qode-advanced-tabs .qode-advanced-tab-container ul { margin-bottom:50px; margin-left:10px;}
.green-box ul,
.green-box ul.dot{ margin-left:0; margin-top:20px;}
.disable_negative_margin .section_inner_margin{ margin:0;}
.white-text h1,.white-text .h1,.white-text h2,.white-text .h2,.white-text h3,.white-text h4,.white-text h5,.white-text h6,
.white-text a:not(.qbutton),.white-text p,.white-text li,.white-text .q_list.circle ul > li{ color:#fff;}
ol{ margin-top:25px;}
ol ul { margin-top: 15px; margin-bottom: 15px !important;}
@media only screen and (min-width: 768px){
.mob-col-pad-right > .vc_column-inner{ padding-right:40px;}
.mob-col-pad-left > .vc_column-inner{ padding-left:40px;}
}
@media only screen and (min-width: 1250px) {
.container-1180.grid_section .section_inner { width: 1180px !important;}
}
@media only screen and (min-width: 1000px) {
.container-940.grid_section .section_inner,.container-940 .full_section_inner { width: 940px !important; margin-left:auto; margin-right:auto;}
}
.two-col-p {text-align: right; position:relative;}
.two-col-p p {display: inline-block;width: 49%; vertical-align: top; padding-right: 50px; box-sizing: border-box; margin-top: 0;}
.two-col-p p:nth-child(2) {text-align: left; padding-left: 50px; padding-right: 0;}
.two-col-p::after { content: ""; width: 1px; border-right: 1px solid #fff; height: 100%; position: absolute; left: 50%; top: 0;}
@media only screen and (max-width: 1000px) {
.two-col-p p{ padding-right:20px;}
.two-col-p p:nth-child(2) {padding-left: 20px;}
}
@media only screen and (max-width: 600px) {
.two-col-p p { padding: 0 !important; text-align: center !important; width: auto; display: block;}
.two-col-p::after { display: none;}
}
.wpb_text_column p:first-child {margin-top: 0;}
.boxed .wpb_wrapper {border: 1px solid #C9C9C9; padding: 30px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.16);
box-shadow: 0 3px 6px rgba(0,0,0,.16);}
.boxed .wpb_wrapper h6 {margin-bottom: 25px;}
.boxed .wpb_wrapper p{ margin-top:10px;}
.border-box {border: 1px solid #D1D1D1; padding: 40px; margin-top: 50px;}
.border-box > p:first-child { margin-top: 0;}
.border-box ul:last-child { margin-bottom: 0;}
.border-box .wpb_wrapper p{ margin-top:10px;}
.green-box .wpb_wrapper{ background-color:#46797B; padding: 45px;}
.green-box .wpb_wrapper p{ margin-top:10px;}
.green-box .wpb_wrapper *{ color:#fff;}
.green-box .wpb_wrapper ul.dot li{ color:#fff;}
.green-box ul li::before { background-color:#fff !important;}
@media only screen and (max-width: 480px) {
.boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .elementor-row .elementor-widget-wrap > .qode_elementor_container_inner, .full_width .parallax_content, .qode_elementor_container_inner, .steps_holder_inner, body.boxed .carousel-inner, body.boxed .full_width .parallax_content, body.boxed .header_inner, body.boxed .wrapper_inner, body.boxed footer, div.grid_section .section_inner, nav.content_menu {
width: 95%;
}
.parallax_section_inner_margin, .section_inner_margin { margin: 0;}
h2, .h2, h2 a { font-size: 34px; line-height: 47px;}
}
/*-------------accessible------------*/
aside .widget a:focus, aside .widget a:hover { color: #2b74bc !important;}
aside .widget .textwidget a { color: #2b74bc !important;}
aside .widget .textwidget a:focus, aside .widget .textwidget a:hover { color: #4B4B4B !important;}
a:focus { outline: thin dashed #000;}
.foucs-white a:focus,
.header_top a:focus{ outline: thin dashed #fff;}
.skip-link-list { position: absolute; left: 0; top: 0; padding: 0;margin: 0;list-style: none;}
.skip-link-list-item { list-style: inherit; white-space: nowrap;}
.screen-reader-text,.footer_top .q_social_icon_holder a span.social_title {border: 0;clip: rect(1px,1px,1px,1px); -webkit-clip-path: inset(50%);line-height: 1px;
clip-path: inset(50%);height: 1px;margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important;
}
.screen-reader-text.skip-link:hover,
.comments-title .skip-link.add-comment-link:hover,
.screen-reader-text.skip-link:active,
.comments-title .skip-link.add-comment-link:active,
.screen-reader-text.skip-link:focus,
.comments-title .skip-link.add-comment-link:focus {
clip: auto !important;-webkit-clip-path: none;clip-path: none;display: block;width: auto;height: auto;left: 0.38rem;top: 0.38rem;padding: 1rem;margin: 0;
font-size: 14px;font-size: .81rem;font-weight: 700;line-height: normal;text-decoration: none;background-color: #0B93FF;color: #fff;z-index: 100000;}
/*--------Font family Century Gothic------------*/
.header_top .q_social_icon_holder .simple_social:not(.qode_icon_font_elegant):not(.qode_icon_font_awesome), .header_top .header-widget,
.header_top .header-widget.widget_nav_menu ul.menu > li > a, .header_top .header-widget p, .header_top .header-widget a,
.header_top .header-widget span:not(.qode_icon_font_elegant):not(.qode_icon_font_awesome),
nav.main_menu > ul > li > a,
.drop_down .second .inner > ul > li > a, .drop_down .second .inner > ul > li > h3, .drop_down .wide .second .inner > ul > li > h3,
.drop_down .wide .second .inner > ul > li > a, .drop_down .wide .second ul li ul li.menu-item-has-children > a, .drop_down .wide .second .inner ul li.sub ul li.menu-item-has-children > a,
.drop_down .wide .second .inner > ul li.sub .flexslider ul li h5 a, .drop_down .wide .second .inner > ul li .flexslider ul li h5 a, .drop_down .wide .second .inner > ul li.sub .flexslider ul li h5,
.drop_down .wide .second .inner > ul li .flexslider ul li h5, .header_top #lang_sel ul li ul li a,
.drop_down .second .inner ul li a, .drop_down .second .inner ul li h5,.menu-item-description,
nav.mobile_menu ul li a, nav.mobile_menu ul li h3,.footer_top h5,
.footer_top, .footer_top p, .footer_top span:not(.q_social_icon_holder):not(.fa-stack):not(.qode_icon_shortcode):not(.qode_icon_font_elegant):not(.qode-icon-kiko),
.footer_top li, .footer_top .textwidget, .footer_top .widget_recent_entries > ul > li > span,
.footer_bottom_holder, .footer_bottom, .footer_bottom p, .footer_bottom_holder p, .footer_bottom span:not(.q_social_icon_holder):not(.fa-stack):not(.qode_icon_font_elegant),
.title h1,.subtitle,
h1, .h1,h2, .h2,h3, .h3,h4, .h4,
.qbutton, .qbutton.medium, #submit_comment, .load_more a, .blog_load_more_button a, .post-password-form input[type="submit"], input.wpcf7-form-control.wpcf7-submit,
input.wpcf7-form-control.wpcf7-submit:not([disabled]), .woocommerce table.cart td.actions input[type="submit"], .woocommerce input#place_order, .woocommerce-page input[type="submit"], .woocommerce .button,
.q_icon_with_title.center .icon_text_inner,
.qode_video_box .video_contant .video_title,
.qode-info-card .qode-info-card-link-holder a,
.latest_post_holder.boxes > ul > li .latest_post .post_infos > span,
.exam_box,.frm_style_ndeb-form-style.with_frm_style .frm_submit button,#wp-submit,
#ays-quiz-container-2 input[type="button"], #ays-quiz-container-2 input[type="submit"],
.link-box a,.footer_top .footer-widget-title,.qode-info-card .qode-info-card-text p.h6
{
font-family: 'Century Gothic' !important;
}
.h6{font-family: 'Open Sans', sans-serif !important;}
@media only screen and (min-width: 1530px) {
.qode_grid_1400 .carousel-inner .slider_content_outer, .qode_grid_1400 .container_inner, .qode_grid_1400 .container_inner nav.content_menu,
.qode_grid_1400 .elementor-row .elementor-widget-wrap > .qode_elementor_container_inner, .qode_grid_1400 .footer_bottom_border.in_grid,
.qode_grid_1400 .footer_top_border.in_grid, .qode_grid_1400 .full_width .parallax_content, .qode_grid_1400 .grid_section .section_inner,
.qode_grid_1400 .qode_elementor_container_inner, .qode_grid_1400 .title_border_in_grid_holder, .qode_grid_1400 nav.content_menu ul, .qode_grid_1400.boxed .section .section_inner,
.qode_grid_1400.boxed nav.content_menu.fixed {
width: 1500px;
}
}
@media only screen and (min-width: 1250px) and (max-width: 1530px){
.qode_grid_1400 .carousel-inner .slider_content_outer, .qode_grid_1400 .container_inner, .qode_grid_1400 .container_inner nav.content_menu,
.qode_grid_1400 .elementor-row .elementor-widget-wrap > .qode_elementor_container_inner, .qode_grid_1400 .footer_bottom_border.in_grid,
.qode_grid_1400 .footer_top_border.in_grid, .qode_grid_1400 .full_width .parallax_content, .qode_grid_1400 .grid_section .section_inner,
.qode_grid_1400 .qode_elementor_container_inner, .qode_grid_1400 .title_border_in_grid_holder, .qode_grid_1400 nav.content_menu ul, .qode_grid_1400.boxed .section .section_inner,
.qode_grid_1400.boxed nav.content_menu.fixed {
width: 1200px;
}
}
/*--------------Header Top----------------*/
.header_top {line-height: 42px;height: 42px;}
.header_top a { text-decoration: none;}
.header-widget.widget_nav_menu ul.menu li a {padding: 0 25px;border-left: 1px solid rgba(255,255,255,0.18);}
.header-widget.widget_nav_menu ul.menu li a:hover,
.header-widget.widget_nav_menu ul.menu li.current-menu-item a{ background-color:#bb5c00; color: #fff !important;}
.header-widget,.header-widget.widget_nav_menu { padding: 0 0 0 15px;}
.widget_nav_menu ul > li.login-icon a{ position:relative;}
.widget_nav_menu ul > li.login-icon a::before { content:"\e808"; font-family: "ndeb-icon"; display:inline-block;padding-right: 8px;line-height: 38px;}
header.scrolled .header_top { background-color: rgba(70,121,123,1) !important;}
/*----WPML Switch------*/
.header-widget.widget_icl_lang_sel_widget{border-left: 1px solid rgba(255,255,255,0.18) !important;}
.wpml-ls-legacy-list-horizontal { border: 0; padding: 0; clear: both;}
.wpml-ls-legacy-list-horizontal a { padding: 0px 7px;}
.wpml-ls-legacy-list-horizontal a:hover,
.wpml-ls-legacy-list-horizontal a:hover span{color:#bb5c00 !important;}
.wpml-ls-legacy-list-horizontal ul li.wpml-ls-item { position:relative;}
/*.wpml-ls-current-language::after { content:"|"; position:absolute;right: -5px; top: 0; line-height: 17px;} */
.wpml-ls-legacy-list-horizontal ul li a span.wpml-ls-native{ font-weight:bold !important;}
/*---------------header Bottom-----------------*/
header.fixed.scrolled .header_bottom, header.fixed_hiding.scrolled .header_bottom,
header.fixed .header_bottom {
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.16);
box-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.header_bottom{ padding:0;}
.drop_down .second{ visibility:visible;}
.q_logo { top: 50%; left: 0; position: absolute; transform: translateY(-50%);}
.q_logo a { position: relative; display: block; height: 70px !important;}
.q_logo img.normal { position:relative; top: auto; }
nav.main_menu ul li.focus .second, nav.main_menu ul li:focus .second {
opacity: 1;
overflow: visible !important;
visibility: visible !important; height:auto !important;
display:block;
}
nav.main_menu > ul > li:hover .second{ display:block;}
.q_logo img.mobile{ display:none;}
/*-------------Landing Page Header-------------*/
body.page-template-landing_page header .container_inner .header_inner_left{ position:relative;}
body.page-template-landing_page .q_logo { top: auto; left: 0; position: relative; transform: none; text-align:center; padding:20px 0;}
body.page-template-landing_page .q_logo a { pointer-events: none;}
body.page-template-landing_page .logo_wrapper{ height:auto !important; float:none;}
body.page-template-landing_page .logo_wrapper .q_logo img { display: inline-block;}
/*---------------main menu----------------*/
nav.main_menu > ul > li { margin:0 25px;}
nav.main_menu > ul > li > a { padding: 0;}
nav.main_menu > ul > li > a span{ position:static !important; vertical-align: middle;}
nav.main_menu ul li a span.underline_dash{bottom: 0; position:absolute !important;}
/*header.scrolled nav.main_menu ul li a span.underline_dash{bottom: -41px;}*/
.side_menu_button > a.search_button { vertical-align: top;}
.side_menu_button_wrapper { padding-left: 52px;}
.header_inner_right::before {content: ""; position: absolute; top: 50%; left: 21px; transform: translateY(-50%);-webkit-transform:translateY(-50%); border-left: 1px solid #C1C1C1; width: 1px; height: 32px;}
/*----2nd level Narrow----*/
.drop_down .narrow .second .inner ul li { width: 300px;}
.drop_down .narrow .second .inner ul li a { padding-left: 15px; padding-right: 15px;}
li.narrow .second .inner ul,
.drop_down .second .inner > ul{ padding: 0; -webkit-box-shadow: 0px 9px 9px rgba(0, 0, 0, 0.24);-moz-box-shadow: 0px 9px 9px rgba(0, 0, 0, 0.24);box-shadow: 0px 9px 9px rgba(0, 0, 0, 0.24);}
.drop_down .second .inner ul li.sub a i.q_menu_arrow {top: 3px; font-size: 18px; color: #bb5c00;}
.drop_down .second .inner > ul > li > a:hover,
.drop_down .wide .second ul li ul li.menu-item-has-children > a:hover,
.drop_down .wide .second .inner ul li.sub ul li.menu-item-has-children > a:hover,
.drop_down .wide .second .inner ul li.sub ul li.menu-item-has-children:hover > a,
.drop_down .wide .second .inner ul li.sub ul li.menu-item-has-children.focus > a {background-color: #F8F8F8;}
.drop_down .second .inner > ul > li:hover > a:not(.no_link){background-color: #F8F8F8;}
.menu-item-description {font-size: 16px;line-height: 24px; padding: 15px 25px; display: block;}
.drop_down .narrow .second .inner ul li ul {
display: block;
opacity: 0;
}
.drop_down .narrow .second .inner ul li:hover ul, .drop_down .second .inner ul li.focus ul {
z-index: 20;
display: block;
opacity: 1;
}
nav.main_menu > ul> li.focus > a,
nav.main_menu > ul> li > a:focus {
color: #bb5c00;
}
nav.main_menu > ul> li > a:focus span.underline_dash,
nav.main_menu > ul> li.focus > a span.underline_dash{ opacity:1;}
/*-----3rd Level----------*/
.drop_down .second .inner ul li ul { top: -1px;}
.drop_down .second .inner ul li a,
.drop_down .second .inner ul li h5 {font-weight: 400;color: #46797b; line-height: 15px; font-size: 16px;text-transform: none; letter-spacing: 0;}
.drop_down .second .inner ul li.sub ul li a:hover, .drop_down .second .inner > ul > li > a:hover,.drop_down .second .inner > ul > li > a:focus,
.drop_down .second .inner ul li.sub ul li a:focus{ color:#46797b; background-color: #F8F8F8;}
.drop_down .second .inner ul li ul ul { position: relative; left: auto !important; box-shadow: none;-moz-box-shadow:none;-webkit-box-shadow:none;border: 0;}
.drop_down .second .inner ul li ul ul li a { padding-left: 40px !important;}
.drop_down .second .inner ul li ul ul.right li a { padding-right: 40px !important; padding-left:15px !important;}
.drop_down .second .inner > ul > li.current_page_item > a,
.drop_down .second .inner > ul > li.current-page-parent > a,
.drop_down .second .inner > ul > li.current_page_parent > a,
.drop_down .second .inner ul li > ul > li.current_page_item > a,
.drop_down .second .inner ul li > ul > li.current_page_parent > a
{ border-left:4px solid #bb5c00;background-color: #F8F8F8 !important;}
/*-----------Dropdown Wide--------------*/
.three-col-item .second {/*visibility: visible !important;overflow: visible !important;opacity: 1 !important;*/top: 117px !important;width: 72% !important;left: 25px !important; }
header.scrolled .three-col-item .second {top: 87px !important;}
#site-navigation .three-col-item{ position:static !important; }
.three-col-item.wide .second ul{ width:100% !important; left:0 !important; background-color:#F8F8F8 !important;}
.three-col-item.wide .second .inner ul li ul { position:static;}
.three-col-item.wide .second ul li.col-two > ul { width: 100% !important;}
.three-col-item.wide .second .inner > ul > li{ width: 58.5%;background-color: #fff; padding-top: 25px; padding-bottom:50px; min-height:520px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.three-col-item.wide .second .inner > ul > li.col-one { width: 41.5%;}
.three-col-item.wide .second .inner > ul > li > ul > li { width: 100%;}
.three-col-item.wide .second .inner > ul > li > ul > li > a{ padding:10px 25px !important;}
@media only screen and (max-height: 780px){
.three-col-item.wide .second .inner > ul > li > ul > li > a{ padding:8px 25px !important;}
.three-col-item.wide .second .inner > ul > li{ padding-top: 15px; padding-bottom:15px; }
}
.three-col-item.wide .second ul ul li.menu-item-has-children {position: static;}
.three-col-item.wide .second .inner ul li ul li.current-menu-parent > a,
.three-col-item.wide .second .inner ul li ul li.current-menu-ancestor > a{background-color: #F8F8F8;}
.three-col-item.wide .second ul ul > li.menu-item-has-children > a::before {content: "\f105"; font-family:FontAwesome; position:absolute; right:18px; color:#bb5c00;}
.three-col-item.wide .second ul ul li.menu-item-has-children > ul li{ width:100%;}
.three-col-item.wide .second ul ul li.menu-item-has-children > ul {right: -66%; width: 66% !important; left: auto !important;
opacity: 0; z-index:1;
position: absolute !important;top:-100%;height:0; border-top:1px solid #ddd; border-left:1px solid #ddd; background-color:#F8F8F8 !important;
/*-webkit-box-shadow: 5px 9px 9px rgba(0, 0, 0, 0.24);
-moz-box-shadow: 5px 9px 9px rgba(0, 0, 0, 0.24);
box-shadow: 5px 9px 9px rgba(0, 0, 0, 0.24);*/
}
.three-col-item.wide .second ul ul li.menu-item-has-children > ul > li:first-child{ margin-top:25px;}
.three-col-item.wide .second ul ul li.menu-item-has-children:hover > ul,
.three-col-item.wide .second ul ul li.menu-item-has-children.focus > ul{ display:block; opacity: 1; top:-1px; height:100%;}
.three-col-item.wide .second ul ul li.menu-item-has-children > ul li a{ padding:7px 15px !important;}
.three-col-item.wide .second ul ul li.menu-item-has-children > ul li:hover > a,
.three-col-item.wide .second ul ul li.menu-item-has-children > ul li a:hover,
.three-col-item.wide .second ul ul li.menu-item-has-children > ul li a:focus,
.three-col-item.wide .second ul ul li.menu-item-has-children > ul li.current-menu-item a,
.three-col-item.wide .second ul ul li.menu-item-has-children > ul li.current_page_item a{ background-color:rgba(70,121,123,0.18) !important;}
.three-col-item.wide .second .inner > ul > li.col-one a.no_link {padding: 0 25px;font-size: 24px;font-weight: 400;letter-spacing: 0;line-height: 32px;}
.three-col-item.wide .second .inner > ul > li.col-one a.no_link:hover{ background-color:transparent !important;}
.drop_down .wide .second ul { padding: 0px;}
.drop_down .wide .second ul li {padding: 0; border-left: 1px solid #ddd;}
.three-col-item.wide .second ul li.col-two{/*border-right: 1px solid #ddd;*/}
/*----wide 3rd level----*/
.three-col-item.wide .second ul ul li ul li.menu-item-has-children ul {
position: relative !important;
left: 0px !important;
top: 0; width:100% !important;
}
.three-col-item.wide .second ul ul > li.menu-item-has-children ul li.menu-item-has-children > a::before {
content: "\f107";
}
.three-col-item.wide .second ul ul li.menu-item-has-children ul li.menu-item-has-children ul a {
padding-left: 15px !important;
padding-right: 15px !important;
line-height: 22px;
font-size: 16px;
padding-top: 5px !important;
padding-bottom: 5px !important;
}
/*-----------Mobile Menu Button--------*/
nav.mobile_menu ul li.three-col-item ul li.col-one{ display:none;}
nav.mobile_menu ul li.three-col-item ul li.col-two > .sub_menu{ display:block;}
nav.mobile_menu ul {border-top: 1px solid #eaeaea;}
.mobile_menu_button span:hover,
.side_menu_button > a:hover { opacity: 1;}
.mobile_menu_button { margin-left: 10px !important;}
.mobile_menu_button span {
width: 30px; height: 45px; position: relative; margin: 50px auto; cursor: pointer;
-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
-webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
}
.mobile_menu_button span > i {display: inline-block; width: 100%; vertical-align: middle; height: 25px; position: relative;}
.mobile_menu_button span em {display: block;position: absolute;height:3px;width: 50%;background: #46797b;opacity: 1;
-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);
-webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.mobile_menu_button span.open em { background: #bb5c00;}
.mobile_menu_button span em:nth-child(even) {left: 50%;border-radius: 0 9px 9px 0;}
.mobile_menu_button span em:nth-child(odd) { left:0px; border-radius: 9px 0 0 9px;}
.mobile_menu_button span em:nth-child(1), .mobile_menu_button span em:nth-child(2) {top: 0px;}
.mobile_menu_button span em:nth-child(3), .mobile_menu_button span em:nth-child(4) {top: 10px;}
.mobile_menu_button span em:nth-child(5), .mobile_menu_button span em:nth-child(6) { top: 20px;}
.mobile_menu_button span.open em:nth-child(1),
.mobile_menu_button span.open em:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);
-o-transform: rotate(45deg); transform: rotate(45deg);}
.mobile_menu_button span.open em:nth-child(2),
.mobile_menu_button span.open em:nth-child(5) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg); transform: rotate(-45deg);}
.mobile_menu_button span.open em:nth-child(1) {left: 2px; top: 5px;}
.mobile_menu_button span.open em:nth-child(2) {left: calc(50% - 2px); top: 5px;}
.mobile_menu_button span.open em:nth-child(3) { left: -50%; opacity: 0;}
.mobile_menu_button span.open em:nth-child(4) {left: 100%;opacity: 0;}
.mobile_menu_button span.open em:nth-child(5) {left: 2px; top: 15px;}
.mobile_menu_button span.open em:nth-child(6) {left: calc(50% - 2px);top: 15px;}
nav.mobile_menu ul li { -webkit-transform: none;}
nav.mobile_menu ul li ul li { margin: 0; padding: 0 0 0 20px;}
nav.mobile_menu ul > li.has_sub > span.mobile_arrow { padding: 0; text-align: center;background-color: #46797b;line-height: 44px;}
nav.mobile_menu ul > li.has_sub > span.mobile_arrow:hover,
nav.mobile_menu ul > li.open_sub > span.mobile_arrow{ background-color:#bb5c00;}
nav.mobile_menu ul li span.mobile_arrow i { color: #fff; font-size: 20px; line-height: 46px;}
nav.mobile_menu ul li a{ text-decoration:none;}
@media only screen and (min-width: 1250px) and (max-width: 1530px){
body.qode_grid_1400 nav.main_menu > ul > li { margin:0 7px;}
body.qode_grid_1400 .side_menu_button_wrapper { padding-left: 20px;}
body.qode_grid_1400 .header_inner_right::before { left: 10px;}
nav.main_menu > ul,
nav.main_menu.right{ position:static;}
body.qode_grid_1400 .three-col-item .second{ left:0 !important;}
}
@media only screen and (min-width: 1000px) and (max-width: 1249px){
.header_top {line-height: 41px;}
.header_top .header-widget.widget_nav_menu ul.menu > li > a, .header_top .header-widget p, .header_top .header-widget a{ font-size:14px;}
.header-widget.widget_nav_menu ul.menu li a { padding: 0 12px;}
.q_logo { left: 15px;}
.q_logo a { height:45px !important;}
.header_inner_right::before { left: 7px;}
.side_menu_button_wrapper {padding-left: 10px;padding-right: 15px;}
nav.main_menu > ul > li > a{ font-size:15px;}
nav.main_menu > ul > li { margin: 0 9px;}
nav.main_menu > ul,
nav.main_menu.right{ position:static;}
body.qode_grid_1400 .three-col-item .second{ left:0 !important;}
}
@media only screen and (min-width: 1000px) and (max-width: 1200px){
.header_top .container_inner { width: 100%;}
}
@media only screen and (max-width: 1000px){
.header_top { height: auto;}
.header_top .inner { display: block; margin: 0;}
.header_top .menu-top-bar-menu-container{ display:none;}
.header_top .right .inner > div { border-left: 0; float: none; display: inline-block; vertical-align:top ;}
.header_top .right{ text-align:right;}
.header-widget.widget_nav_menu ul.menu li a {padding: 0 15px;}
.side_menu_button_wrapper { padding-left: 0;}
.header_inner_right::before { display:none;}
.header_inner_right {padding-right: 15px;}
.side_menu_button .search_slides_from_window_top {font-size: 26px !important;}
nav.mobile_menu ul li ul li { padding:0;}
nav.mobile_menu ul li.has_sub a { padding-right: 60px;}
nav.mobile_menu ul li ul li a{ padding-left:20px;}
nav.mobile_menu ul li ul li ul li ul li a{ padding-left:35px;}
}
@media only screen and (max-width: 480px){
.header_top .container_inner{ width:auto;}
.mobile_menu_button {margin: 0 0px 0 15px;}
.q_logo a { height: 57px !important;}
.header-widget.widget_nav_menu ul.menu li a { padding: 0 12px;}
nav.mobile_menu ul li a { padding: 10px;}
}
/*-----------------Page Title-----------------------------*/
.title ,.title .title_holder{height: auto !important; min-height:300px;}
.title_subtitle_holder.has_img {display: inline-block;width: 49.5%; vertical-align: middle;}
.title_image {width: 50%; display: inline-block; vertical-align: middle; background-repeat:no-repeat; background-size:cover; min-height:395px; background-position: center center;}
.title_image img{ display:none;}
.title h1 i {display: block; margin-bottom: 20px;}
.title h1 i::before { text-align: left;}
@media only screen and (max-width: 1530px){
.title_image {min-height: 300px;}
.title.title_size_small h1 { font-size: 43px; line-height: 53px;}
}
@media only screen and (min-width: 1000px) and (max-width: 1200px){
.title_holder .container_inner { width: 100%;}
.title_subtitle_holder {padding-left: 15px; padding-right:15px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
}
@media only screen and (max-width: 1000px){
.title {padding: 0px 0 !important;}
.title_subtitle_holder.has_img {width: 49%;}
.title_subtitle_holder {padding-right: 15px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.title_image {min-height: 270px;}
.title ,.title .title_holder{ min-height:270px;}
.title.title_size_small h1 { font-size: 38px; line-height: 44px;}
}
@media only screen and (max-width: 768px){
.title_image {min-height: 250px;}
.title ,.title .title_holder{ min-height:250px;}
.title.title_size_small h1 { font-size: 28px; line-height: 39px;}
}
@media only screen and (max-width: 600px){
.title {padding: 30px 0 !important;}
.title_subtitle_holder.has_img {width: auto; display: block; padding: 0;}
.title_image { display: none;}
.title, .title .title_holder { min-height: 100px;}
}
.breadcrumbs { line-height: 1.4em;}
.breadcrumb {position: relative; height:auto; padding:20px 0; font-size: 18px; top: auto; right: auto;}
.breadcrumb a{ text-decoration:none;}
.breadcrumb .current{ font-weight:bold; color:#46797B;}
.subtitle_outer{ margin-top:80px;}
.subtitle_outer h2{ font-size:26px; line-height:33px; color:#46797B; text-transform:none;}
/*---------------------Buttons-------------------*/
.frm_style_ndeb-form-style.with_frm_style .frm_submit button { min-width: 300px; text-align: center;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16) !important;
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.16) !important;
box-shadow: 0 3px 6px rgba(0,0,0,.16) !important;
}
.qbutton { min-width: 300px; text-align: center;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16) !;
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.16);
box-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.qbutton.small {min-width: 30px;}
.qbutton.big_large_full_width { width: 100%; white-space: normal;height: auto; line-height: 23px; padding: 23px; font-size: 18px; text-align: center;box-sizing: border-box !important;
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important;}
.qbutton.green {
border-color: transparent;
color: #bb5c00;
background-color: transparent;
padding: 0;
box-shadow: none;
-webkit-box-shadow:none;
-moz-box-shadow: none;
}
.qbutton.link-style {background: none;border-radius: 0; border: 0; box-shadow: none; padding: 0; color: #bb5c00; text-transform: none; margin-top: 20px;font-size: 20px;
letter-spacing: -0.15px;}
.qbutton.link-style:hover{ color:#46797B;}
@media only screen and (max-width: 600px){
.qbutton { margin-left: 0 !important; margin-right: 0 !important;}
}
@media only screen and (max-width: 480px){
.qbutton { min-width: auto;}
#submit_comment, .blog_load_more_button a, .drop_down .wide .second ul li .qbutton, .drop_down .wide .second ul li ul li .qbutton, .load_more a, .qbutton {
white-space: normal;height: auto; line-height: 23px; padding: 23px; max-width: 100%; width: 100%; box-sizing: border-box !important;
-webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important;
}
}
/*------------------Formidable------------------*/
.legend {
color: #B94A48;
}
.frm_style_ndeb-form-style.with_frm_style fieldset .frm_fields_container {
margin: 0 auto;
max-width: 1200px;
}
.frm_radio i {
display: block;
padding-left: 20px;
font-size: 16px;
margin-top: 5px;
margin-bottom: 30px !important;
text-indent: 0;
position: relative;
}
.frm_radio i::before {
content: ".";
font-size: 30px;
font-style: normal;
position: absolute;
left: 0;
top: 0;
line-height: 5px;
font-weight: bold;
}
.frm_form_field.mg-btm {
margin-bottom: 30px !important;
}
.frm_style_ndeb-form-style.with_frm_style .frm-show-form .frm_section_heading.blue-color h3{ border-color:#467978; color:#467978;}
.with_frm_style .frm_top_container.thin-text .frm_primary_label { font-weight: normal;}
.frm_style_ndeb-form-style.with_frm_style .form-field.frm_section_heading.box-layout {
border: 1px solid #cecece;
padding: 20px;
margin-bottom: 40px !important;
background-color: #fff;
}
.frm_style_ndeb-form-style.with_frm_style .form-field.frm_section_heading.box-layout .frm_pos_top.frm_section_spacing {
border: 0 !important;
padding-top: 0 !important;
}
.frm_style_ndeb-form-style.with_frm_style .frm-show-form .frm_section_heading.rmv-border h3{ border-top:0 !important;}
.frm_form_field .sigPad ul.sigNav li::before { display: none;}
.not_editable_entry { display: none !important;}
.not_editable_entry_error_style {
background-color: #F2DEDE;
border: 1px solid #EBCCD1;
border-radius: 0;
color: #B94A48;
font-size: 14px;
margin: 0;
margin-bottom: 20px;
padding:15px;
}
@media only screen and (max-width: 480px){
.with_frm_style .frm_form_fields > fieldset{ padding:30px !important;}
.frm_style_ndeb-form-style.with_frm_style .frm_submit button { min-width: 100px; width: 100% !important;}
}
/*----------------Slider-----------------*/
.carousel .carousel-inner { transform: none !important;}
.carousel-inner { position: relative;}
.carousel-inner .item .image { background-position: bottom center;}
.carousel-inner .q_slide_title {font-size:62px;line-height: 72px; text-shadow:none; text-transform:uppercase;}
.carousel-inner .q_slide_title span { display: block; max-width: 725px;}
.carousel-inner .q_slide_subtitle, .carousel-inner h2 { font-weight: 400; color: #000;}
@media only screen and (max-width: 1530px){
.carousel-inner .slider_content .text { padding: 20px; background-color: rgba(255,255,255,0.7); display: table-cell; box-sizing: border-box;}
}
@media only screen and (max-width: 1200px){
.carousel:not(.advanced_responsiveness) .carousel-inner .q_slide_title span {font-size: .8em !important; line-height: 1em !important;}
}
@media only screen and (max-width: 1024px){
.carousel:not(.advanced_responsiveness) .carousel-inner .qbutton {font-size: 18px;}
}
@media only screen and (max-width: 768px){
.carousel:not(.advanced_responsiveness) .carousel-inner .q_slide_title span {font-size: .6em !important; line-height: 1em !important;}
.carousel,.qode_slider_preloader,.carousel-inner > .item{ height:600px !important;}
}
@media only screen and (max-width:600px){
.carousel:not(.advanced_responsiveness) .carousel-inner .qbutton { font-size: 15px;}
}
@media only screen and (max-width: 480px){
.carousel:not(.advanced_responsiveness) .carousel-inner .q_slide_title span {font-size: .5em !important; line-height: 1em !important;}
}
/*--------------Unorder List-----------------*/
.wpb_wrapper ul.dot li,
.wpb_text_column ul li,
.qode-iwiat-image-text ul li,
.qode-advanced-tabs .qode-advanced-tab-container ul li{ list-style:none;}
.q_list.circle ul > li, .q_list.number ul > li,.wpb_wrapper ul.dot li,.qode-advanced-tabs .qode-advanced-tab-container ul li,.qode-iwiat-image-text ul li,
.checkbox_content ul li,.wpb_text_column ul li {
position: relative;
font-weight: 400;
margin: 0 0 4px;
padding:0 0 0px 22px;
color: #434343;
}
.qode-advanced-tabs .qode-advanced-tab-container ul > li::before,
.qode-iwiat-image-text ul > li::before,
.q_list.circle ul > li::before,
.wpb_wrapper ul.dot li::before,
.wpb_text_column ul li::before,
.checkbox_content ul li::before{position: absolute; left: 0; width: 4px; height: 4px; top: 10px; background-color: #434343; display: block; content: ''; border-radius: 25px;}
.q_list.circle ul > li{color: #434343;}
.ul-col-2 li {
display: inline-block;
vertical-align: top;
width: 48%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
}
.ul-col-2 li:nth-child(2n) { margin-left: 3.3% !important;}
@media only screen and (max-width: 768px){
.qode-image-with-icon-and-text .ul-col-2 li{ width:auto; display:block;}
.ul-col-2 li{ display:block; width:auto;}
.ul-col-2 li:nth-child(2n) { margin-left: 0 !important;}
}
/*------icon------------*/
.qode_icon_shortcode a { text-decoration: none;}
.fa-stack .qode-icon-ndeb::before { line-height: 2em;}
.intro .q_font_awsome_icon_stack.pull-center{ margin-top:-35px !important;}
/*----------------Icon With text ----------------------*/
.q_icon_with_title.normal_icon {background-color: #fff; border: 1px solid #C9C9C9; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.16);
box-shadow: 0 3px 6px rgba(0,0,0,.16); padding:35px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.q_icon_with_title.normal_icon .icon_holder,
.q_icon_with_title.normal_icon.center.center .icon_holder {margin: 0px 0 15px;}
.q_icon_with_title.center.normal_icon .icon_title { font-size:18px ; line-height:24px; text-transform:uppercase; font-weight:700; color:#46797B;letter-spacing: 0;}
.q_icon_with_title .icon_text_inner { padding: 0;}
/*equivalency-process/assessment-of-fundamental-knowledge*/
.q_icon_with_title .icon_text_inner .icon_title{color: #46797b; font-size: 18px; line-height: 24px; font-weight: 600; letter-spacing: 0px; text-transform: none; font-family:'Open Sans', sans-serif !important;}
.icon_text_inner p { margin-top: 5px;}
.icon_text_inner p:last-child { margin-bottom: 0;}
/*---icon small----*/
.q_icon_with_title.small .fa-2x { font-size: 2.3em;}
.q_icon_with_title.small .icon_text_holder {padding: 0 0 0 70px;}
.q_icon_with_title.small.normal_icon{ padding:26px 35px;}
.q_icon_with_title.one_half{width: 48%; margin-right:4%; margin-bottom:4%;}
.q_icon_with_title.one_half:nth-child(2n) { margin-right: 0;}
.q_icon_with_title.one_third{width: 31.333%; margin-right:3%; margin-bottom:3%;}
.q_icon_with_title.one_third:nth-child(3n) { margin-right: 0;}
.q_icon_with_title.one_fourth{width: 23.5%; margin-right:2%; margin-bottom:2%;}
.q_icon_with_title.one_fourth:nth-child(4n) { margin-right: 0;}
@media only screen and (max-width: 1200px){
.q_icon_with_title.one_fourth{width: 31%; margin-right:3% !important; margin-bottom:3%;}
.q_icon_with_title.one_fourth:nth-child(3n) { margin-right: 0 !important;}
}
@media only screen and (max-width: 1000px){
.q_icon_with_title.one_third{width: 48%; margin-right:4% !important; margin-bottom:4%;}
.q_icon_with_title.one_third:nth-child(2n) { margin-right: 0 !important;}
.q_icon_with_title.one_fourth{width: 48%; margin-right:4% !important; margin-bottom:4%;}
.q_icon_with_title.one_fourth:nth-child(3n){ margin-right: 4% !important;}
.q_icon_with_title.one_fourth:nth-child(2n) { margin-right: 0 !important;}
}
@media only screen and (max-width: 600px){
.q_icon_with_title.one_half,
.q_icon_with_title.one_third,
.q_icon_with_title.one_fourth{width: 100%; margin-right:0 !important; margin-bottom:30px;}
.q_icon_with_title.one_fourth:nth-child(3n){ margin-right: 0% !important;}
}
/*----------------Icon With text and image-------------------------*/
.qode-image-with-icon-and-text {text-align: left; position: relative;}
.qode-iwiat-icon-holder .qode-icon-holder.qode-icon-circle {background-color: transparent;width: auto; height: auto; line-height: 1em; text-align: left;}
.qode-iwiat-icon-holder .qode-icon-holder.qode-icon-large { font-size: 6em;}
.qode-iwiat-icon-holder .qode-icon-holder .qode-icon-element{color: #46797b;}
.qode-iwiat-image-text-holder { margin-left: 140px; border-bottom: 1px solid #DEDEDE; padding-bottom: 60px; margin-bottom: 60px;}
.qode-iwiat-icon-holder { position: absolute; left: 0; top: 0;}
.qode-iwiat-image-text-holder .qode-iwiat-image { float: right; max-width: 480px;margin-top: 30px; width:100%;}
.qode-iwiat-image-text-holder.has_video_img .qode-iwiat-image-text {float: left; width: 49%;}
@media only screen and (max-width: 1200px){
.qode-iwiat-image-text-holder .qode-iwiat-image {max-width: 330px;}
.qode-iwiat-image-text-holder { margin-left: 140px;}
}
@media only screen and (max-width: 1000px){
.qode-iwiat-image-text-holder .qode-iwiat-image { float:none; max-width:100%; margin-left:0; margin-top:30px;}
.qode-iwiat-image-text-holder.has_video_img .qode-iwiat-image-text { float: none; width: auto;}
}
@media only screen and (max-width: 600px){
.qode-iwiat-image-text-holder { margin-left: 0;}
.qode-iwiat-icon-holder {position: relative; margin-bottom: 30px;}
}
/*-----------Link Box--------------------*/
.link-box {background-color: #bb5c00; margin:0 9px;}
.link-box p { display: table; min-height: 309px;}
.link-box a {display: table-cell;vertical-align: middle; text-transform: uppercase; color: #fff; text-decoration: none; text-align: left; padding: 34px; font-size: 36px; line-height: 48px;}
.link-box a:hover{ background-color:#46797B; color:#fff;}
@media only screen and (max-width: 1250px){
.link-box { margin:0;}
.link-box p {min-height: 345px;}
}
@media only screen and (max-width: 1200px){
.link-box {max-width:357px; margin:0 auto;}
.link-box p {min-height: 300px; width:100%; }
.link-box a { padding: 24px; font-size: 34px; text-align:center;}
.mob-col-img .vc_column-inner { padding: 0 !important;}/*home page*/
}
/*----------Icon Box------------------*/
.vc_row.icon-box .section_inner_margin >.vc_col-sm-12 >.vc_column-inner{ border:1px solid #C9C9C9; padding:36px; }
.vc_row.icon-box .vc_inner .full_section_inner .wpb_column {width: auto;display: inline-block; vertical-align: top; float: none; line-height:50px;}
.vc_row.icon-box .section_inner_margin > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper > .wpb_text_column p { color: #46797B;}
@media only screen and (min-width: 1201px){
.vc_row.icon-box .vc_inner .full_section_inner .wpb_column > .vc_column-inner { padding: 0 25px;}
}
@media only screen and (max-width: 1000px){
.vc_row.icon-box .vc_inner .full_section_inner .wpb_column.vc_col-sm-2{ display:block;}
.vc_row.icon-box .q_icon_list{ margin-bottom:0;}
}
.q_elements_holder.icon-box .q_elements_item{border:1px solid #C9C9C9; background-color:rgba(41,94,96,0.03); display:block; margin-bottom:30px;}
.q_elements_holder.icon-box .q_elements_item .q_elements_item_content{ padding:50px 30px;}
/*----------Icon list------------------*/
.q_icon_list .qode-ili-icon-holder.transparent,
.q_icon_list i.transparent {color: #46797B;}
.q_icon_list .qode-ili-icon-holder.transparent{font-size: 58px; line-height: 50px;height: auto; width: auto;}
.q_icon_list p {font-size: 22px;line-height: 50px;font-weight: 400; margin: 0 0 10px; padding: 0 0 0 80px; position: relative; color: #46797B;}
.q_icon_list.small-left-to-title .qode-ili-icon-holder.transparent{ font-size:18px; line-height:22px;}
.q_icon_list.small-left-to-title p{ font-size:15px; color:#434343; line-height:22px; padding-left:35px;}
.q_icon_list.top{ text-align:center;}
.q_icon_list.top .qode-ili-icon-holder {float: none; padding-bottom: 15px; display: block;}
.q_icon_list.top p {padding-left: 0;line-height: 30px;}
@media only screen and (max-width: 600px){
.q_icon_list p {line-height: 26px; padding:0;}
.q_icon_list:not(.small-left-to-title) .qode-ili-icon-holder {float: none; margin-bottom:15px; margin-top:10px; display:block;}
}
/*------------Icon with gradient icon--------------------*/
.qode-giwt {text-align: left;}
.qode-giwt .qode-giwt-inner {display: block;padding: 0 0 50px 0;}
.qode-giwt .qode-giwt-inner:hover { background-color: transparent; box-shadow: none;}
.qode-giwt .qode-giwt-inner .qode_icon_element {color: #bb5c00;}
.qode-giwt h3{ text-transform:uppercase;}
.qode-giwt h2{ text-transform:uppercase; color: #46797b; font-size: 27px; line-height: 33px; font-weight: 400; letter-spacing: 0px;}
.qode-giwt .qode-giwt-inner .fa-2x {font-size: 2.5em;}
.qode-giwt-icon-holder {float: left;margin: -6px 0 15px;display: inline-block;position: relative;z-index: 2;}
.qode-giwt .qode-giwt-inner .qode-giwt-content-holder {padding: 0 0 0 70px; position: relative; margin-top:0;}
.qode-type1-gradient-bottom-to-top-text-hover:hover i, .qode-type1-gradient-bottom-to-top-text-hover:hover i::before,
.qode-type1-gradient-bottom-to-top-text-hover:hover span, .qode-type1-gradient-bottom-to-top-text-hover:hover span span {
background: none;
color: #bb5c00;
-webkit-background-clip: unset;
-webkit-text-fill-color: unset;
}
/*-----------------Quiz----------------------*/
[id^="ays-quiz-container-"] p { margin: 25px 0 !important;}
.ays-quiz-container { margin-top: 60px !important;}
.ays-quiz-container p { padding: 0;}
#ays-quiz-container-2 .ays-fs-subtitle p{text-align: left !important;}
[id^="ays-quiz-container-"]{ text-align:left;}
#ays-quiz-container-2 #ays_finish_quiz_2 .action-button:hover, #ays-quiz-container-2 #ays_finish_quiz_2 .action-button:focus {
box-shadow: none !important;
background: #46797b !important;
outline:1px dashed #000;
}
#ays-quiz-container-2 input#ays-submit, #ays-quiz-container-2 #ays_finish_quiz_2 .action-button {
text-transform: uppercase;
letter-spacing: 0.5px !important;
min-width: 250px;
padding: 22px 30px !important;
}
.aggrement {background-color: #F9F4D5; display: block; padding: 20px; position:relative; padding-left:50px; margin-bottom:80px !important;}
.aggrement::before { content:"\f06a"; font-family: "FontAwesome"; position:absolute; left:20px;}
.ays_buttons_div { display:block; margin-top:50px;}
.finish-btn { float:right ;}
.ays-quiz-timer-label { display: inline-block; margin-right: 5px; font-weight:bold;}
#ays-quiz-container-2 div.ays-quiz-timer { display: inline-block; font-weight:bold;}
.ays_quiz_timer_container hr { margin-top: 10px !important; border-bottom: 1px solid #ccc !important; border: 0;}
p.ays-question-counter { font-weight: bold; position: absolute; top: -30px; margin: 0px !important; right: 0;}
#ays-quiz-container-2 .ays_quiz_question p { text-align: left !important; font-weight: bold;}
[id^="ays_finish_quiz_"] div.step div.ays-abs-fs { width: 100%;}
.ays-quiz-container .ays-field:focus {
outline: 1px dashed #bb5c00;
border-color: #bb5c00 !important;
}
/*---------------------Faq Box-------------------------*/
.faq-box .vc_column_container > .vc_column-inner,
.faq-box > .vc_column-inner > .wpb_wrapper{background-color: #efefef; padding: 67px 50px;}
.faq-box .qode-accordion-holder {margin: 0 71px;}
.faq-box .qode-accordion-holder .qode-title-holder::last-child{ margin-bottom:0;}
.faq-box > .vc_column-inner .qode-accordion-holder { margin-left: 71px; margin-right:0;}
.faq-box > .vc_column-inner .qbutton.link-style {margin-left: 72px;}
.faq-cat-box{background-color: #efefef;padding: 67px 50px; margin-bottom:50px;}
.faq-cat-box .qode-accordion-holder {padding: 0 71px;}
.faq_topics{display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.faq_topics .qode_faq_topic_list_widget { width: 24.2%;}
.faq_topics .faq_topic { position:relative; width: 73%; margin-left: 2.8%; padding: 67px 50px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; background: #efefef;}
.faq_topics .faq_topic .faq_topic_inner{ padding-left:71px;}
.faq_topics .faq_topic .loader {text-align: center;padding: 30px;display: none;position: absolute;width: 100%;height: 100%;background-color: rgba(70,121,123,0.1); z-index: 7; left: 0;top: 0; box-sizing: border-box;}
.faq_topics .faq_topic .loader .fa { position: absolute; top: 50%; margin-top: -50px;}
@media only screen and (max-width: 1250px){
.faq_topics .qode_faq_topic_list_widget { width: 30%;}
.faq_topics .faq_topic{ width:68%; margin-left:2%;}
}
@media only screen and (max-width: 1200px){
.faq_topics .faq_topic .faq_topic_inner { padding-left: 0;}
}
@media only screen and (max-width: 1000px){
.faq_topics{ display:block;}
.faq_topics .qode_faq_topic_list_widget { width:100%;}
.faq_topics .faq_topic{ width:100%; margin-left:0; margin-top:50px;}
.faq-cat-box .qode-accordion-holder{ padding:0;}
.faq-box > .vc_column-inner .qode-accordion-holder { margin-left: 0px;}
.faq-box > .vc_column-inner .qbutton.link-style { margin-left: 0;}
.faq-box .qode-accordion-holder {margin: 0;}
}
@media only screen and (max-width: 600px){
.faq_topics .faq_topic { padding: 40px 30px;}
.faq-box > .vc_column-inner > .wpb_wrapper{ padding: 40px 30px;}
.faq-box > .vc_column-inner .qode-accordion-holder { margin-left: 0;}
.faq-cat-box { padding: 40px 20px;}
}
@media only screen and (max-width: 480px){
.faq-box .vc_column_container > .vc_column-inner { padding: 40px 15px;}
.faq_topics .faq_topic { padding: 40px 15px;}
}
/*----------------Call To action-----------------------------*/
.call_to_action {padding: 25px 45px;background-color: #bb5c00;}
.call_to_action .text_wrapper .call_to_action_text * { color: #fff;}
.call_to_action.with_icon .text_wrapper .call_to_action_text {line-height: 26px;}
.call_to_action .text_wrapper .call_to_action_text{ letter-spacing: 0;font-size: 18px;font-weight: 400;}
.call_to_action .text_wrapper .call_to_action_text p { margin: 5px 0 0 0;}
.qode-iwiat-image-text p:last-child { margin-bottom: 0;}
.call_to_action .column2.button_wrapper .qbutton { background-color: transparent; color: #fff; border-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.call_to_action .column2.button_wrapper .qbutton:hover{ background-color:#fff; color:#bb5c00;}
.call_to_action .container_inner { max-width: 100%;}
@media only screen and (max-width: 768px){
.call_to_action .text_wrapper .call_to_action_icon_holder { height: auto;left: 50%;transform: translateX(-50%); -webkit-transform:translateX(-50%);}
.call_to_action.with_icon .text_wrapper .call_to_action_text { padding: 54px 0 0 0px; }
.call_to_action .two_columns_75_25 > .column1,
.call_to_action .two_columns_75_25 > .column2 { width: auto; float: none;}
.call_to_action .text_wrapper .call_to_action_icon_inner i{ margin:0 !important;}
.call_to_action .column2.button_wrapper .qbutton { position: relative; right: auto; top: auto; -webkit-transform: none; -ms-transform: none; transform: none;}
.call_to_action .column2.button_wrapper{ text-align: center;}
.call_to_action .text_wrapper .call_to_action_text { text-align: center; margin-bottom: 10px !important;}
.call_to_action .column2 { margin-top: 15px;}
}
@media only screen and (max-width: 480px){
.call_to_action { padding: 20px;}
}
/*------------------Check box------------------------------*/
.checkbox_row span.label {position:relative;background-color: rgba(70,121,123,0.04);border: 1px solid #C9C9C9; border-radius: 8px; padding: 22px 30px 22px 22px; display: inline-block; color: #46797B; font-size: 18px;font-weight: 600;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.16); box-shadow: 0 3px 6px rgba(0,0,0,.16); margin-right: 40px;margin-bottom: 40px;}
.checkbox_row label label.label { display: inline-block; vertical-align: top;}
.checkbox_row span.label.active{ background-color:#46797B; color:#fff;}
.checkbox_row span.label input { margin: 0 15px 0 0;}
/* Hide the browser's default checkbox */
.custom_chk input { position: absolute; opacity: 0; cursor: pointer; height: 100%;width: 100%;left: 0;top: 0; z-index:1;}
.custom_chk{ padding-left: 40px; display:block;}
/* Create a custom checkbox */
.checkmark { position: absolute; top: 25px;left: 22px;height: 20px;width: 20px;background-color: transparent;border: 1px solid #46797B; cursor: pointer;}
/* On mouse-over, add a grey background color */
.custom_chk:hover input ~ .checkmark { background-color: #fff;}
/* When the checkbox is checked, add a blue background */
.custom_chk input:checked ~ .checkmark {background-color: #fff; border-color: #fff;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { content: ""; position: absolute; display: none;}
/* Show the checkmark when checked */
.custom_chk input:checked ~ .checkmark:after { display: block;}
/* Style the checkmark/indicator */
.custom_chk .checkmark:after {left: 7px; top: 4px; width: 5px; height: 10px; border: solid #bb5c00; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);
transform: rotate(45deg);}
.checkbox_content {padding: 36px; border: 1px solid #C9C9C9; margin-bottom:40px;}
.checkbox_content br{ margin-bottom:20px;}
.checkbox_content p:last-child { margin-bottom: 0; margin-top: 0;}
.checkbox_content ul li { display: inline-block; width: 34%;}
.checkbox_content ul{ margin-top:25px;}
@media only screen and (max-width: 1200px){
.checkbox_content ul li { width: 46%;}
}
@media only screen and (max-width:768px){
.checkbox_content ul li { width:auto; display:block;}
}
/*-------------------Service Table--------------------------*/
.service_table_inner li.service_table_title_holder {padding: 0;}
.service_table_title_inner {text-align: left;padding-bottom: 15px;}
.service_table_inner li {text-align: left; border-bottom:0; padding-left:0 !important;}
.service_table_inner li::before{ display:none !important;}
.service_table_content > p{ margin:0;}
.service_table_inner li li { padding: 9px 0;}
.service_table_inner li > ul { display: -ms-flexbox;display: -webkit-flex;display: flex; padding-bottom: 40px !important;}
.service_table_inner li li {padding: 9px 30px 9px 0; width: 33.666%; vertical-align: top;}
.service_table_inner li strong { font-weight: 600;}
.service_table_content{ position:relative;}
.service_table_content::after {content: ""; width: 100%; height: 1px; border-bottom: 1px solid #DEDEDE; position: relative; display: block; margin-top: 0; top: -28px;}
.service_table_holder:last-child li::after {display: none;}
.two-col-ul .service_table_inner li li { width: 50%;}
.two-col-ul .service_table_inner li li:last-child { /*text-align: center;*/}
.last-col-li-right .service_table_inner li li:last-child{ text-align:right;}
@media only screen and (max-width: 600px){
.service_table_inner li > ul { display: block;}
.service_table_inner li li {padding: 9px 0; width: auto; vertical-align: top;}
.two-col-ul .service_table_inner li li { width: auto;}
.last-col-li-right .service_table_inner li li:last-child{ text-align:left;}
}
/*----------------Advance Price List------------------------------*/
.qode-advanced-pricing-list .qode-apl-title { font-family:'Open Sans', sans-serif !important; color: #46797b;
font-size: 18px; line-height: 24px; font-weight: 600; letter-spacing: 0px; text-transform: none;}
.qode-advanced-pricing-list .qode-apl-item .qode-apl-item-top .qode-apl-line{ border:0;}
.qode-advanced-pricing-list .qode-apl-item {
margin-bottom: 20px;
border-bottom: 1px solid #DEDEDE;
padding-bottom: 20px;
}
/*--------------ShortCode Video Box--------------------*/
.qode_video_box { display: block; position:relative;}
.qode_video_box img{ width:100%;display: block;}
.qode_video_box .image-video{ position:relative;background-size: cover;background-repeat: no-repeat; min-height:373px;background-position: center center;}
.qode_video_box .qode_video_image {overflow: hidden; min-height:290px;}
.qode_video_box .iframe-container iframe{ width:100%; display:none;}
.qode_video_box .iframe-container{ display:none;position: absolute;top: 0;z-index: 50; width:100%; background-color:#000;}
.qode_video_box .iframe-container_inner{width: auto; position:relative;}
.qode_video_box .iframe-container .close-video { cursor:pointer; background: #fff; width: 50px; height: 50px; display: block; position: absolute;text-align: center;
line-height: 42px;font-size: 20px; right: 0px; top: 0; color: #303030;}
.qode_video_box .qode_video_image:hover .qode_video_box_button { background-color: #2994e6;}
.qode_video_box .video_contant {display: block; position: absolute; bottom: 0; z-index: 22; width: 100%;padding: 35px 25px; box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,0.83+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.83) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.83) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.83) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d4000000',GradientType=0 ); /* IE6-9 */
}
.qode_video_box .video_contant .video_title {margin-bottom: 0;padding-left: 70px; position: relative; line-height: 20px; display: inline-block; vertical-align: middle; font-size: 15px; color: #fff; font-weight: bold;}
.qode_video_box .video_contant::before {content: "\f04b";font-family: FontAwesome;font-size: 18px;color: #fff;width: 52px;height: 52px;background-color: #46797B;text-align: center;
line-height: 52px;border-radius: 50px;display: inline-block;vertical-align: middle; margin-right: 20px; position: absolute;
top: 50%;transform: translateY(-50%); -webkit-transform:translateY(-50%);}
.qode_video_box .qode_video_image .qode_video_box_button { background-color: #0B93FF;}
.qode_video_box .qode_video_image .qode_video_box_button:hover,
.qode_video_box .qode_video_image:hover .qode_video_box_button { background-color: #4B4B4B;}
.qode_video_box .qode_video_image .qode_video_box_button_arrow{ border-left-color:#fff;}
.qode_video_box .qode_video_image:hover img {
transform: unset;
-webkit-transform: none;
}
/*--------------------Accordion-------------------------*/
.qode-accordion-holder .qode-accordion-content{ -webkit-box-shadow: 0 6px 5px rgba(0,0,0,.15); -moz-box-shadow:0 6px 5px rgba(0,0,0,.15); box-shadow: 0 6px 5px rgba(0,0,0,.15);}
.qode-accordion-holder .qode-accordion-content{margin-bottom: 0;margin-top: -8px;position: relative; background-color: #46797B; color:#fff; }
.qode-accordion-holder .qode-title-holder .qode-tab-title span.qode-tab-title-inner { padding: 20px 0; padding-right:10px;}
.qode-accordion-holder:not(.qode-toggle) .qode-accordion-content a{ color:#fff;}
.qode-accordion-holder .qode-title-holder{ margin-top: 40px;background-color: #46797B; color:#fff;
-webkit-box-shadow: 0 0px 5px rgba(0,0,0,.15); -moz-box-shadow: 0 0px 5px rgba(0,0,0,.15); box-shadow: 0 0px 5px rgba(0,0,0,.15); font-family:'Open Sans', sans-serif !important;
font-size: 18px;font-weight: 700;line-height:24px ;}
.qode-accordion-holder .qode-title-holder:first-child { margin-top: 0 !important;}
.qode-accordion-holder .qode-title-holder.ui-state-active{background-color: #46797B; color:#fff; margin-bottom:0;}
.qode-accordion-holder .qode-title-holder .qode-accordion-mark-icon span {width: 22px;height: 22px; color: #fff;border-radius: 4px; border: 1px solid #fff; line-height: 21px;}
.qode-accordion-holder .qode-title-holder.ui-state-hover:not(.ui-state-active) .qode-accordion-mark-icon span{ border-color:#fff; color:#fff;}
.qode-accordion-holder .qode-title-holder.ui-state-active .qode-accordion-mark-icon span{ background-color:#fff; color:#46797B; border-color:#fff;}
.qode-accordion-holder .qode-accordion-content p:first-child { margin-top: 0;}
.qode-accordion-content-inner h6,
.qode-accordion-content-inner h5,
.qode-accordion-content-inner .h6 { font-weight: 400;}
.qode-accordion-content-inner ul { list-style-position: outside; margin-left: 26px;}
.qode-accordion-holder .qode-title-holder .qode-tab-title .qode-tab-title-icon {width: 90px;font-size: 30px; padding: 0 0 0 40px;}
.qode-accordion-holder .qode-title-holder .qode-tab-title .qode-tab-title-icon .ndeb-icon-examination{ font-size:25px;}
.qode-accordion-holder .qode-title-holder .qode-tab-title .qode-tab-title-icon .qode-icon-ndeb::before{ text-align:left;}
/*------------Two Icon with OR-------------------*/
.two-icon-or .q_icon_list {
display: inline-block;
width: 43%;
vertical-align: top;
}
.two-icon-or .q_icon_list:first-child {
margin-right: 12%;
}
.two-icon-or .vc_text_separator.full div {line-height: 30px;width: 30px;}
.two-icon-or .vc_text_separator.full { position: absolute; top: 51px; left: 50%; margin-left: -15px; z-index: 1;}
@media only screen and (max-width: 600px){
.two-icon-or .vc_text_separator.full {
position: relative;
top: auto;
left: auto;
margin-left: 0;
z-index: 1;
padding-top:20px;
}
.two-icon-or .q_icon_list:first-child {
margin-right: 0;
}
.two-icon-or .q_icon_list {
display: block;
width: auto;
}
}
.dscke-para { padding-left: 15px; margin-top: 40px;}
@media screen and (max-width:767px) {
.dscke-para { padding-left: 0px;}
}
/*------------Two Accordion with OR-------------------*/
.vc_text_separator.full {border-top: 0;}
.vc_text_separator.full div {
padding: 0;
line-height: 50px;
width: 50px;
border-radius: 50px;
}
.q_elements_holder.two-accordiion{ display: -ms-flexbox;display: -webkit-flex;display: flex;}
.q_elements_holder.two-accordiion .qode-accordion-holder .qode-title-holder,
.q_elements_holder.two-accordiion .qode-accordion-holder .qode-accordion-content {box-shadow: none;-webkit-box-shadow:none; -moz-box-shadow:none;}
.two-accordiion .q_elements_item .vc_text_separator {
border-top: 0;
position: absolute;
left: 50%;
z-index: 1;
transform: translateX(-50%) translateY(-50%);
top: 50%;
margin-top: 0;
}
.two-accordiion .q_elements_item { display:block; margin-right: 15px; height:auto; background-color:#fff; -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.15);
-moz-box-shadow: 0 0px 5px rgba(0,0,0,.15);
box-shadow: 0 0px 5px rgba(0,0,0,.15);}
.two-accordiion .q_elements_item:last-child {
margin-right: 0;
margin-left: 15px;
}
@media only screen and (max-width: 1000px){
.q_elements_holder.two-accordiion { display: block;}
.two-accordiion .q_elements_item{ width:100% !important; margin-right:0; margin-bottom:30px; }
.two-accordiion .q_elements_item:last-child { margin-bottom:0; margin-left:0;}
.two-accordiion .q_elements_item .vc_text_separator {border-top: 0; position: relative; left: auto; z-index: 1; transform: none; top: auto; margin-top: -22px;}
}
@media only screen and (min-width: 600px){
.qode-accordion-holder .qode-title-holder .qode-tab-title span.qode-tab-title-inner:only-child { padding-left: 40px;}
.qode-accordion-holder .qode-accordion-content{padding:5px 40px 25px;}
.qode-accordion-holder .qode-accordion-content.qode-acc-title-with-icon{ padding-left:40px;}
.qode-accordion-holder .qode-title-holder .qode-tab-title {width: calc(100% - 70px);}
.qode-accordion-holder .qode-title-holder .qode-accordion-mark {right: 30px; top: 20px; height: 30px;}
}
/*--------------Toggle----------*/
.qode-accordion-holder.qode-toggle .qode-title-holder { color: #434343; background-color: #fff; border-bottom:0; font-weight:600; font-size:18px; line-height:24px; letter-spacing:0;}
.qode-accordion-holder.qode-toggle h2.qode-title-holder,
.qode-accordion-holder.qode-toggle h4.qode-title-holder,
.qode-accordion-holder.qode-toggle h5.qode-title-holder,
.qode-accordion-holder.qode-toggle h6.qode-title-holder{color:#46797B;}
.qode-accordion-holder.qode-toggle .qode-title-holder .qode-accordion-mark-icon span {color: #bb5c00;border: 1px solid #bb5c00;}
.qode-accordion-holder.qode-toggle .qode-title-holder.ui-state-hover:not(.ui-state-active),
.qode-accordion-holder.qode-toggle .qode-title-holder:focus:not(.ui-state-active) { background-color:#46797B; color:#fff;}
.qode-accordion-holder.qode-toggle .qode-title-holder.ui-state-hover:not(.ui-state-active) .qode-accordion-mark-icon span,
.qode-accordion-holder.qode-toggle .qode-title-holder:focus:not(.ui-state-active) .qode-accordion-mark-icon span{ border-color:#fff; color:#fff;}
.qode-accordion-holder.qode-toggle .qode-accordion-content{ background-color:#fff; color: #434343;}
.qode-accordion-holder.qode-toggle .qode-title-holder.ui-state-active .qode-accordion-mark-icon span{ background-color:#bb5c00; color:#fff; border-color:#bb5c00;}
.sky-blue-box .section_inner > .section_inner_margin > .vc_column_container > .vc_column-inner,
.sky-blue-box > .vc_column-inner > .wpb_wrapper {background-color: rgba(41,94,96,0.03); padding: 57px 120px; border:1px solid #C1C1C1;}
.sky-blue-box > .vc_column-inner > .wpb_wrapper {padding: 50px 30px; margin-right:30px;}
@media only screen and (max-width: 1250px){
.sky-blue-box .section_inner > .section_inner_margin > .vc_column_container > .vc_column-inner{ padding: 57px 50px;}
}
@media only screen and (max-width: 1200px){
.sky-blue-box .section_inner > .section_inner_margin > .vc_column_container > .vc_column-inner{ padding: 57px 50px;}
}
@media only screen and (max-width: 1000px){
.sky-blue-box > .vc_column-inner > .wpb_wrapper {margin-right:0;}
}
@media only screen and (max-width: 600px){
.sky-blue-box .section_inner > .section_inner_margin > .vc_column_container > .vc_column-inner{ padding: 40px 30px;}
}
/*---------------Ndeb Board-----------*/
.ndeb_board_content { padding: 30px; background-color: rgba(41,94,96,0.03);}
.ndeb_board_content .ndeb_board_title{ margin-bottom:15px;color: #46797b;font-size: 26px; line-height: 33px; font-weight: 400; letter-spacing: 0px; text-transform: none;}
.ndeb_board_committe {
margin-left: -20px;
margin-right: -20px;
}
.ndeb_board_committe span.cell-box {
display: table;
background: rgba(41,94,96,0.03);
width: 163px;
text-align: center;
padding: 15px;
min-height: 163px;
box-sizing: border-box;
margin:50px 20px 0;
float: left; margin-top:50px; position:relative;
}
.ndeb_board_committe span.cell-box span {
display: table-cell;
vertical-align: middle;
color: #46797B;
font-size: 18px;
font-weight: 600;
line-height: 26px;
}
.ndeb_board_committe span.cell-box:nth-child(6n) {
margin-right: 0;
}
.ndeb_board_committe span.cell-box::before {
content: "";
height: 50px;
border-right: 1px solid #DEDEDE;
top: -50px;
left: 50%;
position: absolute;
}
@media only screen and (max-width: 1249px){
.ndeb_board_committe span.cell-box {width: 150px;min-height: 150px;}
}
@media only screen and (max-width: 1200px){
.ndeb_board_committe span.cell-box {width: 141px;min-height: 141px; padding: 10px; margin-left: 10px; margin-right: 10px;}
.ndeb_board_committe {margin-left: -10px; margin-right: -10px;}
}
@media only screen and (max-width: 1000px){
.ndeb_board_committe {margin-left: -5px;margin-right: -5px;}
.ndeb_board_committe span.cell-box span { font-size: 13px; line-height: 16px;}
.ndeb_board_committe span.cell-box {width: 120px;min-height: 120px; margin-left: 5px; margin-right: 5px;}
}
@media only screen and (max-width: 768px){
.ndeb_board_committe span.cell-box::before {display: none;}
.ndeb_board_committe span.cell-box span {font-size: 16px;line-height: 21px;}
.ndeb_board_committe span.cell-box {width: 134px;min-height: 134px; margin-top:20px; margin-left: 10px; margin-right: 10px;}
.ndeb_board_committe span.cell-box:nth-child(6n) { margin-right: 10px;}
.ndeb_board_committe {margin-left: -10px;margin-right: -10px;}
}
@media only screen and (max-width: 600px){
.ndeb_board_committe span.cell-box {width: 126px;min-height: 126px;}
}
@media only screen and (max-width: 480px){
.ndeb_board_committe {margin-left: 0;margin-right: 0;}
.ndeb_board_committe span.cell-box {width: 30%;margin-left: 1.5%; margin-right: 1.5%;}
.ndeb_board_committe span.cell-box:nth-child(6n) { margin-right: 1.5%;}
.ndeb_board_committe span.cell-box span {font-size: 13px; line-height: 18px;}
}
@media only screen and (max-width: 360px){
.ndeb_board_committe span.cell-box span {font-size: 15px;line-height: 20px;}
.ndeb_board_committe span.cell-box {width: 46%; margin-left: 2%; margin-right: 2%;}
.ndeb_board_committe span.cell-box:nth-child(6n) { margin-right: 2%;}
}
/*--------------------Tabs-------------------------*/
.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li {padding: 0;}
.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li::before{ display:none;}
.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li a{ text-decoration:none;}
.qode-advanced-tabs .qode-advanced-tab-container {border: 1px solid #E3E3E3;}
.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li.ui-state-active { background-color: #E6E6E6;}
.qode-advanced-tabs .qode-advanced-tabs-nav li {background-color: transparent; border: 1px solid #E6E6E6; border-right: 0; border-bottom: 0;}
.qode-advanced-tabs .qode-advanced-tabs-nav li:last-child { border-right: 1px solid #E6E6E6;}
.qode-advanced-tabs .qode-advanced-tabs-nav li h3,
.qode-advanced-tabs .qode-advanced-tabs-nav li h4,
.qode-advanced-tabs .qode-advanced-tabs-nav li h5,
.qode-advanced-tabs .qode-advanced-tabs-nav li h6{ font-weight:400; font-size:17px; text-transform:none; line-height:24px; font-family:'Open Sans', sans-serif !important;}
.qode-advanced-tabs .qode-advanced-tabs-nav li a {padding: 20px 28px;color: #46797B; font-size: 17px; font-weight: 400;text-transform:none !important; line-height:inherit !important; }
.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li.ui-state-hover:not(.ui-state-active){ background:#E6E6E62E;}
.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li.ui-state-hover a{color: #46797B;}
.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li.ui-state-active a{color: #46797B; font-weight:700;}
.qode-advanced-tabs .mobile_tab { display: none;color: #434343;font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: 0px; text-transform: none;}
@media only screen and (max-width: 768px){
.qode-advanced-tabs .qode-advanced-tabs-nav {display: none;}
.qode-advanced-tabs .qode-advanced-tabs-nav li { border-right: 1px solid #E6E6E6;box-sizing: border-box;}
.qode-advanced-tabs .qode-advanced-tab-container { display: block !important; margin-bottom:20px;}
.qode-advanced-tabs .mobile_tab {display: block;border: 1px solid #E3E3E3;padding: 15px 28px;border-bottom: 0;color: #46797B;font-size: 17px;background-color: #E6E6E6;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
}
/*-------------.qode-info-card--------------------*/
.qode-info-card{display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap; text-align:left; -webkit-transition: all .4s ease-out;
-o-transition: all .4s ease-out;-moz-transition: all .4s ease-out;transition: all .4s ease-out; margin-bottom: 90px; align-items: center;}
.qode-info-card.image_on_right{flex-direction: row-reverse;}
.qode-info-card .qode-info-card-text-holder{ flex:1; padding: 0; background-color:transparent; z-index: 1;}
.qode-info-card .qode-info-card-image{ padding: 0;}
.qode-info-card-title {margin-bottom: 0;}
h2.qode-info-card-title {color: #fff; text-transform: uppercase; line-height: 50px; margin-bottom: 10px;}
.qode-info-card .has_no_custom_style .qode-info-card-text a{ color:#02AEFF;}
.qode-info-card .info-content{ background-color:#bb5c00;padding: 40px;margin-left: -100px;}
.qode-info-card.image_on_right .info-content{margin-left: 0; margin-right: -100px; padding: 40px;}
.qode-info-card .qode-info-card-text { margin-top: 0; color:#fff; }
.qode-info-card .qode-info-card-text ul{ list-style:none; margin:0; padding:0;}
.qode-info-card .qode-info-card-text ul li{ list-style:none; margin:0; padding:0 0 9px 15px; position:relative;}
.qode-info-card .qode-info-card-text ul li::before{ content:"•"; position:absolute; left:0; top:0;}
.qode-info-card .qode-info-card-text h3{ font-size:36px; line-height:42px;}
.qode-info-card .has_custom_style .qode-info-card-text h3,
.qode-info-card .has_custom_style .qode-info-card-text a{ color:inherit;}
.qode-info-card .has_custom_style .qode-info-card-text a:hover,
.qode-info-card .has_no_custom_style .qode-info-card-text a:hover{ color:#000;}
.qode-info-card .qode-info-card-text p.h6{ color:#fff; font-size:22px; line-height:30px; font-weight:400; letter-spacing:-0.15px; margin:0;}
.qode-info-card .qode-info-card-text-holder strong {}
.qode-info-card .qode-info-card-text-holder-inner{ padding-left:0;}
.qode-info-card.image_on_right .qode-info-card-text-holder-inner{ padding-right:0; padding-left:0;}
.qode-info-card .has_custom_bg-color .qode-info-card-text-holder-inner { padding: 90px 70px;}
.qode-info-card .qode-info-card-image{ overflow:hidden;}
.qode-info-card .qode-info-card-image-bg{ background-size:cover; background-repeat:no-repeat; background-position:center center; -webkit-transition: all .4s ease-out;
-o-transition: all .4s ease-out;-moz-transition: all .4s ease-out;transition: all .4s ease-out; height: 100%;}
.qode-info-card-text p { margin-bottom: 0; margin-top: 15px;}
p:blank { display: none; }
p:-moz-only-whitespace { display: none; }
.qode-info-card .qode-info-card-image img{ visibility:hidden; opacity:0;}
.qode-info-card .qode-info-card-link-holder { margin-top: 30px; margin-left: 40px;}
.qode-info-card.image_on_right .qode-info-card-link-holder { margin-right: 40px; margin-left:0; text-align:right;}
.qode-info-card .qode-info-card-link-holder a:not(.qbutton) { color: #bb5c00; font-size: 22px; font-weight: 700; text-decoration: none;}
.qode-info-card .qode-info-card-link-holder a:not(.qbutton):hover{ color:#46797B;}
h2.special{ color:#fff; text-transform:uppercase; line-height:50px;}
h2.special p{ display:none;}
h2.special em {font-weight: 700; font-style: normal; font-size: 115px; letter-spacing: -2.15px;margin-left: -15px;line-height: 80px;}
h2.special em small {font-size: 60px; letter-spacing: -2.15px;position: relative; left: -20px; top: -20px;}
@media only screen and (max-width: 1200px) {
.qode-info-card .qode-info-card-image{ width:60%;}
h2.qode-info-card-title {line-height: 42px; font-size: 35px;}
h2.special{ line-height: 42px; font-size: 35px;}
h2.special em { font-size: 80px; line-height:50px;}
h2.special em small {font-size: 40px;left: -10px;top: -12px;}
.qode-info-card .info-content { padding: 25px;}
.qode-info-card.image_on_right .info-content {padding: 25px;}
.qode-info-card .qode-info-card-link-holder {margin-top: 15px; margin-left: 20px;}
.qode-info-card.image_on_right .qode-info-card-link-holder {margin-right: 20px;}
}
@media only screen and (max-width: 1000px) {
.qode-info-card{margin-bottom: 90px;}
h2.qode-info-card-title {line-height: 35px; font-size: 30px;}
h2.special{ line-height: 35px; font-size: 30px;}
.qode-info-card .qode-info-card-text-holder-inner { padding-left: 10px;}
.qode-info-card.image_on_right .qode-info-card-text-holder-inner { padding-right: 10px;}
.qode-info-card .qode-info-card-link-holder a:not(.qbutton) {font-size: 18px;}
}
@media only screen and (max-width: 768px) {
.qode-info-card .qode-info-card-text-holder,
.qode-info-card .qode-info-card-image { width: 100%;}
.qode-info-card .qode-info-card-text-holder-inner { padding-top:0; padding-left: 0px;}
.qode-info-card.image_on_right .qode-info-card-text-holder-inner { padding-right: 0px;}
.qode-info-card .info-content { padding: 20px; margin-left: 0;}
.qode-info-card.image_on_right .info-content { padding: 20px; margin-right: 0;}
.qode-info-card .qode-info-card-link-holder {margin-top: 15px;margin-left: 0;text-align: right; margin-right: 0;}
.qode-info-card.image_on_right .qode-info-card-link-holder { margin-right: 0;}
}
@media only screen and (max-width: 480px) {
}
/*-------------Expand More Section--------------------------*/
.more_facts_button {
display: inline-block;
position: relative;
margin: 0;
padding: 14px 45px;
color: #46797B !important;
font-size: 18px;
line-height: 26px;
cursor: pointer;
z-index: 90;
background-color: #F2F2F2;
border: 1px solid #D1D1D1;
min-width: 215px;
box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
text-align: center;
top:1px;
}
.more_facts_button:focus { outline: thin dashed;}
.more_facts_button .more_facts_button_text {
display: block;
font-size: 18px;
font-weight: 700;
letter-spacing: 0;
text-transform: none;
padding: 0;
}
.more_facts_button .more_facts_button_arrow, .more_facts_button .more_facts_button_text {
display: inline-block;
vertical-align: middle;
}
.more_facts_button .more_facts_button_arrow {
border: 1.5px solid;
border-radius: 50px;
width: 16px;
height: 16px;
line-height: 16px;
font-size: 13px;
margin-left: 8px;
}
.more_facts_inner {
position: relative;
display: inline-block;
vertical-align: middle;
width: 100%;
padding: 30px;
border: 1px solid #D1D1D1;
box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
}
.more_facts_inner .wpb_wrapper p:first-child {
margin-top: 0;
}
/*---------------Main Blog Page------------------------*/
.content .container .container_inner.default_template_holder { padding-top: 70px;}
body.blog .content .container .container_inner.default_template_holder,
body.archive .content .container .container_inner.default_template_holder { padding-top: 20px;}
.two_columns_25_75 .blog_holder.masonry .blog_holder_grid_sizer,
.two_columns_25_75 .blog_holder.masonry article,
.two_columns_33_66 .blog_holder.masonry .blog_holder_grid_sizer,
.two_columns_33_66 .blog_holder.masonry article,
.two_columns_66_33 .blog_holder.masonry .blog_holder_grid_sizer,
.two_columns_66_33 .blog_holder.masonry article,
.two_columns_75_25 .blog_holder.masonry .blog_holder_grid_sizer,
.two_columns_75_25 .blog_holder.masonry article {width: 100%;}
.blog_holder.masonry .blog_holder_grid_sizer, .blog_holder.masonry article {width: 100%;}
.two_columns_25_75 .blog_holder.masonry .blog_holder_grid_gutter,
.two_columns_33_66 .blog_holder.masonry .blog_holder_grid_gutter,
.two_columns_66_33 .blog_holder.masonry .blog_holder_grid_gutter,
.two_columns_75_25 .blog_holder.masonry .blog_holder_grid_gutter { width: 0;}
.blog_holder.masonry .blog_holder_grid_gutter { width: 0;}
/*----flex---masnory----*/
body.qode-chrome.blog .content_inner .container_inner,
body.qode-safari.blog .content_inner .container_inner { position: static !important;}
.blog_holder.masonry {position: static !important; width:100% !important;
display: -ms-flexbox;display: -webkit-flex;display: flex; flex-wrap: wrap;-webkit-flex-wrap: wrap;
justify-content: space-between; height: auto !important;}
.blog_holder.masonry article{ margin: 0;float: none; position: static !important;left: auto !important;top: auto !important; transform: none !important;/*display: -ms-flexbox;display: -webkit-flex;display: flex;*/}
.blog_holder.masonry article .masnory-inner {
/* opacity: 0 !important; */
-moz-transition: all .4s ease-in-out,-moz-transform .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out,-webkit-transform .4s ease-in-out !important;
transition: all .4s ease-in-out,transform .4s ease-in-out !important;
-webkit-transform: scale(.8) !important;
-moz-transform: scale(.8) !important;
transform: scale(.8) !important;
margin: 0 0 50px;
padding: 35px; border:1px solid #C9C9C9;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.16);
box-shadow: 0 3px 6px rgba(0,0,0,.16);}
}
.blog_holder.masonry article:nth-child(3) .masnory-inner { margin-top: 0; padding-top: 0; border-top: 0;}
.blog_holder.masonry article.show {
opacity: 1 !important;
-webkit-transform: unset !important;
transform: unset !important;
-moz-transform:unset !important;
}
.blog_holder.masonry article.show .masnory-inner {
opacity: 1 !important;
-webkit-transform: unset !important;
transform: unset !important;
-moz-transform:unset !important;
}
.blog_holder.masonry .blog_holder_grid_sizer,
.blog_holder.masonry .blog_holder_grid_gutter { display:none;}
.blog_holder.masonry article .post_image { margin: 0; width: 46%; float: left;}
.blog_holder.masonry article .post_text { float:right; width:50%;}
.blog_holder.masonry article .post_text.has_no_img {float: none; width: auto; padding-left: 90px; position: relative;}
.blog_holder.masonry article .post_text.has_no_img::before {content: '\e811';font-family: "ndeb-icon";position: absolute;left: 0;color: #46797b;font-size: 43px;top: 10px;}
.blog_holder.masonry article .post_text .post_text_inner{ padding: 0; background-color: transparent;}
.blog_holder.masonry article .post_info { margin: 0 0 10px 0; color: #46797B; font-weight: bold;}
.blog_holder.masonry article .post_info .dots { padding: 0 2px;}
.blog_holder.masonry article p.post_excerpt{ margin-top:15px;}
.blog_title .post_title_left .entry_title{ color:#46797B;}
.blog_holder article .post_info a{ text-decoration:none;}
.blog_holder article .post_more a { font-weight: bold;}
.blog_holder.masonry:not(.blog_masonry_date_in_image) .entry_title,
.blog_holder.masonry_full_width:not(.blog_masonry_date_in_image) .entry_title,
.blog_holder.masonry:not(.blog_masonry_date_in_image) .entry_title a,
.blog_holder.masonry_full_width:not(.blog_masonry_date_in_image) .entry_title a{
font-size: 26px; color:#46797B;
line-height: 36px; margin-bottom:10px;
font-weight: 400;
letter-spacing: 0px;
text-transform: none;text-decoration:none;}
/*---------loding button----*/
.blog_load_more_button_holder {text-align: left; padding: 0 0 40px;}
.blog_load_more_button_holder .blog_load_more_button span {margin-top: -30px; position: relative; display:block;}
.blog_load_more_button a {
padding: 0;
height: auto;
line-height: 30px;
border-radius: 0;
color: #bb5c00;
background: none !important;
border: 0;
text-transform: none;
text-decoration:underline;
}
.blog_load_more_button a:hover{ color:#46797b;}
/*---------Single page--------*/
.blog_holder.blog_single article { margin: 0 0 80px 0;}
.blog_single.blog_holder { margin: 0 auto; max-width: 1200px;}
.blog_single article .post_content_holder { border-bottom: 1px solid #46797B; margin-bottom: 50px; padding-bottom: 70px;}
.blog_single article.custom_tables .post_content_holder { border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
.blog_holder.blog_single article h2 {display: block;color: #46797B; font-size: 26px; line-height: 36px; text-transform: none;}
.blog_holder article .post_info { color: #46797b; font-weight: 700; margin:5px 0 40px;}
.blog_holder article .post_info a { color: #46797b;}
.box_recent_post { background: rgba(70,121,123,0.05); padding: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; float: left; width: 65%; margin-right:4%;}
.box_recent_post .latest_post_holder { padding-left: 80px; width:auto;}
.box_recent_post .recent_post_title {margin-bottom: 50px; padding-left: 80px; position:relative;}
.box_recent_post .recent_post_title::before { content:"\e811"; font-family: "ndeb-icon"; position:absolute; left:0; bottom:0; font-size:48px;}
.share_box{ background: rgba(70,121,123,0.05); padding: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; float: right; width: 30%;}
.share_box .share_box_title { margin-bottom: 20px;}
@media only screen and (max-width: 1000px) {
.blog_holder.masonry article .post_text {float: none; width: 100%;}
.blog_holder.masonry article .post_image {margin: 0 0 30px 0; width: auto; float: none;}
.box_recent_post { float: none; margin-right: 0; width: auto; margin-bottom:30px;}
.share_box { float: none; width: auto;}
}
@media only screen and (max-width: 768px) {
.blog_load_more_button_holder { position: relative; bottom: auto; width: 100%; left: auto; padding: 50px 0 20px;}
.blog_holder.masonry article ..masnory-inner{ margin: 0 0 40px; padding-bottom:40px;}
}
@media only screen and (max-width: 600px) {
.box_recent_post .latest_post_holder { padding-left: 0;}
}
/*---------Search Page--------------------*/
body.search-results .blog_holder article {
padding: 35px; border:1px solid #C9C9C9;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.16);
box-shadow: 0 3px 6px rgba(0,0,0,.16);
}
body.search-results .blog_holder article .entry_title {
color: #46797B;
font-size: 26px;
text-transform: none; letter-spacing:0; line-height:36px; margin-bottom:15px;
}
body.search-results .blog_holder article .post_info {
margin: 0 0 10px 0;
color: #46797B;
font-weight: bold;
}
body.search-results .blog_holder article p{ margin-top:15px; padding-bottom:0;}
body.search-results .blog_holder article .post_text .post_text_inner{ padding:0;}
/*---------Single Required Doc page--------*/
.single-required_document article .post_content_holder {
border-bottom: 0;
margin-bottom: 50px;
padding-bottom: 0;
}
.req-doc-list { list-style: none; margin-top: 30px;}
.req-doc-list li > span {
display: inline-block;
vertical-align: top;
width: 33%;
padding-right: 15px;
box-sizing: border-box;
}
.req-doc-list li > span.column-3{ padding-right:0;}
.req-doc-list li.head_item span,
.req-doc-list li > span > label { color:#46797B; font-weight:bold; font-size:18px; line-height:26px;}
.req-doc-list li > span > label{ display:none;}
.req-doc-list li{ border-bottom:1px solid #DEDEDE; padding:30px 0;}
.req-doc-list li p{ margin-top:0;}
.req-doc-list li > span p:last-child{ margin-bottom:0;}
.req-doc-list li > span.column-1 { font-weight: 600;}
@media only screen and (max-width: 768px) {
.req-doc-list li.head_item{ display:none;}
.req-doc-list li > span{ display:block; width:100%; padding-right:0; padding-bottom:15px;}
.req-doc-list li > span > label{ display:block; margin-bottom:5px;}
}
/*-------------Required Doc Shortcode---------------*/
.required_document_content_1{ margin-bottom:30px;}
.required_document_content{ display:none;}
.qode_required_document_main.active .required_document_content{ display:block;}
.qode_required_document_main.active .required_document_content_1{ display:none;}
.qode_required_document_main .title-doc {
font-size: 18px;
line-height: 26px;
font-weight: 700;
margin-bottom: 25px;
font-family: 'Open Sans', sans-serif !important;
}
.qode_required_document_main form { max-width: 300px; margin-bottom: 30px;}
.country_req_doc_box .entry_title { font-size: 26px; margin-top: 50px; line-height: 30px;}
.country_req_doc_box .req-doc-list { margin-top: 0;}
/*-------------Custom Table Shortcode ------------------*/
.qode_custom_table ul{ list-style:none; padding:0; margin:0;}
.qode_custom_table ul li::before{ display:none;}
.qode_custom_table ul > li { border-bottom: 1px solid #DEDEDE; padding:27px 0;}
.qode_custom_table ul > li > span p:last-child{ margin-bottom:0;}
.qode_custom_table ul > li > span p { margin-top: 0;}
.qode_custom_table ul.column-3 > li > span strong { font-weight: 600;}
.qode_custom_table ul > li > span { float:left; width:50%; display:block;box-sizing: border-box;padding-right: 20px; word-wrap:break-word; }
.qode_custom_table ul > li > span.column-3{ padding-right:0; float:right;}
.qode_custom_table ul > li > span.row_heading {width: 100% !important;padding-right: 0;color: #46797b;font-size: 18px; line-height: 24px; font-weight: 600; margin-bottom:18px;}
.qode_custom_table ul > li > span label { display: none; color: #46797b; font-size: 18px; line-height: 24px; font-weight: 600; margin-bottom:15px;}
.qode_custom_table ul > li.head_row > span {color: #46797b; font-size: 18px; line-height: 24px; font-weight: 600;}
.qode_custom_table ul.column-3 > li > span { width: 33.333%;}
.qode_custom_table .table_desc p { margin-top: 20px; margin-bottom: 20px;}
.qode_custom_table .table_title{ margin-bottom:30px;}
.qode_custom_table .table_title .dp_filter {float: right; min-width: 27%; margin-left: 20px;}
.qode_custom_table .table_title .title-table { float:left;}
.qode_custom_table .table_title .dp_filter label { color: #46797b; font-size: 18px; line-height: 24px; font-weight: 600; margin-bottom:15px; display:block;}
.qode_custom_table ul.column-2 > li > span{ padding-right:50px;}
.qode_custom_table ul.column-2 > li > span.column-2{ padding-right:0; float:right;}
/*-----Style-two----*/
.qode_custom_table.style-2,
.qode_custom_table.no-border{ margin-bottom:30px; border-bottom:1px solid #DEDEDE;}
.qode_custom_table.style-2 .table_title { margin-bottom: 0;}
.qode_custom_table.style-2 .table_title .title-table {color: #46797b;font-size: 18px;line-height: 24px; text-transform: none; font-weight: 600;}
.qode_custom_table.style-2 ul > li.tbody-row,
.qode_custom_table.no-border ul > li.tbody-row{ border-bottom:0;}
.table-1400 span.column-2,
.table-1563 span.column-2{ text-align: right;}
@media only screen and (min-width: 1250px) {
.qode_custom_table ul > li > span.column-3{ width:27%;}
}
@media only screen and (max-width: 768px) {
.qode_custom_table ul > li.head_row{ display:none;}
.qode_custom_table ul > li > span{ width:100%; padding-right:0; float: none; margin-bottom:20px;}
.qode_custom_table ul > li > span.column-2{ padding-right:0;}
.qode_custom_table ul > li > span.column-3{ width:100%; float:none;}
.qode_custom_table ul.column-3 > li > span{ width:100%; float:none;}
.qode_custom_table ul > li > span label{ display:block;}
.qode_custom_table .table_title .dp_filter {float: none;margin-left: 0; margin-top:30px;}
.qode_custom_table .table_title .title-table {float: none;}
.table-1400 span.column-2,
.table-1563 span.column-2 { text-align: left;}
}
/*-------------------latest Post-----------------*/
/*-------------------latest Post-----------------*/
.latest_post_holder > ul > li::before { display: none;}
.related_posts { padding-top: 80px; text-align: center;}
.related_posts >h2{font-size:36px; line-height:45px; font-weight:400;letter-spacing: 0px;color: #E04B23;text-transform: uppercase;margin-bottom: 50px;}
.latest_post_holder.boxes > ul > li .latest_post { padding: 37px; text-align:left;}
.latest_post_holder.boxes > ul > li, .latest_post_holder.dividers > ul > li {background-color: rgba(255,255,255,0.9);margin-bottom: 30px;}
.latest_post_holder.boxes ul {display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.latest_post_holder.boxes .latest_post_inner{ margin-bottom:0 !important;}
.latest_post_holder.boxes .boxes_image { min-height: 40px;}
.latest_post_holder.boxes .post-box { position: relative; padding-bottom: 30px;}
.latest_post_holder.boxes .post-box {-webkit-transition: all .4s ease-out;-o-transition: all .4s ease-out; -moz-transition: all .4s ease-out;transition: all .4s ease-out;flex-grow: 1;-webkit-flex-grow: 1;}
.latest_post_holder.boxes .entry_title,
.latest_post_holder.boxes .entry_title a{letter-spacing: 0px; font-size:25px; font-weight:400; line-height:36px; color:#434343; text-transform: uppercase;}
.latest_post_holder.boxes .entry_title a:hover{color:#86878A;}
.latest_post_holder.boxes .boxes_image a img { width: 100%;}
.latest_post_holder.boxes > ul > li .latest_post p.excerpt { display: none;}
.latest_post_holder > ul > li .date_hour_holder i { margin-right: 0;}
.latest_post_holder.boxes > ul > li .latest_post .post_infos > span {display: inline-block;color: #46797B;font-size: 18px;font-weight: 700;text-transform: uppercase;}
.latest_post_inner .post_infos a { color: #E04B23; margin: 0;}
.latest_post_holder.boxes > ul > li .post_infos,.latest_post_holder.boxes > ul > li .post_infos a{color: #0077c0;font-size: 18px;}
.latest_post_holder.boxes > ul > li .post_infos { padding: 0 0 15px; border-top: 0; display: block; margin-top: auto; flex-grow: 1; bottom: 0;}
.latest_post_holder.boxes > ul > li .post_infos .post_author a{ color:#0077c0;}
.post_author { display: none;}
.latest_post_holder.boxes .post_more{ margin-top:30px;}
.latest_post_holder.boxes .post_more a{ text-decoration:none;font-weight: bold;}
@media only screen and (max-width: 1000px) {
.latest_post_holder.boxes .entry_title,
.latest_post_holder.boxes .entry_title a {font-size: 19px; line-height: 21px;}
}
@media only screen and (max-width:600px) {
.latest_post_holder.boxes > ul > li, .latest_post_holder.dividers > ul > li {
margin-right:0 !important;
}
}
/*------------- latest Post minimal---------------------*/
.latest_post_holder.minimal .latest_post { padding-bottom: 20px;}
.latest_post_holder.minimal .latest_post_inner .post_infos { margin: 0 10px 3px 0; color:#46797B; }
.latest_post_holder.minimal .latest_post_text .latest_post_title a {text-transform: none; text-decoration: none; font-size: 18px; font-weight: 600; font-family: 'Open Sans', sans-serif;}
.latest_post_holder.minimal .latest_post_text .latest_post_title a:hover{ color:#bb5c00;}
.latest_post_holder.image_in_box .latest_post_image { width: auto; float: none;margin-bottom: 20px;}
.latest_post_holder.image_in_box .latest_post_text{ padding:0;}
.latest_post_holder.image_in_box .latest_post_text .latest_post_title { margin: 0 0 15px 0; text-transform: none;}
.latest_post_holder.image_in_box .latest_post_text .latest_post_title a {text-transform: none; text-decoration:none;}
@media only screen and (max-width: 1000px){
.latest_post_holder.minimal .latest_post_inner .latest_post_title { width: auto;}
.latest-news-box .vc_column-inner { padding: 40px !important;}
}
/*----------------Sidebar---------------------------*/
aside .widget { margin: 0 0 49px;}
aside .widget.qode-widget-sticky-sidebar { margin: 0;}
.widget_archive,
.widget_recent_entries,
.qode_faq_topic_list_widget,
.widget_categories,.widget_recent_comments{ background-color:#46797B; padding-bottom:50px;}
.wpb_widgetised_column .widget_nav_menu{ background-color:#46797B; padding-bottom:50px;}
.widget_recent_comments li,
.widget_archive li,
.widget_recent_entries li,
.qode_faq_topic_list_widget li,
.wpb_widgetised_column .widget_nav_menu li,
.widget_categories li{ color:#fff; text-decoration:none; padding:0 !important; margin-bottom:0 !important;}
.widget_recent_comments li a,
.widget_archive li a,
.widget_recent_entries li a,
.qode_faq_topic_list_widget li a,
.wpb_widgetised_column .widget_nav_menu a,
.widget_categories li a{ color:#fff; text-decoration:none; display:block; padding:10px 42px; position:relative;}
.widget_recent_comments ul,
.widget_archive ul,
.widget_recent_entries ul,
.qode_faq_topic_list_widget ul,
.wpb_widgetised_column .widget_nav_menu ul,
.widget_categories ul{ margin-top:0; margin-bottom:0; list-style:none;}
.wpb_column.main_menu{ display:block !important;}
aside .widget.widget_recent_comments li:hover{ color: #fff !important;}
.widget_recent_comments li{ padding:10px 42px !important; position:relative;}
.widget_recent_comments li a{ padding:0;}
.widget_archive li a[aria-current="page"],
.widget_categories li a[aria-current="page"],
.qode_faq_topic_list_widget li a.current,
.wpb_widgetised_column .widget_nav_menu li a.current{ font-weight:bold;}
.widget_archive li a:hover::before,
.widget_archive li a[aria-current="page"]::before,
.widget_categories li a:hover::before,
.widget_categories li a[aria-current="page"]::before,
.qode_faq_topic_list_widget li a.current::before,
.qode_faq_topic_list_widget li a:hover::before,
.wpb_widgetised_column .widget_nav_menu li a.current::before,
.wpb_widgetised_column .widget_nav_menu li a:hover::before
{
content: "";
position: absolute;
top: 11px;
right:0;
border-top: 12px solid transparent;
border-right: 18px solid #fff;
border-bottom: 12px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.column2 aside .widget_archive li a[aria-current="page"]::before,
.column2 aside .widget_categories li a[aria-current="page"]::before,
.column2 aside .widget_archive li a:hover::before,
.column2 aside .qode_faq_topic_list_widget li a.current::before{
left:0;
right:auto;
border-left: 18px solid #fff;
border-right: 0;
}
.widget_recent_comments li a:hover,
.widget_archive li a:hover,
.widget_recent_entries li a:hover,
.qode_faq_topic_list_widget li a:hover,
.wpb_widgetised_column .widget_nav_menu li a:hover,
.widget_categories li a:hover{ color:#fff !important;}
.widget_recent_comments li a:focus,
.widget_archive li a:focus, .widget_recent_entries li a:focus,
.qode_faq_topic_list_widget li a:focus,
.wpb_widgetised_column .widget_nav_menu li a:focus,.widget_categories li a:focus{ color:#fff !important; outline:thin dashed #fff;}
.widget_recent_comments .widget-title,
.widget_archive .widget-title,
.widget_recent_entries .widget-title,
.qode_faq_topic_list_widget .widget-title,
.widget_categories .widget-title,.wpb_widgetised_column .widget_nav_menu h5{ color:#fff; padding:50px 42px 10px;font-size: 26px;line-height: 33px; font-weight: 400; letter-spacing: 0px; text-transform: none;}
aside .widget.widget_search form { border: 1px solid #C1C1C1; margin-top:15px;}
aside .widget.widget_search #searchform { display: block;}
aside .widget.widget_search form input[type="submit"] { color: #46797B; height: 44px; line-height: 44px; font-size: 17px; padding: 2px 0;}
aside .widget.widget_search form input[type="text"] {color: #434343;height: 44px;font-size: 18px;}
.widget_a2a_share_save_widget { background: rgba(70,121,123,0.05); padding:50px 30px;}
.widget_a2a_share_save_widget .widget-title { padding-bottom: 15px;}
@media only screen and (max-width: 1000px) {
.qode_faq_topic_list_widget.main_menu { display: block !important;}
.default_template_holder .two_columns_25_75 > .column1 { width: auto; float: none;}
.default_template_holder .two_columns_25_75 > .column1 > .column_inner{ padding-right:0; padding-bottom:50px;}
.default_template_holder .two_columns_25_75 > .column2 { width: auto; float: none;}
.default_template_holder .two_columns_25_75 > .column2 > .column_inner{ padding-left:0;}
}
/*------------------------Exam Post-------------------------------*/
.exam-filter-outer { margin-bottom: 1.5rem;}
/* Filter header (title + description + legend) */
.exam-filter-header {
border: 1px solid #E1E1E1;
border-bottom: none;
background-color: #FFFFFF;
padding: 40px 50px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: flex-start;
align-items: flex-start;
gap: 20px 30px;
justify-content: space-between;
}
@media only screen and (min-width: 1530px) {
.exam-filter-header { padding: 40px 100px; }
}
.exam-filter-header-main {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: flex-start;
align-items: flex-start;
-ms-flex: 1 1 320px;
flex: 1 1 320px;
min-width: 0;
padding-bottom: 5px;
}
.exam-filter-icon {
display: inline-block;
width: 47px;
height: 46px;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 25px;
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
background-image: url("data:image/svg+xml;utf8,");
}
.exam-filter-heading { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 220px; }
.exam-filter-title {
color: #000;
font-family: 'Century Gothic', 'CenturyGothic', 'AppleGothic', sans-serif;
font-size: 1.875rem;
line-height: 2.0625rem;
font-weight: 400;
font-style: normal;
margin: 0 0 5px;
letter-spacing: 0;
text-transform: none;
}
.exam-filter-subtitle {
color: #000;
font-family: 'Century Gothic', 'CenturyGothic', 'AppleGothic', sans-serif;
font-size: 1.125rem;
line-height: 2.0625rem;
font-weight: 400;
font-style: normal;
margin: 0;
padding: 0;
letter-spacing: 0;
text-transform: none;
}
.exam-filter-legend {
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-ms-flex-item-align: end;
align-self: flex-end;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.exam-filter-legend-label {
color: #707070;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
margin-right: 10px;
font-family: 'Open Sans', sans-serif !important;
white-space: nowrap;
}
.exam-filter-legend-pill {
display: inline-block;
font-size: 0.8125rem;
font-weight: 700;
letter-spacing: 0.5px;
text-transform: uppercase;
padding: 6px 18px;
border-radius: 999px;
border: 1.5px solid transparent;
font-family: 'Open Sans', sans-serif !important;
}
.exam-filter-legend-pill::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
margin-right: 8px;
vertical-align: middle;
}
.exam-filter-legend-north-america {
color: #bb5c00;
border-color: #bb5c00;
}
.exam-filter-legend-north-america::before { background-color: #bb5c00; }
.exam-filter-legend-international {
color: #327B7C;
border-color: #327B7C;
}
.exam-filter-legend-international::before { background-color: #327B7C; }
/* Filter body (dropdowns) */
.exam-filter {
background-color: #F3F3F3;
border: 1px solid #E1E1E1;
border-top: none;
padding: 30px 50px 50px;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0 20px;
}
@media (max-width: 1000px) {
.exam-filter { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 600px) {
.exam-filter { grid-template-columns: 1fr; }
}
@media only screen and (min-width: 1530px) {
.exam-filter { padding: 30px 100px 50px; }
}
.exam-filter { margin-bottom: 0; position: relative; }
.exam-filter .filter_col { width: 100%; margin-right: 0; float: none; }
/* Loading progress bar (5px) shown below the dropdown row while the
AJAX filter request is in flight. Indeterminate-style: animates
0→100% over the actual request duration, so it accurately mirrors
the perceived loading time. */
.exam-filter-progress {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 5px;
background-color: transparent;
overflow: hidden;
pointer-events: none;
opacity: 0;
transition: opacity 150ms ease;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
}
.exam-filter-progress.is-active { opacity: 1; }
.exam-filter-progress-bar {
display: block;
height: 100%;
width: 0%;
background-color: #bb5c00;
transform-origin: left center;
transition: width 200ms ease, transform 200ms ease;
}
/* Loading overlay: dims the whole viewport while the filter AJAX is in
flight, so the user's focus stays on the filter section. The filter
section is lifted above the overlay via z-index. pointer-events:none
keeps the rest of the page clickable (header nav, etc.) underneath. */
.exam-loading-overlay {
position: fixed;
inset: 0;
background-color: rgba(0, 0, 0, 0.45);
opacity: 0;
pointer-events: none;
transition: opacity 200ms ease;
z-index: 1000;
}
.exam-loading-overlay.is-active { opacity: 1; }
/* Lift the filter section above the overlay so it stays at full opacity
and remains the visual focus. Also lift the filter flags (chips) so
the user can still see + remove active filters while waiting. The
white background makes the filter appear as a bright "card" floating
over the dimmed rest of the page, which strengthens the focus cue. */
.exam-filter-outer {
position: relative;
z-index: 1100;
background-color: #FFFFFF;
}
/* Hide the visible separate label - the label is rendered as placeholder text inside the select. */
.exam-filter .filter_col span.label {
position: absolute !important;
width: 1px; height: 1px;
padding: 0; margin: -1px;
overflow: hidden; clip: rect(0,0,0,0);
white-space: nowrap; border: 0;
}
.exam-filter .filter_col .custom-dropdown { width: 100%; }
/* Remove the second arrow inherited from the global .custom-dropdown::after rule. */
.exam-filter .filter_col .custom-dropdown::after { content: none; }
/* Remove the grid gap above the row of dropdowns. */
.exam-filter::before { content: none; }
.exam-filter-header::before { content: none; }
/* Custom dropdown trigger (the closed state) */
.exam-filter .exam-filter-trigger {
position: relative;
display: block;
width: 100%;
min-height: 3.5rem;
background-color: #FFFFFF;
border: 1px solid #E1E1E1;
border-radius: 0.8125rem;
color: #000;
font-family: 'Century Gothic', 'CenturyGothic', 'AppleGothic', sans-serif;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.625rem;
text-transform: uppercase;
padding: 0.9375rem 2.5rem 0.9375rem 1rem;
cursor: pointer;
text-align: left;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 10px 5px;
}
.exam-filter .exam-filter-trigger.is-placeholder { color: #000; }
/* When open, keep the trigger seamless with the panel: gray border on top/left/right, hide the bottom border, square off the bottom corners. */
.exam-filter .exam-filter-trigger.is-open { border-color: #E1E1E1; border-bottom-color: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.exam-filter .exam-filter-trigger:focus-visible { outline: 2px solid #327B7C; outline-offset: 2px; }
/* Custom dropdown panel (the open state) */
.exam-filter .exam-filter-panel {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #FFFFFF;
border: 1px solid #E1E1E1;
border-top: none;
border-radius: 0 0 0.8125rem 0.8125rem;
padding: 0 0 0.5rem 0;
/* High z-index so the open panel sits above adjacent sections
(e.g. the "Locations for Equivalency Process Examinations" heading
that comes right after the filter). */
z-index: 100;
max-height: 18rem;
overflow-y: auto;
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none; /* IE 10+ */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.exam-filter .exam-filter-panel[hidden] { display: none; }
.exam-filter .exam-filter-panel::-webkit-scrollbar { display: none; width: 0; height: 0; }
.exam-filter .exam-filter-option {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
padding: 0.125rem 1rem;
cursor: pointer;
color: #434343;
font-family: 'Century Gothic', 'CenturyGothic', 'AppleGothic', sans-serif;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 1.625rem;
text-transform: none;
gap: 0.75rem;
}
.exam-filter .exam-filter-option:hover { background-color: #F8F9F9; }
.exam-filter .exam-filter-option:focus { outline: none; background-color: #F0F4F4; }
.exam-filter .exam-filter-option.is-disabled { opacity: 0.5; cursor: not-allowed; }
.exam-filter .exam-filter-checkbox {
display: inline-block;
width: 0.8125rem;
height: 0.8125rem;
min-width: 0.8125rem;
border-radius: 0.15625rem;
border: 1px solid #E1E1E1;
background: #FFFFFF;
position: relative;
flex-shrink: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.exam-filter .exam-filter-option.is-selected .exam-filter-checkbox {
border-color: #327B7C;
background: #327B7C;
}
.exam-filter .exam-filter-option.is-selected .exam-filter-checkbox::after { content: none; }
/* Hide the native select - the custom UI is the user-facing element. */
.exam-filter .custom-dropdown select {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.exam-filter .custom-dropdown { position: relative; }
.exam-filter-bottom-text { margin: 20px 0 0; color: #46797B; }
.exam_filter_footer { width: 100%; margin-top: 20px; float: left; }
/*---filter end--*/
/* Active filter flags (chips) shown under the dropdowns. */
.exam-filter-flags {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
align-items: center;
gap: 0.85rem;
margin-top: 2.5rem;
padding: 0;
}
@media only screen and (min-width: 1530px) {
.exam-filter-flags { padding: 0; }
}
.exam-filter-flags-label {
color: #7B7B7B;
font-family: 'Century Gothic', 'CenturyGothic', 'AppleGothic', sans-serif;
font-size: 0.875rem;
font-style: normal;
font-weight: 400;
line-height: 1.625rem;
text-transform: uppercase;
letter-spacing: 0;
}
.exam-filter-flags-list {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
gap: 0.5rem;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-align-items: center;
align-items: center;
}
.exam-filter-flag {
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
margin: 0;
}
.exam-filter-flag-button {
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-align-items: center;
align-items: center;
gap: 0.5rem;
margin: 0;
padding: 0.3rem 1.15rem;
border: 1px solid #8B8B8B;
border-radius: 1.15175rem;
background-color: #FFFFFF;
color: #8B8B8B;
font-family: 'Century Gothic', 'CenturyGothic', 'AppleGothic', sans-serif;
font-size: 0.875rem !important;
font-style: normal;
font-weight: 700 !important;
line-height: 1.625rem;
text-transform: uppercase;
letter-spacing: 0;
white-space: nowrap;
cursor: pointer;
font: inherit;
}
.exam-filter-flag-button:hover { border-color: #707070; color: #707070; }
.exam-filter-flag-button:focus-visible { outline: 2px solid #327B7C; outline-offset: 2px; }
.exam-filter-flag-remove {
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
width: 1.375rem;
height: 1.375rem;
min-width: 1.375rem;
color: #8B8B8B;
line-height: 1;
border-radius: 50%;
}
.exam-filter-flag-remove svg { display: block; width: 100%; height: 100%; }
.exam-filter-flags-clear {
border: none;
background: transparent;
color: #7B7B7B;
text-align: right;
font-family: 'Century Gothic', 'CenturyGothic', 'AppleGothic', sans-serif;
font-size: 0.875rem;
font-style: normal;
font-weight: 700;
line-height: 1.625rem;
text-decoration: underline;
margin-left: 0.25rem;
text-transform: uppercase;
cursor: pointer;
padding: 0.25rem 0;
letter-spacing: 0;
-webkit-align-self: center;
align-self: center;
margin-left: auto;
}
.exam-filter-flags-clear:hover { color: #327B7C; }
.exam-filter-flags-clear:focus-visible { outline: 2px solid #327B7C; outline-offset: 2px; }
/* =========================================================================
Exam cards — Figma v2 redesign
- Two-column grid, ~48.5% wide cards on desktop, single column on mobile.
- Region-driven color theme: orange (#BB5C00) for North America, teal
(#46797B) for International, gray for closed/coming states.
- Header row: title + custom icon (left) and location tags (right).
- Body: two side-by-side date columns (Exam Date | Registration Deadline).
- Footer: orange/teal/gray bar with status label and a "Login to Register"
CTA when open.
========================================================================= */
.exam_main_title { font-size: 26px; line-height: 36px; color: #46797B; margin-bottom: 30px; }
.exam-holder,
.upcoming_exams {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
justify-content: space-between;
}
.exam_box,
.upcoming_exam_post {
width: 48.5%;
background-color: #FFFFFF;
margin-bottom: 3%;
border: 1px solid #E0E0E0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-webkit-flex-direction: column;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
text-align: left;
overflow: hidden;
}
/* Default for legacy spans inside the card. The new layout overrides
`display` on the specific children that need to be inline/flex so the
header row and date columns can sit side-by-side. */
.exam_box > span { display: block; }
.upcoming_exam_post { padding: 30px 35px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.upcoming_exam_post .date_info { display: block; margin-top: 10px; }
.upcoming_exam_post .date_info em { font-style: normal; text-transform: uppercase; color: #46797B; }
/* ----- Card detail / header row ----- */
.exam_box_detail { padding: 25px 45px 20px; box-sizing: border-box; }
.exam_box_header {
/* `` is inline by default; force a block-level flex container so the
title row and location tags sit side-by-side. */
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
margin-bottom: 40px;
width: 100%;
box-sizing: border-box;
}
.exam_title_wrap {
display: flex;
align-items: flex-start;
gap: 20px;
flex: 1 1 auto;
min-width: 0;
/* The wrap carries the region color so the title text and the pathway
icon pseudo-element both inherit from the same source. Without this,
the icon would fall back to the body's neutral grey because the h3
title is a sibling of the icon span, not an ancestor. */
color: #46797B; /* default teal (international) */
}
.exam_box--na .exam_title_wrap { color: #BB5C00; } /* North America override */
.exam_title_icon {
flex: 0 0 auto;
width: 42px;
height: 42px;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
color: inherit;
/* Nudge the icon down 3px so its visual centre lines up with the
title's first line. Applies to both the font-character fallback
and the custom inline SVG. */
margin-top: 3px;
}
/* When the icon comes from the ACF `exam_icon` field, the SVG is
inlined into the page and inherits `color` from the parent
.exam_title_wrap. We cap the SVG at 50px on the long edge so non-square
icons (e.g. 24x32) still fit without explicit width/height attributes
forcing them to stretch. */
.exam_title_icon--inline {
color: inherit;
}
.exam_title_icon--inline > svg {
display: block;
/* Cap the long edge at 42px; the other axis follows the SVG's own
aspect ratio so non-square icons aren't stretched. */
max-width: 42px;
max-height: 42px;
width: auto;
height: auto;
fill: currentColor;
stroke: currentColor;
}
/* Fallback pathway icons. These reproduce the old behaviour of picking an
`ndeb-icon` font character based on the exam's pathway term. The icon
character inherits its color from .exam_title_wrap so it matches the
title text in the same region. */
.exam_title_icon::before {
content: '\e80f';
font-family: "ndeb-icon";
font-size: 37px;
line-height: 1;
color: inherit;
}
/* When the custom inline SVG is in use, suppress the font-character
fallback so both icons don't render at the same time. */
.exam_title_icon--custom::before { content: none; }
.exam_box.ndse .exam_title_icon::before,
.exam_box.osce .exam_title_icon::before,
.exam_box.certification-process .exam_title_icon::before { content: '\e80a'; }
.exam_box.ndecc .exam_title_icon::before { content: '\e80d'; }
.exam_box.ecos-virtuel .exam_title_icon::before { content: '\e80f'; }
.exam_box.acs .exam_title_icon::before { content: '\e80d'; }
.exam_box_detail .exam_title {
font-size: 26px;
line-height: 29px;
color: inherit; /* inherits the region color from .exam_title_wrap */
text-transform: none;
margin: 0;
font-weight: 400;
flex: 1 1 auto;
min-width: 0;
}
/* The upcoming_exam_dates shortcode uses the same color rules as the main
exam cards. The default (no region, or `exam_box--international`) is teal;
only posts that have a USA / Canada location term get the orange theme. */
/* ----- Location tags (USA / CANADA / NEW ZEALAND / AUSTRALIA pills) ----- */
.exam_location_tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
flex: 0 0 auto;
justify-content: flex-end;
align-self: flex-start;
padding-top: 4px;
}
/* When an exam card has 3+ location chips, treat it the same as the
mobile layout: stack the chips above the title in their own row so
the title isn't squeezed. `:has()` lets us detect the count without
needing an extra class on the markup. */
.exam_box_header:has(.exam_location_tags > :nth-child(3)) {
flex-wrap: wrap;
}
.exam_box_header:has(.exam_location_tags > :nth-child(3)) .exam_location_tags {
flex: 1 1 100%;
order: -1;
justify-content: flex-start;
max-width: 100%;
padding-top: 0;
margin-bottom: 8px;
}
.exam_location_tag {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 8px 18px;
border: 1px solid #46797B;
border-radius: 30px;
color: #46797B;
font-family: Century Gothic, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 17px;
text-transform: uppercase;
white-space: nowrap;
background-color: transparent;
}
.exam_location_tag_dot {
display: inline-block;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #46797B;
flex: 0 0 auto;
}
.exam_box--na .exam_location_tag { border-color: #BB5C00; color: #BB5C00; }
.exam_box--na .exam_location_tag_dot { background-color: #BB5C00; }
/* ----- Date block (Exam Date | Registration Deadline) ----- */
.exam_date_box {
font-size: 20px;
line-height: 27px;
color: #434343;
/* `` is inline by default; force a block-level flex container so the
two columns sit side-by-side at full card width. */
display: flex;
flex-wrap: wrap;
column-gap: 40px;
row-gap: 24px;
width: 100%;
box-sizing: border-box;
}
/* The theme's parent rule injects a `::before` pseudo on flex containers
that creates a vertical gap. Kill it for our date row to match the
compact spacing in the Figma designs. */
.exam_date_box::before { content: none; }
.exam_date_box em {
display: block;
font-style: normal;
color: #46797B; /* default teal (international) */
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
margin-bottom: 8px;
font-family: Century Gothic, sans-serif;
}
.exam_box--na .exam_date_box em { color: #BB5C00; } /* North America override */
.exam_date,
.exam_reg_date {
/* Override `.exam_box > span { display: block; }` so these can sit
side-by-side as flex items in `.exam_date_box`. */
display: block;
flex: 1 1 200px;
min-width: 0;
box-sizing: border-box;
}
.exam_date_value,
.exam_reg_date_value { display: block; }
/* ----- Footer (status bar) ----- */
.exam_box_footer {
background-color: #E8E8E8;
padding: 18px 45px;
text-transform: uppercase;
margin-top: auto;
font-family: Century Gothic, sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0;
color: #707070;
box-shadow: 0 4px 6.8px rgba(0, 0, 0, 0.11);
}
.exam_status_row {
/* `` is inline by default; force a block-level flex container so
the status icon, label, and link all sit on one line. */
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px 8px;
width: 100%;
box-sizing: border-box;
}
.exam_status_icon {
display: inline-flex;
align-items: center;
justify-content: center;
color: currentColor;
flex: 0 0 auto;
}
.exam_status_icon svg { display: block; }
.exam_status_label { display: inline-block; }
/* In the "coming" state, the date and "ET" are joined by a non-breaking
space in the markup so they stay together as long as possible. The icon
and label are pinned (no shrink) so the clock icon always stays paired
with "Registration open date:". The date is the only item allowed to
wrap; when it does, it drops to a new line below the label. If the date
is still too long for the row on its own, it will break mid-text
rather than overflow. */
.exam_status_row--coming { flex-wrap: wrap; }
.exam_status_row--coming .exam_status_icon { flex: 0 0 auto; }
.exam_status_row--coming .exam_status_label { flex: 0 0 auto; }
.exam_status_row--coming .exam_status_date {
flex: 0 1 auto;
align-self: flex-start;
min-width: 0;
/* Allow the date to break mid-text as a last resort. The non-breaking
space in the markup still keeps "27 January, 2027 10:00" + "ET"
together whenever there's room. */
overflow-wrap: break-word;
word-break: break-word;
}
.exam_status_sep { opacity: 0.85; }
.exam_status_link {
display: inline-flex;
align-items: center;
gap: 8px;
color: inherit;
text-decoration: none;
font-weight: 700;
}
/* No colour change on hover - the footer background is themed and a
different text colour on hover would clash. The color: inherit +
!important wins over any global a:hover rule that would otherwise
paint the link teal. */
.exam_status_link,
.exam_status_link:hover,
.exam_status_link:focus { color: inherit !important; }
/* Hover: underline + arrow nudge. */
.exam_status_link:hover { text-decoration: underline; }
.exam_status_link:hover .exam_status_link_icon { transform: translateX(10px); }
/* Keyboard focus (Tab): underline as the focus indicator. :focus-visible
avoids underlining on mouse-click focus, and we suppress the
browser's default focus ring (the white box) so the underline
stands alone. */
.exam_status_link:focus { outline: none; }
.exam_status_link:focus-visible { text-decoration: underline; }
.exam_status_link_icon {
display: inline-flex;
align-items: center;
transition: transform 0.2s ease;
}
/* Open state: themed background, white text. The footer is a child of
the article that carries the region class, so we use descendant
combinators instead of stacking both classes on the same element. */
.exam_box--na .exam_box_footer--open { background-color: #BB5C00; color: #FFFFFF; }
.exam_box--international .exam_box_footer--open { background-color: #46797B; color: #FFFFFF; }
/* Coming state stays gray with the clock icon */
.exam_box_footer--coming { background-color: #E8E8E8; color: #707070; }
/* Closed state stays gray with the check icon */
.exam_box_footer--close { background-color: #E8E8E8; color: #707070; }
/* The closed/coming states only recolor the footer; the title text and
date labels keep the region color (orange for NA, teal for international)
so the card stays on-brand even when registration is not yet open. */
/* ----- Responsive ----- */
@media only screen and (max-width: 1530px) {
.exam_date_box { font-size: 17px; line-height: 25px; }
.exam_date_box em { font-size: 14px; line-height: 18px; }
.exam_box_detail .exam_title { font-size: 22px; line-height: 26px; }
.exam_box_header { margin-bottom: 30px; }
}
@media only screen and (max-width: 1250px) {
.exam-filter { padding: 30px; }
.exam-filter-header { padding: 30px; }
.exam_box_detail { padding: 25px 25px 20px; }
.exam_box_footer { padding: 18px 25px; }
}
@media only screen and (max-width: 1200px) {
.exam_date, .exam_reg_date { flex: 1 1 45%; }
}
@media only screen and (max-width: 1000px) {
.exam_box, .upcoming_exam_post { width: 100%; display: block; margin-bottom: 40px; }
}
@media only screen and (max-width: 600px) {
.exam_box_header {
flex-direction: column;
gap: 16px;
margin-bottom: 30px;
}
/* On mobile, push the location chips above the title so the card opens
with the most-recognisable region identifier (USA / CANADA / etc.)
instead of the long exam name. CSS `order` keeps the source order
intact for screen readers. */
.exam_location_tags {
order: -1;
max-width: 100%;
justify-content: flex-start;
/* Pull the chips back in by the pill's left padding so they line up
visually with the card content edge rather than the padding edge. */
margin-left: -8px;
}
.exam_title_wrap { order: 1; }
.exam_date, .exam_reg_date { flex: 1 1 100%; }
.exam_box_detail .exam_title,
.upcoming_exam_post .exam_title { padding-left: 0; padding-top: 0; }
.exam_status_row { flex-direction: row; }
.exam_filter_header, .exam-filter-header { padding: 25px; }
.exam-filter-icon { width: 36px; height: 36px; margin-right: 15px; }
.exam-filter-title { font-size: 1.5rem; line-height: 1.75rem; }
.exam-filter-subtitle { font-size: 0.9375rem; line-height: 1.5rem; }
.exam-filter { padding: 20px 25px 30px; gap: 10px 0; }
/* Colour legend: let the label and the two pills wrap to a second
row on narrow viewports so nothing overflows the card. The
label takes the full width on its own line; the two pills share
the next line. */
.exam-filter-legend {
flex-wrap: wrap;
width: 100%;
}
.exam-filter-legend-label {
flex: 1 1 100%;
line-height: 1.3;
margin-right: 0;
margin-bottom: 8px;
}
.exam-filter-legend-pill { flex: 0 0 auto; }
}
@media only screen and (max-width: 480px) {
.upcoming_exam_post { padding: 30px; }
.exam_box_detail { padding: 22px 22px 18px; }
.exam_box_footer { padding: 16px 22px; font-size: 14px; line-height: 22px; }
.exam_location_tag { padding: 6px 14px; font-size: 12px; }
}
/*-----------------Login page---------------------*/
#wpfep-user_login,#wpfep-user_pass,.wpfep-field input[type="text"] ,.wpfep-field input[type="email"], .wpfep-field input[type="password"],
.page-restrict-output form input[type="text"],.page-restrict-output form input[type="password"]{
border: 1px solid #d1d1d1;
padding: 6px 20px;
line-height: 40px;
box-sizing: border-box; font-size:18px; min-width:500px;
}
.wpfep-registration-form label, .wpfep-login-form label, #lostpasswordform label {
display: block;
font-weight: bold;
padding: 0 0 8px 0;
}
#wp-submit,input.wpfep_save,.page-restrict-output form input[type="submit"]{
min-width: 300px;
text-align: center;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.16) !important;
-moz-box-shadow: 0 3px 6px rgba(0,0,0,.16) !important;
box-shadow: 0 3px 6px rgba(0,0,0,.16) !important;
font-size: 18px;
height: 65px;
line-height: normal;
text-align: center;
background: #bb5c00;
border-width: 1px;
border-color: #bb5c00;
border-style: solid;
color: #ffffff;
cursor: pointer;
font-weight: bold;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px;
text-shadow: none;
padding: 10px 40px;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-box-sizing: border-box;
margin: 10px;
margin-left: 0;
margin-right: 0;
vertical-align: middle;
text-transform:uppercase;
}
.page-restrict-output form input[type="submit"]{ margin-top:30px;}
#wp-submit:hover,input.wpfep_save:hover,.page-restrict-output form input[type="submit"]:hover{background: #46797b; border-color: #46797b;}
#wpfep-login-form,.wpfep-wrapper .tab-content{ background: #efefef; padding: 50px;}
.wpfep-field label { display: block; font-size: 18px; margin-bottom: 4px; font-weight: 700;}
.wpfep-field p.description { font-size: 15px; font-style: italic; color: #999999; margin-top: 0;}
.wpfep-save a.btn { display: none;}
ul#wpfep-tabs { padding: 0; margin-bottom: 0; margin-left: 0;}
.page-restrict-output {
max-width: 1000px;
margin: 0 auto;
background-color: #efefef;
padding: 50px;
margin-bottom: 80px;
margin-top: 60px;
}
.page-restrict-output > p:first-child {
margin-top: 0;
background-color: #fcf8e3;
border: 1px solid #faebcc;
padding: 2px 15px;
color: #8a6d3b;
}
.page-restrict-output form label {
display: block;
font-size: 16px;
font-weight: 700;
margin-top: 20px;
}
@media only screen and (max-width: 600px) {
#wpfep-user_login,#wpfep-user_pass,.wpfep-field input[type="text"] ,.wpfep-field input[type="email"], .wpfep-field input[type="password"],
.page-restrict-output form input[type="text"],.page-restrict-output form input[type="password"]{
min-width:200px;
}
}
/*----------------Table press Collapse------------------------*/
.dataTables_filter { margin-bottom: 30px;}
.dataTables_length{ margin-bottom:30px;}
.dataTables_wrapper .dataTables_filter input { padding: 9px; min-width: 200px;}
.dataTables_length select { padding: 8px; min-width: 80px; font-size: 14px;}
.dataTables_info { margin: 30px 0 0;}
.dataTables_paginate { margin: 30px 0 0;}
.paging_simple .paginate_button.next::after, .paging_simple .paginate_button.previous::before {
text-shadow: none;top: 2px; color:inherit; left:10px;}
.dataTables_paginate.paging_simple { padding-right: 0;}
.dataTables_paginate a {color: #000 !important; background-color: #e4eff0; text-decoration: none; padding: 3px 10px 3px 30px;}
.dataTables_paginate .paginate_button.next{ padding-left:10px; padding-right:30px}
.paging_simple .paginate_button.next::after { left: auto !important; right: 10px;}
.paginate_button.disabled { background-color: #edeeee;}
.paginate_button.disabled::before{color: #999 !important;}
.dataTables_paginate a:not(.disabled):hover{background-color: #bb5c00; color:#fff !important}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
padding-left: 60px;
}
table.ndeb-table-style.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.ndeb-table-style.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
padding-left: 35px;
}
table.dataTable > tbody > tr.child ul.dtr-details {
display: block;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
top: 21px;
left: 20px;
height: 20px;
width: 20px;
border: 1px solid #bb5c00;
border-radius: 0;
box-shadow:none;
line-height: 20px;
content: "+";
background-color: #bb5c00;
}
table.ndeb-table-style.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control::before, table.ndeb-table-style.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control::before {
left:2px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control::before {
content: "-";
background-color: transparent;
color: #bb5c00;
}
table.dataTable > tbody > tr.child span.dtr-title { font-weight: 600; font-size: 15px; line-height: 18px; margin-bottom: 17px; display:block;}
.tablepress thead th em { font-style: normal; font-weight: 500;}
.r2-mb tr.row-2 td{ pointer-events: none;}
.r2-mb tr.row-2 td::before { display: none !important;}
.col-2-text-right .column-2{ text-align:right !important; min-width:150px;}
@media only screen and (max-width: 768px){
.tablepress tfoot th, .tablepress thead th {
font-size: 14px;
line-height: 18px;
}
}
@media only screen and (max-width: 480px){
.tablepress tbody tr td { font-size: 16px; line-height: 22px;}
}
/*-----------Wptables----------------------*/
.wpDataTablesWrapper table.wpDataTable > thead > tr > th { padding: 20px !important;overflow-wrap: break-word;}
.wpDataTablesWrapper table.wpDataTable td { padding: 20px !important; overflow-wrap: break-word;}
.wpDataTablesWrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, .wpDataTablesWrapper table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
content: "+" !important;
height: 20px !important;
width: 20px !important;
background-image:none !important;
left:10px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before {
content: "-" !important;
}
.wpDataTablesWrapper table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child{ padding-left:45px !important;}
@media only screen and (max-width: 768px){
.wpDataTablesWrapper table.wpDataTable > thead > tr > th {
font-weight: 600 !important;
font-size: 14px;
line-height: 18px;
vertical-align:bottom !important;
}
}
@media only screen and (max-width: 480px){
.wpDataTablesWrapper table.wpDataTable > tbody > tr > td { font-size:16px; line-height:22px;}
}
/*-------------------------Footer---------------------------------*/
.footer_top .footer-widget-title { font-size: 18px !important; letter-spacing: 0px !important; line-height: 24px !important; font-weight: 700 !important; text-transform: none;
color: #ffffff; margin-bottom: 22px; display: block;}
footer .footer_inner {background-position: right bottom;background-repeat: no-repeat;background-size: auto 100%;background-color:#46797B;}
.footer_col1 .widget_text p {border-bottom: 1px solid;padding-bottom: 25px;max-width: 355px; margin-bottom:25px;}
.footer_col1 .widget_text p:last-child {border-bottom: 0; padding-bottom: 0;}
.footer_top .widget.widget_nav_menu li {margin: 0;line-height: 19px; font-size: 17px;}
.footer_top .widget_nav_menu ul li{ padding-bottom:14px;}
.footer_bottom_holder { padding-bottom: 40px;}
.footer_bottom { display: block; height: auto; width:auto;}
.footer_bottom .image { width: 106px;}
.footer_bottom_holder .two_columns_50_50 > .column1,
.footer_bottom_holder .two_columns_50_50 > .column2 {width: auto; float: none; display: inline-block; vertical-align: bottom;}
.footer_top a { text-decoration: none;}
.footer_top a:focus{outline:thin dashed #fff;}
.footer_top a:not(.qbutton):hover { text-decoration:underline !important;}
.footer_top .three_columns > .column1{width: 30%;}
.footer_top .three_columns > .column2{width: 23%;}
.footer_top .widget_nav_menu li.menu-item a { display: inline-block;}
@media only screen and (max-width: 1550px){
.footer_top .three_columns > .column1{ width: 37%;}
.footer_top .three_columns > .column2{width: 27%;}
footer .footer_inner { background-position: 1000px bottom;}
}
@media only screen and (max-width: 1250px){
footer .footer_inner { background-position: 600px top;}
}
@media only screen and (max-width: 1000px){
.footer_top .three_columns > .column1{ width:58%;}
.footer_top .three_columns > .column2,
.footer_top .three_columns > .column3{ width:42%;}
}
@media only screen and (max-width: 768px){
.footer_bottom_holder .two_columns_50_50 > .column1, .footer_bottom_holder .two_columns_50_50 > .column2{ display:block; margin-bottom:10px;}
.footer_bottom_holder .two_columns_50_50 > .column1 > .column_inner,
.footer_bottom_holder .two_columns_50_50 > .column2 > .column_inner{ padding:0;}
.footer_bottom_columns.two_columns_50_50 .column2 .footer_bottom{ text-align:left;}
}
@media only screen and (max-width:600px){
.footer_top .three_columns > .column1,
.footer_top .three_columns > .column2,
.footer_top .three_columns > .column3{ width:100%;}
.footer_col1 .widget_text p { max-width: 100%;}
.footer_bottom_columns.two_columns_50_50 .column2 .footer_bottom{ text-align:center;}
}
/*-------------Landing Page footer-------------*/
body.page-template-landing_page footer .footer_inner{ background-image:none !important;}
body.page-template-landing_page footer .footer_bottom_holder .two_columns_50_50 > .column1{ display:none;}
body.page-template-landing_page .footer_bottom_holder {padding-bottom: 40px; text-align: center; padding-top: 40px;}
/*---------------------------------------------------*/
/* Custom dropdown */
.custom-dropdown {
position: relative;
display: block;
vertical-align: middle;
}
.custom-dropdown select {
background-color: #fff;
border:1px solid #C1C1C1;
color: #5a5a5a;
font-size: inherit;
padding: .5em;
padding-right: 2.5em;
margin: 0;
border-radius: 0;
text-indent: 0.01px;
text-overflow: '';
-webkit-appearance: button; /* hide default arrow in chrome OSX */
width:100%;
font-family:'Open Sans', sans-serif;
font-weight:400;
letter-spacing:0.75px;
-webkit-appearance: none;
}
.custom-dropdown::before,
.custom-dropdown::after
{
content: "";
position: absolute;
pointer-events: none;
}
.custom-dropdown::after {
content: "\f107";
height: 12px;
width: 13px;
color: rgba(0,0,0,.4);
right: 1.1em;
top: 50%;
margin-top: -12px;
font-family: FontAwesome !important;
}
/*.custom-dropdown::before {
width: 2em;
right: 0;
top: 0;
bottom: 0;
border-radius: 0 5px 5px 0;
background-color:#fff;
}*/
.custom-dropdown select[disabled] {
color: rgba(0,0,0,.3);
}
.custom-dropdown select[disabled]::after {
color: rgba(0,0,0,.1);
}
/** how to prepare **/
.left-col-padding { padding-left: 4%;}
.right-col-padding { padding-right: 4%;}
@media screen and (max-width: 768px) {
.left-col-padding { padding-left: 0;}
.right-col-padding { padding-right: 0;}
}
.mobile_menu_button span:hover, .side_menu_button>a:hover, header:not(.with_hover_bg_color) nav.main_menu>ul>li:hover>a { opacity: 1 !important;}
/** calendar **/
.fullCalendar .fc-header-title h2 { color:#46797b;}
.fc-button.fc-state-default { background-color:#46797b !important;}
.fullCalendar .fc-state-highlight, .fullCalendar table tr:hover td.fc-state-highlight { background-color: #8375752e !important;}
.rhcalendar.not-widget .fc-view.fc-view-rhc_year .fc-widget-content.fc-state-highlight { background-color: transparent !important;}
@media (max-width: 1000px) {
.fullCalendar .fc-header-title h2 { font-size: 30px; line-height: 38px;}
}
/*-----------Flex Table Historical------------------*/
.qode_historical_table .dp_filter {
margin-bottom: 30px;
max-width: 320px;
}
.qode_historical_table .dp_filter label {
font-size: 18px;
line-height: 26px;
font-weight: 700;
margin-bottom: 10px;
display: block;
}
.qode_historical_table .title-table {
margin-bottom: 30px;
}
.qode_historical_table .table_footer_desc {
margin-top: 30px;
}
.qode_historical_table .table_desc {
margin-bottom: 30px;
}
.flex-table thead {
color: #fff;
background: #46797B;
font-size: 15px;
line-height: 20px;
}
.flex-table tfoot {
background: #1A383A;
color: #fff;
font-weight: bold;
}
.flex-table{ width:100%;}
.flex-table thead tr,
.flex-table tbody tr,
.flex-table tfoot tr {
display: flex;
}
.flex-table tbody tr+tr {
border-top: 1px solid #ccc;
}
.flex-table thead tr th,
.flex-table tbody tr td,
.flex-table tfoot tr td {
display: flex;
flex: 1;
padding: 1em .85em;
text-align:left;
}
.flex-table thead tr th {
flex-direction: column;
}
.qode_historical_table.table-13373 .column-1 {
flex-basis: 25% !important;font-weight: 700;
}
.qode_historical_table.table-13383 .column-1 { flex-basis: 25% !important;}
.flex-table thead tr th span {
display: block;
font-weight: 400;font-size: 14px;
}
.flex-table tbody tr td {
background-color: #fff;
}
.flex-table tbody tr.even td,.filter-res .flex-table tbody tr:nth-child(even) td {
background-color: #E4EFF0;
}
.filter-res > h3 {
margin-bottom: 30px;
}
.table-13269 th.column-1, .table-13269 td.column-1{ max-width: 100px; box-sizing: border-box;}
.table-13269 th.column-6, .table-13269 td.column-6{ max-width: 90px; box-sizing: border-box;}
/*----Responsive---*/
.flex-table tbody tr td .respexp { display: none;}
.flex-table tbody tr td .respexp {width: 18px; height: 18px; border: 1px solid #46797B; align-self: center; margin-right: 10px; position: relative;}
.flex-table tbody tr td .respexp::before {content: "+"; line-height: 17px; text-align: center; display: block; font-size: 20px; font-weight: bold; color: #46797B;}
.flex-table tbody tr td .respexp.active::before {content: "—"; font-size: 12px;}
.flex-table tbody tr.row-detail{ display:none;}
.flex-table tbody tr.row-detail td {display: block; position: relative; padding-top: 30px; overflow: hidden;}
.flex-table tbody tr.row-detail td > span { display: block; margin-bottom: 5px; padding-bottom: 5px;}
.flex-table tbody tr.row-detail td::before {content: "";width: 20px;height: 20px;background-color: #46797B;position: absolute;top: -10px;transform: rotate(45deg);z-index: 0;}
.flex-table .column-8,.flex-table .column-9,.flex-table .column-10{ display:none;}
.flex-table.column-10 tbody tr td .respexp,
.flex-table.column-9 tbody tr td .respexp,
.flex-table.column-8 tbody tr td .respexp{ display: block;}
.flex-table tbody tr.row-detail td > span.col-no3,
.flex-table tbody tr.row-detail td > span.col-no4,
.flex-table tbody tr.row-detail td > span.col-no5,
.flex-table tbody tr.row-detail td > span.col-no6,
.flex-table tbody tr.row-detail td > span.col-no7{ display:none;}
@media screen and (min-width: 1000px) and (max-width:1200px) {
.vc_custom_1647283158834 .section_inner { width: 100% !important; max-width: 95%;}
.vc_custom_1647283158834 .main_menu { width: 25%;}
.vc_custom_1647283158834 .table-col { width: 75%;}
}
@media only screen and (max-width: 1000px){
.flex-table .column-4,.flex-table .column-5,.flex-table .column-6,.flex-table .column-7{ display:none;}
.flex-table.column-7 tbody tr td .respexp,
.flex-table.column-6 tbody tr td .respexp,
.flex-table.column-5 tbody tr td .respexp,
.flex-table.column-4 tbody tr td .respexp{ display: block;}
.flex-table tbody tr.row-detail td > span.col-no4,
.flex-table tbody tr.row-detail td > span.col-no5,
.flex-table tbody tr.row-detail td > span.col-no6,
.flex-table tbody tr.row-detail td > span.col-no7{ display:block;}
}
@media only screen and (max-width: 450px){
.flex-table .column-3{ display:none;}
.flex-table.column-3 tbody tr td .respexp{ display: block;}
.flex-table tbody tr.row-detail td > span.col-no3{ display:block;}
}