/*
 Theme Name:   Avantage Child
 Theme URI:    http://avantage.bold-themes.com
 Description:  Avantage child theme
 Author:       BoldThemes
 Author URI:   http://bold-themes.com
 Template:     avantage
 Version:      1.0.0
 Tags:         one-column, right-sidebar, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  avantage-child
*/

/* Header Settings
 * --------------------------------------------------------------*/
.gutter .port {
    max-width: 1450px!important;
}


.iso-countup-wrapper {
    background-color: #F9F9F9;
    padding: 34px 10px;
    margin: 87px 0 25px;
    border-radius:8px;
}

.iso-countup-wrapper .bt_bb_column_inner_content {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    gap: 26px;
}

.iso-countup-left {
    flex-basis: 31% !important;
}

.iso-countup-wrapper .bt_bb_counter_holder .bt_bb_counter span.onedigit span {
    color:#F1592B;
}

.iso-countup-right {
    flex-basis: 60% !important;
}

.iso-countup-right {
    flex-basis: 42% !important;
}

.iso-countup-wrapper  .bt_bb_row_inner_holder {
    justify-content: center !important;
    flex-flow: row !important;
    gap: clamp(20px, 5vw, 76px) !important;
}

.iso-countup-wrapper  .bt_bb_column_inner[data-width="6"] {
    max-width: 100% !important;
    padding: 0 !important;
}

.iso-countup-wrapper  h3 {
    font-size: 22px !important;
    font-weight: 400 !important;
    padding: 0 !important;
    line-height: 32px !important;
    color:#262260;
}




.iso-countup-wrapper .bt_bb_counter_holder.bt_bb_size_large {
    font-size: 100px !important;
}


.iso-accordion-wrapper .bt_bb_accordion_item {
    background: #262261;
    color: #fff;
    padding-left: 10px;
    margin-bottom: 4px;
}

.iso-accordion-wrapper  .bt_bb_accordion_item .bt_bb_accordion_item_title {
    color: #fff !important;
}

.iso-accordion-wrapper.bt_bb_accordion .bt_bb_accordion_item .bt_bb_accordion_item_title:after {
    color: #fff !important;
    padding-right: 40px;
}

.iso-accordion-wrapper.bt_bb_accordion .bt_bb_accordion_item.on .bt_bb_accordion_item_title:after {padding-left: 41px !important;}

.iso-accordion-wrapper .bt_bb_accordion_item.on .bt_bb_accordion_item_title {
    color: #fff !important;
}

 .btContent .iso-accordion-wrapper a {
    color: #fff;
}



.page-id-5251 h2.bt_bb_headline_tag {
    margin: 0 0 34px;
}



@media(max-width:1300px) {
    


.iso-countup-wrapper .bt_bb_row_inner_holder {
    flex-direction: column !important;
    align-items: center;
}





.iso-countup-wrapper h3 {
    text-align: center;
}
}

@media(max-width:500px) {
    .iso-countup-wrapper .bt_bb_column_inner_content {
    flex-direction: column;
}
}


.iso-kladoi-inner-container {
    display: grid;
    grid-template-columns: repeat(auto-fill , minmax(clamp(170px, 20vw, 180px), 1fr));
    gap: 12px;
}

.iso-kladoi-item {
    background-color: #F1592B;
    border-radius: 8px;
    text-align: center;
    padding: 33px 0 27px;
}

.iso-kladoi-item-image {
    min-height: 70px;
    margin: 0 0 23px;
}

.iso-kladoi-item-title h4 {
    padding: 0;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 400;
}

.iso-kladoi-title h3 {
    padding: 0;
    margin: 0 0 40px;
    font-size: 30px;
    font-weight: 400;
    color: #262260;
}

.iso-kladoi-wrapper {
    margin: 70px 0 25px;
}

/* Theme customization starts here
-------------------------------------------------------------- */

.menuHolder{
    padding: 18px 0;
}

.btAccentIconWidget.btIconWidget .btIconWidgetIcon {
    color: #fff!important;
}


/* Menu color - style
 * -------------------------------------------------------------------*/
.btMenuHorizontal .menuPort ul ul li a,.menuPort nav ul li a:hover {
     color: #292560!important;
}
.menuPort nav > ul > li > a {
    color: #292560;
}

.btMenuHorizontal .menuPort > nav > ul ul li {
	text-transform:uppercase;
}

.btMenuHorizontal .menuPort ul ul.sub-menu {
    background-color: #221F57;
}

.btMenuHorizontal .menuPort > nav > ul > li > ul.sub-menu li a {
	color: #fff!important;
}

.btMenuHorizontal .menuPort nav{
	padding-left: 92px!important;
}

.btMenuHorizontal .menuPort > nav > ul > li.menu-item-has-children:before{
	border-bottom:9px solid #221F57!important;
}

/*.btMenuHorizontal .menuPort > nav > ul > li > ul li a:before, .btMenuHorizontal .menuPort nav > ul > li.current-menu-ancestor > a:after, .btMenuHorizontal .menuPort nav > ul > li.current-menu-item > a:after{
	    height: 3px!important;
}*/

.btBelowLogoArea .menuPort nav > ul > li > a {
    line-height: 70px;
    font-weight: 400;
    font-size: 17px;
    letter-spacing: 0.3px;
}

/* Client Page
 * -------------------------------------*/
#client-images img {
    max-width: 70%;
}


/* General settings
 * ---------------------------------------------------------------------*/
/* Subtitle font-size */
span.bt_bb_headline_superheadline {
    font-size: 20px;
}

/* body font-size*/
.bt_bb_size_small.bt_bb_headline.bt_bb_subheadline .bt_bb_headline_subheadline{
	font-size: 15px;
}

/*h3{
	font-size:1.20225em!important;
	line-height:1.20225em!important;
}*/

.bt_bb_size_large.bt_bb_headline h3{
	font-size:2.75rem!important;
}


/* Contact page
 * ----------------------------------*/
.contact-page-h5-style h5 {
    color: #2a265a;
    font-size: 22px;
    /* font-weight: 600; */
}

.breadcrumbs {
	max-width: 1450px;
    padding: 30px;
    margin: 0 auto;
    padding-bottom: 10px;
    color: #f15a2a;
    font-family: 'Ubuntu';
    font-size: 16px;
	
	& span {
		color: #262261;
	}
}

.home .breadcrumbs { display: none; }

/* SYSTIMATA ISO TABS */
#systimata-iso-tabs .tabs-item .title:after {
    content: '';
    display: block;
    width: 100%;
    height: 28px;
    position: absolute;
    bottom: -27px;
    right: 0;
    left: 0;
    background-color: #262260;
    clip-path: polygon(0 0, 0% 65%, 100% 0);
}
#systimata-iso-tabs{
    & .bt_bb_tabs_header{
        border: 0 !important;
        gap: 30px 40px;
        & li{
            border-left: 0 !important;
            max-width: 212px;
            &:hover{
                background-color: transparent;
            }
            & span{
                padding: 0px;
                color: #F1592B;
                font-size: 16px;
                font-weight: 400;
            }
            &.on{
                background-color: transparent !important;
                border-bottom: 2px solid #F1592B;
                & span{
                    color: #262261;
                    padding: 0px;
                    padding-bottom: 10px;
                    font-size: 16px;
                    font-weight: 600;
                }
            }
        }
    }
    & .bt_bb_tab_content{
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }
    & .bt_bb_raw_content{
        flex-basis: 23.6%;
        box-shadow: 8px 8px 8px #00000008;
    }
    & .tabs-item-inner{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
    & .tabs-item{
        border: 2px solid #EEEEEE ;
        border-radius: 8px;
        overflow: hidden;
        height: 100%;
        background-color: #F8FAFF;
        box-shadow: 8px 8px 8px #00000008;
        transition:all 0.4s ease-in-out;
        &:hover {
            border-color:#262260;
        }
        & .title{
            background-color: #262261;
            padding: 18px 15px 3px;
            position: relative;
            & strong{
                display: block;
                text-align: center;
                font-size: 20px;
                color: #fff;
            }
        }
        & .description{
            min-height: 132px;
            padding: 43px 23px 0px;
            text-align: center;
            color: #181818;
            font-size: 20px;
            flex-grow: 1;
        }
        
        &:nth-child(5) {
                  & .description{
            
            padding: 56px 43px 0px;
        
        }
        }
        & .button{
                   padding: 14px 20px 18px;
            & a{
                display: block;
                width: 100%;
                color: #F1592B;
                font-size: 13px;
                text-align: center;
                line-height:14px;
            }
        }
    }
}

@media screen and (max-width:860px){
    #systimata-iso-tabs{
        & .bt_bb_tab_content{
            justify-content: center;
        }
        & .bt_bb_raw_content{
            flex-basis: 40%;
        }
    }
}

@media screen and (max-width:600px){
    #systimata-iso-tabs{
        & .bt_bb_tabs_header {
            gap: 15px;
            & li{
                width: 100%;
                border-top: 0 !important;
            }
        }
        & .bt_bb_raw_content{
            flex-basis: 100%;
            max-width: 300px;
            margin: 0 auto;
        }
    }
}