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

custom CSS	

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

.swiper_wrapper {
    height: 700px;
}

.section {
    padding: 0px 0;
}


@media (min-width: 768px) and (max-width: 991.98px) {
	.swiper_wrapper:not(.force-full-screen),
	.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide { height: 700px!important;}
    
        .slider-caption:not(.dark), .slider-caption:not(.dark) h2 {
        color: #222;
        text-shadow: none;
        top: 80px!important;} 
    
	}
    
@media (min-width: 576px) and (max-width: 767.98px) {
	.swiper_wrapper:not(.force-full-screen),
	.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide { height: 500px!important;}

    .slider-caption:not(.dark), .slider-caption:not(.dark) h2 {
        color: #222;
        text-shadow: none;
        top: 45px!important;} 
	}

@media (max-width: 575.98px) {
	.swiper_wrapper:not(.force-full-screen),
	.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide { height: 460px!important;}
    
        .slider-caption:not(.dark), .slider-caption:not(.dark) h2 {
        color: #222;
        text-shadow: none;
        top: 50px!important;} 
    
	}

.heading-block {
    margin-bottom: 0px!important;
}

.nott {
    margin-bottom: 0px!important;
}

.price-list .price-title {
    font-size: 48px;
    font-weight: 600;
    color: #267df4;
    color: var(--themecolor);
}

.price-list .price-title small {
    position: relative;
    font-size: 16px;
    color: #aaa;
    top: -4px;
    margin-left: 6px;
}

.member-text{
    color:#FFF!important;
    text-shadow: 
    black 1px 1px 10px, black -1px 1px 10px,
    black 1px -1px 10px, black -1px -1px 10px;
    
}

.feature-box .fbox-icon i, .feature-box .fbox-icon img {
    border-radius: 50%;
    background-color: var(--themecolor);
}

.feature-box.fbox-outline .fbox-icon {
    border: 1px solid var(--themecolor);
    border-radius: 50%;
    padding: 3px;
}


.feature-box h3 span.subtitle {
    font-size: 14px!important;
    color: #444!important;
}



.fancy-title.title-bottom-border h1, .fancy-title.title-bottom-border h2, .fancy-title.title-bottom-border h3, .fancy-title.title-bottom-border h4, .fancy-title.title-bottom-border h5, .fancy-title.title-bottom-border h6 {
    display: block;
    background: transparent;
    padding: 0 0 10px;
    border-bottom: 2px solid var(--themecolor);
}

h1 > span:not(.nocolor):not(.badge),
h2 > span:not(.nocolor):not(.badge),
h3 > span:not(.nocolor):not(.badge),
h4 > span:not(.nocolor):not(.badge),
h5 > span:not(.nocolor):not(.badge),
h6 > span:not(.nocolor):not(.badge) { color: var(--themecolor); }


#footer {
    position: relative;
    background-color: #EEE;
    border-top: 5px solid var(--themecolor);
}


.bgcolor, .bgcolor #header-wrap {
    background-color: var(--themecolor)!important;
}


.slider-caption h2 {
    font-size: 2rem;
    line-height: 1.4;
}

@media (max-width: 575.98px){
.swiper_wrapper .slider-caption h2 {
    font-size: 1.2rem!important;
}
}


.slider-caption, .flex-caption {
    max-width: 680px;
}

.swiper-slide {
    width:100% !important;
}

section table { width: 100%; }
section th, section td  { padding: 10px; border: 1px solid #ddd; }
section th  { background: #f4f4f4; }
 
/*----------------------------------------------------
  .demo01
----------------------------------------------------*/
.demo01 th  { width: 30%; text-align: left; font-size: 15px; padding: 20px;}
 
@media only screen and (max-width:480px){
    .demo01 { margin: 0 -10px; }
    .demo01 th,
    .demo01 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .demo01 tr:first-child th { border-top: 1px solid #ddd; }
}

.demo01 th code {
    color: #000;
}