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

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





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


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

.toko-core-elements.kc-flip-container .front {
    background: #fff;
    border: 1px solid #f4f4f4;
}

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

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

.toko-core-elements.kc-flip-container .front .front-content i,
.toko-core-elements.kc-flip-container .back .des i {
	color: #4f4f4f;
	line-height: 1;
}

.toko-core-elements.kc-flip-container .front .front-content h3,
.toko-core-elements.kc-flip-container .back .des h3 {
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-size: 21px;
    color: #383838;
    text-transform: initial;
    margin: 0;
}

.toko-core-elements.kc-flip-container .back {
    border: 1px solid #f4f4f4;
}

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

.toko-core-elements.kc-flip-container .back .des .button {
    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 500ms linear;
}


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

.toko-core-elements.kc-pricing-layout-1,
.toko-core-elements.kc-pricing-layout-2,
.toko-core-elements.kc-pricing-layout-3,
.toko-core-elements.kc-pricing-layout-4 {
    border: 1px solid #f4f4f4;
	box-shadow: none;
    border-radius: 0;
    transition: all ease 500ms;
}

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

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

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

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

.toko-core-elements.kc-pricing-layout-1 .content-button a,
.toko-core-elements.kc-pricing-layout-2 .content-button a,
.toko-core-elements.kc-pricing-layout-3 .content-button a,
.toko-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;
}

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


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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

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

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


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

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

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

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

.toko-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;
}

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


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

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

.toko-core-elements.kc_counter_box .counterup {
    color: #383838;
    margin: 0 0 10px 0;
}

.toko-core-elements.kc_counter_box h4 {
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #4f4f4f;
    line-height: 1.2;

}

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


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

.toko-core-elements.kc_accordion_wrapper .kc_accordion_section > .kc_accordion_header {
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    border: 0;
    border-bottom: 1px solid #f4f4f4;
}

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

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

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

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

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

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

.toko-core-elements.kc_accordion_wrapper .kc_accordion_header > span.ui-accordion-header-icon:before {
    font-family: "toko";
    content: "\51";
}

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



/* ---------------------------------------------------------------------------
 * 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;
}