/*----------------------------------------------------------------------------
    TABLE OF CONTENTS:
------------------------------------------------------------------------------
    # Shortcodes
        ## Flip Box
        ## Pricing
        ## Pricing Style 1 ( overwrite )
        ## Pricing Style 2 ( overwrite )
        ## Pricing Style 3 ( overwrite )
        ## Pricing Style 4 ( overwrite )
        ## Progress Bar
        ## Pie Chart
        ## Counter
        ## Accordion
        ## Tab
    # Light Reset
        ## Title

------------------------------------------------------------------------------ */





/* ---------------------------------------------------------------------------
 * Shortcodes
------------------------------------------------------------------------------ */


/* Flip Box ------------------------------------------------------------------ */

.oct-core-elements.kc-flip-container .front {
    background: #fff;
    border: 1px solid var( --dark-border-color );
}

.oct-core-elements.kc-flip-container .wrap-icon {
    margin: 0 0 15px 0;
}

.oct-core-elements.kc-flip-container .front .front-content {
    padding: 100px 25px;
}

.oct-core-elements.kc-flip-container .front i,
.oct-core-elements.kc-flip-container .back .des i {
	color: var( --dark-color );
	line-height: 1;
}

.oct-core-elements.kc-flip-container h3,
.oct-core-elements.kc-flip-container .des h3 {
    font-size: 24px;
    color: var( --extra-dark-color );
    text-transform: initial;
    margin: 0;
}

.oct-core-elements.kc-flip-container .back {
    border: 1px solid var( --dark-border-color );
}

.oct-core-elements.kc-flip-container .back .des {
    padding: 50px 25px;
}

.oct-core-elements.kc-flip-container .back .des .button {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: var( --darken-background-color );
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 46px;
    padding: 0 30px;
    height: 46px;
    display: inline-block;
    border: none;
    position: relative;
    transition: all 500ms linear;
}


/* Pricing ------------------------------------------------------------------- */

.oct-core-elements.kc-pricing-layout-1,
.oct-core-elements.kc-pricing-layout-2,
.oct-core-elements.kc-pricing-layout-3,
.oct-core-elements.kc-pricing-layout-4 {
    border: 1px solid var( --lighten-border-color );
	box-shadow: none;
    border-radius: 0;
    transition: all ease 500ms;
}

.oct-core-elements.kc-pricing-layout-1:hover,
.oct-core-elements.kc-pricing-layout-2:hover,
.oct-core-elements.kc-pricing-layout-3:hover,
.oct-core-elements.kc-pricing-layout-4:hover {
    box-shadow: 0 1px 20px rgba( 0,0,0,.05 );
    transition: all ease 500ms;
}

.oct-core-elements.kc-pricing-layout-1 .content-title,
.oct-core-elements.kc-pricing-layout-2 .content-title,
.oct-core-elements.kc-pricing-layout-3 .content-title,
.oct-core-elements.kc-pricing-layout-4 .content-title {
	text-transform: initial;
}

.oct-core-elements.kc-pricing-layout-1 .content-desc li,
.oct-core-elements.kc-pricing-layout-2 .content-desc li,
.oct-core-elements.kc-pricing-layout-3 .content-desc li {
	font-size: 15px;
	color: #626262;
}

.oct-core-elements.kc-pricing-layout-1 .content-desc li:nth-of-type( 2n+1 ),
.oct-core-elements.kc-pricing-layout-2 .content-desc li:nth-of-type( 2n+1 ),
.oct-core-elements.kc-pricing-layout-4 .content-desc li:nth-of-type( 2n+1 ) {
	background: none;
}

.oct-core-elements.kc-pricing-layout-1 .content-button a,
.oct-core-elements.kc-pricing-layout-2 .content-button a,
.oct-core-elements.kc-pricing-layout-3 .content-button a,
.oct-core-elements.kc-pricing-layout-4 .content-button a {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    background: #161616;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 46px;
    padding: 0 30px;
    height: 46px;
    display: inline-block;
    border: none;
    position: relative;
    transition: all ease 500ms;
}

.oct-core-elements.kc-pricing-layout-1 .content-button a:hover,
.oct-core-elements.kc-pricing-layout-2 .content-button a:hover {
    transition: all ease 500ms;
}


/* Pricing Style 1 ----------------------------------------------------------- */

.oct-core-elements.kc-pricing-tables li {
    font-size: 16px;
}

.oct-core-elements.kc-pricing-layout-1 {
    background: #fff;
}

.oct-core-elements.kc-pricing-layout-1 .header-pricing .content-title {    
	font-weight: 500;
    background: #161616;
}

.oct-core-elements.kc-pricing-layout-1 .content-icon-header i {
    color: #4f4f4f;
}

.oct-core-elements.kc-pricing-layout-1 .kc-pricing-price span,
.oct-core-elements.kc-pricing-layout-1 .kc-pricing-price span.content-duration {
	color: #4f4f4f;
}

.oct-core-elements.kc-pricing-layout-1 .content-button {
    background: none;
}

.oct-core-elements.kc-pricing-layout-1 .content-button a {
	margin-bottom: 50px;
}

.oct-core-elements.kc-pricing-layout-1 .content-button a:hover {
    color: #fff;
    background: #161616;
}


/* Pricing Style 2 ----------------------------------------------------------- */

.oct-core-elements.kc-pricing-layout-2 .content-title {
    font-size: 21px;
    margin: 0 0 3px;
    font-weight: 500;
    color: #4f4f4f;
    padding: 50px 0 0;
}

.oct-core-elements.kc-pricing-layout-2 .kc-pricing-price span {
	color: #ff5a50;
}

.oct-core-elements.kc-pricing-layout-2 .kc-pricing-price span.content-duration {
	font-weight: 400;
    color: #4f4f4f;
}

.oct-core-elements.kc-pricing-layout-2 .content-button a {
	margin-bottom: 50px;
}

.oct-core-elements.kc-pricing-layout-2 .content-button a:hover {
    color: #fff;
    background: #161616;
}


/* Pricing Style 3 ----------------------------------------------------------- */

.oct-core-elements.kc-pricing-layout-3 {
    background: #161616;
    border: 0;
}

.oct-core-elements.kc-pricing-layout-3 .content-title {
	font-weight: 400;
	background: none;
	margin: 0 0 30px 0;
	padding: 50px 0 0 0;
}

.oct-core-elements.kc-pricing-layout-3 .content-desc li {
	color: #fff;
	padding: 12px 0;
}

.oct-core-elements.kc-pricing-layout-3 .kc-pricing-price {
	background: none;
	padding: 30px 0 0 0;
}

.oct-core-elements.kc-pricing-layout-3 .kc-pricing-price span.content-duration {
	font-weight: 400;
}

.oct-core-elements.kc-pricing-layout-3 .content-button a,
.oct-core-elements.kc-pricing-layout-3 .content-button a:hover {
	background: none;
}


/* Pricing Style 4 ----------------------------------------------------------- */

.oct-core-elements.kc-pricing-layout-4 .content-title,
.oct-core-elements.kc-pricing-layout-4 .kc-pricing-price .content-currency,
.oct-core-elements.kc-pricing-layout-4 .kc-pricing-price .content-duration {
	font-weight: 400;
}

.oct-core-elements.kc-pricing-layout-4 .content-desc {
    padding: 30px 0 0 0;
}

.oct-core-elements.kc-pricing-layout-4 .content-desc li:nth-of-type(2n+1) {
    padding: 12px 0;
}

.oct-core-elements.kc-pricing-layout-4 .content-icon-header i {
    margin: 50px 0 30px 0;
    font-size: 60px;
    color: #fff;
    background: rgba( 255,255,255, 0.1 );
    width: 120px;
    height: 120px;
    line-height: 120px;
}

.oct-core-elements.kc-pricing-layout-4 .content-button a {
	margin-bottom: 50px;
}


/* Progress Bar -------------------------------------------------------------- */

.oct-core-elements.kc_progress_bars .progress-item {
    margin-bottom: 45px;
}

.oct-core-elements.kc_progress_bars .kc-ui-progress {
    background: var( --primary-color );
    height: 1px;
}

.oct-core-elements.kc_progress_bars .kc-ui-progress-bar {
    background: var( --dark-border-color ); 
}

.oct-core-elements.kc_progress_bars .progress-item span.label {
    font-size: 16px;
    line-height: 1.2;
    color: var( --extra-dark-color );
    margin-bottom: 15px;
}

.oct-core-elements.kc_progress_bars .kc-ui-progress div.ui-label {
    line-height: 1.2;
    margin: 0 0 15px 0;
}

.oct-core-elements.kc_progress_bars .kc-ui-progress div.ui-label .value {
    color: var( --dark-color );
}

.oct-core-elements.kc_progress_bars .kc-ui-progress2 div.ui-label span.value {
    background: var( --darken-background-color );
    color: #fff;
    font-size: 12px;
}

.oct-core-elements.kc_progress_bars .kc-ui-progress2 span.value:before {
    border-top-color: var( --darken-background-color );
}

.oct-core-elements.kc_progress_bars .kc-ui-progress-bar3 .kc-ui-progress {
    height: 26px;
}

.oct-core-elements.kc_progress_bars .kc-ui-progress-bar3 div.ui-label {
    margin: 0 15px 0 0; 
}

.oct-core-elements.kc_progress_bars .kc-ui-progress-bar3 div.ui-label .value {
    color: #fff;
}


/* Pie Chart ----------------------------------------------------------------- */

.oct-core-elements .kc_piechart .percent {
    font-size: 21px;
    font-weight: 500;
    color: var( --primary-color );
}


/* Counter ------------------------------------------------------------------- */

.oct-core-elements.kc_counter_box i {
    color: #ff5a50;
}

.oct-core-elements.kc_counter_box .counterup {
    font-family: var( --primary-font );
    font-size: 36px;
    font-weight: 600;
    color: var( --dark-color );
    margin: 0 0 20px 0;
}

.oct-core-elements.kc_counter_box h4 {
    font-family: var( --secondary-font );
    font-size: 17px;
    font-weight: 400;
    color: var( --normal-color );

}

.oct-core-elements.kc_counter_box h4,
.oct-core-elements.kc_counter_box i {
    margin: 0;
}


/* Accordion ----------------------------------------------------------------- */

.oct-core-elements.kc_accordion_wrapper .kc_accordion_section > .kc_accordion_header {
    font-family: var( --secondary-font );
    border: 0;
    border-bottom: 1px solid var( --light-border-color );
}

.oct-core-elements.kc_accordion_wrapper .kc_accordion_header > a {
    font-size: 16px;
    font-weight: 500;
    color: #383838;
    padding: 15px 0;
}

.oct-core-elements.kc_accordion_wrapper .kc_accordion_header > a i[class*="-"] {
    font-size: 16px;
    padding: 0 10px 0 0;
}

.oct-core-elements.kc_accordion_wrapper .kc_accordion_content .kc-panel-body {
    padding: 25px 0 0 25px;
}

.oct-core-elements.kc_accordion_wrapper .kc_accordion_section.group {
    padding: 0;
}

.oct-core-elements.kc_accordion_wrapper .kc_accordion_header>span.ui-accordion-header-icon {
    font-size: 18px;
    color: #626262;
    margin: 22px 0;
}

.oct-core-elements.kc_accordion_wrapper .kc_accordion_content {
    border: 0;    
}

.oct-core-elements.kc_accordion_wrapper .kc_accordion_header > span.ui-accordion-header-icon:before {
    font-family: "octagon-basic";
    content: "\64";
}

.oct-core-elements.kc_accordion_wrapper .kc-section-active .kc_accordion_header.ui-state-active > span.ui-accordion-header-icon:before {
    font-family: "octagon-basic";
    content: "\68";
}


/* Tab ----------------------------------------------------------------------- */

.oct-core-elements.kc_tabs > .kc_wrapper > .kc_tabs_nav {
    background: none;
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.oct-core-elements.kc_tabs .kc_tabs_nav > li:hover,
.oct-core-elements.kc_tabs .kc_tabs_nav > li > a:hover,
.oct-core-elements.kc_tabs .kc_tabs_nav > .ui-tabs-active > a,
.oct-core-elements.kc_tabs .kc_tabs_nav > .ui-tabs-active > a:hover {
    background: #fafafa;
}

.oct-core-elements.kc_tabs .kc_tabs_nav > li {
    font-size: 15px;
    font-weight: 500;
    padding: 0;
    margin: 0;
    display: inline-block;
    float: none;
}

.oct-core-elements.kc_tabs .kc_tabs_nav > li > a,
.oct-core-elements.kc_tabs .nav-pills > li > a {
    color: var( --dark-color );
    text-align: center;
    line-height: 1.4;
    padding: 18px 30px;
    border: 1px solid var( --lighten-border-color );
    border-left: 0;
}

.oct-core-elements.kc_tabs .kc_tabs_nav > li:first-child > a,
.oct-core-elements.kc_tabs .nav-pills > li:first-child > a {
    border-left: 1px solid var( --lighten-border-color );
}

.oct-core-elements.kc_tabs .kc_tabs_nav ~ .kc_tab.ui-tabs-body-active {
    background: #fff;
}

.oct-core-elements.kc_vertical_tabs > .kc_wrapper.ui-tabs {
    display: flex;
    flex-wrap: wrap;
}

.oct-core-elements.kc_vertical_tabs > .kc_wrapper > ul.ui-tabs-nav ~ div.kc_tab {
    display: none;
}

.oct-core-elements.kc_vertical_tabs > .kc_wrapper > ul.ui-tabs-nav {
    width: 220px;
}

.oct-core-elements.kc_vertical_tabs > .kc_wrapper > ul.ui-tabs-nav > li {
    font-size: 15px;
    font-weight: 500;
    border: 1px solid var( --lighten-border-color );
}

.oct-core-elements.kc_vertical_tabs > .kc_wrapper > ul.ui-tabs-nav > li > a {
    color: var( --dark-color );
    padding: 15px 22px;
}

.oct-core-elements.kc_vertical_tabs > .kc_wrapper > ul.ui-tabs-nav > li.ui-tabs-active > a,
.oct-core-elements.kc_vertical_tabs > .kc_wrapper > ul.ui-tabs-nav > li.ui-tabs-active > a:hover,
.oct-core-elements.kc_vertical_tabs > .kc_wrapper > ul.ui-tabs-nav > li > a:hover {
    color: var( --dark-color );
    background: #fafafa;
}

.oct-core-elements.kc_vertical_tabs > .kc_wrapper > ul.ui-tabs-nav ~ div.kc_tab.ui-tabs-body-active {
    padding: 0;
    display: block;
    border: 1px solid var( --lighten-border-color );
}



/* ---------------------------------------------------------------------------
 * Light Reset
------------------------------------------------------------------------------ */


/* Title --------------------------------------------------------------------- */

.light h1.kc_title,
.light h2.kc_title,
.light h3.kc_title,
.light h4.kc_title,
.light h5.kc_title,
.light h6.kc_title,
.light div.kc_title,
.light span.kc_title,
.light p.kc_title,
.light .kc_title a {
	color: #383838;
}