/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

/*Fixing problems*/
@media only screen and (min-width: 993px){
    .container{width:80%}
}

@media (max-width: 767px){
    
    .img-portada {
        
        max-width: 200px;
        align-content: center;
        text-align: center;
        margin: auto;
    }
    
}

@media (max-width: 767px) and (min-width: 480px) {
    .container {
        width: 90% !important;
    }

}

body {
    overflow-x: hidden;
    font-family: 'caviar_dreamsregular';
}

.justify-align {
    text-align: justify;
}

#sidenav-overlay {
    z-index: 198;
}

/*Fixing problems end*/

@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('/fonts/caviar/caviardreams-webfont.woff2') format('woff2'),
         url('/fonts/caviar/caviardreams-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'caviar_dreamsitalic';
    src: url('/fonts/caviar/caviardreams_italic-webfont.woff2') format('woff2'),
         url('/fonts/caviar/caviardreams_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'caviar_dreamsbold_italic';
    src: url('/fonts/caviar/caviardreams_bolditalic-webfont.woff2') format('woff2'),
         url('/fonts/caviar/caviardreams_bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'caviar_dreamsbold';
    src: url('/fonts/caviar/caviar_dreams_bold-webfont.woff2') format('woff2'),
         url('/fonts/caviar/caviar_dreams_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'antaris_cfregular';
    src: url('/fonts/antaris/antaris_cf-webfont.woff2') format('woff2'),
         url('/fonts/antaris/antaris_cf-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.top-links li > a {
    text-transform: capitalize;
    color: #666;
    font-family: 'caviar_dreamsbold';
}

address {
    font-family: 'caviar_dreamsitalic';
}

#header.sticky-header:not(.static-sticky).sticky-style-2 {
    height: 119px;
}

#primary-menu ul ul li > a {
    font-size: 14px;
    font-weight: 500;
    color: #555;
    padding-top: 5px;
    padding-bottom: 5px;
    text-transform: none;
}

.side-nav li>a {
    text-transform: capitalize;
}

#primary-menu ul ul:not(.mega-menu-column) {
    border: 0;
}

#page-title {
    background-image: url(/images/page-title-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 0;
}

#page-title .container {
    background-color: rgba(32, 66, 128, 0.4);
    padding: 10px;
}

#page-title h1 {
    font-weight: 500;
    letter-spacing: 3px;
    color: #fff;
    text-shadow: 1px 1px 2px #333;
    text-transform: capitalize;
    margin-bottom: 5px;
}

#page-title span {
    margin-top: 0;
    font-weight: 400;
    color: #fff;
    font-size: 23px;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    display: inline-flex;
}

ul.breadcrumb li {
    padding: 0 10px;
}

ul.breadcrumb li a {
    color: white;
    cursor: pointer;
}

.breadcrumb:before {
    margin: -4px -67px 0px 5px;
    font-size: 23px;
}

#content p {
    line-height: 1.5;
    font-size: 20px;
}

#gotoTop {
    border-radius: 50%;
}

#primary-menu ul li > a i.icon-angle-down:last-child {
    display: none;
}

#primary-menu.style-2 {
    border-top: 1px solid #0A3695;
    background: #0A3695;
}

#header.sticky-header:not(.static-sticky) #header-wrap {
	height: 64px;
    z-index: 1001;
}

#header.sticky-header #header-wrap {
    box-shadow:none;
}

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
    padding-bottom: 18px;
}

#primary-menu ul li > a {
    line-height: 31px;
    padding: 16px 15px;
    color: #fff;
    font-family: 'caviar_dreamsregular', sans-serif;
    transition: 400ms;
}

#primary-menu ul li > a:hover {
	color: white;
}

#header.sticky-style-2 #header-wrap {
    height: 64px;
}

#header.sticky-style-2 {
    height: 164px;
}

#header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
    line-height: 27px;
}

.content-wrap {
    padding: 50px 0;
}

@media (max-width: 1268px) {
	.header-extras {
	    display: none;
	}
}

@media (max-width: 991px) {
	#logo {
	    height: 65px;
	}
	#header.sticky-style-2 #header-wrap {
		min-height: 0;
    	position: fixed;
	}
}

nav .nav-wrapper {
    background-color: #204280;
}

.header-extras li i {
    margin-top: 5px !important;
    float: left;
}

.header-extras {
    margin: 20px 0 0;
}

.header-extras li {
    height: 55px;
}

.header-extras li .he-text {
    padding-left: 8px;
    font-size: 16px;
    line-height: 1.5;
}

#footer .footer-widgets-wrap {
    padding: 30px 0;
}

.footer-logo {
	filter: brightness(0) invert(1);
}

#footer {
	background-image: url('/images/footer-bg.jpg');
}

#copyrights {
    padding: 15px 0;
    font-size: 16px;
    line-height: 1.5;
}

.userView > a {
    color: #102140;
}

@media (max-width: 479px) {
    .container {
        width: 90% !important;
    }
}

.rounded-img {
    border-radius: 3px;
}

.parallax {
    z-index: 0;
}

.heading-block h4 {
    color: white !important;
    text-shadow: 1px 1px 1px #333;
}

.oc-item {
    border: 1px solid #ddd;
    padding: 10px;
}

.valores {
    color: #fff !important;
    background-color: #204280 !important;
    border-radius: 50%;
    padding: 5px;
}

label {
    margin-bottom: 5px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    text-transform: capitalize;
    letter-spacing: 2px;
}

label.error {
    margin-top: -25px;
}

ul li.current > a {
    color: white !important;
    background-color: #152a51;
}

.side-nav {
    z-index: 1001;
}

#servicios {
    background-color: #eee;
    min-height: 608px;
    padding: 15px;
    margin: 10px 0px;
}

@media (max-width: 600px) {
    #servicios {
        background-color: #eee;
        min-height: auto;
        padding: 10px;
        margin: 10px 0px;
    }
}

#page-menu {
    margin-bottom: 20px;
}

#page-menu .menu-title {
    width: auto;
}

#page-menu nav {
    width: auto;
    height: 44px;
    background-color: #204280;
    box-shadow: none;
}

#page-menu nav li a {
    padding: 0 10px;
    margin: 8px 0px;
    border-radius: 0;
}

#header.sticky-header ~ #page-menu.sticky-page-menu #page-menu-wrap {
    top: 64px;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12), 0 2px 4px -1px rgba(0,0,0,0.3);
}

@media (max-width: 991px) {
    #page-menu nav ul {
        background-color: rgb(32, 66, 128);
    }
    #page-menu nav {
        width: 100%;
        right: 0;
        left: 0;
    }
}

/*Obras Card*/
#obras_concretadas {
    min-height: 350px;
    width: 100%;
    background-color: white;
    padding: 15px;
    margin: 5px;
    border: 1px solid #ccc;
}

@media (max-width: 992px) {
    #obras_concretadas {
        min-height: auto;
    }
}

#obras {
    width: 100%;
    padding: 15px;
    min-height: 325px;
    margin: 5px 5px;
    border: solid 1px #ccc;
    border-radius: 3px;
    position: relative;
}

#obras center {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
}

#obras h4 {
    border-bottom: 1px solid #ccc;
}

.tp-bannertimer {
    display: none !important;
}

#obras_concretadas > h4 {
    border-bottom: 1px solid #ddd;
}

#primary-menu ul ul li > a:hover {
    background-color: #204280;
    color: white;
    transition: 500ms;
}

#primary-menu ul li.current > a:hover {
    background-color: #204280;
    color: white;
}

#primary-menu > ul > li.sub-menu > a > div {
    color: #fff;
    transition: 400ms;
}

.breadcrumb {
    font-size: 15px;
}

.show-error-msg + label.error {
    font-size: 0.7rem;
    text-transform: inherit;
    font-weight: 600;
    font-family: 'caviar_dreamsregular';
}