/** Extra-outer **/

body .site-main {
    background-color: #fff;
    position: relative;
    z-index: 1;
}

body .page.sidebar-true .site-main {
    padding: 0;
    background-color: #fff;
}



/* ------------------------
    17.Accordion
------------------------*/
.wrap-acadion .accordion {
    margin-top: 15px;
}

.accordion .toggle:not(:last-child) {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.accordion .toggle-title a {
    display: block;
    font-weight: 500;
    font-size: 15px;
    position: relative;
}

.accordion .toggle-title a i {
    margin-right: 15px;
}

.accordion .toggle-content {
    display: none;
    margin-top: 15px;
}

.accordion .toggle-content p {
    margin-bottom: 0;
}

.accordion .toggle .toggle-title a:after {
    position: absolute;
    font-family: "FontAwesome";
    right: 20px;
    top: 5px;
    display: inline-block;
    content: "\f067";
    border-radius: 50%;
    font-size: 12px;
    line-height: 10px;
}

.accordion .toggle .toggle-title a.active:after {
    content: "\f068";
}

.accordion .toggle.ttm-control-left-true .toggle-title a,
.accordion .toggle.ttm-style-classic.ttm-control-left-true .toggle-title a {
    padding-left: 40px;
}

.accordion .toggle.ttm-control-left-true .toggle-title a:after {
    left: 20px;
    border: 0;
}


/* ttm-style-classic */
.accordion .toggle.ttm-style-classic {
    padding-bottom: 0px;
    margin-bottom: 25px;
    border: 0;
    position: relative;
}

.accordion .toggle.ttm-style-classic:last-child {
    margin-bottom: 0;
}

.accordion .toggle.ttm-style-classic .toggle-content {
    padding: 14px 20px;
    margin-top: 0;
}

.accordion .toggle.ttm-style-classic .toggle-title {
    border: 0;
}

.accordion .toggle.ttm-style-classic .toggle-title a {
    text-transform: capitalize;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    display: block;
    padding: 14px 20px 13px;
    padding-right: 48px;
    position: relative;
    -webkit-transition: color 0s ease-in-out;
    -o-transition: color 0s ease-in-out;
    transition: color 0s ease-in-out;
}

.accordion .toggle.ttm-style-classic .toggle-title a:after {
    top: 20px;
    font-size: 12px;
    line-height: 12px;
}

.accordion .toggle.ttm-style-classic .toggle-content {
    -webkit-box-shadow: 0 0 15px 0 rgba(41, 61, 88, .1);
    -moz-box-shadow: 0 0 15px 0 rgba(41, 61, 88, .1);
    box-shadow: 0 0 15px 0 rgba(41, 61, 88, .1);
}

.accordion .alignleft {
    margin: 0em 1em 0em 0;
}


/* ===============================================*/

body .site-main {
    background-color: #fff;
    position: relative;
    z-index: 1;
}

::selection {
    background: #2457aa;
    color: #fff;
    text-shadow: none;
}


.ttm-bgcolor-darkgrey,
.ttm-bgcolor-darkgrey>.ttm-bg-layer,
.ttm-bgcolor-darkgrey>.ttm-bg-layer>.ttm-col-wrapper-bg-layer-inner,
.ttm-bgcolor-skincolor .tooltip:after,
.ttm-bgcolor-skincolor [data-tooltip]:after,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark,
.tooltip:after,
[data-tooltip]:after,
.ttm-bgcolor-grey .tooltip:after,
.ttm-bgcolor-grey [data-tooltip]:after,
.ttm-icon_element-fill.ttm-icon_element-color-darkgrey,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:not(.btn-inline):hover:after,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:not(.btn-inline):hover:after,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:not(.btn-inline):hover:after,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:not(.btn-inline):hover:after,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-grey:not(.btn-inline):hover:after,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:not(.btn-inline):hover:after,
.menubar-inner,
.menubar-inner:after,
.menubar-inner:before,
nav.main-menu ul.menu>li ul.mega-submenu li:before,
nav.main-menu ul.menu>li ul.mega-submenu .sub-menu li:before,
.ttm-header-style-overlay .ttm-stickable-header.fixed-header,
.ttm-bgcolor-skincolor .header_cart .button-cart .cart_count,
.progress-bar.progress-bar-color-bar_dark,
.progress-bar.progress-bar-color-bar_skincolor .progress-bar-percent,
.ttm-bgcolor-darkgrey .ttm-eventbox-footer .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:not(.btn-inline):hover::after,
.ttm-toggle-title-bgcolor-darkgrey .toggle-title a,
.ttm-toggle-title-bgcolor-skincolor .toggle-title a.active,
.featured-imagebox-portfolio .ttm-box-view-overlay:before,
.ttm-box-view-overlay:before,
.widget.widget-download ul li i,
.widget.widget-download ul li a:hover,
.slick_slider.slick-arrows-style1 .slick-arrow {
    background-color: #2457aa;
}

.ttm-bgcolor-skincolor,
.ttm-bgcolor-skincolor>.ttm-bg-layer,
.ttm-bgcolor-skincolor>.ttm-bg-layer>.ttm-col-wrapper-bg-layer-inner,
.ttm-icon_element-fill.ttm-icon_element-color-skincolor,
.ttm-btn-style-fill.ttm-btn-color-skincolor,
nav.main-menu ul.menu li>ul.mega-submenu li a:hover,
nav.main-menu ul.menu li ul.mega-submenu li.active>a,
nav.main-menu ul.menu>li>a:before,
.fbar-main .fbar-btn a,
.header_cart .button-cart .cart_count,
.header_search_content button.close-search,
.ttm-header-style-03 #site-header-menu .site-navigation:after,
.heading-seperator:after,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark:not(.btn-inline):hover:after,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:not(.btn-inline):hover:after,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:not(.btn-inline):hover:after,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:not(.btn-inline):hover:after,
.featured-imagebox-event .ttm-box-event-date,
.featured-imagebox-procedure .process-num,
.featured-imagebox-course .featured-content-post .ttm-lp-price,
.ttm_subscribe_form .btn[type="submit"],
.progress-bar.progress-bar-color-bar_skincolor,
.progress-bar.progress-bar-color-bar_dark .progress-bar-percent,
.ttm-tabs.tabs-style-01 ul.tabs li.active a,
.ttm-tabs.tabs-style-01 ul.tabs li:hover a,
ul.tabs li.active a,
ul.tabs li:hover a,
.single-lp_course .course-tabs ul.tabs li.active:after,
.single-lp_course .course-tabs ul.tabs li:hover:after,
.ttm-toggle-title-bgcolor-skincolor .toggle-title a,
.ttm-toggle-title-bgcolor-darkgrey .toggle-title a.active,
.timeline .timeline-body h3:after,
.timeline .timeline-year,
.featured-imagebox-portfolio .ttm-media-link a,
.ttm-media-link a,
.course-items .course-item .course-item-meta .item-meta,
.featured-imagebox-team.style2:hover .featured-content,
.course-rate .review-bar .rating,
.featured-imagebox-course_highlight:hover .featured-content-highlight .ttm-icon,
.ttm-box-post-date,
.sidebar .widget-title:before,
.pagination-block .page-numbers.current,
.pagination-block .page-numbers:hover,
.social-icons.circle li>a:hover,
.widget .tagcloud a:hover,
.ttm-team-member-single-content .learn-press-message:before,
div.product ul.tabs li.active a,
div.product ul.tabs li:hover a,
.products .product .ttm-shop-icon a:hover,
.slick_slider .slick-prev:hover,
.slick_slider .slick-next:hover,
.slick_slider.slick-arrows-style1 .slick-prev:hover,
.slick_slider.slick-arrows-style1 .slick-next:hover,
.slick_slider.slick-dots-style1 .slick-dots li.slick-active button,
.slick_slider.slick-dots-style1 .slick-dots li.slick-active button:before,
.slick_slider.slick-dots-style2 .slick-dots li.slick-active button,
.slick_slider .slick-dots li.slick-active button,
#totop.top-visible,
.ttm-bgcolor-darkgrey .tooltip-bottom:after {
    background-color: #ffc107;
}



.ttm-textcolor-white,
.ttm-bgcolor-skincolor a,
.ttm-textcolor-white a,
.ttm-btn-color-white,
.ttm-icon_element-color-white,
.ttm-bgcolor-skincolor i,
.ttm-bgcolor-darkgrey i,
.ttm-textcolor-white h1,
.ttm-textcolor-white h2,
.ttm-textcolor-white h3,
.ttm-textcolor-white h4,
.ttm-textcolor-white h5,
.ttm-textcolor-white h6,
.ttm-textcolor-white a,
.ttm-bgcolor-skincolor h1,
.ttm-bgcolor-skincolor h2,
.ttm-bgcolor-skincolor h3,
.ttm-bgcolor-skincolor h4,
.ttm-bgcolor-skincolor h5,
.ttm-bgcolor-skincolor h6,
.ttm-bgcolor-skincolor a,
.ttm-bgcolor-darkgrey h1,
.ttm-bgcolor-darkgrey h2,
.ttm-bgcolor-darkgrey h3,
.ttm-bgcolor-darkgrey h4,
.ttm-bgcolor-darkgrey h5,
.ttm-bgcolor-darkgrey h6,
.ttm-bgcolor-darkgrey a,
.ttm-textcolor-white .ttm-social-links-wrapper ul li a,
.ttm-icon_element-fill.ttm-icon_element-color-skincolor,
.ttm-icon_element-fill.ttm-icon_element-color-darkgrey,
.ttm-btn-style-fill.ttm-btn-color-skincolor,
.featured-imagebox-event .ttm-box-event-date,
.ttm-btn:not(.btn-inline):hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-skincolor .ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-grey:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-dark:hover,
.ttm-btn.ttm-btn-style-border.ttm-btn-color-skincolor:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-skincolor .row>[class*='col-'] :not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-bgcolor-skincolor .row>[class*='col-'] :not(.ttm-bgcolor-white) a.ttm-btn.ttm-btn-style-fill.ttm-btn-color-white:hover,
.ttm-btn.ttm-btn-style-fill.ttm-btn-color-dark,
nav.main-menu ul.menu li>ul.mega-submenu li a:hover,
nav.main-menu ul.menu li ul.mega-submenu li.active>a,
.ttm-bgcolor-skincolor nav.main-menu ul.menu>li>a,
.fbar-main .fbar-btn a,
.ttm-bgcolor-skincolor .section-title h2.title,
.ttm-bgcolor-darkgrey .section-title h2.title,
.ttm-tabs.tabs-style-01 ul.tabs li.active a,
.ttm-tabs.tabs-style-01 ul.tabs li:hover a,
ul.tabs li.active a,
ul.tabs li:hover a,
.featured-imagebox-team.style2:hover .featured-content .featured-title h5 a,
.featured-imagebox-team.style2:hover .featured-content .team-position,
.ttm-bgcolor-darkgrey .ttm-eventbox-footer .ttm-btn.ttm-btn-style-fill.ttm-btn-color-skincolor:not(.btn-inline):hover,
.ttm-toggle-title-bgcolor-darkgrey .toggle-title a,
.ttm-toggle-title-bgcolor-skincolor .toggle-title a,
.ttm-box-post-date,
.pagination-block .page-numbers.current,
.pagination-block .page-numbers:hover,
.widget.widget-download ul li a:hover,
.widget .tagcloud a:hover,
.social-icons.circle li>a:hover,
.products .product .ttm-shop-icon a:hover,
.slick_slider.slick-arrows-style1 .slick-arrow,
.slick_slider .slick-arrow:hover {
    color: #fff;
}

.accordion .toggle.ttm-style-classic .toggle-title a {
    text-transform: capitalize;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    display: block;
    padding: 14px 20px 13px;
    padding-right: 48px;
    position: relative;
    -webkit-transition: color 0s ease-in-out;
    -o-transition: color 0s ease-in-out;
    transition: color 0s ease-in-out;
}

a,
a:hover,
a:focus,
a:active {
    text-decoration: none;
    outline: none;
    color: inherit;
}



.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: middle;
    width: 100%;
}

.table td,
.table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

table tbody th {
    border-right: 1px solid #e6e6e6;
}

th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
    unicode-bidi: isolate;
}

:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

table {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
}

table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    unicode-bidi: isolate;
    border-spacing: 2px;
    border-color: gray !important;
    text-indent: initial;
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

/* table {
    border-collapse: collapse;
    border-spacing: 0;
    vertical-align: middle;
    width: 100%;
} */