/*
Theme name: Qtheme
Theme url: http://www.craqdesignstudio.it
Version: 9.0
Author: <a href="http://www.craqdesignstudio.it" title="Craq Design Studio">Craq Design Studio</a>
Author url: http://www.craqdesignstudio.it
*/

/*--------------------------------------------------------------
TABLE OF CONTENTS:
----------------------------------------------------------------
1.0  Stripe
    1.1 Header
    1.2 Font
    1.3 Background
    1.4 Padding
    1.5 Border
    1.6 Align
    1.7 Icons
2.0 Box
    2.1 Width
    2.2 Height
    2.3 Padding
    2.4 Border
    2.5 Align
3.0
    3.1 Box Text
    3.2 Box Image / Video
    3.3 Box Slide / Gallery
    3.5 Box Tiles
    3.10 Box Program
4.0 Responsive

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

/*--------------------------------------------------------------
1.0 Stripe
--------------------------------------------------------------*/
.stripe{
    position: relative;
    padding: 5rem 0;
    z-index: 1;
    overflow-x: hidden;
    max-width: 1600px;
    margin: auto;
    box-sizing: border-box;
}
.classicMain .stripeWrap #stripe0 {
    padding-top: 5rem;
}
.stripe .overlay{
    z-index: 2;
}
.stripe > * {
    position: relative;
    z-index: 3;
}
.stripeBoxes {
    display: flex;
    flex-wrap: wrap;
}
.stripe .buttonsContainer{
    margin-top: 3rem;
}
.stripeTitle.flex .inside {
    margin-right: 1.5rem;
}
.stripeTitle .buttonsContainer .button {
    margin-right: 0;
    margin-top: 0;
    margin-left: 1rem;
}

/* 1.0.1 Width
----------------------*/
/*.stripe.content_width_normal {
    padding-right: 8rem;
    padding-left: 8rem;
}*/

.stripe_width_regular { padding-right: 5rem; padding-left: 5rem; }
.stripe_width_, .stripe_width_large { padding-left: 0%; padding-right: 0%; }
/* 1.1 Header
----------------------*/
.stripeHeader.withBoxes{
    margin-bottom: 3rem;
}
.stripeTitle,
.stripeSubtitle{
    display: flex!important;
    align-items: center;
}
.stripeTitle {
    border-bottom: 1px solid #E6EAEA;
    padding-bottom: 1.5rem;
}
.stripeSubtitle{
    margin-top: 1.5rem;
    margin-bottom: 5rem;
    max-width: 800px;
}
.stripeTitle .buttonsContainer {
    justify-content: flex-end;
    margin-top: 0;
}

.stripeTitle .inside *{
/*    font-size: 5rem;
    line-height: 5rem;*/
    margin-bottom: 0;
}
.stripeTitle .iconWrap .icon.material,
.stripeTitle .iconWrap .icon.awesome{
    font-size: 8rem;
}
.stripeTitle .iconWrap .icon.custom{
    padding: 6rem;
}
.stripeTitle .iconCover{
    margin-bottom: 1.5rem;
}

/* 1.2 Font
----------------------*/
.font_color_light,.font_color_light a{
    color: #ffffff;
}
.font_color_light .button .icon.customSVG svg path,
.font_color_light .button .icon.customSVG svg polygon{
    fill: #ffffff;
}

/* 1.3 Background
----------------------*/
.background_image{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.background_image.background_position_nw {background-position: left top;}
.background_image.background_position_n {background-position: center top;}
.background_image.background_position_ne {background-position: right top;}
.background_image.background_position_w {background-position: left center;}
.background_image.background_position_e {background-position: right center;}
.background_image.background_position_sw {background-position: left bottom;}
.background_image.background_position_s {background-position: center bottom;}
.background_image.background_position_se {background-position: right bottom;}

/* 1.4 Padding
----------------------*/
.stripe.padding_top_none{padding-top: 0;}
.stripe.padding_top_max{padding-top: 7.5rem;}
.stripe.padding_top_min{padding-top: 2.5rem;}
.stripe.padding_bottom_none{padding-bottom: 0;}
.stripe.padding_bottom_max{padding-bottom: 7.5rem;}
.stripe.padding_bottom_min{padding-bottom: 2.5rem;}

.classicMain #stripe0 {
    padding-top: 0;
}

/* 1.5 Border
----------------------*/
.stripe.border_all{
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}
.stripe.border_top{border-top: 1px solid #d4d4d4;}
.stripe.border_bottom{border-bottom: 1px solid #d4d4d4;}

/* 1.6 Align
----------------------*/
.stripe.align_rule_center .stripeTitle,
.stripe.align_rule_center .stripeSubtitle,
.stripe.align_title_center .stripeTitle,
.stripe.align_subtitle_center .stripeSubtitle{
    text-align: center;
    justify-content: center;
}
.stripe.align_rule_center .stripeBoxes,
.stripe.align_rule_center .buttonsContainer,
.stripe.align_boxes_center .stripeBoxes,
.stripe.align_buttons_center .buttonsContainer{
    justify-content: center;
}
.stripe.align_rule_right .stripeTitle,
.stripe.align_rule_right .stripeSubtitle,
.stripe.align_title_right .stripeTitle,
.stripe.align_subtitle_right .stripeSubtitle{
    text-align: right;
    justify-content: flex-end;
}
.stripe.align_rule_right .stripeBoxes
.stripe.align_rule_right .buttonsContainer,
.stripe.align_boxes_right .stripeBoxes,
.stripe.align_buttons_right .buttonsContainer{
    justify-content: flex-end;
}
.stripe.align_boxes_justify .stripeBoxes{
    justify-content: space-between;
}
.stripe.vertical_align_symmetric .imageAboveTitleWrap{
    margin-bottom: 2rem;
}
.stripe.vertical_align_middle .stripeBoxes{
    align-items: center;
}
.stripe.vertical_align_bottom .stripeBoxes{
    align-items: flex-end;
}
.vertical_align_symmetric .box .inside{
    display: flex;
    flex-direction: column;
}

/*Stripe Settings Classes*/
.stripe.header-margin-bottom-none .stripeHeader {
    margin-bottom: 1rem;
}

/* 1.7 Icons
----------------------*/
.iconWrap{
    display: inline-flex;
    align-items: center;
}

.icon.custom{
    position: relative;
    width: 0;
    height: 0;
    min-width: 2.4rem;
    min-height: 2.4rem;
    background: center center no-repeat;
    background-size: contain;
    box-sizing: border-box;
}
.iconWrap_right{
    flex-direction: row-reverse;
}
.iconWrap_right .icon{
    margin-right: 0;
    margin-left: 0.5rem;
}
.iconWrap_above{
    flex-direction: column;
}
.iconWrap_above .icon{
    margin-right: 0;
    margin-bottom: 0.25rem;
}
.iconWrap_under{
    flex-direction: column-reverse;
}
.iconWrap_under .icon{
    margin-right: 0;
    margin-top: 0.25rem;
}

.button .iconWrap .icon{
    margin-right: 0.5rem;
}
.button  .iconWrap .icon.material,
.button .iconWrap .icon.awesome{
    font-size: 1.5rem;
}

.icon.material, .icon.awesome {
    font-size: 2.4rem;
}
/*aggiunte*/
/*size2*/
.icon.size2 {
    font-size: 3.6rem;
}
.icon.custom.size2 {
    min-height: 3.6rem;
    min-width: 3.6rem;
}
.icon.size3 {
    font-size: 4.8rem;
}
.icon.custom.size3 {
    min-height: 4.8rem;
    min-width: 4.8rem;
}
    /*--------------------------------------------------------------
    2.0 Box
    --------------------------------------------------------------*/
.box{
    box-sizing: border-box;
    display: flex;
}
.box:not(.row1){
    margin-top: 4rem;
}
.box.content_wrap_none > .contentWrap{
    padding: 0;
}
.box.content_wrap_left > .contentWrap{
    padding-right: 0;
}
.box.content_wrap_right > .contentWrap{
    padding-left: 0;
}
.box .inside{
    width: 100%;
    box-sizing: border-box;
}
.box .inside > * {
    margin-top: 2rem;
}
.box .inside > *:first-child {
    margin-top: 0;
}
.box img{
    max-width: 100%;
}
.boxHeader .aboveTitleCover {
    width: 100%;
    height: 20rem;
    margin-bottom: 2rem;
}
.boxHeader .aboveTitleImage {
    max-width: 100%;
    max-height: 20rem;
    width: auto;
    height: auto;
    margin-bottom: 2rem;
    display: block;
}
.boxHeader h3 {
    margin: 0;
    padding: 0;
}
.boxHeader .iconWrap .icon.material,
.boxHeader .iconWrap .icon.awesome{
    font-size: 4rem;
}
.boxHeader .iconWrap .icon.custom{
    padding: 3rem;
}
.boxHeader .iconCover{
    margin-bottom: 2rem;
}

/* 2.1 Width
----------------------*/
.box {box-sizing: content-box;}
.box_w_1 {width: 100%;}
.box_w_12 {width: 50%;}
.box_w_13 {width: 33.3%;}
.box_w_23 {width: 66.6%;}
.box_w_14 {width: 25%;}
.box_w_34 {width: 75%;}



/*.stripe.align_wrapper_all .box_first, .stripe.align_wrapper_left .box_first {padding-left: 5%;}
.stripe.align_wrapper_all .box_last, .stripe.align_wrapper_right .box_last {padding-right: 5%;}*/

/*.stripe.align_wrapper_all .box_w_1 {width: calc( 100% - 10% );}
.stripe.align_wrapper_all .box_w_12 {width: calc( calc( 100% - 10% ) * 0.5 );}
.stripe.align_wrapper_all .box_w_13 {width: calc( calc( 100% - 10% ) * 0.3333333 );}
.stripe.align_wrapper_all .box_w_23 {width: calc( calc( 100% - 10% ) * 0.6666666 );}
.stripe.align_wrapper_all .box_w_14 {width: calc( calc( 100% - 10% ) * 0.25 );}
.stripe.align_wrapper_all .box_w_34 {width: calc( calc( 100% - 10% ) * 0.75 );}

.stripe.align_wrapper_left .box_w_1, .stripe.align_wrapper_right .box_w_1 {width: calc( 100% - 5% );}
.stripe.align_wrapper_left .box_w_12, .stripe.align_wrapper_right .box_w_12 {width: calc( calc( 100% - 5% ) * 0.5 );}
.stripe.align_wrapper_left .box_w_13, .stripe.align_wrapper_right .box_w_13 {width: calc( calc( 100% - 5% ) * 0.3333333 );}
.stripe.align_wrapper_left .box_w_23, .stripe.align_wrapper_right .box_w_23 {width: calc( calc( 100% - 5% ) * 0.6666666 );}
.stripe.align_wrapper_left .box_w_14, .stripe.align_wrapper_right .box_w_14 {width: calc( calc( 100% - 5% ) * 0.25 );}
.stripe.align_wrapper_left .box_w_34, .stripe.align_wrapper_right .box_w_34 {width: calc( calc( 100% - 5% ) * 0.75 );}*/

/* 2.2 Height
----------------------*/
.box_h_max{height: 45rem; overflow: hidden;}
.box_h_medium{height: 25rem; overflow: hidden;}
.box_h_min{height: 10rem; overflow: hidden;}

/* 2.3 Padding
----------------------*/
.box.padding_top_default{padding-top: 2rem;}
.box.padding_top_max{padding-top: 4rem;}
.box.padding_top_min{padding-top: 1rem;}
.box.padding_bottom_default{padding-bottom: 2rem;}
.box.padding_bottom_max{padding-bottom: 4rem;}
.box.padding_bottom_min{padding-bottom: 1rem;}

/* 2.4 Border
----------------------*/
.box.border_all{
    border-top: 1px solid #d4d4d4;
    border-bottom: 1px solid #d4d4d4;
}
.box.border_top{border-top: 1px solid #d4d4d4;}
.box.border_bottom{border-bottom: 1px solid #d4d4d4;}

/* 2.5 Align
----------------------*/
.box.align_rule_center .boxHeader,
.box.align_rule_center .boxContent,
.box.align_title_center .boxHeader,
.box.align_subtitle_center .boxContent{
    text-align: center;
}
.box.align_rule_center .buttonsContainer,
.box.align_buttons_center .buttonsContainer{
    justify-content: center;
}
.box.align_rule_right .boxHeader,
.box.align_rule_right .boxContent,
.box.align_title_right .boxHeader,
.box.align_subtitle_right .boxContent{
    text-align: right;
}
.box.align_rule_right .buttonsContainer,
.box.align_buttons_right .buttonsContainer{
    justify-content: flex-end;
}
.box.align_rule_justify .boxContent{
    text-align: justify;
}
.box.vertical_align_middle{
    align-self: center;
}
.box.vertical_align_bottom{
    align-self: flex-end;
}


/*--------------------------------------------------------------
    3.0 Box Type
    --------------------------------------------------------------*/
/* 3.1 Text
----------------------*/
.box_type_text .qslider {
    overflow: visible;
}

/* 3.2 Box Image / Video
----------------------*/
.boxContent .lightbox{
    position: relative;
    display: block;
}
.lightboxAction{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    width: 4rem;
    height: 4rem;
    justify-content: center;
    align-items: center;
    border-radius: 4rem;
    transition: 0.5s ease;
    text-align: center;
}
.lightboxAction i{
    font-size: 5.5rem;
}
.lightboxAction {
    color: #ffffff;
}
.lightboxAction.dark {
    color: #000000;
}
.lightbox:hover .lightboxAction.dark{
    color: #ffffff;
/*    background: rgba(0,0,0,0.7);*/
}

.lightbox:hover .lightboxAction {
/*    background: rgba(255,255,255,0.7);*/
    color: #000000;
}



/* 3.3 Box Slide / Gallery
----------------------*/
.boxSlider{
    position: relative;
    overflow: visible;
}
.boxSlider .qsliderArrows{
    position: absolute;
    bottom: 0;
/*    transform: translateY(-50%);*/
    width: 100%;
    z-index: 2;
    text-align: inherit;
    display: flex;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: 0 1%;
}
.box_type_slider .qslider .slide{
    width: auto;
    height: 40rem;
    margin-right: 2rem;
}

.box_type_slider .qslider img.backgroundImage {
    width: auto;
}
.boxSlider .qsliderArrows i{
}
.box .inside > .swiper-container.arrowsTop {
    margin-top: -8rem;
}
/*.boxSlider .qsliderArrows i:not(.slick-disabled):hover{
    background-color: #ed1e79;
}*/
.boxSlider .qsliderArrows i.slick-disabled{
    color: grey;
}
.boxSlider .qsliderDots{
    position: absolute;
    z-index: 1;
    width: 100%;
    text-align: center;
    bottom: 1rem;
}
.boxSlider .qsliderDots li{
    margin: 0 0.3rem;
}
.boxSlider .slide{
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.boxSlider .slide a.lightbox{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.boxSlider .slide .slideCaptionWrap{
    position: absolute;
    width: 100%;
    transform: translate(0%, -50%);
    top: 50%;
}
.boxSlider .slide .slideCaption .inside {
    width: 50%;
/*    padding: 2rem;*/
}

.stripeWrap.specialSlider {
    color: white;
    background: black;
}

.boxSlider.specialSlider {
    height: 60rem;
}
.stripeWrap.specialSlider .stripeTitle {
    justify-content: center!important;
    border-bottom: none;
    text-align: center;
}
.stripeWrap.specialSlider .stripeTitle .inside {
    margin-right: 0;
    border-bottom: 1px solid #E6EAEA;
    padding-bottom: 1.5rem;
}
.stripeWrap.specialSlider .swiper-scrollbar {
    background-color: #B0BFC7;
    height: 1rem;
}



.boxSlider.specialSlider .qslider .slide.swiper-slide-active{
    height: 50rem;
    top: 0;
}
.boxSlider.specialSlider .qslider .slide{
    height: 35rem;
    margin-right: 2rem;
    position: relative;
    top: 7.5rem;
    max-width: 90%;
}

.stripe.stripeSpecialSlider {
    background-color: black;
}

/* 3.4 Box Banner
----------------------*/
.boxBanner {
    padding: 4rem 4rem 2rem 4rem;
    background: white;
}
.boxBanner > * {
    margin-bottom: 2rem;
}

.boxBanner .buttonsContainer {
    margin-top: 0;
    justify-content: flex-end;

}
.boxBanner .buttonsContainer .button {
    margin: 0
}


/* 3.5 Box Tiles
----------------------*/
.box_type_tiles.box {
    width: 100%;
}
.box_type_tiles .contentWrap {
    padding-right: 1rem;
    padding-left: 1rem;
}
.box_type_tiles .tile {
    position: relative;
    display: block;
    box-sizing: border-box;
}
.tile .zoom {
    position: absolute; 
    height: 100%; 
    width: 100%;
    transition: 0.5s ease;

}
.notTouch .tile:hover .zoom {
    transform: scale(1.05);

}
.tile .additional, .tile .title {
    color: black;
}

.tile .imageWrap {
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.tileCaptionWrap {
    width: 100%;
    bottom: 0;
}
.isTouch .tileCaptionWrap {
    bottom: -1px;
}
.tileCaptionWrap .captionContent {
    padding: 2rem 3rem 2rem 3rem;
    border-top: 0.8rem solid white;
}
.tileCaptionWrap .labelWrap {
    padding: 1rem 3rem;
}
.imageWrap .labelWrap  {
    bottom: 1rem;
    left: 3rem;
}
.tileCaptionWrap .button {
    margin-top: 2rem;
}

    /*fixed view*/
.width_4 .tile {
    width: 25%;
}
.width_3 .tile {
    width: 33.3%;
}
.width_2 .tile {
    width: 50%;
}
.width_1 .tile {
    width: 100%;
}
.fixed_view .tile {
    padding: 1.5rem;
}

/*fixed and slider view*/
.boxTiles.regular_height .imageWrap {
    height: 30rem;
}
.boxTiles.tall_height .imageWrap {
    height: 50rem;
}



/*slider view*/
.slider_view .tileSlider {
    padding-bottom: 5rem;
}
.slider_view .tileSlider .qsliderArrows {
    position: absolute;
    bottom: 0rem;
    right: 0;
    z-index: 9;
 
}
    

/*masonry view*/

.grid-sizer { width: 33.333%; }

.masonry_view .tile {
    float: left;
    box-sizing: border-box;
    border-style: solid;
    border-color: white;
    border-bottom-width: 1.5rem;
    border-top-width: 1.5rem;
    border-right-width: 2rem;
    border-left-width: 2rem;
}
.masonry_view.getBackground .tile {
    border-color: transparent;
}

.tile.regular_width, .tile-masonry-width{
    width: 33.333%;
    
}
.tile.large_width{
    width: 66.666%;
}
.tile.regular_height{
    height: 40rem;
}
.tile.tall_height{
    height: 80rem;
}
.masonry_view .tileCaptionWrap {
    position: absolute;
}


/*caption on image*/


.tile.captionOnImage .additional, .tile.captionOnImage .title {
    color: white;
}
.tile.captionOnImage .tileCaptionWrap {
    background-image: linear-gradient(0deg, rgba(0,0,0,0.8), rgba(0,0,0,0) 100%);
}
.tile.captionOnImage .tileCaptionWrap .captionContent {
    border-top: none;
    padding-top: 1rem;
}
/* 3.6 Box Highlight
----------------------*/
.box_type_highlight {
    width: 100%;
}
.boxHighlight.image-right {
    flex-direction: row-reverse;
}
.boxHighlight.image-left .imageSide {
    margin-right: 1%;
}
.boxHighlight.image-right .imageSide {
    margin-left: 1%;
}
.boxHighlight .imageSide {
/*    width: 100%;*/
}
.boxHighlight.type-black .textSide {
    box-sizing: border-box;
    flex-basis: 33%;
    min-width: 470px;
}

.boxHighlight.type-black .textSide .inside {
    padding: 7rem 5rem 7rem 5rem;
}

.boxHighlight.type-black .imageSide {
    min-height: 50rem;
    flex-basis: 67%;
}
.boxHighlight.type-grey, .highlightSlider.type-grey {
    max-width: 1280px;
    margin: auto;
}
.boxHighlight.type-grey .textSide {
    padding: 4rem;
    width: 49%;
    min-width: 49%;
    box-sizing: border-box;
}
.boxHighlight.type-grey .imageSide {
    min-height: 38rem;
    width: 49.5%;
}
.boxHighlight.type-custom .imageSide {
    min-height: 38rem;
    width: 71%;
}
.boxHighlight.type-custom .textSide {
    padding: 4rem;
    width: 28%;
    box-sizing: border-box;
}
.boxHighlight.type-custom .white .button {
    border-color: white;
    color: white;
}
.boxHighlight.type-custom .white .button:hover {
    border-color: black;
    color: black;
    background-color: transparent;
}
.boxHighlight.type-custom .black .button {
    border-color: black;
    color: black;
}
.boxHighlight.type-custom .black .button:hover {
    border-color: white;
    color: white;
    background-color: transparent;
}
/* 3.7 Box Slider Highlight
----------------------*/
.highlightSlider .swiper-slide {
    height: auto;
}
.highlightSlider .qsliderArrows {
    position: absolute;
    bottom: 0;
    z-index: 9;
}
.highlightSlider.type-black .qsliderArrows {
    width: 33%;
    min-width: 470px;
}
.highlightSlider.type-grey .qsliderArrows {
    width: 49%;
}

/* 3.9 Box Accordion
----------------------*/
.boxAccordion .accordionItem {
    padding: 2rem 1rem 2rem 1rem;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.1)!important;
    display: block;
    color: black;
}

.boxAccordion .no_cta:hover {
    color: black;
    border-color: black;
    cursor: initial;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.accordionItem .slidingContent {
    display: none;
}

.isTouch .boxAccordion .accordionItem .material-icons {
    display: none;
}
.boxAccordion .additional_content .title {
    transition: 0.5s ease;
}

/* 3.10 Box Program
----------------------*/
.box_type_program {
    width: 100%;
}
/*.box_type_program > .contentWrap{
    padding: 0;
}*/
/*program horizontal*/
.programHorizontal {
    padding-bottom: 5rem;
}
.boxProgram .fixedWrap {
    width: 20rem;
    margin-right: 4rem;
    margin-bottom: 3rem;
}
.boxProgram .filterGroup .label {
    margin-right: 1rem;
}
.boxProgram .pseudoInput {
    margin-right: 1rem;
    cursor: pointer;
    color: #B0BFC7;
}
.boxProgram .pseudoInput.disabled {
    cursor: auto;
}
.boxProgram .pseudoInput.disabled:hover {
    color: #B0BFC7;
}
.boxProgram .pseudoInput.active {
    border-bottom: 1px solid;
}
.boxProgramFilterRow {
    margin-bottom: 1.5rem;
    max-width: 90%;
    position: relative;
    z-index: 9;
}
.boxProgram .showEventLoop {
    margin-bottom: 1rem;
}
.boxProgram .qslider .showEventLoop {
    margin-bottom: 0;
}
/*.boxProgram .qsliderArrows {
    z-index: -1;
}

.boxProgram .boxProgramArchiveReplace.noFilterRow .qsliderWrap.variableWidth .qsliderArrows  {
    position: absolute;
    top: -5rem;
}
.boxProgram .boxProgramArchiveReplace .qsliderWrap.variableWidth .qsliderArrows  {
    top: -5rem;
    position: absolute;
    z-index: 9;
    right: 0;
    width: auto!important;
}*/
.boxProgramArchiveReplace.noFilterRow {
    margin-top: 1rem;
}
.boxProgramFilterRow .filterGroup {
    margin-bottom: 1rem;
}
.boxProgram .repeatSlider {
    overflow: visible;
}



/* 3.12 Box Tabs - DA VERIFICARE FORSE CANCELLARE
----------------------*/
.box_type_tabs {
    width: 100%;
}
.box_type_tabs > .contentWrap {
    padding-left: 0;
    padding-right: 0;
}
.boxTabs .tabsMenu {
    border-bottom: 2px solid;
    margin-bottom: 3rem;
}
.boxTabs .tabsMenu .icon {
    margin-right: 1rem;
    font-size: 2.5rem;
}
.boxTabs .tabsMenu .icon.svg {
    height: 2rem;
    width: 2rem;
}
.boxTabs .tabsMenu .icon.svg svg {
    max-height: 100%;
    max-width: 100%;

}
.boxTabs .tabsMenu .icon.svg svg path {
    transition: none;
}
.boxTabs .tabsMenuItem {
    padding: 1rem 2.5rem;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.boxTabs .tabsMenuItem.mainColorBG, .boxTabs .tabsMenuItem.mainColorBG .icon {
    color: white;
}
.boxTabs .tabsMenuItem.mainColorBG svg path {
    fill: white
}

.boxTabs .box.row1 {
    margin-top: 4rem;
}

/*OTHERS*/

.mainHomePage .stripe .stripeTitle {
    justify-content: center!important;
}
.mainHomePage .box > .inside > .buttonsContainer {
    justify-content: center;
}
.mainHomePage .box > .inside > .buttonsContainer   .button {
    margin-right: 1rem;
    margin-left: 1rem;
}

/*--------------------------------------------------------------
3.0 Responsive
--------------------------------------------------------------*/

/*MIN*/
@media all and (min-width: 1025px) {
    .boxProgram.boxProgramBlock .repeatLoop{
        width: 19.3%;
    }
}
@media all and (max-width: 1690px) {
}

@media all and (max-width: 1280px) {

}

@media all and (max-width: 1024px) {
    .boxHighlight.type-black .textSide {
        min-width: auto;
    }
    /*--------------------------------------------------------------
    STRIPES - 1024
    --------------------------------------------------------------*/
    .box:not(.box_w_1) {
        width: 100% !important;
        margin-top: 6rem;
    }

    .stripeBoxes .box:first-child {
        margin-top: 0;
    }

    .stripe_view_desktop {
        display: none;
    }

    .stripe_view_mobile {
        display: block;
    }

    /* Box Highlight
    ----------------------*/

    .boxHighlight.image-right .imageSide {
        margin-left: 0;
    }


    .boxHighlight.type-grey {
        padding-right: 0;
        padding-left: 0;
    }
    .boxHighlight.type-grey, .highlightSlider.type-grey {
        margin: 0;
    }
    .box_type_highlight .boxHighlight .textSide {
        width: 100%!important;
        margin-bottom: 0.5rem;
    }

    .boxHighlight.type-black .imageSide {
        height: 30rem;
        min-height: 30rem;
    }
    .boxHighlight.type-black .textSide .inside, .boxHighlight.type-grey .textSide {
        padding: 4rem 2.5rem;
    }
    .highlightSlider.arrowsCustom .qsliderArrows {
        top: 0;
        bottom: initial;
        width: 100%!important;
    }

    .highlightSlider.arrowsCustom .textSide  {
        width: 100%!important;
    }
    .highlightSlider.type-black .qsliderArrows {
        width: 100%;
        min-width: unset;
    }
    /*box Tile*/
    .masonry_view .tile {
        float: none;
    }
    .tile {
        width: 100%!important;
        border: none!important;
        height: auto!important;

    }
    .tile:not(:last-of-type) {
        margin-bottom: 4rem!important;
    }
    .tile .imageWrap {
        height: 40rem!important;
    }
    .masonry_view .tile:not(.captionOnImage) .tileCaptionWrap {
        position: initial;
    }
    .fixed_view .tile {
        padding: 0rem;
    }
    /* Box Banner
    ----------------------*/
    .boxBanner .buttonsContainer {
        justify-content: space-around;
    }

    /* Box Slide / Gallery
    ----------------------*/
    .boxSlider.specialSlider {
        height: 38rem;
    }
    .boxSlider.specialSlider .qslider .slide {
        height: 20rem;
    }
    .boxSlider.specialSlider .qslider .slide.swiper-slide-active {
        height: 30rem;
    }

}

@media all and (max-width: 768px) {
    /*--------------------------------------------------------------
    STRIPES - 768
    --------------------------------------------------------------*/
    .stripe_width_regular {
        padding: 0
    }
    /* 2.7 Box Slide
    ----------------------*/
    .boxSlider .slide .slideCaption .inside {
        width: 100%;
    }

    /* 2.8 Box Tiles
    ----------------------*/
    .tile .tileButton {
        font-size: 2.4rem;
        line-height: 3rem;
    }

    .tileSlider .slick-slide {
        margin-right: 0;
    }

    /* 2.9 Box Program
    ----------------------*/
    .programVertival .leftCol a.button {
        display: none;
    }



}

@media all and (max-width: 480px) {
    .stripeTitle.flex {
        flex-wrap: wrap;
    }
    .box .inside > .buttonsContainer {
        margin-top: 0;
    }

    .boxProgram .boxProgramArchiveReplace .qsliderArrows {
        position: static;
    }

    .stripe_view_mobile {
        display: none;
    }
    .stripeTitle .buttonsContainer .button {
        margin-top: 1.5rem;
    }

    /* Box Tile
    ----------------------*/
    .tileCaptionWrap .captionContent  {
        padding: 2rem 2rem 2rem 2rem;
    }
    .tileCaptionWrap .labelWrap {
        padding: 0 2rem;
    }
}