/* Rambla Prim Theme based on FC Corporativa Theme */
/* Custom CSS for Institut Rambla Prim */

/* -------------------------------------------- General Styles */

body {
    color: #7F8080;
    background-color: #fff;
    font-family: 'Montserrat', sans-serif;

    &.modal-open {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
    }
}

body a,
body a:hover {
    text-decoration: none;
    color: inherit;
}

body a:focus,
body a:active {
    text-decoration: none;
}

img {
    width: 100%;
    height: auto;
}

.img-regular {
    width: auto;
}

.color-burgundy {
    color: #5B192E;
}

.color-green {
    color: #194A5B;
}

.color-light-green {
    color: #048A7C;
}

.color-grey {
    color: #7F8080;
}

.color-dark-grey {
    color: #46495C;
}

.color-red {
    color: #DB1D2A;
}

.color-yellow {
    color: #FDB727;
}

.color-blue {
    color: #46495C;
}

.color-custom-white {
    color: #fff;
}

.color-transparent {
    color: transparent;
}

.bg-burgundy-light {
    background-color: rgba(91, 25, 46, 0.3);
}

.bg-burgundy-dark {
    background-color: rgba(91, 25, 46, 0.75);
}

.bg-burgundy-darker {
    background-color: rgba(91, 25, 46, 0.9);
}

.bg-burgundy-darker-4 {
    background-color: rgba(91, 25, 46, 0.8);
}

.bg-burgundy-darker-3 {
    background-color: rgba(91, 25, 46, 0.7);
}

.bg-burgundy-darker-2 {
    background-color: rgba(91, 25, 46, 0.6);
}

.bg-burgundy-darker-1 {
    background-color: rgba(91, 25, 46, 0.5);
}

.bg-burgundy {
    background-color: #5B192E;
}

.bg-darker-grey {
    background-color: #888888;
}

.bg-grey {
    background-color: #C9C9C9;
}

.bg-greyish {
    background-color: #DDDDDD;
}

.bg-custom-white {
    background-color: #fff;
}

.bg-light-grey {
    background-color: #f6f6f6;
}

.bg-transparent {
    background-color: transparent;
}

.bg-light-black {
    background-color: rgba(0, 0, 0, 0.5);
}

.bg-green {
    background-color: #194A5B;
}

.bg-dark-green {
    background-color: #102F3A;
}

.bg-blue {
    background-color: #46495C;
}

.bg-orange {
    background-color: #a15838;
}

.bg-green-estudio {
    background-color: #95aa45;
}

.bg-red {
    background-color: #9b3f4c;
}

.bg-sky {
    background-color: #5a95a5;
}

body [type=button] {
    -webkit-appearance: none;
}

.btn {
    background-image: none;
    text-align: center;
    width: auto;
    border-radius: 0;
    border-style: solid;
    font-size: 1em;
    font-family: 'Oswald', sans-serif;
}

.border-1 {
    border-width: 1px;
    border-style: solid;
}

.border-top-1 {
    border-top: 1px solid #fff;
}

.border-bottom-green {
    border-bottom-color: #a4d65e;
    border-bottom-width: 4px;
}

.border-radius-0 {
    border-radius: 0;
}

.uppercase {
    text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    font-family: 'Oswald', sans-serif;
}

.hs h1,
.hs h2,
.hs h3,
.hs h4,
.hs h5{
    color:#194A5B;
}

h1 {
    font-size: 2em;
    line-height: 1.8em;
}

h2 {
    font-size: 1.8em;
    line-height: 1.3em;
}

h3 {
    font-size: 1.5em;
    line-height: 1.4em;
}

h4 {
    font-size: 1.3em;
    line-height: 1em;
}

h5 {
    font-size: 1em;
    line-height: 1em;
}

ul li,
ul {
    margin: 0;
    padding: 0;
}

.wrapper {
    padding-left: 30px;
    padding-right: 30px;
    height: 100%;
}

.rel-wrapper {
    position: relative;
    /*overflow:hidden;*/
}

p,
a,
input,
textarea,
ul li,
ol li,
.order-list,
span,
table,
table tr,
table tr td {
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    font-weight: 300;
}

input,
textarea,
button:active,
button:focus {
    outline: 0;
}

.btn.focus,
.btn:focus {
    box-shadow: 0 0 0 0;
}

p {
    line-height: 1.6em;
}

.fs-2 {
    font-size: 2em;
}

.fs-3 {
    font-size: 3em;
}

.fs-09 {
    font-size: 0.9em;
}

.fs-08 {
    font-size: 0.8em;
}

.fs-07 {
    font-size: 0.7em;
}

.fs-1 {
    font-size: 1em;
}

.fs-11 {
    font-size: 1.1em;
}

.fs-12 {
    font-size: 1.2em;
}

.fs-14 {
    font-size: 1.4em;
}

.fs-15 {
    font-size: 1.5em;
}

.fs-18 {
    font-size: 1.8em;
}

.fw-bold {
    font-weight: bold;
}

.fw-medium {
    font-weight: 500;
}

.fw-light {
    font-weight: 300;
}

.fw-extralight {
    font-weight: 200;
}

.f-italic {
    font-style: italic;
}

a:hover {
    color: inherit;
}

.site-footer ul li,
.site-footer li {
    list-style: none;
}

.no-breaks p {
    margin-bottom: 0;
}

.z-index-11 {
    z-index: 11;
}

.z-index-21 {
    z-index: 21;
}

.modal {
    top: 10%;
}

.modal-header {
    border-bottom: 0;
    padding-bottom: 0;
}

.bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 1;
    z-index: 20;
}

.btn-border-grey {
    border: 1px solid #ccc;
}

ol {
    list-style: none;
    counter-reset: ramblaprim-counter;
    margin: 0;
    padding: 0;
}

ol li {
    counter-increment: ramblaprim-counter;
}

ol li::before {
    content: counter(ramblaprim-counter);
    font-family: 'Oswald', sans-serif;
    color: #fff;
    background-color: #5B192E;
    display: inline-block;
    width: 40px;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    margin-right: 10px;
    margin-left: -2.4em;
    margin-top: 15px;
    line-height: 1;
}

.text-block b,
.text-block strong,
.text-block a {
    color: #194A5B;
    font-weight: bold;
}

.text-block ul {
    margin-left: 30px;
}

.text-block ul li {
    list-style: none;
    font-size: 1em;
}

.text-block ul li::before {
    content: "\2013";
    color: #5B192E;
    font-size: 2em;
    font-weight: bold;
    padding: 0px 15px 0 0;
    display: inline-block;
    margin-left: -1em;
    margin-top: -7px;
    vertical-align: middle;
}

.text-block.reduced-list ul li {
    margin-bottom: -10px;
}

.img-blog {
    height: 144px;
}

h1 .post-categories li a {
    text-transform: uppercase;
    color: #fff;
}

.category-noticies .gohome {
    display: none;
}



.buscador input.form-control {
    background-color: transparent;
    border: 0;
}

.home .buscador #buscar::placeholder,
.home .buscador button.lupa i {
    color: #fff;
}

.buscador #buscar::placeholder {
    color: #DDDDDD;
}

.buscador button.lupa i {
    color: #7F8080;
}

.scrolled .buscador button.lupa i {
    color: #fff;
}

.home-header .form-control:focus {
    color: #fff;
    outline: 0;
    box-shadow: 0
}


.modal-content .home .buscador input.form-control {
    background-color: transparent;
    border: 0;
}

.modal-content .home .buscador #buscar::placeholder,
.modal-content .home .buscador button.lupa i {
    color: #5B192E;
}

.modal-content .home .buscador #buscar::placeholder {
    color: #5B192E;
}

.modal-content .home .buscador button.lupa i {
    color: #5B192E;
}

.modal-content .home .buscador label {
    width: 80%;
    float: left;
}


.close-menu {
    position: absolute;
    top: 50%;
    right: 10%;
    z-index: 1200;
}


#navbar {
    position: absolute;
    top: 0;
    right: 9999px;
    left: 0;
    height: auto;
    padding-top: 80px;
    z-index: 99;
    overflow-y: hidden;
    background-color: #5b192e;
}


#navbar.collapse {

    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 100vh;
    padding-top: 80px;
    z-index: 99;
    overflow-y: hidden;
    background-color: #5b192e;
}



#navbar.show {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 100vh;
    padding-top: 80px;
    z-index: 99;
    overflow-y: hidden;
    background-color: #5b192e;
}


.close-menu-two {
    position: absolute;
    top: 5%;
    right: 10%;
    z-index: 1200;
}


#navbartwo {
    position: absolute;
    top: 0;
    right: 9999px;
    left: 0;
    height: auto;
    padding-top: 80px;
    z-index: 99;
    overflow-y: hidden;
    background-color: #5b192e;
}


#navbartwo.collapse {

    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 100vh;
    padding-top: 80px;
    z-index: 99;
    overflow-y: hidden;
    background-color: #5b192e;
}



#navbartwo.show {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 100vh;
    padding-top: 80px;
    z-index: 99;
    overflow-y: hidden;
    background-color: #5b192e;
}


.scrolled #home-search {
    display: none !important;
}

.navbar-icon-menu i{
    color: #194A5B;
}

.header-interior .navbar-icon-menu i{
    color: #194A5B;
}

.header-interior.scrolled .navbar-icon-menu i{
    color: #ffffff;
}

.dropdown-menu{
    min-width: auto !important;
}

#menu-item-dropdown-1743 , #menu-item-dropdown-1954{
    display: inline-flex;
    align-items: center;
}
.dropdown-item img{
    width: auto;
}

.nav-link span , .dropdown-item span{
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}

#polylang-2 ul .lang-item.lang-item-22 , #polylang-2 ul .lang-item.lang-item-28{
    display: inline-block;
}

#polylang-2 ul .lang-item.lang-item-22 a img, #polylang-2 ul .lang-item.lang-item-28 a img{
    width: 15px;
}

#polylang-2 ul .lang-item.lang-item-28 a{
    border-left: 1px solid rgb(255,255,255,0.55);
    padding-left: 5px;
}

#polylang-2 ul .lang-item.lang-item-22 a span , #polylang-2 ul .lang-item.lang-item-28 a span{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.9em;

}

#polylang-2 ul .lang-item.lang-item-28{
    margin-left: 10px;
}
#polylang-2 ul .lang-item.lang-item-28 a img{
    margin-left: 10px;
}

.grecaptcha-badge {
    right: -300px !important;
}


/* -------------------------------------------- General Styles */
/* --------------------------------------------- Media Queries */


@media (min-width: 576px) {}

@media (min-width: 768px) {
    .img-blog {
        height: 210px;
    }
}

@media (min-width: 992px) {
    .navbar-icon-menu i{
        color: #ffffff;
    }
    .wrapper {
        padding-left: 7%;
        padding-right: 7%;
    }

    h1 {
        font-size: 2.5em;
    }

    h2 {
        font-size: 2em;
    }


}

@media (min-width: 1200px) {

    .navbar-icon-menu i{
        color: #194A5B;
    }


    #navbar {
        position: static;
        height: auto;
        padding-top: initial;
        z-index: 99;
        overflow: visible;
        background-color: transparent;
    }


    #navbar.collapse {

        position: static;
        top: 0;
        right: 0;
        left: 0;
        height: auto;
        padding-top: initial;
        z-index: 99;
        overflow: visible;
        background-color: transparent;
    }



    #navbar.show {
        position: static;
        top: 0;
        right: 0;
        left: 0;
        height: auto;
        padding-top: initial;
        z-index: 99;
        overflow: visible;
        background-color: transparent;
    }



    .wrapper {
        padding-left: 7%;
        padding-right: 7%;
    }

    h1 {
        font-size: 3em;
    }

    h2 {
        font-size: 2.5em;
    }

    #modal-llamada .modal-dialog,
    #modal-sabermas .modal-dialog {
        max-width: 800px;
    }

    ol li {
        margin-bottom: 10px;
    }

}

@media (min-width: 1600px) {

    .wrapper {
        padding-left: 9%;
        padding-right: 9%;
    }
}


/* ----------------------------------------------------- Icons */


@charset "UTF-8";

@font-face {
    font-family: "ramblaprim";
    src: url("fonts/ramblaprim.eot");
    src: url("fonts/ramblaprim.eot?#iefix") format("embedded-opentype"),
        url("fonts/ramblaprim.woff") format("woff"),
        url("fonts/ramblaprim.ttf") format("truetype"),
        url("fonts/ramblaprim.svg#ramblaprim") format("svg");
    font-weight: normal;
    font-style: normal;

}

[data-icon]:before {
    font-family: "ramblaprim" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "ramblaprim" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-administracio:before {
    content: "\61";
}

.icon-electricitat:before {
    content: "\62";
}

.icon-ife:before {
    content: "\63";
}

.icon-pfi:before {
    content: "\64";
}

.icon-seguretat:before {
    content: "\65";
}

.icon-titol:before {
    content: "\67";
}

.icon-durada:before {
    content: "\68";
}

.icon-horari:before {
    content: "\66";
}


/* ----------------------------------------------------------- */
/* ------------------------------------------------ Page: Home */
/* ------------------------------------------- Section: NavBar */

header.site-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 50;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
    /*background-color:#fff;
    /*box-shadow:1px 1px 1px rgba(0,0,0,0.2);*/
}

.navbar {
    height: 80px;
    padding-left: 30px;
    padding-right: 30px;
}

header.home-header {
    background-color: #fff;
}

.admin-bar .site-header {
    top: 42px;
}

.admin-bar .site-header.scrolled {
    top: 0px;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.navbar-brand-mob {
    width: 220px;
    position: relative;
    left: -50px;
}

.navbar-toggler-right {
    display: block;
    text-align: right;
    background-color: transparent;
}

.navbar-icon-menu img {
    width: 50px;
}

.navbar-nav li a {
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 1.3em;
}

.navbar-nav li a:hover {
    background-color: #5B192E;
    color: #fff;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.site-header.scrolled .navbar-nav li a {
    color: #fff;
}

.dropdown-menu {
    border: 0;
    border-radius: 0;
    background-color: #5B192E;
    text-align: center;
    font-size: .8em;
}

.dropdown-item {
    color: #fff;
    border-bottom: 1px solid #70253D;
    box-shadow: 0px 1px 1px #3B0F1D;
}

@media (min-width: 768px) {
    .admin-bar .site-header {
        top: 32px;
    }

}

@media (min-width: 992px) {
    .dropdown-menu {
        border: 0;
        border-radius: 0;
        background-color: #5B192E;
        text-align: left;
        font-size: 1em;
    }


    header.site-header {
        top: 20px;
        box-shadow: 0 0 0;
    }

    .admin-bar .site-header {
        top: 52px;
    }

    .site-header.scrolled {
        top: 0;
    }

    .admin-bar .site-header.scrolled {
        top: 32px;
    }

    .navbar-brand-desktop {
        width: 250px;
    }

    header.home-header {
        background-color: transparent;
    }

    .navbar-transition.scrolled .navbar-transition-top {
        display: none !important;
        -webkit-transition: display 500ms;
        -moz-transition: display 500ms;
        -o-transition: display 500ms;
        transition: display 500ms;
    }

    .navbar-transition.scrolled {
        background-color: #5B192E;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
    }

    .navbar-transition.scrolled nav.navbar {
        height: 85px;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
    }
}

@media (min-width: 1200px) {

    .navbar {
        padding: 0px 7% 15px 7%;
    }

    .header-bar {
        padding-right: 7%;
    }

    .navbar-transition.scrolled .navbar-transition-top {
        display: none !important;
        -webkit-transition: display 500ms;
        -moz-transition: display 500ms;
        -o-transition: display 500ms;
        transition: display 500ms;
    }

    .navbar-transition.scrolled {
        background-color: #5B192E;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
    }

    .navbar-transition.scrolled .navbar-brand-desktop {
        top: 10px;
        position: relative;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
    }

    .navbar-nav li a {
        margin-left: 20px;
        font-size: 1.1em;
    }

    .navbar-nav .dropdown-menu li a {
        margin-left: 0;
    }
}

@media (min-width: 1600px) {
    .navbar {
        padding: 0px 9% 15px 9%;
    }

    .header-bar {
        padding-right: 9%;
    }

    .navbar-nav li a {
        margin-left: 20px;
        font-size: 1.3em;
    }
}

@media (max-width: 374px) {
    .navbar-brand-mob {
        width: 160px;
        position: relative;
        left: -30px;
    }

}


/* ----------------------------------------------------------- */
/* ------------------------------------------------- Page: All */
/* ------------------------------------------- Section: NavBar */

.mobile-header {
    background-color: #fff;
}

.site-header.header-interior {
    top: 0px;
}

.admin-bar .site-header.header-interior {
    top: 42px;
}

.admin-bar .site-header.header-interior.scrolled {
    top: 0px;
    webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.header-interior .header-bar a {
    height: 40px;
    width: 190px;
    display: inline-block;
    margin: 0 -2.1px;
}

.header-interior .header-bar a:hover {
    color: #fff;
    background-color: #194A5B !important;
}

.absolute-centered {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.header-interior .header-bar a:last-child {
    width: 50px;
}

li#menu-item-833 ul.dropdown-menu {
    padding-right: 1.5rem;
}



#menu-item-834::before , #menu-item-1925::before {
    font-family: "ramblaprim" !important;
    content: "\61";
    color: white;
    font-size: 1.5rem;
    float: left;
    margin-right: .5rem;
    margin-left: 1.5rem;
    clear: both;
}


#menu-item-834 a {
    clear: none;
}

#menu-item-1925 a{
    clear: none;
}

#menu-item-1468::before , #menu-item-1926::before{
    font-family: "ramblaprim" !important;
    content: "\62";
    color: white;
    font-size: 1.5rem;
    float: left;
    margin-right: .5rem;
    margin-left: 1.5rem;
    clear: both;
}


#menu-item-1468 a {
    clear: none;
}

#menu-item-1926 a{
    clear: none;
}

#menu-item-1467::before , #menu-item-1927::before {
    font-family: "ramblaprim" !important;
    content: "\63";
    color: white;
    font-size: 1.5rem;
    float: left;
    margin-right: .5rem;
    margin-left: 1.5rem;
    clear: both;
}

#menu-item-1467 a {
    clear: none;
}

#menu-item-1927 a{
    clear: none;
}

#menu-item-1470::before , #menu-item-1928::before{
    font-family: "ramblaprim" !important;
    content: "\64";
    color: white;
    font-size: 1.5rem;
    float: left;
    margin-right: .5rem;
    margin-left: 1.5rem;
    clear: both;
}


#menu-item-1470 a {
    clear: none;
}

 #menu-item-1928 a{
    clear: none;
 }

#menu-item-1469::before , #menu-item-1929::before{
    font-family: "ramblaprim" !important;
    content: "\65";
    color: white;
    font-size: 1.5rem;
    float: left;
    margin-right: .5rem;
    margin-left: 1.5rem;
    clear: both;
}


#menu-item-1469 a {
    clear: none;
}

#menu-item-1929 a{
    clear: none;
}


@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
    .header-interior .header-bar {
        padding-right: 0;
    }

    .admin-bar .site-header.header-interior {
        top: 32px;
    }

    .admin-bar .site-header.header-interior.scrolled {
        top: 32px;
        webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms;
    }
}

@media (min-width:1750px) {}

/* ----------------------------------------------------------- */
/* ------------------------------------------------- Page: All */
/* ------------------------------------------- Section: Footer */

.site-footer a,
.site-footer i,
.site-footer span {
    opacity: 0.55;
}

.site-footer a:hover,
.site-footer span:hover,
.site-footer a:hover i {
    opacity: 1;
}

.footer-logo {
    width: 90%;
}

.footer-links a {
    font-size: 0.9em;
    font-weight: bold;
}

.footer-contact-data a,
.footer-como-arribar span {
    font-size: 0.9em;
}

.footer-como-arribar i,
.footer-contact-data i {
    font-size: 1.25em;
}

.footer-como-arribar .footer-como-arribar-lineas-1 span {
    border-bottom: 2px solid #DB1D2A;
}

.footer-como-arribar .footer-como-arribar-lineas-2 span {
    border-bottom: 2px solid #FDB727;
}

.footer-como-arribar .footer-como-arribar-lineas-3 span {
    border-bottom: 2px solid #048A7C;
}

.footer-sello {
    margin-top: 20px;
}

.footer-sello li {
    margin-bottom: 30px;
}
#media_image-11 > img {
	opacity:0.5;
}
@media (min-width: 992px) {
    .footer-sello {
        margin-top: 10px;
    }

    .footer-sello li {
        margin-right: 15px;
    }

    .footer-sello li:last-child {
        margin-right: -30px;
    }

    .footer-sello li img {
        width: 80%;
		
    }

}

/* ----------------------------------------------------------- */
/* ------------------------------------------------ Page: Home */
/* ------------------------------------------- Section: Banner */

.home .site-content {
    margin-top: 0;
}

.banner {
    height: 50vh;
    background-position: 20% 20%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
}

.home-banner {
    width: 100%;
    margin-left: 30px;
    margin-right: 30px;
    z-index: 22;
}

.home-banner h1 {
    margin: 13% 0;
    line-height: 1.2em;
}

@media (min-width: 768px) {

    .home-banner h1 {
        margin: 8% 0;
    }
}

@media (min-width: 992px) {

    .banner {
        height: 100vh;
        background-position: 50% 10%;
        padding-top: 0;
    }

    .home-banner {
        width: 100%;
        margin-left: 7%;
        margin-right: 7%
    }

    .home-banner h1 {
        margin: 10% 0;
    }

}

@media (min-width: 1200px) {
    h1 {
        font-size: 3em;
    }

    h1.home-header {
        font-size: 3.8em;
    }
}

@media (min-width: 1600px) {

    .home-banner {
        margin-left: 9%;
        margin-right: 9%
    }
}

/* ----------------------------------------------------------- */
/* ------------------------------------------------ Page: Home */
/* ----------------------------------------- Section: Estudios */

#home-estudios .estudios-icon {
    height: 70px;
    width: auto;
}

.scroll-arrow {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 22;
}

.scroll-arrow i {
    font-size: 2em;
}

.estudios-icon-list i {
    font-size: 4em;
    color: #5B192E;
}

.estudios-icon-list h5 {
    color: #5B192E;
}

.estudios-icon-list a:hover i,
.estudios-icon-list a:hover,
.estudios-icon-list a:hover h5 {
    color: #194A5B;
}

.home-estudios-icon-wrapper {
    margin-top: 0;
    z-index: 22;
    position: relative;
}

.estudios-line {
    width: 100%;
    border-top: 1px solid;
    height: 1px;
    border-color: #c9c9c9;
}

.home-informacion-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.informacion-mobile img {
    width: 250px;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .home-informacion-wrapper .col-lg-6.bg-burgundy-darker {
        height: 50vh;
    }

    .home-estudios-icon-wrapper {
        margin-top: -7%;
        z-index: 2;
        position: relative;
    }

    .estudios-shadow {
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    }
}

@media (min-width: 1200px) {
    .estudios-line {
        width: 1px;
        border-right: 1px solid;
        height: 66px;
        border-color: #c9c9c9;
    }

    .estudios-line:last-child {
        display: none;
    }

    .estudios-icon-list h5 {
        line-height: 1.4em;
    }

    .home-informacion-wrapper .col-lg-6.bg-burgundy-darker {
        height: auto;
    }
}


/* ----------------------------------------------------------- */
/* ------------------------------------------------ Page: Home */
/* ---------------------------------------- Section: Instituto */

.home-links-line {
    width: 100%;
    border: 1px solid;
    height: 1px;
    border-color: #fff;
}


@media (min-width: 768px) {}

@media (min-width: 992px) {

    .home-instituto-wrapper h2 {
        line-height: 1.5em;
    }

}

@media (min-width: 1200px) {

    .home-links-veure a {
        position: absolute;
        bottom: 8%;
    }
}

@media (min-width: 1750px) {}




/* ----------------------------------------------------------- */
/* ------------------------------------------------ Page: Home */
/* ----------------------------------------- Section: Noticias */

#home-updates .col-md-5 {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 25vh;
    background-position:center center;
}

.border-row {
    border-bottom: 1px solid;
    border-color: #c9c9c9;
}

.post-categories {
    list-style: none;
}

.post-categories li a {
    font-weight: 700;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #5B192E;
    margin-right: .5em;
}
.entry-content img {
    width:auto;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {

    #home-updates h2 {
        font-size: 2em;
    }

}

@media (min-width: 1750px) {}

/* ----------------------------------------------------------- */
/* ------------------------------------------------ Page: Home */
/* --------------------------------------- Section: Actualidad */

.actualitat-column .container-fluid .row:nth-child(odd) {
    background-color: #EEEEEE;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width: 1750px) {}


/* ----------------------------------------------------------- */
/* ------------------------------------------------ Page: Base */
/* ------------------------------------------- Section: Banner */

.site-content {
    margin-top: 13vh;
}

.delimiter {
    height: 4px;
    width: 13px;
    display: inline-block;
    background-color: #7F8080;
}

.crumbs {
    padding-left: 7%;
}

.banner-interior {
    height: 30vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-interior-cursos {
    height: 30vh;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {

    .banner-box h1 {
        font-size: 2.3em;
        letter-spacing: 4px;
    }

    .crumbs {
        padding-left: 7%;
    }
}

@media (min-width: 1200px) {
    .banner-interior {
        height: 40vh;
    }

    .banner-interior-cursos {
        height: 48vh;
    }

    .site-content {
        margin-top: 23vh;
    }
}


@media (min-width: 1600px) {
    .crumbs {
        padding-left: 9%;
    }

    .site-content {
        margin-top: 17vh;
    }
}

/* ----------------------------------------------------------- */
/* ------------------------------------------------ Page: Base */
/* ----------------------------------------- Section:  Sidebar */

.post-thumbnail {
    overflow: hidden;
}

.thumbnail-link {
    height: 100px;
    display: block;
    background-position: center center;
    background-size: cover;
}

.widget .post-thumbnail {
    margin-left: 0;
}

.widget .thumbnail_link {
    height: 120px;
    width: 100%;
}

.base-sidebar hr {
    width: 100%;
    border-color: rgba(91, 25, 46, 0.3);
}

.base-sidebar a:hover,
.base-sidebar a.btn-border-grey:hover {
    color: #5B192E;
    border-color: #5B192E;
}

.base-sidebar .col-12 .container-fluid .row:last-child .col-12 hr {
    opacity: 0;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
    .base-sidebar {
        position: sticky;
        webkit-position: sticky;
        -moz-position: sticky;
        top: 110px;
    }

    .admin-bar .base-sidebar {
        top: 142px;
    }

    .base-sidebar h2 {
        font-size: 2em;
    }
}

@media (min-width:1750px) {}

/* ----------------------------------------------------------- */
/* ------------------------------------------------ Page: Base */
/* ------------------------------------- Section:  Contact Form*/

.input-contacto-inferior input,
.input-contacto-inferior textarea {
    border: 0;
    padding: 10px;
    font-size: 0.95em;
}

.input-contacto-interior input::placeholder,
.input-contacto-interior textarea::placeholder {
    font-size: 0.95em;
}

.contact-inferior .ajax-loader {
    display: none !important;
}

.condiciones span {
    font-size: 0.9em;
}

.condiciones a {
    font-size: 0.95em;
}

.condiciones a {
    border-bottom: 1px solid #fff;
}

input[type=checkbox] {
    height: 20px;
    width: 20px;
    margin-left: -11px;
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors , .wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok{
    color:#fff;
    border: 0;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width:1750px) {}


/* ----------------------------------------------------------- */
/* ----------------------------------------- Page: Contractant */
/* -------------------------------------------- Section: Tabla */


.grey-table .row:nth-child(odd) {
    background-color: #ECEDEF;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width:1750px) {}

/* ----------------------------------------------------------- */
/* --------------------------------------- Page: Instalaciones */
/* ------------------------------------------- Section: Video  */

.banner-video iframe {
    height: 280px;
    width: 100%;
}

.banner-video {
    margin-bottom: -10px;
}

.galeria-label-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: row;
    padding-left: 7%;
}

.galeria-slider-img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 40vh;
}

.galeria-label h3 {
    width: 100%;
}

#gallery-left,
#gallery-right {
    height: 57px;
    position: relative;
}

#gallery-left i,
#gallery-right i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#gallery-left i:hover,
#gallery-right i:hover {
    cursor: pointer;
}

.slick-arrow {
    color: transparent;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    border: 0;
    box-shadow: 0 0 0;
    z-index: 12;
}

.slick-arrow:hover {
    cursor: pointer;
}

.slick-prev {
    background-image: none;
}

.slick-next {
    background-image: none;
}

@media (min-width: 768px) {
    .banner-video iframe {
        height: 400px;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .galeria-slider-img {
        height: 50vh;
    }
}

@media (min-width: 1200px) {
    .banner-video iframe {
        height: 550px;
        width: 100%;
    }

    .galeria-slider-img {
        height: 60vh;
    }

}

@media (min-width:1750px) {}

/* ----------------------------------------------------------- */
/* -------------------------------------- Page: Sobre Nosotros */
/* --------------------------------------------- Section: Grid */

.wrapper-left {
    padding-left: 30px;
}

div​.ml-negativo {
    margin-left: auto;
}

div.text-block p:nth-last-child(1) {
    margin-bottom: 0;
}

div.altura-fotos {
    /* min-height: 350px; */
    height: 50vh;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    .wrapper-left {
        padding-left: 12.5%;
    }

    .ml-negativo {
        margin-left: -15%;
    }

    div.altura-fotos {
        /* min-height: auto; */
        height: auto;
    }
}

@media (min-width: 1200px) {
    .wrapper-left {
        padding-left: 12.5%;
    }

    .ml-negativo {
        margin-left: -15%;
    }
}

@media (min-width:1600px) {
    .wrapper-left {
        padding-left: 14.5%;
    }

    .ml-negativo {
        margin-left: -17%;
    }
}


/* ----------------------------------------------------------- */
/* -------------------------------------------- Page: Contacto */
/* --------------------------------------- Section: Transporte */

.transporte-linea-1 {
    border-bottom: 2px solid #048A7C;
}

.transporte-linea-2 {
    border-bottom: 2px solid #FDB727;
}

.transporte-linea-3 {
    border-bottom: 2px solid #2D4291;
}

.transporte-linea-4 {
    border-bottom: 2px solid #547B32;
}


/* ----------------------------------------------------------- */
/* ------------------------------------------ Page: Secretaria */
/* ----------------------------------------- Section:  Horario */

.extra-horario h4 {
    line-height: 1.4em;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width:1750px) {}

/* ----------------------------------------------------------- */
/* ---------------------------------------- Page: Certificados */
/* ------------------------------------- Section:  Formularios */

#certificados-tabs-content ol li h3 {
    display: inline;
}

.certificados-form input,
.certificados-form textarea {
    border: 1px solid #979797;
    padding: 10px;
    font-size: 0.95em;
}

.certificados-form .ajax-loader {
    display: none !important;
}

.certificados-form input[type=submit] {
    border: 0;
    font-size: 1.2em;
}

.certificados-form .btn-form-wrapper {
    width: 150px;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width:1750px) {}

/* ----------------------------------------------------------- */
/* ---------------------------------------- Page: Certificados */
/* ------------------------------------- Section:  Informacion */

.data-table .row:nth-child(even) {
    background-color: #ECEDEF;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width:1750px) {}


/* ----------------------------------------------------------- */
/* ------------------------------------ Page: Bolsa de Trabajo */
/* ------------------------------------------------- Section:  */

.navigation ul li:last-child,
.navigation ul li:nth-last-child(2),
.navigation ul li:first-child {
    border-right: 0;
}

.navigation li.active {
    background-color: #fff;
    color: #194A5B;
    font-weight: 600;
    border-bottom: #194A5B solid 3px;
    font-family: 'Oswald', sans-serif;
}

.navigation li.active a {
    background-color: #fff;
    color: #194A5B;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
}

.navigation ul li {
    border: 3px solid transparent;
    border-radius: 0;
    background-color: #fff;
    color: #8ca4ad;
    height: 30px;
    width: auto;
    min-width: 45px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-family: 'Oswald', sans-serif;
}

.navigation ul li.pagination-text a {
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    color: #194A5B;
}

.box-equal {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    position: relative;
    align-items: stretch;
}

.box-equal .contenido {
    display: flex;
    word-wrap: break-word;
    position: relative;
    flex-wrap: wrap;
    align-content: space-between;
}


/* ----------------------------------------------------------- */
/* ------------------------------------ Page: Bolsa de Trabajo */
/* ------------------------------------------ Section: Single  */

.single-ofertas h1 {
    font-size: 1.3em;
    line-height: 1.3em;
}

@media (min-width: 1200px) {

    .familia-row {
        height: 45vh;
    }

    .familia-cursos-caption h3 {
        font-size: 1.3em;
    }

}

/* ----------------------------------------------------------- */
/* -------------------------------------------- Page: Estudios */
/* ---------------------------------------- Section: Familias  */

.familia-row {
    height: 40vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.familia-cursos-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 22;
}

.familia-cursos-wrapper .bg-overlay {
    background-color: rgba(0, 0, 0, 0);
}

.familia-cursos-wrapper a:hover .bg-blue {
    background-color: transparent;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.familia-cursos-wrapper a:hover .bg-orange {
    background-color: transparent;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.familia-cursos-wrapper a:hover .bg-red {
    background-color: transparent;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.familia-cursos-wrapper a:hover .bg-green-estudio {
    background-color: transparent;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.familia-cursos-wrapper a:hover .bg-sky {
    background-color: transparent;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.familia-cursos-wrapper a:hover .bg-blue+.bg-overlay {
    background-color: #46495C;
    opacity: 0.6;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.familia-cursos-wrapper a:hover .bg-orange+.bg-overlay {
    background-color: #a15838;
    opacity: 0.6;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.familia-cursos-wrapper a:hover .bg-red+.bg-overlay {
    background-color: #9b3f4c;
    opacity: 0.6;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.familia-cursos-wrapper a:hover .bg-green-estudio+.bg-overlay {
    background-color: #95aa45;
    opacity: 0.6;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.familia-cursos-wrapper a:hover .bg-sky+.bg-overlay {
    background-color: #5a95a5;
    opacity: 0.6;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.header-cursos {
    display: flex;
    align-items: baseline;
    flex-direction: column;
}

.taxonomia-single a {
    font-weight: 500;
}

h1#categoriaActual,
h1.categoriaoculta {
    font-size: 1.5em;
    line-height: 1.3;
}

h1#categoriaActual+h2 {
    font-size: 1.2em;
    margin-bottom: .87rem;
}

.termino-cpt .enlacecategoria {
    font-weight: 700;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {

    .header-cursos {
        display: flex;
        align-items: baseline;
        flex-direction: row;
    }

    h1#categoriaActual,
    h1.categoriaoculta {
        font-size: 2em;
        line-height: 1.8;
    }

    h1#categoriaActual+h2 {
        font-size: 1.5em;
        margin-bottom: .5rem;
    }

}

@media (min-width: 1200px) {

    .familia-row {
        height: 45vh;
    }

    .familia-cursos-caption h3 {
        font-size: 1.3em;
    }

}

@media (min-width:1750px) {}


/* ----------------------------------------------------------- */
/* ------------------------------------------ Page: Emprenedoria */
/* ----------------------------------------- Section:  Logo */

.extra-logo img {
    width: 50%;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {

  .extra-logo img {
      width: 70%;
  }

}

@media (min-width:1750px) {

  .extra-logo img {
      width: 50%;
  }

}

/* ----------------------------------------------------------- */
/* ------------------------------------------ Page: Empresas */
/* ----------------------------------------- Section:  Logos */

.empresas-slider .slick-arrow {
    color: transparent;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    width: 20px;
    height: 20px;
    border: 0;
    box-shadow: 0 0 0;
    position: absolute;
    bottom: 30%;
    transform: translateY(-50%);
    z-index: 12;
}

.empresas-slider .slick-arrow:hover {
    cursor: pointer;
}

.empresas-slider .slick-prev {
    background-image: url(../../img/arrow-slider-left-green.png);
    left: 0;
    /* transform:translateX(-50%);*/
}

.empresas-slider .slick-next {
    background-image: url(../../img/arrow-slider-right-green.png);
    right: 0;
    /*transform:translateX(-50%);*/
}

.empresas-slider .slick-slide {
    margin: 0 50px;
}

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width:1750px) {}



/* ----------------------------------------------------------- */
/* ------------------------------------------------ Page: Base */
/* ------------------------------------------- Section:  */

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

@media (min-width:1750px) {}

.slick-dots {
    text-align: center;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    z-index: 21;
}

.slick-dots li {
    display: inline-block;
    margin-right: 8px;
}

.slick-dots li:last-child {
    margin-right: 0;
}

.slick-dots li button {
    border-color: #fff;
    background-color: transparent;
    border-radius: 100%;
    border-width: 2px;
    border-style: solid;
    color: transparent;
    height: 20px;
    padding: 0;
    width: 20px;
}

.slick-dots li button:hover {
    cursor: pointer;
}

.slick-dots li.slick-active button {
    background-color: #e75300;
    border-color: #e75300;
}

.modal {
    padding: 0 20px;
}

.modal .close {
    position: absolute;
    right: 20px;
}

/* ----------------------------------------------------------- */
/* --------------------------------------- Page: Single Cursos */

#fondo-imagen-destacada:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(91, 25, 46, 0.75);
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    z-index: 1;
}

#texto-caja {
    position: relative;
    color: #fff;
    z-index: 9;
}