body {

    background-color: #F6F9F9 !important;

}

.img-fluid-activitats {
    /*
    width: 222px;  /* or any other value you prefer 
    height: 123px; /* or any other value you prefer */
    width: 100%;
    max-height: 300px;
    object-fit: cover; /* this will ensure the image covers the entire dimension without distortion */
}



.icon-small {

    height: 18px;

    margin: 0;

    padding: 0;

}



.icon-medium {

    height: 22px;

    margin: 0;

    padding: 0;

}



header .container {

border-bottom: none;

}



header .container:after {

    background: #D5002D !important;

}



header .mm-top > ul > li {

    padding: 30px 8px 5px 8px !important;

}



header .mm-bottom > ul > li {

    padding: 5px 5px 10px -3px !important;

}



header .mm_old > ul > li {

    padding: 60px 8px 10px 8px !important

}



@media screen and (min-width: 0\0

) {

    #blog .blog-post-container .single-post .img-holder img {

        max-width: 372px;

    }

}



@media only screen and (max-width: 1199px) and (min-width: 992px) {

    header .mainmenu-container > ul > li {


    }



    header .mainmenu-container-top > ul > li {

        padding: 0 7px !important;

    }



    header .mm-top > ul > li {

    padding: 30px 8px 5px 8px !important;

}







    header .container {

        /*height: 100px;*/

    }

}



@media only screen and (max-width: 480px) {

    .preloader {

        background-size: 75%;

    }



    #upcoming-event form input {

        width: 250px;

    }



    section #upcoming-event {

        margin-top: 0px;

    }



    /*section #single-blog-post

    {

        padding: 80px 15px 0px 15px;

    }*/

}



@media only screen and (min-width: 768px) and (max-width: 1024px) {

    #upcoming-event form input {

        width: 100px;

    }

}



header .mainmenu-container > ul > li > a:hover, header .mainmenu-container-top > ul > li > a:hover {

    color: #ffb8b8;

}



header .mainmenu-container > ul > li.current > a, header .mainmenu-container-top > ul > li.current > a  {

    color: #ffffff;

}






#header {

    background-color: #D5002D;

    /*background: linear-gradient(to right, rgba(213, 0, 45, 0.7) 0%, #D5002D 100%, rgba(255, 255, 255, 0) 100%);

    background: linear-gradient(to right, rgba(213, 0, 45, 0) 0%, #D5002D 100%, rgba(255, 255, 255, 0) 100%);*/

}


.gradient-overlay:before {
    background-color: #D5002D !important;
}
 
.menu-header-toptop {
    background-color: #29363E !important;
}

.linkmenutoptop {
    font-size: 12px !important;
}


.no-fixed-header {
  
    top: 0;
    width: 100%;
    z-index: 999;
    box-shadow: 0 3px 6px rgba(213, 0, 45, 0.5) !important;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}




#upcoming-event {

    padding: 100px 0px 20px 0px;

}



#event-speakers {

    padding: 80px 0;

}



#subscribe-newsletter + * {

    padding-top: 130px;

}



#banner .slotholder:before {

    /*background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #D5002D 100%, rgba(255, 255, 255, 0) 100%) !important;*/

}



#blog .blog-post-container .single-post .img-holder:before {

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #D5002D 100%, rgba(255, 255, 255, 0) 100%)

}



#upcoming-event .tab-title-wrap ul li.active span {

    background: #D5002D;

    color: #fff;

}



#upcoming-event .tab-content-wrap .col-lg-3 .img-holder:before {

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #D5002D 100%, rgba(255, 255, 255, 0) 100%);

}



#upcoming-event .tab-title-wrap ul li span:hover {

    background: #D5002D;

}



#upcoming-event .tab-content-wrap .col-lg-3:hover .content-wrap {

    box-shadow: 0 0 0 1px #D5002D;

}



#upcoming-event .tab-content-wrap .col-lg-3 .content-wrap a.read-more:hover {

    color: #000000;

}



#upcoming-event .tab-content-wrap .col-lg-3 .content-wrap .meta ul li span .fa {

    color: #D5002D;

    margin-right: 5px;

}



.section-title h1:before {

    background: #D5002D;

}



#upcoming-event .tab-content-wrap .col-lg-3 .content-wrap a.read-more {

    color: #D5002D;

}



#blog .blog-post-container .single-post .content a.read-more {

    border: 1px solid #D5002D;

    color: #D5002D;

}



#blog .blog-post-container .single-post .content a.read-more:before {

    background: #D5002D;

}



#event-speakers a.show-more {

    background: #D5002D;

}



#event-speakers a.show-more:hover {

    border-color: #D5002D;

    color: #D5002D;

}



#upcoming-event .tab-content-wrap .col-lg-4 {

    padding: 0 10px;

    margin-bottom: 25px;

}



#banner .slotholder:before {

    /*background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #D5002D 100%, rgba(255, 255, 255, 0) 100%);*/

}



#upcoming-event .tab-content-wrap .col-md-4 .img-holder:before {

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #D5002D 100%, rgba(255, 255, 255, 0) 100%);

}



#blog .blog-post-container .single-post .img-holder:before {

    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #D5002D 100%, rgba(255, 255, 255, 0) 100%)

}



.hvr-bounce-to-right:before {

    background: #D5002D;

}



a:focus, a:hover {

    color: #a00123;

    text-decoration: underline;

}



a {

    color: #D5002D;

    text-decoration: none !important;

}



header .mainmenu-container > ul > li > ul {

    width: 280px !important;

}



header .mainmenu-container-top > ul > li > ul {

    width: 280px !important;

}



@media only screen and (max-width: 480px) {

    header .mainmenu-container > ul > li > ul {

        width: 280px !important;

        

    }



    header .mainmenu-container-top > ul > li > ul {

        width: 280px !important;

    

    }

}



header .logo {

    padding-top: 15px;
    margin-bottom: 15px;

}



header.header-fixed .logo {

    padding-top: 11px !important;

}



.register-now ul li .input-wrap button:before {

    background: #D5002D;

}



.register-now ul li .input-wrap button:hover {

    color: #FFFFFF

}



.panel-heading .accordion-toggle.collapsed:after {

    content: "\e080";

}



.panel-heading .accordion-toggle:after {

    font-family: 'Glyphicons Halflings';

    content: "\e114";

    float: right;

    color: #D5002D;

}



.register-now {

    background: #F6F9F9 !important;

}



/*.register-now ul { border: 1px solid #D5002D; border-radius: 5px; }*/



#page-title {

    padding: 50px 0 50px !important;

}



#event-sponsor > .fletxa-blanca .sponsor-logo .owl-prev i, #event-sponsor > .fletxa-blanca .sponsor-logo .owl-next i {

    color: #FFFFFF !important;

}



.owl-carousel .owl-item img {

    height: 96px;

    width: auto;

}



.mod > .owl-item {

    margin-right: 75px !important;

}



.owl-stage {

    height: 96px;

}



.owl-stage-outer {

    height: 96px;

}



section#event-sponsor {

    padding: 0px 0px !important;

}



.price img {

    height: 350px;

}



#pricing-table .single-price-box {

    height: 640px !important;

}



img.fancybox_blog {

    height: 125px;

}



/* Classes Noves */



.veure_noticies {

    border: 1px solid #D5002D;

    text-transform: uppercase;

    color: #D5002D;

    font-size: 12px;

    line-height: 33px;

    padding: 0 22px;

    display: inline-block;

    font-weight: bold;

    border-radius: 5px !important;

    background-color: #FFFFFF;

}



.reduir-padding-superior {

    padding-top: 20px !important;

}



.reduir-margin-superior {

    margin-top: 20px !important;

}



/*.padding-top-40px-q { padding-top: 40px !important; }*/



.reduir-padding-blog {

    padding-top: 0px !important;

}



.bg-white {

    background-color: #FFFFFF;

}



.logos-vic {

    background-color: white;

    padding: 35px 0px 0px 15px;

    margin: 0px 0px 20px 0px;

}



.boto-vermell {

    font-size: 12px;

    line-height: 33px;

    padding: 0 22px;

    display: inline-block;

    font-weight: bold;

    border-radius: 5px !important;

    border: 1px solid #D5002D;

    text-transform: uppercase;

    background-color: #D5002D !important;

    color: #FFFFFF !important;

}



.boto-vermell:hover {

    color: #D5002D !important;

}



.boto-vermell:before {

    background: #FFFFFF !important;

    border-radius: 5px;

}



.padding-0 {

    padding: 0px 0 !important;

}



.align-center {

    text-align: center !important;

}



.color-negre {

    color: #000000 !important;

}



.color-blanc-q {

    color: #FFFFFF !important;

}



.padding-40px-q {

    padding: 40px 40px !important;

}



.fix-section-q {

    margin-bottom: -110px;

    padding-bottom: 200px;

}



.padding-horiz-15px-q {

    padding: 0px 15px;

}



.fletxa-blanca {

    color: #FFFFFF;

}



.margin-bottom--45px-q {

    margin-bottom: -45px !important;

}



.img-articles {

    width: 175px;

    height: auto;

}



.width-sliders-article {

    width: 96.6%;

}



.width-100 {

    width: 100% !important;

    /*height: 388px !important;*/

}



.height-388 {

    height: 388px !important;

}



.alcada-content-wrap {

    height: 290px;

}



.marge-bottom-perfil {

    margin-bottom: 25px;

}



.marge-bottom-docs-rel {

    margin-bottom: 25px;

}



/* EXPOSITORS */



.mt-element-card.mt-card-round .mt-card-item {

    padding: 40px 15px 10px;

}



.mt-element-card .mt-card-item {

    border: 1px solid #e7ecf1;

    position: relative;

    margin-bottom: 30px;

}



.mt-element-card .mt-card-item .mt-card-avatar {

    margin-bottom: 15px;

}



.mt-element-overlay .mt-overlay-1 img {

    display: block;

    position: relative;

    -webkit-transition: all .4s linear;

    transition: all .4s linear;

    max-width: 98%;

    height: auto;

    max-height: 150px;

    float: left;

    padding-right: 0px;

    /*max-height: 95px*/

}



.mt-element-overlay .mt-overlay-1 .mt-overlay {

    position: absolute;

    overflow: hidden;

    top: 0;

    left: 0;

    opacity: 0;

    background-color: rgba(0, 0, 0, .7);

    -webkit-transition: all .4s ease-in-out;

    transition: all .4s ease-in-out;

}



.mt-element-card .mt-card-item .mt-card-content {

    text-align: left;

}



.mt-element-card .mt-card-item .mt-card-content .mt-card-name {

    font-size: 16px;

    font-weight: 600;

    margin-bottom: 10px;

}



.mt-element-card .mt-card-item .mt-card-content .mt-card-desc {

    font-size: 14px;

    margin: 0 0 10px;

}



.mt-element-card .mt-card-item .mt-card-social > ul {

    padding: 0;

    margin-bottom: 10px;

    /*margin-top: 95px;*/

}



.mt-element-card .mt-card-item .mt-card-social > ul > li {

    list-style: none;

    display: inline-block;

    margin: 0 5px;

}



#descripcio_expositors {

    margin-top: 50px;

}



/********** PERFIL **********/



.marge-superior {

    margin-top: 50px;

}



.marge-top-perfil {

    margin-top: -150px !important;

}



/*.contact .form-section ul li input.q

{

    height: 28px !important;

}



.contact .form-section ul li input {

  width: 100%;

  border: 1px solid #ccc;

  height: 35px;

  padding: 0 20px;

  border-radius: 5px;

  line-height: 50px;

  outline: none;

  transition: all .3s ease;

}*/



.contact .form-section input {

    height: 35px !important;

}



.contact .form-section input {

    width: 100%;

    border: 1px solid #ccc;

    height: 35px;

    padding: 0 20px;

    border-radius: 5px;

    line-height: 50px;

    outline: none;

    transition: all .3s ease;

}



.margin-bottom-perfil {

    margin-bottom: 15px;

}



.margin-bottom-boto {

    margin-bottom: 25px;

}



/*.table-responsive

{

    overflow-x: none !important;

}*/



/********** EXPOSITORS **********/



.separacio-zones {

    margin-top: 50px !important;

}



/********** LOGIN **********/



.marge-inferior {

    margin-bottom: 35px !important;

}



.marge-superior-login {

    margin-top: 25px !important;

}



.marge-superior-login-primer {

    margin-top: 40px !important;

}



.register-now ul li {

    float: none !important;

}



.marge-lateral-login-dreta {

    margin-right: 40px !important;

}



.vermell {

    color: #D5002D !important;

}



.font-red-sunglo {

    color: #D5002D !important;

}



.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {

    background-color: #D5002D !important;

    border-color: #D5002D !important;

}



.form-sense-fons {

    background: none !important;

    /*margin-top: -150px !important;*/

}



#dotted-profile {

    border: 1px dotted;

    margin-top: 5px;

}



.form-sense-fons-primer {

    background: none !important;

}



/*#perfil-primer {

    margin-top: -150px !important;

    margin-left: -50px !important;

}*/



.owl-carousel .owl-stage-outer {

    margin-top: -40px;

}



#event-sponsor .sponsor-logo .owl-prev i, #event-sponsor .sponsor-logo .owl-next i {

    line-height: 35px;

}



.register-now ul li .input-wrap input:focus, .register-now ul li .input-wrap input:hover {

    border-color: #D5002D !important;

}



.fira-particular {

    margin-top: 15px;

}



#proces_inscripcio {

    margin-top: 15px;

}



.separacio-steps {
    width: 20% !important;
    /* width: 16% !important; */
    font-size: 12px !important;
}



/********** FOOTER **********/



#event-sponsor .sponsor-logo .owl-prev, #event-sponsor .sponsor-logo .owl-next {

    background: none !important;

    border: none !important;

}



#event-sponsor .sponsor-logo .owl-prev i, #event-sponsor .sponsor-logo .owl-next i {

    color: #000 !important;

}



.mida-font {

    font-size: 10px !important;

}



#page-title h1 {

    font-size: 35px !important;

}



#event-sponsor .sponsor-logo-row {

    margin-top: 0px !important;

    padding: 15px;

}



#event-sponsor .sponsor-logo .owl-prev, #event-sponsor .sponsor-logo .owl-next {

    top: 56px;

}



.owl-carousel .owl-item .peu img {

    height: 65px !important;

}



#event-sponsor .fletxa .owl-prev, #event-sponsor .fletxa .owl-next {

    top: 52px;

}



.owl-item {

    text-align: center;

}



#upcoming-event .tab-content-wrap .col-md-4 .content-wrap .meta {

    min-height: 80px;

}



#upcoming-event .tab-content-wrap .col-md-4 .content-wrap p {

    min-height: 30px;

}



.no_slider

{

    margin-top:15px;

}







.auto_h {

  height: auto !important;

}



@media screen and (min-width: 1225px)

{



    #upcoming-event .tab-content-wrap .col-md-4

    {

        height:670px;

    }



}



@media only screen and (min-width: 985px) and (max-width: 1225px) 

{

    #upcoming-event .tab-content-wrap .col-md-4

    {

        height:715px;

    }

}



@media screen and (min-width: 768px) and (max-width: 990px)

{

    #upcoming-event .tab-content-wrap .col-md-4

    {

        height:795px;

    }

}



.weight

{

    font-weight: 800;

}



/* BLOG */



@media only screen and (max-width: 1199px) and (min-width: 992px)

{

    #blog .blog-post-container .single-post.thumbnail .content

    {

        width:100% !important;

    }

    #blog .blog-post-container .single-post .img-holder

    {

        width:auto !important;

    }

}



@media only screen and (max-width: 991px) and (min-width: 768px)

{

    #blog .blog-post-container .single-post .img-holder

    {

        width:auto;

    }

}

@media only screen and (max-width: 767px)

{

    #subscribe-newsletter .input-box input

    {

        width:88%;

    }

}



.selector_espai .form-control{

    font-weight:bold;

}



.instalacio_espai{

    background: #f4f4f4; 

    font-weight: bold; 

    font-size: 18px;

}



.espai{

    background: #dddddd; 

    padding-top:10px;

    padding-bottom: 10px; 

    margin-bottom: 20px;

    font-size: 20px;

}



.activitat{

    background: #f4f4f4;

}



.btn_afegir_data{

    /*margin-top: 5px;*/

    background-color: #d4002d;

}

.btn_eliminar_horari{

    /*margin-top: 5px;*/

    background-color: #d9534f;

    border-color: #eaa4b2;

}



.muntatge{

     padding-bottom:15px; 

     background: #f4f4f4;

}

.line{

    padding-top: 50px;

    border-top: 1px solid #f4f4f4;

}



.title_conceptes {

    background: #dddddd; 

    padding-left: 15px;

    padding-top:10px;

    padding-bottom: 10px; 

    margin-bottom: 10px;

    font-size: 12px;

    font-weight: bold;

}



.conceptes_reserva {

    border-left: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

}



.espais{

    margin-top: 10px;

}



.no_padding { padding: 0px; }



.no_padding_lr {

    padding-left: 15px;

    padding-right: 15px;

}



.row.vertical-align {

    display: flex;

    align-items: center;

}



.mt8 {

    margin-top: 8px !important;

}



.capçalera{

    font-weight: bold; 

    font-size: 18px;

}



.titol{

    background: #dddddd; 

    padding-top:10px;

    padding-bottom: 10px; 

    margin-bottom: 20px;

    font-size: 20px;

}

.mar-bot{

    margin-bottom: 30px;

}



.mar-top{

    margin-top: 30px;

}



.mar-left{

    margin-left: 30px;

}

.mar-right{

    margin-right: 15px;

}

.negreta{

    font-weight: bold; 

}



.resumespai{

    font-size: 15px;

}



.normalweight{

    font-weight: normal;

}

span.font-dark{

    font-size: 17px;

}



.th_serveis{

    border-bottom: 2px solid #ddd;

    margin-left: 15px;

}



.servei_padding{

    padding: 5px;

}



.paddingleft{

    padding-left: 20px;

}



.servei:hover{

    background-color: #f5f5f5;

}



.nomarleft{

    margin-left: 0px;

}



.nopadding_l{

    padding-left:5px;

}



.paddingtb{

    padding-top: 3.5px;

    padding-bottom: 3.5px;

}

.a-right{

    text-align: right;

}





.error_field {

    border: 1px solid #c61717 !important;

}



.boto-fira-virtual {

    font-size: 12px;

    line-height: 33px;

    padding: 0 22px;

    display: inline-block;

    font-weight: bold;

    border-radius: 5px !important;

    border: 1px solid #ffc700;

    text-transform: uppercase;

    background-color: #ffc700 !important;

    color: #FFFFFF !important;

    margin-left: 20px;

}



.boto-fira-virtual:hover {

    color: #D5002D !important;

}



.boto-fira-virtual:before {

    background: #FFFFFF !important;

    border-radius: 5px;

}



.hvr-bounce-to-right-virtual:before {

    background: #D5002D;

}









/*==========  Mobile First Method  ==========*/



/* Custom, iPhone Retina */ 

@media only screen and (min-width : 320px) {



}



/* Extra Small Devices, Phones */ 

@media only screen and (min-width : 480px) {



}



/* Small Devices, Tablets */

@media only screen and (min-width : 768px) {



}



/* Medium Devices, Desktops */

@media only screen and (min-width : 992px) {



}



/* Large Devices, Wide Screens */

@media only screen and (min-width : 1200px) {



}







/*==========  Non-Mobile First Method  ==========*/



/* Large Devices, Wide Screens */

@media only screen and (max-width : 1200px) {



}



/* Medium Devices, Desktops */

@media only screen and (max-width : 992px) {



  header .mainmenu-container > ul > li > ul {
    width: 100% !important;

  }

  header .mainmenu-container > ul > li > a:hover, header .mainmenu-container-top > ul > li > a:hover {

    color: #d60a35;

}
}



/* Small Devices, Tablets */

@media only screen and (max-width : 768px) {

    .boto-fira-virtual {

        clear: both;

        float: left;

        margin-top: 20px;

    }



    .cerca_mapa {

        width: 50px !important;

        padding: 0 5px !important;

        text-align: center !important;

    }

    

}



/* Extra Small Devices, Phones */ 

@media only screen and (max-width : 480px) {



}



/* Custom, iPhone Retina */ 

@media only screen and (max-width : 320px) {



}