*{transition: all 0.3s ease-in-out;box-sizing: border-box;}
body{position: relative;top: 0;min-height: auto!important;}

input:focus, textarea:focus, select:focus{outline: 0px solid transparent;box-shadow: none;}
.row-reus{margin-right: -15px;margin-left: -15px;}
.col-sm-50{
    max-width: 50%;
    width: 50%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-sm-100{
    max-width: 100%;
    width: 100%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-sm-25{
    max-width: 25%;
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.dis-none{display: none;}
.dis-block{display: block;}
.container-fluid-reus{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.container-reus{width: 1170px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.to-right{float: right!important;}
.img-responsive-reus{max-width: 100%;}
.navbar-reus a{opacity: 0.90;}
.navbar-reus a:hover, .navbar-reus a:active, .navbar-reus a:visited, .navbar-reus a:focus{opacity: 1;}
.full-width{margin: 0px -8px;}

.visible-xs-reus{display: none;}
.hidden-xs-reus{display: block;}

/*fi de caràcter general*/
.navbar-reus{padding:0.8rem 0.5rem;border-radius: 0;background-color: #000;color: #fff;height: 60px;margin-top: 0px;}
.navbar-reus .navbar-brand-reus img{max-width: 8rem;margin-top: -0.2rem;}
.navbar-reus .navbar-right-reus{padding: 0;list-style-type: none;margin: 0.5rem 0;}
.navbar-reus .navbar-right-reus li{float: left;display: inline-block;}
.navbar-reus li{opacity: 0.9;}
.navbar-reus li:hover, .navbar-reus li:visited, .navbar-reus li:focus, .navbar-reus li:active{opacity: 1;cursor: pointer;}
.navbar-reus li a{color: #fff;}
.navbar-reus li i{margin-right: 0.5rem;font-size: 14px;color: #fff;cursor: pointer;}
.navbar-reus li .fa-search{border-right: 1px solid #fff;padding-right: 0.5rem;}
.navbar-reus .idioma-reus img{display: none;}
.navbar-reus .idioma-reus .goog-te-gadget-simple{background-color: transparent;border: transparent;color: #fff;text-transform: uppercase;}
.navbar-reus .idioma-reus .goog-te-gadget-simple span{color: #fff;font-family: 'Open sans', sans-serif;}
.navbar-reus .idioma-reus .goog-te-menu-value span{border:none!important;}
.navbar-reus .idioma-reus .goog-te-menu-value span:last-child{margin-left: 0.5rem;}

/*searcher-reus*/
.searcher-reus input{font-family: 'Open sans', sans-serif;}

.expand-searcher-reus{background-color: #e5e5e5;height: 52px;}
.expand-searcher-reus input{background-color: transparent;border: none;width: 100%;border-bottom: 1px solid #ccc;padding: 1rem 0 0.5rem 0;font-size: 18px;font-weight: 300;color: #333;}
.expand-searcher-reus input::placeholder{font-style: italic;color: #333;}
#expand-searcher-reus{display: none;}

/*capital cultural*/
.capital-cultural-reus{font-family: 'Open sans', sans-serif;}
.capital-cultural-reus h3{font-size: 18px;font-weight: 700;}
.capital-cultural-reus h3 em{color: #666666;font-style: italic;}
.capital-cultural-reus p, .capital-cultural-reus a{font-size: 12px;color: #444;text-decoration: none;}
.capital-cultural-reus p:hover, .capital-cultural-reus a:hover{color: #333;}
.capital-cultural-reus figure{float: left;border-radius: 100%;width:41px;height: 41px;overflow: hidden;margin:0.5rem 0.5rem 3rem 0;}
#capital-cultural-reus{display: none;}
.capital-cultural-reus .bg-reus{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */

  background-color: #e5e5e5;height: 100%;
}

/*footer reus*/
.footer-ajuntament-reus{
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  background-color: #f5f5f5;
  /*height: 100%;*/
  font-family: 'Open sans', sans-serif;
  padding: 2.5rem 0;
}
.footer-ajuntament-reus a{color: #999999;font-size: 16px;text-decoration: none;}
.footer-ajuntament-reus p, .footer-ajuntament-reus p a{font-size: 14px;color: #999;text-decoration: none;}
.footer-ajuntament-reus a:hover{color: #666;}
.footer-ajuntament-reus hr{width: 33px;height: 4px;border:none;background-color: #E5E5E5;margin: 1rem  0 0 0;display: table-caption;}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


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

/* Large Devices, Wide Screens */
@media (min-width: 992px) and (max-width: 1199px) {
.capital-cultural-reus figure{margin: 0.5rem 0.5rem 4rem 0;width: 30px;height: 30px;}
.capital-cultural-reus p, .capital-cultural-reus a{font-size: 11px;}
.container-reus{width: 965px;padding-right: 12.5px;padding-left: 12.5px;}
}

/* Medium Devices, Desktops */
@media (min-width: 768px) and (max-width: 991px){

.capital-cultural-reus figure{margin: 0.5rem 0.5rem 0rem 0;width: 30px;height: 30px;}
.capital-cultural-reus p, .capital-cultural-reus a{font-size: 11px;display: inline-block;}
.container-reus{width: 745px;padding-right: 12.5px;padding-left: 12.5px;}
}

/* Small Devices, Tablets */
@media (min-width: 576px) and (max-width: 767px){
.visible-xs-reus{display: block;}
.hidden-xs-reus{display: none;}
.navbar-reus .navbar-brand-reus img{width: 2.5rem;}
.navbar-reus .fa-th{display: none;}

.col-xs-100{
    max-width: 100%;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-80{
    max-width: 80%;
    width: 80%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-20{
    max-width: 20%;
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.capital-cultural-reus{display: none!important;}
.footer-ajuntament-reus .center-reus{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-direction: column-reverse;
    text-align: center;
}
.footer-ajuntament-reus hr{margin: 1rem auto;display: block;}
.footer-ajuntament-reus img{display: block;margin: auto;}
.footer-ajuntament-reus .to-right{float: none!important;}
.container-reus{max-width: 100%;width: 100%;}
}

/* Extra Small Devices, Phones */
@media (max-width: 575px) {
.visible-xs-reus{display: block;}
.hidden-xs-reus{display: none;}
.navbar-reus .navbar-brand-reus img{width: 2.5rem;}
.navbar-reus .fa-th{display: none;}

.col-xs-100{
    max-width: 100%;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-80{
    max-width: 80%;
    width: 80%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-20{
    max-width: 20%;
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.navbar-reus .idioma-reus .goog-te-gadget-simple span{font-size: 11px;}
.capital-cultural-reus{display: none!important;}
.footer-ajuntament-reus .center-reus{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    flex-direction: column-reverse;
    text-align: center;
}
.footer-ajuntament-reus hr{margin: 1rem auto;display: block;}
.footer-ajuntament-reus img{display: block;margin: auto;}
.footer-ajuntament-reus .to-right{float: none!important;}
.container-reus{max-width: 100%;width: 100%;}
}

/* **************************************************** listado campañas home */
#campaigns-list {background-color: var(--primary-background); padding-top: 3rem;}
.container__campains_actives {margin-top: 1.5rem; margin-bottom: 1.5rem;}
.container__campains_actives h3 {
    font-weight: 500;
    font-size: 30px;
    line-height: 33px;
    text-align: center;
    color: var(--black);
    margin-bottom: 1rem;
    }
.col-sm-6.container__campains_actives--bloc {margin-bottom: 2rem;}
.container__campains_actives-in {border: 1px solid var(--grey-2); height: 100%; margin-bottom: 1.2rem; background-color: var(--white);}
.container__campains_actives-in:hover {
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
}
.container__campains_actives--bloc-photo {background:var(--grey-2); position: relative;}
.container__campains_actives--bloc-photo figure {margin: 0;}
.container__campains_actives--finish {position: absolute; left: .2rem; bottom: -1rem;}
.container__campins_actives--bloc-text {text-align: left; padding: 1rem;}
.container__campins_actives--bloc-text h4 {font-size: 1.2rem; font-weight: normal; margin-bottom: 0;}
.container__campins_actives--bloc-text p {font-size: .9rem; color: var(--grey-5);}
.container__campins_actives--bloc-text hr {border: none; border-top: 1px solid var(--grey-2); margin-bottom: 10px;}
.container__campins_actives--bloc-btn {padding: 1rem;}
.container__campins_actives--bloc-btn div.btn {cursor: default !important;}
@media (max-width: 576px) {
    .container__campains_actives--bloc-photo figure img {max-width: 100%; height: auto;}
}

#video-index {background-color: #d4eae8; padding: 64px 0;}
@media (max-width:767px) {
    #video-index {background-color: #d4eae8; padding: 32px 0;}
}

.video-adherirse {padding-top: 3rem; padding-bottom: 3rem;}
@media (max-width:767px) {
    .video-adherirse {padding-top: 2rem; padding-bottom: 2rem;}
}