*:not(.select2-container){-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
*:focus, button:focus, input:focus{outline: 0px transparent!important;-webkit-box-shadow: none!important;box-shadow: none!important;}
body{font-family: 'Open Sans', sans-serif;overflow-x: hidden!important;counter-reset: section;}
a, a:hover, a:active, a:focus{text-decoration: none;}
p, li{font-size: 1.125rem;color: #666;}
figure{margin-bottom: 0;width: 100%;}

/*titulos*/
.title, .title-dark{color: #666666;font-size: 2.25rem;font-weight: 600;}
.title span, .title-dark span,.title2 span{color: #71162B;}
.title2{color: #666666;font-size: 1.75rem;font-weight: 600;margin-bottom: 1rem;}
.title3{color: #333333;font-size: 2rem;font-weight: 600;margin-bottom: 2rem;}
.title-dark{color: #333333;text-align: center;position: relative;}
.title-dark img{position: absolute;top: -20px;left: 0;right: 150px;margin: auto;}
.title-light{color: #71162B;font-size: 2.25rem;font-weight: 300;margin: 2rem 0;}
.title-crop{font-size: 3.25rem;color: #FFFFFF;font-weight: 600;position: relative;z-index: 9; width: fit-content; margin: 0 auto;}
.title-crop::after{content: "";position: absolute;width: calc(100% + 2rem);height: 33px;background-color: #71162B;bottom: 0;transform: translate(-50%, -0%);left: 50%;right: 0;z-index: -1;margin: auto;}
.description{font-size: 1.25rem;color: #666666;text-align: center;max-width: 80%;margin: 0.5rem auto 3rem auto;}
.banner-description{font-size: 1.75rem;color: #fff;}
.subtitle{font-size: 1.5rem;color: #333333;font-weight: 600;position: relative;margin-bottom: 2rem;}
.subtitle::after{content: "";position: absolute;top: -15px;left: 0;width: 70px;height: 4px;background-color: #EF9609;}
.mini-title{font-size: 1.5rem;color: #333;font-weight: 600;}
.big-title{color: #71162B;font-size: 3rem;font-weight: 600;margin-bottom: 2rem;}
.text-danger{color: #71162B!important;}
.text-default{color: #666!important;}
.text-warning{color: #EF9609!important;}
.t-light{font-weight: 400;}
.t-light span{font-weight: 600;}
.headland{color: #333333;font-size: 1.25rem;font-weight: 600;margin-top: 2rem;margin-bottom: 1rem;}
.list-unstyled li{padding: 0.5rem 0;}

.list{padding-left: 15px;list-style-type: none;}
.list li{margin-bottom: 0.7rem;}
.list li::before{content: "\25CF";color: #EF9609;margin-right: 8px;}

.caption-lg{max-width: 604px!important;}
.caption-left{left: 15%!important;right: auto;}


.carousel-indicators li{width: 15px;height: 15px;border-radius: 100%;}

.select2-container--default .select2-selection--single .select2-selection__rendered{color: #999999;font-weight: 600;}
.select2-container{width: 100%!important;}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple{background-color: transparent;border-radius: 0;border:0;border-bottom: 1px solid #999;min-height: 2.5rem;}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border:none;content: url(../img/caret-down.png);width: auto;height: auto;margin-top: -5px;margin-left: -11px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color: #e5e5e5;border-color: #e5e5e5;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{float: right;margin-left: 3px;}

select{
    -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   background:url(../img/caret-down.png) 99% center no-repeat;
   background-size: auto;
}

.search-form .select2-container--default .select2-selection--single .select2-selection__arrow b{content: url(../img/search.png);}
.search-form .badge{color: #666666;font-size: 0.875rem;font-weight: 600;margin-right: 5px;}
.search-form a{color: #71162B;font-size: 0.875rem;font-weight: 600;margin-left: auto;white-space: pre;}

.formulari .form-control{min-height: 50px;border:1px solid #999999;background-color: #fff;border-radius: 0;color: #666;font-size: 1rem;}
.formulari label{color: #666;font-size: 1rem;font-weight: 400;}
.formulari .select2-container--default .select2-selection--single, 
.formulari .select2-container--default .select2-selection--multiple, 
.formulari .select2-container--default.select2-container--focus .select2-selection--multiple{border: 1px solid #999!important;background-color: #fff!important;min-height: 50px!important;}
.formulari .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 3em;font-weight: 400;color: #666;}
.formulari .select2-container--default .select2-selection--single .select2-selection__arrow{top: 0.9rem;right: 2px;}
.formulari .mini-title{margin: 2rem 0;}

.is-invalid .custom-select, .is-invalid .form-control, .custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid,
.custom-control-input.is-invalid~.custom-control-label::before, .was-validated .custom-control-input:invalid~.custom-control-label::before, 
.is-invalid .custom-control-input~.custom-control-label::before{border-color: rgb(113, 22, 43)!important;background-color: rgba(113, 22, 43, 0.1)!important;}
.is-invalid .select2-container--default .select2-selection--single, 
.is-invalid .select2-container--default .select2-selection--multiple, 
.is-invalid .select2-container--default.select2-container--focus .select2-selection--multiple{border-color: rgb(113, 22, 43)!important;background-color: rgba(113, 22, 43, 0.1)!important;}


.custom-control-label{margin: 5px 0;line-height: 2em;padding-left: 0.5rem;}
.custom-control-label a{color: #71162B;text-decoration: underline;}
.custom-control-label::before{background-color: #fff;border:1px solid #707070;border-radius: 0!important;width: 24px;height: 24px;}
.custom-control-label::after{width: 27px;height: 23px;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before, .custom-radio .custom-control-input:checked~.custom-control-label::before{background-color: #fff;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after, .custom-radio .custom-control-input:checked~.custom-control-label::after{background-image: url(../img/checked.png);}
.big-label{color: #71162B!important;font-size: 2.25rem!important;font-weight: 600!important;line-height: 0.9em!important;}

/*diagonales*/
.d-top-descendant,.d-top-ascendant, .d-bottom-descendant, .d-bottom-ascendant, .d-left-ascendant{position: relative;z-index: 1;}
.d-top-descendant::before, .d-top-ascendant::before{
    content: "";
    width: 100%;
    height: 40px;
    -webkit-transform: skewY(1deg);
        -ms-transform: skewY(1deg);
            transform: skewY(1deg);
    position: absolute;
    top: -10px;
    left: 0px;
    background-color: #f5f5f5;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out;  
}

.d-top-ascendant::before{
    -webkit-transform: skewY(-1deg);
        -ms-transform: skewY(-1deg);
            transform: skewY(-1deg);
}


.d-bottom-descendant::after, .d-bottom-ascendant::after{
    content: "";
    width: 100%;
    height: 40px;
    -webkit-transform: skewY(1deg);
        -ms-transform: skewY(1deg);
            transform: skewY(1deg);
    position: absolute;
    bottom: -10px;
    left: 0px;
    background-color: #f5f5f5;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out;  
}

.d-bottom-ascendant::after{
    -webkit-transform: skewY(-1deg);
        -ms-transform: skewY(-1deg);
            transform: skewY(-1deg);
}

.d-left-ascendant::after{
    content: "";
    width: 60px;
    height: 100%;
    -webkit-transform: skewY(-6deg);
    -ms-transform: skewY(-6deg);
    transform: skew(-6deg);
    position: absolute;
    top: 0;
    left: -26px;
    background-color: #71162B;
    border-left: 4px solid #EF9609;
    z-index: -1;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
}


.modal .modal-title{color: #71162B;font-weight: 600;font-size: 1.5rem;}
.modal p{font-size: 1rem;}
.modal .close{color: #fff;}
.modal .overflow{max-height: 50vh;overflow-y: auto;overflow-x: hidden;}
/*botones y colores*/
.hr-small{border: none;height: 4px;width: 70px;background-color: #EF9609;display: block;margin: 1rem 0;}
.hr-mini{border: none;height: 1px;width: 48px;background-color: #EF9609;display: block;margin: 1rem 0;}
.hr-big{border: none;height: 4px;width: 100%;background-color: #E5E5E5;display: block;margin: 1rem 0; }
.hr-md{border: none;height: 2px;width: 100%;background-color: #E5E5E5;display: block;margin: 1rem 0; }
.split-content{position: relative;z-index:1;display: block;width: 100%;margin: 1rem 0 3rem 0;}
.split-content::before{content: "";position: absolute;top: 13px;left: 0;width: 100%;height: 1px;background-color: #71162B;z-index: -1;}
.split-content .split-content-text i{color: #EF9609;font-size: 0.875rem;margin-left: 3px;}
.split-content .split-content-text{background-color: #fff;padding: 5px 15px;min-width:170px;font-size: 0.875rem;border-right: 1px solid #71162B;border-left: 1px solid #71162B;color: #71162B;display: inline-block;}
.split-content:hover .split-content-text i, .split-content:hover .split-content-text i{margin-left: 15px;}


.badge-default{color: #666666;font-size: 0.875rem;text-transform: uppercase;font-weight: 600;cursor: pointer;margin: 5px 0;}
.badge-default a{color: inherit;}
.badge-default:hover a, .badge-default:active a, .badge-default:focus a, 
.badge-default:hover, .badge-default:active, .badge-default:focus{color: #71162B;}
.badge-default.active{background-color: #71162B;color: #fff;padding: 8px;border-radius: 5px;border-color: #71162B;}

.bg-primary{background-color:#71162B!important;}
.bg-light{background-color: #f5f5f5!important;}
.bg-orange{background-color: #EF9609!important;}
.btn{font-size: 0.875rem;}
.btn-sm{
    padding: .25rem .5rem!important;
    font-size: .875rem!important;
    min-width: 170px!important;
}
.btn-primary{background-color: #71162B;border-color: #71162B;font-size: 1rem;font-weight: 600;padding:1rem 0;min-width:282px;border-radius: 0;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{background-color: #4e0f1e!important;border-color: #4e0f1e!important;}
.btn-unstyled{border: none!important;background-color: transparent!important;-webkit-box-shadow: none!important;box-shadow: none!important;border-radius: 0!important;cursor: pointer!important;padding: 0!important;margin: 0!important;}
.btn-wrap{background-color: #A80F0F;border-radius: 12px;color: #fff;font-size: 0.75rem;max-width:240px;padding: 0.6rem;display: -ms-inline-flexbox!important;display: -webkit-inline-box!important;display: -webkit-inline-flex!important;display: inline-flex!important;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.btn-wrap i{font-size: 3rem;margin-right: 1rem;}
.btn-wrap:hover, .btn-wrap:active, .btn-wrap:focus{background-color: #8e0a0a;color: #fff;}
.btn-wrap:hover i, .btn-wrap:active i, .btn-wrap:focus i{color: #fff;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}
.btn-outline-primary{border-color: #71162B!important;border-radius: 8px;color: #71162B!important;}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active{background-color:#71162B!important;border-color: #71162B!important;color: #fff!important;}
.decorative-typo{position: absolute;color: #E5E5E5;top: -4rem;left: 0;font-size: 180px;z-index: -1;font-weight: bolder;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

/*square box*/
.square-numeration .square-info::before {
    counter-increment: section;
    content: counter(section);
    position: absolute;
    color: #E5E5E5;
    bottom: -5rem;
    right: 0;
    font-size: 180px;
    z-index: -1;
    font-weight: bolder;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;

}
.square-box{
    padding-top: 100%;
    display: block;
    margin-bottom: 30px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 100%;
    background-color: #fff;
    border:1px solid #C5C5C5;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.square-box a{display: block;width: 100%;height: 100%;}
.square-box .square-info{position: absolute;top: 15px;left: 15px;z-index: 1;width: 90%;height: 92%;}
.square-box .text-warning{position: absolute;bottom: 0;left: 0px;font-size: 0.875rem;font-weight: 600;text-transform: uppercase;opacity: 0;}
.square-box .square-info p{font-size: 1.5rem;color: #666666;font-weight: 600;margin-bottom: 2rem;}
.square-box:hover, .square-box:focus, .square-box:focus{background-color: #71162B;border-color: #71162B;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);box-shadow: 0 0 10px rgba(0,0,0,0.15); }
.square-box:hover p, .square-box:focus p, .square-box:focus p{color: #fff;}
.square-box:hover .decorative-typo, .square-box:focus .decorative-typo, .square-box:focus .decorative-typo, 
.square-numeration.square-box:hover .square-info::before, .square-numeration.square-box:focus .square-info::before, .square-numeration.square-box:focus .square-info::before{color: #A75367;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.square-box:hover .text-warning, .square-box:focus .text-warning, .square-box:focus .text-warning{opacity: 1;}

.square-box .plus-info, .square-box .plus-info.show{background-color: rgba(255, 255, 255, 0.9);color: #666;font-size: 1rem;position: absolute;z-index: 1;width: 100%;height:100%;top: 0;left: 0;padding: 15px;-webkit-transition: 0.3s ease-in;-o-transition: 0.3s ease-in;transition: 0.3s ease-in;overflow-y: auto;}
.square-box .plus-info > *, .square-box .plus-info ul li{font-size: 0.875rem;color: #666;font-weight: 600;}

/*scrollbar*/
/* width */
.plus-info::-webkit-scrollbar, .overflow::-webkit-scrollbar {
  width: 5px;height: 5px;
}

/* Track */
.plus-info::-webkit-scrollbar-track, .overflow::-webkit-scrollbar-track {
  background-color: transparent; 
}

/* Handle */
.plus-info::-webkit-scrollbar-thumb, .overflow::-webkit-scrollbar-thumb{
  background: #ccc; 
   border-radius: 50px;
}


.square-img{
    background-size: cover!important;
    background-position: center!important;
    background-repeat: no-repeat!important;
    padding-top: 100%;
    display: block;
    margin: 0;
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 100%;
}

.square-img::after{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.58);
}

.square-img-info{position: absolute;z-index: 9;left: 0;right: 0;margin: auto;bottom:-10%;color: #fff;display: block;width: 100%;}
.square-img-info .info-title{color: #fff;font-size: 2rem;font-weight: 600;text-align: center;padding: 0 15px;}
.square-img-info .info-description{font-size: 1.125rem;color: #fff;font-weight: 600;text-align: center;padding: 0 50px;}
.square-img-info .more-info{padding: 15px;font-size: 1rem;font-weight: 300;text-align:center;opacity: 0;}
.square-img-info .more-info i{font-size: 0.875rem;}
.square-img:hover .square-img-info, .square-img:active .square-img-info, .square-img:focus .square-img-info{bottom: 0%;}
.square-img:hover .square-img-info .more-info, .square-img:active .square-img-info .more-info, .square-img:focus .square-img-info .more-info{opacity: 1;}

.cover{background-size: cover!important;}
.contain{background-size: contain!important;}

.bg-100{
    background-repeat: no-repeat!important;
    background-position: center!important;
    height: 100vh!important;
    overflow: hidden;
}
.bg-lg{
    background-repeat: no-repeat!important;
    background-position: center!important;
    height: 628px;
    overflow: hidden;
}

.bg-md{
    background-repeat: no-repeat!important;
    background-position: center!important;
    height: 483px;
    overflow: hidden;
}

.bg-sm{
    background-repeat: no-repeat!important;
    background-position: center!important;
    height: 380px;
    overflow: hidden;
}

.bg-xs{
    background-repeat: no-repeat!important;
    background-position: center!important;
    height: 280px;
    overflow: hidden;
}
.bg-rounded{
    background-repeat: no-repeat!important;
    background-position: center!important;
    height: 81px;
    width: 81px;
    overflow: hidden;
    border-radius: 100%;
    border:1px solid #C5C5C5;
}
.bg-dark{position: relative;z-index: 1;}
.bg-dark::after{content: "";position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);top: 0;left: 0;z-index: -1;}

/*navbar*/
.ara-navbar{padding: 0;position: relative;z-index: 9;}
.ara-navbar .navbar-brand{background-color: #fff;margin-top:0px;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);box-shadow: 0 0 10px rgba(0,0,0,0.15);-webkit-transform: rotate(-4deg);-ms-transform: rotate(-4deg);transform: rotate(-4deg);height: 12rem;position: relative;width: 12rem;}
.ara-navbar .navbar-brand img{-webkit-transform: rotate(4deg);-ms-transform: rotate(4deg);transform: rotate(4deg);position: absolute;width: 80%;height: auto;top: 0;bottom: 0;right: 0;left: 0;margin: auto;}
.ara-navbar .login{margin-top: -1rem;margin-bottom: 1rem;}
.ara-navbar .login a{margin-left: 0.8rem;}
.ara-navbar .login a img{max-width: 34px;}
.ara-navbar .login svg path{fill: #999999;}
.ara-navbar .login .btn:hover svg path, .ara-navbar .login .btn:active svg path, .ara-navbar .login .btn:focus svg path{fill: #ffffff;}
.ara-navbar .dropdown-toggle::after{
    content: "\f063";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 0.75rem;
    border:none;
}

.ara-navbar .nav-link{padding: 10px 20px!important;font-size: 1.125rem;}
.ara-navbar .dropdown .nav-link{padding:10px 20px 10px 10px!important;}
.ara-navbar .nav-item{margin-left: 1rem!important;position: relative;}
.ara-navbar .nav-item.active, .ara-navbar .nav-item:hover, .ara-navbar .nav-item:active{background-color: #71162B;position: relative;border-radius: 8px;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.ara-navbar .nav-item.active .nav-link, .ara-navbar .nav-item:hover .nav-link, .ara-navbar .nav-item:active .nav-link{color: #fff;}
.ara-navbar .nav-item::after{
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin:auto;
    width: 0; 
    height: 0; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #71162B;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    opacity: 0;
}
.ara-navbar .nav-item.active::after, .ara-navbar .nav-item:hover::after, .ara-navbar .nav-item:active::after{
    content: "";
    opacity: 1;
}

.dropdown-menu{border: none;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 8px;padding: 15px;}
.dropdown-menu .dropdown-item{color: #666666;font-size: 1rem;border-bottom: 1px solid #E5E5E5;padding: 10px;}
.dropdown-menu .dropdown-item i{font-size: 0.75rem;margin-left: 0.3rem;}
.dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus{color: #71162B;background-color: transparent;}

@media (min-width: 992px){
.ara-navbar.navbar-expand-lg .navbar-collapse{display: initial!important;}
.navbar-expand-lg .navbar-nav .dropdown-menu{top: 130%;}
.ara-navbar{max-height: 145px;}
.ara-navbar .nav-link{font-size: 1rem;}
}


.underline{position: relative;}
.underline::after{
    content: "";
    width: 0%;
    position: absolute;
    top: 120%;
    left: 20px;
    display: block;
    height: 1px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.underline:hover::after, .underline:active::after, .underline:focus::after{
    width: 80%;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
/*slider*/
.ara-slider .carousel-item{overflow: hidden;max-height: 57vh;}
.ara-slider .carousel-caption{background-color: rgba(113, 22, 43, 0.8);color: #fff;border-radius: 8px;-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.15);box-shadow: 0 0 10px rgba(0,0,0,0.15);max-width: 396px;left: auto;bottom: 15%;padding: 15px;text-align: left;}
.ara-slider .carousel-caption a{text-decoration: none!important;}
.ara-slider .carousel-caption span{font-size: 0.875rem;font-weight: 600;}


.ara-slider .carousel-caption p{font-size: 2.25rem;}
.ara-slider .carousel-caption p, .ara-slider .carousel-caption span{color: #fff;}


.special-indicators{bottom: 0rem;position: relative;margin: 1rem auto 3rem auto;}
.special-indicators li, .slick-dots li button::before{width: 15px;height: 15px;border: 2px solid #C5C5C5;border-radius: 2px;background-color: #fff;position: relative;color: transparent!important;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;opacity: 1;}
.slick-dots li button::before{padding: 2px!important;}
.special-indicators li::after, .slick-dots li button::after{
    content: "";
    position: absolute;
    top: -28px;
    right: 0;
    left: 0;
    margin:auto;
    width: 0; 
    height: 0; 
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 3px solid #EF9609;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    opacity: 0;

}
.slick-dots li button::after{top: 5px;left: 5px;}
.special-indicators li.active, .slick-dots li.slick-active button::before{background-color: #EF9609;border-color: #EF9609;}
.special-indicators li.active::after,  .slick-dots li.slick-active button::after{opacity: 1;}

/*banner join us*/
.ara-banner figure{position: relative;}
.ara-banner figure::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 0;}
.ara-banner .banner-info{position: relative;z-index: 9;top: 60%;text-align: center;}
.ara-banner a{color: #fff;font-size: 1rem;margin: 0 15px;}
.ara-banner a.underline::after{left: 0;right: 0;margin: auto;}
.ara-banner a.underline:hover::after, .ara-banner a.underline:active::after, .ara-banner a.underline:focus::after{
    width: 100%;
}

.ara-banner-big{padding: 3rem 0;margin: 3rem 0 0 0;}
.ara-banner-big img{margin-top: -6rem;position: relative;z-index: 1;}
.ara-banner-big .title{color: #fff;}
.ara-banner-big p{color: #fff;}
.ara-banner-big a{color: #FFFFFF;font-size: 0.875rem;font-weight: 600;}
.ara-banner-big a i{font-size: 0.75rem;margin-left: 0.2rem;color: #fff;}
.ara-banner-big a:hover, .ara-banner-big a:active, .ara-banner-big a:focus{color: #71162B;}
.ara-banner-big a:hover i, .ara-banner-big a:active i, .ara-banner-big a:focus i{color: #71162B;margin-left: 0.5rem;}
/*noticias*/
.two-columns{
  -webkit-column-count:2; /* Chrome, Safari, Opera */ /* Firefox */
  column-count:2;
  margin: 3rem 0;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50%;
      grid-template-columns: 50%;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
      margin: 0 -7.5px;
}

@media(max-width: 800px){
    .two-columns{
    -webkit-column-count:1; /* Chrome, Safari, Opera */ /* Firefox */
    column-count:1; 
    display: -ms-grid; 
    display: grid;
  -ms-grid-columns: 100%;
  grid-template-columns: repeat(1, 1fr);
    }
}

.two-columns .notice{display: inline-block;margin-top: 0.3rem;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;width: 100%;padding: 7.5px;}
.two-columns .notice .in{height: 100%}
/*.two-columns .notice:nth-child(2n+1){-webkit-box-ordinal-group: 2;-webkit-order: 1;-ms-flex-order: 1;order: 1}
.two-columns .notice:nth-child(2n+2){-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2;}*/

.info-box article{max-width: 85%;}
.info-box aside{text-align: right;padding-right: 15px;}
.info-box aside h5{border-right:1px solid #999999;padding-right: 15px;font-size: 1rem;color: #999999;font-weight: 600;}
.info-box aside h5 span{display: block;color: #999999;}
.info-box article h4{color: #333333;font-size: 1.5rem;font-weight: 600;}
.info-box article p{color: #666666;font-size: 1.125rem;-webkit-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.info-box{
    min-height: 12rem;
    background: -webkit-gradient(linear, left top, right top, from(#f5f5f5),to(#D3D0D0));
    background: -webkit-linear-gradient(left, #f5f5f5,#D3D0D0);
    background: -o-linear-gradient(left, #f5f5f5,#D3D0D0);
    background: linear-gradient(to right, #f5f5f5,#D3D0D0);
    background: -webkit-linear-gradient(to right, #f5f5f5,#D3D0D0);
    background: -o-linear-gradient(to right, #f5f5f5,#D3D0D0);
    padding: 30px;
    position: relative;
    z-index: 9;
    margin-top: -20px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.info-box::after{
    content: "";
    width: 100%;
    height: 40px;
    -webkit-transform: skewY(-2deg);
        -ms-transform: skewY(-2deg);
            transform: skewY(-2deg);
    position: absolute;
    top: -20px;
    left: 0px;
    background: -webkit-gradient(linear, left top, right top, from(#f5f5f5),to(#D3D0D0));
    background: -webkit-linear-gradient(left, #f5f5f5,#D3D0D0);
    background: -o-linear-gradient(left, #f5f5f5,#D3D0D0);
    background: linear-gradient(to right, #f5f5f5,#D3D0D0);
    background: -webkit-linear-gradient(to right, #f5f5f5,#D3D0D0);  
    background: -o-linear-gradient(to right, #f5f5f5,#D3D0D0); 
    border-top:4px solid #EF9609;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out;  
    -o-transition: all 0.3s ease-out;  
    transition: all 0.3s ease-out; 

}

.notice:hover .info-box, .notice:active .info-box, .notice:focus .info-box, .notice:hover .info-box::after , .notice:active .info-box::after, .notice:focus .info-box::after{
    background: -webkit-gradient(linear, left top, right top, from(#EF9609), to(#E67615));
    background: -webkit-linear-gradient(left, #EF9609, #E67615);
    background: -o-linear-gradient(left, #EF9609, #E67615);
    background: linear-gradient(to right, #EF9609, #E67615);
    background: -webkit-linear-gradient(to right, #EF9609, #E67615);  
    background: -o-linear-gradient(to right, #EF9609, #E67615);  

    -webkit-transition: all 0.3s ease-out;  
    -o-transition: all 0.3s ease-out;  
    transition: all 0.3s ease-out;
}
.notice:hover article h4, .notice:active article h4, .notice:focus article h4, .notice:hover aside h5, .notice:active aside h5, .notice:focus aside h5, .notice:hover aside h5 span, .notice:active aside h5 span, .notice:focus aside h5 span{color: #fff;border-color: #fff; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.notice:hover article p,.notice:active article p,  .notice:focus article p{color: rgba(255, 255, 255, 0.8); -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

.big-notice .in{background-color: #71162B;padding: 30px;width: 600px;}
.big-notice .in .date{font-size: 1rem;color: #FFFFFF;position: relative;display: block;margin-bottom: 2rem;}
.big-notice .in .date::after{content: "";width: 51px;height: 1px;background-color: #FFFFFF;margin: 1rem 0;position: absolute;bottom: -30px;left: 0;}
.big-notice .in h4{color: #fff;font-size: 1.5rem;margin-bottom: 1rem;}
.big-notice .in p{color: rgba(255, 255, 255, 0.7);}
.big-notice .in .view-more{text-transform: uppercase;color: #fff;font-size: 0.875rem;position: absolute;font-weight: 600;bottom: 2rem;left: 30px;}

.big-notice:hover .in, .big-notice:hover .in::after{background-color: #4e0f1e;-webkit-transition: 0.3s ease-in;-o-transition: 0.3s ease-in;transition: 0.3s ease-in;}

.opinio{margin: 2rem 0;}
.opinio .in{padding: 50px 30px;background-color: #f5f5f5;width: 100%;position: relative;}
.opinio h4{color: #71162B;font-size: 1.125rem;text-transform: uppercase;}
.opinio h3{font-weight: 600;font-size: 1.8rem;color: #333333;}
.opinio .in .date{color: #999999;font-size: 0.75rem;font-weight: 600;display: block;margin-top: 1rem;}
.opinio .autor{position: absolute;bottom: 2rem;left: 30px;}
.opinio:hover .in, .opinio:active .in, .opinio:focus .in{background-color: #e9e9e9;}

.autor h5{font-size: 1rem!important;color: #333333!important;font-weight: 600!important;}
.autor h5 small{display: block!important;color: #333333!important;font-size: 0.75rem!important;font-weight: 400!important;}

/*slick carousel*/
.ara-premsa-resum .notice{margin-right: 15px;}
.ara-premsa-resum .notice figure{height: 209px;overflow: hidden;margin: 0;}
.ara-premsa-resum .notice .in{background-color: #F5F5F5;padding: 30px;min-height: 16rem;margin-bottom: 2rem;position: relative;}
.ara-premsa-resum .notice .in .date *{color: #999999;font-size: 0.75rem;font-weight: 600;}
.ara-premsa-resum .notice .in article h4{color: #333333;font-size: 1.25rem;font-weight: 600;margin-bottom: 3rem;}
.ara-premsa-resum .notice .in article .view-more{font-size: 0.75rem;color: #71162B;font-weight: 600;position: absolute;bottom: 2rem;left: 30px;}
.ara-premsa-resum .notice .in article .view-more i{color: #999999;font-size: 0.65rem;}

.ara-premsa-resum .notice:hover .in, .ara-premsa-resum .notice:active .in, .ara-premsa-resum .notice:focus .in{background-color: #EF9609;}
.ara-premsa-resum .notice:hover .in *, .ara-premsa-resum .notice:active .in *, .ara-premsa-resum .notice:focus .in *, 
.ara-premsa-resum .notice:hover .in .view-more, .ara-premsa-resum .notice:active .in .view-more, .ara-premsa-resum .notice:focus .in .view-more, 
.ara-premsa-resum .notice:hover .in .view-more i, .ara-premsa-resum .notice:active .in .view-more i, .ara-premsa-resum .notice:focus .in .view-more i{color: #fff;}

/*noticies relacionades*/
.ara-interessar .notice .info-box, .ara-interessar .notice .info-box::after{background-color: #fff;background-image: none;}
.ara-interessar .notice:hover .info-box, .ara-interessar .notice:active .info-box, .ara-interessar .notice:focus .info-box, 
.ara-interessar .notice:hover .info-box::after, .ara-interessar .notice:active .info-box::after, .ara-interessar .notice:focus .info-box::after
{background-color: #EF9609;}

.ara-interessar.rel-opinions .info-box h4{font-size: 2rem;font-weight: 400;color: #333333;}
.ara-interessar.rel-opinions .info-box .date{font-size: 0.75rem;color: #999999;font-weight: 600;}
.ara-interessar.rel-opinions .info-box::after{display: none;}

.ara-interessar.rel-opinions .notice .info-box, .ara-interessar.rel-opinions .notice .info-box::after{background-color: #fff;background-image: none;}
.ara-interessar.rel-opinions .notice:hover .info-box, .ara-interessar.rel-opinions .notice:active .info-box, .ara-interessar.rel-opinions .notice:focus .info-box, 
.ara-interessar.rel-opinions .notice:hover .info-box::after, .ara-interessar.rel-opinions .notice:active .info-box::after, .ara-interessar.rel-opinions .notice:focus .info-box::after
{-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.15);box-shadow: 0 0 6px rgba(0,0,0,0.15);}


/*xarxes*/
.ara-xarxes-socials{background-color: #f5f5f5;position: relative;margin-top: 3rem;padding: 1rem 0;}

.video-description{font-size: 1.125rem;line-height: 1.2em;}
.xarxes a img{opacity: 0.8;}
.xarxes a:hover img, .xarxes a:active img, .xarxes a:focus img{opacity: 1;-webkit-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);}

/*twitter api*/
.twitter-api{background-color: #fff;border-top: 1px solid #EF9609;max-height: 467px;overflow-x: hidden;overflow-y: auto;}
.twitter-api .footer-api, .twitter-api .info-api{padding: 15px;}
.twitter-api .footer-api i{opacity:0.50;font-size: 1rem;color: #000000;margin-right: 0.5rem;}
.twitter-api .footer-api i:hover{opacity: 1;}
.twitter-api .info-api .date{font-size: 0.75rem;color: #999999;font-weight: 600;}
.twitter-api .info-api p{color: #666666;font-size: 1rem;font-weight: 400;}
.twitter-api figure{max-height: 248px;overflow: hidden;margin: 0;}

/*prefooter*/
.ara-prefooter{background-color: #71162B;padding: 2rem 0;color: #fff;}
.ara-prefooter .mini-title{color: #fff;}
.ara-prefooter p{font-size: 1rem;font-weight: 300;margin-bottom: 2rem;color: #fff;}
.ara-prefooter a{color: inherit;}
.ara-prefooter h4{font-size: 1.125rem;font-weight: 600;}
.ara-prefooter h4 i{font-size: 0.875rem;color: #EF9609;margin-left: 0.2rem;}
.ara-prefooter a:hover i, .ara-prefooter a:active i, .ara-prefooter a:focus i{margin-left: 0.5rem;}



/*prefooter select*/

.ara-prefooter .select2-container--default .select2-selection--single .select2-selection__rendered{color: #fff;font-weight: 600;}
.ara-prefooter .select2-container--default .select2-selection--single{border-bottom-color: #EF9609;}
.ara-prefooter .select2-container--default .select2-selection--single .select2-selection__arrow b{content: url(../img/arrow-down.png);}
/*footer*/
.ara-footer{background-color: #000;padding: 5rem 0 1.5rem 0;color: #fff;}
.ara-footer a:not(.navbar-footer){opacity: 0.8;color: inherit;display: block;}
.ara-footer a:hover, .ara-footer a:active, .ara-footer a:focus{opacity: 1;}
.ara-footer h4{font-size: 1.25rem;font-weight: 600;margin-bottom: 1.5rem;}
.ara-footer .xarxes a{display: inline-block;margin-right: 0.3rem;}
.studiogenesis{font-size: 0.75rem;margin-top: 4rem;}
.studiogenesis img{max-width: 120px;opacity: 0.5;}
.studiogenesis:hover img, .studiogenesis:active img, .studiogenesis:focus img{opacity: 0.6;}


/*nostre projecte*/
.our-project .in{position: absolute;top: 10rem;right: 6rem;color: #fff;text-align: left;max-width: 40%;}
.our-project .in .description{font-size: 1.5rem;font-weight: 600;color: #fff;text-align: left;margin: 0;max-width: 100%;}
.our-project .in .title{font-size: 3rem;font-weight: 600;color: #fff;text-align: left;}
.our-project figure{margin: 0;position: -webkit-sticky;position: sticky;top: 0!important;}
.our-project figure:nth-of-type(even) .in{right: auto;left: 6rem;}

.v-slider{margin-bottom: 0!important;}
.v-slider .slick-dots{position: fixed;top: 50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right: 0rem;left: 0;bottom: auto;width: 99%;}
.v-slider .slick-dots li{display: block;margin-left: auto;}
.v-slider .slick-dots li button::before{border: none!important;border-radius: 100%!important;background-color: rgba(255, 255, 255, 0.7);}
.v-slider .slick-dots li button::after{display: none;}
.v-slider .slick-dots li.slick-active button::before{background-color: #EF9609;}

.ara-sumat{padding: 6rem 0;}


/*entenem*/
.ara-entenem{background-color: #f5f5f5;padding: 3rem 0;}

/*equip*/
.ara-equip figure{margin-bottom: 0;}
.ara-equip .in{background-color: #f5f5f5;padding: 25px;min-height: 215px;margin-bottom: 1.5rem;position: relative;}
.ara-equip .in h4{font-size: 1.125rem;color: #333333;font-weight: 600;}
.ara-equip .in h4 small{display: block;color: #333333;font-size: 0.875rem;font-weight: 400;}
.ara-equip .in h5{color: #666666;font-size: 1rem;font-weight: 600; position: absolute;bottom: 1rem;left: 25px;width:75%;}

/*llista arareus*/
.llista-arareus{margin: 3rem 0;padding: 3rem 0;}
.llista-arareus p{font-size: 1rem;}

/*ara noticia*/

.ara-noticia{margin-bottom: 3rem;}
.ara-noticia .title{font-weight: 400;}
.ara-noticia em{font-style: italic;margin: 1rem 0;font-size: 0.875rem;color: #666666;}
.ara-noticia p em{font-size: inherit;}
.ara-noticia .date{color: #999999;font-size: 1rem;font-weight: 600;padding-right: 1rem;border-right:1px solid #999999;text-align: right;float: right;}
.ara-noticia .categoria{color: #666666;font-size: 0.875rem;font-weight: 600;text-transform: uppercase;}
.ara-noticia .organitzacio{color: #666666;font-size: 1rem;font-weight: 400;}
.ara-noticia figure{margin-top: 2rem;position: relative;}
.ara-noticia figure em{background-color: rgba(113, 22, 43, .8);padding: 10px;color: #fff;display: inline-block;position: absolute;bottom:15px; left: 15px;margin: 0;}
.ara-noticia .title-proposta{color: #71162B;font-size: 2.25rem;text-transform: uppercase;font-weight: 600;}
.ara-noticia ol{padding-left: 15px;}
.ara-noticia li{margin-bottom: 1rem;}
/*galeria*/
.block-galeria{padding: 3rem 0;}
.block-galeria .carousel-indicators {position: relative;bottom: 0;-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content: flex-start;margin: 2rem 0;}
.block-galeria .carousel-indicators li{width: 70px;height: 70px;overflow: hidden;margin-right: 2rem;margin-left: 0;opacity: 0.5;border-radius: 0;}
.block-galeria .carousel-indicators li.active{opacity: 1;}
.block-galeria:first-child{padding-top: 0;}
.block-galeria:nth-of-type(even){background-color: #f5f5f5;}
.block-galeria .carousel-item{height: 578px;}

/*propostes*/
.proposta{margin-bottom: 2rem;padding: 15px;border:1px solid transparent;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in}
.proposta .date{min-width:7rem;color: #999999;font-size: 1rem;font-weight: 600;padding-right: 1rem;border-right:1px solid #999999;text-align: right;margin-right: 15px;display: inline-table;}
.proposta .organitza{color: #999999;font-size: 1rem;font-weight: 400;}
.proposta h4{color: #71162B;font-size: 1.5rem;text-transform: uppercase;font-weight: 400;}

.proposta:hover, .proposta:focus, .proposta:active{border-color: #e5e5e5;-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.15);box-shadow: 0 0 6px rgba(0,0,0,0.15);-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-webkit-transform: scale(1.05)!important;-ms-transform: scale(1.05)!important;transform: scale(1.05)!important;}
.proposta a{font-size: 1.25rem;color: #999;margin: 1.5rem 10px;-webkit-transition: all 0s ease-in;-o-transition: all 0s ease-in;transition: all 0s ease-in;}
.proposta a:hover, .proposta a:focus, .proposta a:active{color: #333;-webkit-transition: all 0s ease-in;-o-transition: all 0s ease-in;transition: all 0s ease-in;}
.proposta > img{width: 65%;}

.carousel-propostes .carousel-control-next, .carousel-propostes .carousel-control-prev{width: 48%;display: inline-block;text-align: inherit;}

.ara-formulari{padding: 3rem;margin-bottom: 5rem;}
.benvinguda{padding-top: 30%;}
.benvinguda hr{position: relative;margin: 0;}
.benvinguda img{position: absolute;bottom: 0;left: 0;}

/*ara full img*/
.ara-full-img.bg-primary .title{color: #fff;position: absolute;bottom: 1rem;left: 15px;}

/*text block*/
.ara-text-block a.text-warning{font-size: 0.875rem;text-transform: uppercase;font-weight: 600;}
.ara-text-block a:hover i,.ara-text-block a:focus i,.ara-text-block a:active i{margin-left: 0.5rem;}
.ara-text-block address{color: #666;font-size: 1.125rem;}
.ara-text-block address a{color: inherit;text-decoration: underline;}

/*transparencia*/
.comptes{padding: 20px;margin-bottom: 1rem;}
.comptes .mini-title{color: #666666;margin: 0;}

/*codi etic*/
.codi-etic{padding: 30px;margin: 4rem 0;}
.codi-etic >img{margin-top: -4rem;}
.codi-etic .mini-title{margin: 2rem 0;}

.carousel-etic blockquote{color: #FFFFFF;font-size: 2.25rem;font-style: italic;text-align: center;font-weight: 400;margin: 0 30%;}

.ara-premsa-resum{overflow-x: hidden;}
.ara-premsa-resum.premsa-large{overflow-x: auto;}
.ara-xarxes-socials iframe{width: 100%!important;}

/*datepicker*/
.datepicker th.switch{font-size: 1.125rem;font-weight: 400;line-height: 3em;}
.datepicker .dow{font-size: 0.875rem;color: #333;line-height: 2em;border-top: 1px solid #e5e5e5;}
.datepicker .day{font-size: 0.875rem;color: #666;padding: 0.25rem;}
.datepicker .day.active{background-image: none;background-color: #EF9609!important;}
.formulari .form-control{padding: 10px;}



/*----------------------------------------RESPONSIVE-------------------------------------*/



/*device tablet portrait and laptop*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1){
    .square-box .text-warning{opacity: 1;}
    .square-img-info{bottom: 0;}
    .square-img-info .more-info{opacity: 1;}
}
/*device mobile portrait and laptop*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2){
    .square-box .text-warning{opacity: 1;}
    .square-img-info{bottom: 0;}
    .square-img-info .more-info{opacity: 1;}
  }

/*solo móviles horizontales*/
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .ara-entenem .col-md-6.col-12, .ara-equip .col-md-6.col-12, .ara-compromisos .col-md-6.col-12, .troba-ara .col-md-6.col-12{-ms-flex: 0 0 50%;-webkit-box-flex: 0;-webkit-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .square-box .square-info p{font-size: 1rem!important;}
    .square-box .text-warning{opacity: 1;}
    .square-img-info{bottom: 0;}
    .square-img-info .more-info{opacity: 1;}
  }

/*//tablet laptop*/
@media(max-width: 1024px){
.ara-premsa-resum .notice .in article h4{font-size: 1.125rem;}
.ara-premsa-resum .notice .in{min-height: 20rem;}
.square-box .square-info p{font-size: 1.20rem;}
.our-project .in{max-width: 60%;}
}


/*//tablet portrait*/
@media(max-width: 992px){

/*ajustar tipos*/
p, li{font-size: 1rem;}
.ara-navbar .nav-link, .dropdown-menu .dropdown-item{font-size: 1rem;}
.ara-slider .carousel-caption p{font-size: 1.5rem;}
.title, .title-dark, .title-light{font-size: 1.75rem;}
.title2{font-size: 1.5rem;}
.mini-title{font-size: 1.25rem;}
.banner-description{font-size: 1.5rem;}
.description{font-size: 1.125rem;}
.info-box article h4{font-size: 1.2rem;}
.info-box article p{font-size: 1rem;}
.twitter-api .info-api p{font-size: 0.75rem;}
.video-description{font-size: 0.75rem;line-height: 1.3em;display: block;}
.ara-prefooter p{font-size: 0.875rem;}
.ara-footer h4{font-size: 0.875rem;}
.ara-footer a{font-size: 0.75rem;}
.square-img-info .info-title{font-size: 1.5rem;}
.opinio h3, .ara-interessar.rel-opinions .info-box h4{font-size: 1.5rem;}
.ara-slider .carousel-caption p{font-size: 1.25rem;}
.big-notice .in h4{font-size: 1.30rem;}
.ara-noticia .date{text-align: left;border-right:none;border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 15px;display: inline-block;font-size: 0.75rem;}
.carousel-etic blockquote{font-size: 1.75rem;}
.ara-prefooter h4{font-size: 0.875rem;}
.big-title{font-size: 2rem;}
/*otros*/
.youtube iframe{height: 85px!important;}
.ara-navbar .login{border-bottom: 1px solid #e5e5e5;padding-bottom: 15px;}
.ara-navbar .navbar-brand{margin-top: -8px;margin-bottom: -3rem;}
.ara-navbar .navbar-nav.float-right{float: left!important;text-align: left;width: 100%;padding: 1.3rem 0;}
.ara-navbar .nav-item .nav-link{padding: 10px 15px!important;}
.ara-navbar .nav-item.active, .ara-navbar .nav-item:hover, .ara-navbar .nav-item:active{background-color: transparent;border-radius: 0;}
.ara-navbar .nav-item.active .nav-link, .ara-navbar .nav-item:hover .nav-link, .ara-navbar .nav-item:active .nav-link{color: #71162B;}
.ara-navbar .nav-item.active::after, .ara-navbar .nav-item:hover::after, .ara-navbar .nav-item:active::after{display: none;}
.ara-navbar .dropdown-toggle::after{right: 74%;}
.ara-navbar .dropdown-menu{-webkit-box-shadow: none!important;box-shadow: none!important;background-color: transparent;margin: 0;}
.ara-navbar .dropdown-menu .dropdown-item{padding-left: 0;padding-right: 0;}

.ara-slider .carousel-item{height: 30vh;}
.bg-lg{height: 550px;}
.bg-md{height: 350px;}
.bg-xs{height: 150px;}
.ara-banner .banner-info{top: 50%;}
.ara-equip .bg-xs{height: 380px;}
.two-columns .notice:first-child figure{height: 350px!important;}
.two-columns .notice figure{height: 280px!important;}
.twitter-api figure{max-height: 150px;}
.ara-prefooter .mini-title{margin-bottom: 2rem;}
.ara-banner-big img{margin-top: -12rem;}
.caption-left{left: 5%!important;}
.llista-arareus img{margin-bottom: 2rem;}
.our-project figure:nth-of-type(even) .in{bottom: 10%;top: auto;}
.ara-noticia figure em{width: 90%;}
.ara-premsa-resum .notice{margin-right: 0;}
.block-galeria iframe{height: 400px!important;}
.codi-etic{padding: 15px;}
.codi-etic .btn{width: 100%;}
.square-img-info .info-description{margin-bottom: 5rem;}

}


/*//mobile laptop*/
@media(max-width: 767px){
    /*ajustar tipos*/
    p, li{font-size: 0.875rem;}
    .llista-arareus p{font-size: 0.875rem;}
    .big-title{font-size: 1.75rem;}
    .ara-navbar .nav-link, .dropdown-menu .dropdown-item{font-size: 0.875rem;}
    .ara-slider .carousel-caption p{font-size: 0.875rem;}
    .ara-slider .carousel-caption p strong{font-size: 1rem;}
    .title, .title-dark, .title-light{font-size: 1.5rem;}
    .title2, .title3{font-size: 1.25rem;}
    .description, .square-img-info .info-description{font-size: 1rem;}
    .square-img-info .info-title{font-size: 1.25rem;}
    .title-crop{font-size: 2rem;}
    .banner-description{font-size: 1.25rem;}
    .ara-banner a{font-size: 0.875rem;}
    .info-box aside h5{font-size: 0.75rem;}
    .info-box article h4{font-size: 1.125rem;}
    .info-box article p{font-size: 0.875rem;}
    .ara-prefooter h4{font-size: 0.875rem;}
    .ara-slider .carousel-caption span{font-size: 0.75rem;}
    .square-box .square-info p{font-size: 1.125rem;}
    .our-project .in .title{font-size: 1.5rem;}
    .our-project .in .description{font-size: 1.25rem;}
    .search-form .badge{font-size: 0.75rem;}
    .big-notice .in h4{font-size: 1.125rem;}
    .ara-noticia .date, .ara-noticia .categoria, .split-content .split-content-text{font-size: 0.75rem;}
    .opinio h3, .ara-interessar.rel-opinions .info-box h4{font-size: 1.125rem;}
    .autor h5{font-size: 0.875rem!important;}
    .mini-title{font-size: 1.125rem;}
    .proposta .organitza, .ara-noticia .organitzacio{font-size: 0.75rem;}
    .proposta h4, .ara-noticia .title-proposta{font-size: 1.125rem;}
    .badge-default a, .badge-default{font-size: 0.75rem;}
    .carousel-propostes h4{font-size: 0.875rem;font-weight: 600;}
    .formulari label, .formulari .form-control{font-size: 0.875rem;}
    .select2-container--default .select2-selection--single .select2-selection__rendered{font-size: 0.875rem;line-height: 3.5rem;}
     .custom-control-label{font-size: 0.75rem!important;}
    .big-label{font-size: 1.5rem!important;line-height: 1.3em!important;}
    .btn{font-size: 0.875rem;}
    .ara-text-block address{font-size: 0.875rem;}
    .carousel-etic blockquote{font-size: 1.25rem;margin: 0 10%;}
    .carousel-propostes .carousel-control-next span, .carousel-propostes .carousel-control-prev span{font-size: 0.75rem;}
    .v-slider .in .title{font-size: 1.25rem!important;}
    .v-slider .in .description{font-size: 1.125rem!important;font-weight: 400;}
   



    /*otros*/
    .date .d-block{display: inline-block!important;margin-left: 0.3rem;}
    .block-galeria{padding: 2rem 0;}
    .block-galeria .carousel-indicators{margin: 2rem 0 0 0;}
    .bg-md, .block-galeria .carousel-item{height: 280px;}
    .bg-sm{height: 150px;}
    .ara-navbar .navbar-brand{width: 8rem;margin-left: 30px;margin-bottom: -0.5rem;height: 8rem;}
    .navbar-toggler{margin-right: 15px;}
    .ara-navbar .nav-item{margin-left: 0!important;}
    .ara-navbar .dropdown-toggle::after{right: 25px;}
    .ara-navbar .login{margin-top: 4rem;margin-right: 15px;}
    .ara-slider .carousel-item{height: 50vh;}
    .ara-slider .carousel-item img{margin: auto;}
    .ara-slider .carousel-caption{left: 15px;bottom: 15px;}
    .square-img-info .info-description{margin-bottom: 3rem;}
    .ara-banner .bg-lg{height: 380px;}
    .ara-banner .banner-info{top: 20px;}
    .ara-banner a{display: block;margin: 5px 0;}
    .title-dark img{right: 104px;width: 1.1rem;}
    .two-columns .notice figure, .two-columns .notice:first-child figure{height: 250px!important;}
    .info-box{display: block!important;}
    .info-box aside{text-align: left;}
    .info-box aside h5{text-align: left;padding-right: 0;padding-bottom: 10px;border-right:none;border-bottom: 1px solid #999;display: inline-block;}
    .info-box aside h5 span{display: inline-block;}
    .ara-premsa-resum .notice .in{min-height: 15rem;}
    .twitter-api{margin-bottom: 1rem;}
    .youtube iframe{height: 150px!important;}
    .ara-prefooter form{margin-bottom: 2rem;}
    .ara-footer .navbar-footer img{display: block;margin: 1rem auto;}
    .ara-footer{padding: 1.5rem 0;text-align: center;}
    .ara-footer h4{margin-top: 1rem;}
    .caption-lg{width: 90%!important;max-width: inherit!important;}
    .ara-banner-big img{margin-top: 1.5rem;}
    .search-form a{margin-top: 1rem;display: block;}
    .our-project .in, .our-project figure:nth-of-type(even) .in{max-width: 70%;left: 2rem;top: 30%;bottom: auto;right: auto;}
    .our-project{overflow-x: hidden;}
    .search-form .select2-container{margin: 0.2rem 0;}
    .search-form .align-items-center{display: block!important;}
    button.close{position: absolute;top: 0;right: 0;}
    .big-notice .d-flex{display: block!important;}
    .big-notice .in{width: 100%;}

    .d-left-ascendant::after{
            width: 100%;
            height: 40px;
            -webkit-transform: skewY(-2deg);
            -ms-transform: skewY(-2deg);
            transform: skewY(-2deg);
            position: absolute;
            top: -20px;
            left: 0px;
            background: #71162B;
            background: #71162B;
            background: #71162B;
            background: #71162B;
            background: #71162B;
            background: #71162B;
            border-top: 4px solid #EF9609;
            border-left: none;
    }

    .info-box, .big-notice .in, .opinio .in{padding: 15px;margin-bottom: 15px;}
    .big-notice .in .view-more, .opinio .autor{position: static;}
    .ara-noticia .date, .proposta .date{text-align: left;border-right:none;border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 15px;display: inline-block;font-size: 0.75rem;}
    .proposta{display: block!important;margin-bottom: 0.5rem;}
    .ara-noticia figure{height: 280px;}
    
    .opinio{display: block!important;}
    .opinio h4 img{width: 1rem;}
    .bg-rounded{padding-right: 15%;padding-top: 15%;height: auto;width: auto;}
    .block-galeria iframe, .ara-text-block iframe{height:250px!important;}
    .carousel-propostes p{display: none;}
    .two-columns{margin: 1rem 0;}
    .list{padding-left: 0;}
    .ara-formulari{padding: 15px 0;}
    .formulari .mini-title{margin: 1rem 0 0.8rem 0;}
    #map{height: 300px!important;}
    .comptes{display: block!important;text-align: center;}
    .comptes > img{display: block;margin: 0.5rem auto!important;width: 2rem;}
    .comptes .mini-title{margin: 0.5rem 0;}
    .carousel-etic .bg-sm{height: 300px!important;}
    .ara-text-block{padding: 1.2rem 0!important;}
    .codi-etic{margin: 3rem 0 1rem 0;}

    .ara-square-blocks .square-img{padding-top: 40%;}
    .twitter-api figure{max-height: 230px;}
    .twitter-api figure img{width: 100%;}
    .ara-equip .bg-sm{height: 230px!important;}
   /* .opinio:hover .in, .opinio:active .in, .opinio:focus .in{width: 100%;}*/

    .v-slider .slick-dots li{width: 30px;height: 30px;}
    .slick-dots li button::before{padding: 4px!important;}
.ara-equip .bg-xs{height: 380px;}
 

}


/*//mobile portrait*/
@media(max-width: 480px){
    .block-galeria iframe, .ara-text-block iframe{height:150px!important;}
    .bg-rounded{padding-right: 30%;padding-top: 30%;height: auto;width: auto;}
    .twitter-api figure{max-height: 150px;}
 .ara-slider .carousel-item{height: 26vh;}
 .ara-square-blocks .square-img{padding-top: 100%;}

}


/*25/01/2019*/

.ara-noticia .block-galeria{background-color: transparent!important;}
.ara-noticia blockquote{font-size: 1.5rem;font-weight: 300;font-style: italic;margin: 0 auto;width: 80%;}

.block-descarga h4{color: #333;font-size: 1.125rem;font-weight: 600;color:#71162B; }

.list-group .list-group-item{font-size: 0.875rem;font-weight: 600;background-color: #f5f5f5;margin-top: 1rem;margin-right: 1rem;border:none;}
.list-group .list-group-item .download-icon{font-size: 1rem;margin-right: 1rem;color: #71162B;-webkit-transition: all 0s ease-in;-o-transition: all 0s ease-in;transition: all 0s ease-in;}
.list-group a:hover .list-group-item, .list-group a:active .list-group-item, .list-group a:focus .list-group-item{background-color:#71162B;color: #fff;}
.list-group a:hover .list-group-item .download-icon, .list-group a:active .list-group-item .download-icon, .list-group a:focus .list-group-item .download-icon{color: #EF9609;-webkit-transition: all 0s ease-in;-o-transition: all 0s ease-in;transition: all 0s ease-in;}


.search-form .form-control, .search-form input{border-radius: 0;border: none;border-bottom: 1px solid #999;font-size: 1.125rem;color: #666;}
.search-form .form-control::-webkit-input-placeholder, .search-form input::-webkit-input-placeholder{color: #999;}
.search-form .form-control:-ms-input-placeholder, .search-form input:-ms-input-placeholder{color: #999;}
.search-form .form-control::-ms-input-placeholder, .search-form input::-ms-input-placeholder{color: #999;}
.search-form .form-control::placeholder, .search-form input::placeholder{color: #999;}
.search-form .input-group-text{background-color: transparent;border: none;border-bottom: 1px solid #999;border-radius: 0;}

@media(max-width: 992px){
    .ara-noticia blockquote{font-size: 1.25rem;width: 100%;}
}

@media(max-width: 767px){
    .ara-noticia blockquote{font-size: 1.125rem;width: 100%;}
    .search-form .form-control, .search-form input{font-size: 1rem;}
}

.input-group > .search-str:hover{
    cursor: pointer;
}