/* ----------------------------------------------------------------
	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;

}

@font-face {
    font-family: 'antipasto';
    src: url('/fonts/Antipasto-RegularTrial.ttf') format('woff2');
    font-weight: normal;
    font-style: normal;

}
.antaris {
    font-family: 'antaris_cfregular'!important;
}

.antipasto {
    font-family: 'antipasto'!important;
}


.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: #364D72;
}

#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: 69px;
}

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

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

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

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

#copyrights {
    padding: 5px 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';
}

.side-nav{position:fixed;width:300px;left:0;top:0;margin:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100%;height:calc(100% + 60px);height:-moz-calc(100%);padding-bottom:60px;background-color:#fff;z-index:999;overflow-y:auto;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-105%);transform:translateX(-105%)}.side-nav.right-aligned{right:0;-webkit-transform:translateX(105%);transform:translateX(105%);left:auto;-webkit-transform:translateX(100%);transform:translateX(100%)}.side-nav .collapsible{margin:0}.side-nav li{float:none;line-height:48px}.side-nav li.active{background-color:rgba(0,0,0,0.05)}.side-nav li>a{color:rgba(0,0,0,0.87);display:block;font-size:14px;font-weight:500;height:48px;line-height:48px;padding:0 32px}.side-nav li>a:hover{background-color:rgba(0,0,0,0.05)}.side-nav li>a.btn,.side-nav li>a.btn-large,.side-nav li>a.btn-large,.side-nav li>a.btn-flat,.side-nav li>a.btn-floating{margin:10px 15px}.side-nav li>a.btn,.side-nav li>a.btn-large,.side-nav li>a.btn-large,.side-nav li>a.btn-floating{color:#fff}.side-nav li>a.btn-flat{color:#343434}.side-nav li>a.btn:hover,.side-nav li>a.btn-large:hover,.side-nav li>a.btn-large:hover{background-color:#2bbbad}.side-nav li>a.btn-floating:hover{background-color:#26a69a}.side-nav li>a>i,.side-nav li>a>[class^="mdi-"],.side-nav li>a li>a>[class*="mdi-"],.side-nav li>a>i.material-icons{float:left;height:48px;line-height:48px;margin:0 32px 0 0;width:24px;color:rgba(0,0,0,0.54)}.side-nav .divider{margin:8px 0 0 0}.side-nav .subheader{cursor:initial;pointer-events:none;color:rgba(0,0,0,0.54);font-size:14px;font-weight:500;line-height:48px}.side-nav .subheader:hover{background-color:transparent}.side-nav .user-view,.side-nav .userView{position:relative;padding:32px 32px 0;margin-bottom:8px}.side-nav .user-view>a,.side-nav .userView>a{height:auto;padding:0}.side-nav .user-view>a:hover,.side-nav .userView>a:hover{background-color:transparent}.side-nav .user-view .background,.side-nav .userView .background{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.side-nav .user-view .circle,.side-nav .user-view .name,.side-nav .user-view .email,.side-nav .userView .circle,.side-nav .userView .name,.side-nav .userView .email{display:block}.side-nav .user-view .circle,.side-nav .userView .circle{height:64px;width:64px}.side-nav .user-view .name,.side-nav .user-view .email,.side-nav .userView .name,.side-nav .userView .email{font-size:14px;line-height:24px}.side-nav .user-view .name,.side-nav .userView .name{margin-top:16px;font-weight:500}.side-nav .user-view .email,.side-nav .userView .email{padding-bottom:16px;font-weight:400}.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}.side-nav.fixed{left:0;-webkit-transform:translateX(0);transform:translateX(0);position:fixed}.side-nav.fixed.right-aligned{right:0;left:auto}@media only screen and (max-width: 992px){.side-nav.fixed{-webkit-transform:translateX(-105%);transform:translateX(-105%)}.side-nav.fixed.right-aligned{-webkit-transform:translateX(105%);transform:translateX(105%)}.side-nav a{padding:0 16px}.side-nav .user-view,.side-nav .userView{padding:16px 16px 0}}.side-nav .collapsible-body>ul:not(.collapsible)>li.active,.side-nav.fixed .collapsible-body>ul:not(.collapsible)>li.active{background-color:#ee6e73}.side-nav .collapsible-body>ul:not(.collapsible)>li.active a,.side-nav.fixed .collapsible-body>ul:not(.collapsible)>li.active a{color:#fff}.side-nav

.side-nav .user-view .circle, .side-nav .userView .circle {
    height: 64px;
    width: 64px;
   
}

.side-nav .user-view .circle, .side-nav .user-view .name, .side-nav .user-view .email, .side-nav .userView .circle, .side-nav .userView .name, .side-nav .userView .email {
    display: block;
}

.circle {
    border-radius: 50%;
}

#footer.dark, .dark #footer {
    background-color: #333;
    color: #fff!important;
    text-shadow: 1px 1px 1px #333;
    border-top-color: rgba(0,0,0,0.2);
}

.dark #copyrights {
    background-color: rgba(0,0,0,0.2);
    color: rgba(255,255,255,0.25);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
    margin-top: -55px!important;
}

[class*=" imghvr-"], [class^=imghvr-] {
    position: relative;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    background-color: #2f7c83!important;
    color: #fff;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.portfolio-nomargin .portfolio-item, .portfolio-full .portfolio-item {
    padding: 4px !important;
}

h2 {
    font-size: 25px!important;
}
h1, h2, h3, h4, h5, h6 {
    color: #444;
    font-weight: 600;
    line-height: 1.5;
    margin: 0px 0 20px 0;
    font-family: 'caviar_dreamsbold';
}

#page-title2 {
    position: relative;
    padding: 50px 0;
    background-color: #F5F5F5;
    border-bottom: 1px solid #EEE;
}

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

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

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

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












.icons {
  position:fixed;
  top:30%;
  right: 0;

  z-index:100;
  
}

.icons ul {
  list-style:none;
  padding:initial;
  
}

.icons ul li {
  height:50px;
  width:50px;
  padding-left:20px;
  padding-top:12px;
  margin-top:5px;
  color:white;
}

.icons ul li:hover {
  padding-right:32px;
  transition:0.5s;
  width:90px;
}


.facebook {
  background-color: #00E676;
}
.insta{
  background-color: #38A1F3;
}
.twitter{
  background-color: #38A1F3;
}


.button-float {
    color: #fff;
    padding: 10px 18px;
    position: fixed;
    z-index: 9999;
    height: 50px;
    width: auto;
    transition: 0.5s;
}

.button-float:hover {
    color: #fff;
    right: 0px;
}


.whatsapp-float {
    top: 260px;
    right: -147px;
    font-size: 20px;
    background: #00E676;
    border-radius: 10px;
}

.telefono-float {
    top: 320px;
    right: -160px;
    font-size: 18px;
    background: #1da1f2;
}

.button-float i {
    margin-right: 20px;
}