/*@import url('https://fonts.googleapis.com/css?family=Poppins:400,700,900&display=swap');*/
@import url('https://fonts.googleapis.com/css?family=Poppins:300,500,700&display=swap');

body{font-family: 'Poppins', sans-serif;font-size: 14px; font-weight: 400}


/* UTILS */
section.sect-bg{position: relative; padding: 0px; margin: 30px auto 30px auto;}
.vcenter{display: flex;align-items: center; justify-content: center}
.text-left{justify-content:left !important;}
.text-right{justify-content: flex-end;}
h1, h2, h3, h4{font-weight: bold}
h1{color:#181798; padding-bottom:30px;}
h2{padding-bottom:20px;}
a:hover{color:inherit;text-decoration: none;}
.button-rounded-w{display: inline-block;    background: transparent;
    border: 1px solid #fff;
    border-radius: 100px;
    color: #fff;
    font-weight: bold;
    font-size: 0.85rem;
    padding: 10px 30px;
    width: max-content;
    margin: 25px auto;}
.button-rounded-w:hover{color:#fff; opacity: 0.7;}
.button-rounded-b{background:transparent; margin:30px 0px;display:inline-block;border:1px solid #181798; border-radius: 100px;color: #181798; font-weight: bold;font-size: 0.85rem;padding:10px 30px}
.button-rounded-b:hover{color:#181798; opacity: 0.7;}
p{font-weight: 300;}
p.destacat{font-size: 1.2rem;color:#333;}
.min-v70{min-height: 70vh; display: flex;align-items: center}
.bg-blue{background-color:#181798;}
.bg-white{background-color: #fff;}
.bg-blue h2, .bg-blue .destacat{color:#fff;} 

.bg-imagen{padding-top: 150px; padding-bottom: 150px; background-size: cover; background-position: center center;}
.bg-imagen .destacat{color:#fff;}

img{max-width: 100%;}
.no-margin{margin:0px;}
.home header h1::after{display: none !important}
.mtop50{margin-top:50px;}
hr.blue{border: 2px solid #181798; width:31px; margin: 10px 0px;}
.fcenter{display: flex;align-items: center;}
.left-image{height: 100%;position: absolute;width: 70vw;left:0px; background-size: cover;background-repeat: no-repeat;background-position: center;}
.right-image{height: 100%;position: absolute;width: 70vw;right:0px; background-size: cover;background-repeat: no-repeat;background-position: center;}
.h70{height: 70vh; max-height: 675px;}
.box{padding: 30px; box-shadow: 0 10px 10px -10px rgba(0,0,0,0.1);}
b, stong{
    font-weight: bold !important;
}

.cookies-panel {
    width: 100%;
    background-color: #f1f1f1;
    padding: 0px;
    position: fixed;
    bottom: 0px;
    z-index: 9999;
    padding-top:10px;
}
.cookies-panel p{
    margin-bottom:10px;
}

.cookies-panel button {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    color:white;
    border-radius: 25px;
    border-color: #181798;
    background-color: #181798;
}
.cookies-panel button:hover{color:#000;}
.display-none{display: none;}
.justifi-center{justify-content: center;}

/* HOME */

nav{position: absolute; top:10px; left:0px; width: 100%;z-index: 10;}

.navhome{position: absolute !important; top:10px; left:0px; width: 100%;z-index: 10;}
nav a, .navhome a{color:#fff;font-weight: 500; font-size: 0.8rem;}

.nav-link{color:#fff !important; cursor: pointer; padding: 0px 10px !important;}
.menuglobal .nav-link{padding: 0px 20px !important;}
.nav-link:hover{color:#fff; opacity: 0.7;}
.navhome .dropdown-item{color:#333;}
/*nav .menu{padding: 0px; margin: 0px;}
nav .menu li{ display: inline-block;position: relative; padding-bottom: 10px;}
nav .menu li a{padding: 0px 20px;}
nav .menu li a:hover{color:#fff; opacity: 0.7;;}
nav .menu li .submenu:before{content:""; width: 0; 
    height: 0; 
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: calc(50% - 10px);}
nav .menu li .submenu{position: absolute;background-color:#fff;padding: 10px 0px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.2);left: -50px;
    top: 35px;display: none; width: 200px; text-align: center;}
nav .menu li:hover .submenu{display: block}
nav .menu li .submenu li{ display: block;}
nav .menu li .submenu li a{color:#777;font-weight: bold}*/

.custom-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(250, 250, 250, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.home header{display:flex;font-size:1.2rem; height:calc(100vh - 70px);position: relative;text-align: center;color:#fff; background:linear-gradient(to bottom, rgba(28,21,160,0.61) 0%, rgba(28,21,160,1) 100%);overflow: hidden; align-items: center;margin:0px !important}
.home  header .logo{margin:30px;}
.home  header h1{font-size: 3rem; margin:50px;color:#fff;}
.img-header-bg{position: absolute; left:0px; top:0px;  width:100%; height: 100%; background-image: url(../images/assessoria-cuesta-pol.jpg);background-attachment: fixed;z-index: 0;opacity: 0.4;}


.contingut-home{color:#fff; text-align: center}
.ctphone{background-color:#333; text-align: center; font-weight: bold; color:#fff;padding:20px;height: 70px; display: flex;align-items: center; justify-content: center}
.ctphone h3{font-size: 1.2rem; padding:0px;margin:0px;}
.ctphone a{color:#fff !important;}

section{padding:70px 0px;}
.title-servei{font-size: 0.9rem; color: #fff; font-weight: bold}

.news-list h2{color:#181798;margin:15px 0px;padding:0px;font-size: 1.5rem;}
.news-list a{color:#181798; font-weight: bold; text-decoration: underline;}
.news-list article{margin-bottom: 30px;;}

/* MENÚ */
.menuglobal{background-color:#181798; top:0px !important; z-index: 100 !important; padding:10px 15px;position: fixed !important;}
.menuglobal img{max-width: 250px;}
.menuglobal .menu{width: max-content; float: right;;}
.dropdown:hover .dropdown-menu {
    display: block;
}
.dropdown-menu {
    margin-top: 0px;
    text-align: center;
    left:-100%;
}

.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #181798;
}

.home .menuglobal{display: none;}

.menu-serveis ul{list-style: none; }
.menu-serveis ul li{display: inline-block;}
.menu-serveis ul li a{color:#7F7F7F; padding-left: 10px; padding-right: 10px;}
.menu-serveis ul li .active{font-weight: bold;}
/* FOOTER */
footer{position: relative;padding-top:10vh; padding-bottom:10vh; margin-top:80px;}
footer:before{content:'';height:7px;width:5%; background-color:#181798;display:block; position: absolute;left:15px;top:-7px;}
footer ul{padding:0px; margin:0px; list-style: none;}
footer li{margin-bottom:15px;}
footer a, footer p{color:#000; font-size: 1.1rem;font-weight: 500;}
footer a:hover{text-decoration: underline;}
footer p{line-height: 2.5rem;}
footer .submenu{display: none;}

/* PÀGINES */
header{ margin-top:90px; text-align: center; margin-bottom:40px;}
header h1::after{content:""; width:20px; height:1px; background-color:#000;display: block; margin: auto;margin-top:20px;}
header p{font-size: 1.1rem;}
.headerpage{background-position: center;background-repeat: no-repeat;background-size: cover;padding: 50px 0px;color:#fff; height: 320px;}

.box-cercle{border-radius: 300px; background-color:#E9E9E9; padding: 20px; display:flex; width: 300px; height: 300px; text-align: center; margin:auto;}
.box-cercle-tri{width: 960px; margin: auto;}
.box-cercle-tri .box-cercle{float: left; margin-right: 20px;}
.box-cercle p{font-size: 16px;}
.timeline{
	position: relative;
}

/*Line*/
.timeline>li::before{
	content:'';
	position: absolute;
	width: 1px;
	top: 0;
	bottom: 0;
	left:-19px;
	border-left: 2px dotted #181798;
}

/*Circle*/
.timeline>li::after{
    text-align: center;
    padding-top:10px;
	z-index: 10;
	content:" ";
	position: absolute;
	width: 50px;
	height: 50px;
	border:3px solid white;
	background-color: #181798;
	border-radius: 50%;
	top:0;
	left:-43px;
}

/*Content*/
.timeline>li{
	counter-increment: item;
	padding: 10px 10px;
	margin-left: 0px;
	min-height:100px;
	position: relative;
	background-color: white;
	list-style: none;
}
.timeline>li:nth-last-child(1)::before{
	width: 0px;
}

/* TIMELINE ESTRANGERIA */

.main-timeline{position:relative}
.main-timeline:before{content:"";width:5px;height:100%;border-radius:20px;margin:0 auto; position:absolute;top:0;left:0;right:0; border-right: 2px dotted #181798;}
.main-timeline .timeline{display:inline-block;margin-bottom:50px;position:relative; min-height: 300px; width: 100%;}
.main-timeline .timeline:before{content:"";width:50px;height:50px;border-radius:50%;border:3px solid #fff;background:#181798;position:absolute;top:15px; left:50%;z-index:1;transform:translate(-50%,-50%)}
.main-timeline .timeline-icon{    
	display: inline-block;
    width: 50%;
    /* border-radius: 50%; */
    /* border: 3px solid #ec496e; */
    padding:0 50px;
    text-align: center;
    position: relative;
    top: 40%;
    transform: translateY(0%);
    }
.main-timeline .timeline-icon i{display:block;border-radius:50%;background:#ec496e;font-size:64px;color:#fff;line-height:100px;z-index:1;position:relative}
.main-timeline .timeline-icon:after,.main-timeline .timeline-icon:before{width:100px;height:4px;background:#ec496e;position:absolute;top:50%;right:-100px;transform:translateY(-50%)}
.main-timeline .timeline-icon:after{width:70px;height:50px;background:#fff;top:89px;right:-30px}
.main-timeline .timeline-content{width:50%;padding:0 50px;margin:0px 0 0;float:right;position:relative}
/*.main-timeline .timeline-content:before{content:"";width:70%;height:100%;border:3px solid #ec496e;border-top:none;border-right:none;position:absolute;bottom:-13px;left:35px}*/
/*.main-timeline .timeline-content:after{content:"";width:37px;height:3px;background:#ec496e;position:absolute;top:13px;left:0}*/
.main-timeline .title{font-size:20px;font-weight:600;color:#ec496e;text-transform:uppercase;margin:0 0 5px}
.main-timeline .description{display:inline-block;font-size:24px; font-weight:500; color:#000;line-height:35px;letter-spacing:1px;margin:0}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:auto;}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-100px}
.main-timeline .timeline:nth-child(even) .timeline-icon:after{right:auto;left:-30px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:left; text-align: right;}
.main-timeline .timeline:nth-child(even) .timeline-content:before{left:auto;right:35px;transform:rotateY(180deg)}
.main-timeline .timeline:nth-child(even) .timeline-content:after{left:auto;right:0}
/*.main-timeline .timeline:nth-child(2n) .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-icon i,.main-timeline .timeline:nth-child(2n) .timeline-icon:before,.main-timeline .timeline:nth-child(2n):before{background:#f9850f}
.main-timeline .timeline:nth-child(2n) .timeline-icon{border-color:#f9850f}
.main-timeline .timeline:nth-child(2n) .title{color:#f9850f}
.main-timeline .timeline:nth-child(2n) .timeline-content:before{border-left-color:#f9850f;border-bottom-color:#f9850f}
.main-timeline .timeline:nth-child(3n) .timeline-content:after,.main-timeline .timeline:nth-child(3n) .timeline-icon i,.main-timeline .timeline:nth-child(3n) .timeline-icon:before,.main-timeline .timeline:nth-child(3n):before{background:#8fb800}
.main-timeline .timeline:nth-child(3n) .timeline-icon{border-color:#8fb800}
.main-timeline .timeline:nth-child(3n) .title{color:#8fb800}
.main-timeline .timeline:nth-child(3n) .timeline-content:before{border-left-color:#8fb800;border-bottom-color:#8fb800}
.main-timeline .timeline:nth-child(4n) .timeline-content:after,.main-timeline .timeline:nth-child(4n) .timeline-icon i,.main-timeline .timeline:nth-child(4n) .timeline-icon:before,.main-timeline .timeline:nth-child(4n):before{background:#2fcea5}
.main-timeline .timeline:nth-child(4n) .timeline-icon{border-color:#2fcea5}
.main-timeline .timeline:nth-child(4n) .title{color:#2fcea5}
.main-timeline .timeline:nth-child(4n) .timeline-content:before{border-left-color:#2fcea5;border-bottom-color:#2fcea5}*/
@media only screen and (max-width:1200px)
{.main-timeline .timeline-icon:before{width:50px;right:-50px}
.main-timeline .timeline:nth-child(even) .timeline-icon:before{right:auto;left:-50px}
.main-timeline .timeline-content{margin-top:0px}
}
@media only screen and (max-width:990px)
{.main-timeline .timeline{margin:0 0 10px}
/*.main-timeline .timeline-icon{left:25%}
.main-timeline .timeline:nth-child(even) .timeline-icon{right:25%}
.main-timeline .timeline-content{margin-top:115px}*/
}
@media only screen and (max-width:767px){.main-timeline{padding-top:50px}
.main-timeline:before{left:80px;right:0;margin:0}
.main-timeline .timeline{margin-bottom:70px}
.main-timeline .timeline:before{top:0;left:83px;right:0;margin:0}
.main-timeline .timeline-icon{width:60px;height:60px;line-height:40px;padding:5px;top:0;left:0; display: none;}
.main-timeline .timeline:nth-child(even) .timeline-icon{left:0;right:auto}
.main-timeline .timeline-icon:before,.main-timeline .timeline:nth-child(even) .timeline-icon:before{width:25px;left:auto;right:-25px}
.main-timeline .timeline-icon:after,.main-timeline .timeline:nth-child(even) .timeline-icon:after{width:25px;height:30px;top:44px;left:auto;right:-5px}
.main-timeline .timeline-icon i{font-size:30px;line-height:45px}
.main-timeline .timeline-content,.main-timeline .timeline:nth-child(even) .timeline-content{width:100%;margin-top:-15px;padding-left:130px;padding-right:5px}
.main-timeline .timeline:nth-child(even) .timeline-content{float:right}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(even) .timeline-content:before{width:50%;left:120px}
.main-timeline .timeline:nth-child(even) .timeline-content:before{right:auto;transform:rotateY(0)}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(even) .timeline-content:after{left:85px}

.menu-serveis ul{padding-left: 0px;}
.bg-imagen {padding-top: 20px; padding-bottom: 20px;}
}
@media only screen and (max-width:479px){
	.main-timeline .timeline-content,.main-timeline .timeline:nth-child(2n) .timeline-content{padding-left:110px}
.main-timeline .timeline-content:before,.main-timeline .timeline:nth-child(2n) .timeline-content:before{left:99px}
.main-timeline .timeline-content:after,.main-timeline .timeline:nth-child(2n) .timeline-content:after{left:65px}
}


/* CONTACTAR */
input, textarea{width:100%;border:1px solid #000;padding:10px;margin-bottom:30px;}
label{display: inline-block;
    margin-bottom: 0.5rem;
    background: #fff;
    position: absolute;
    left: 25px;
    top: -9px;
    padding: 0px 0px; }
textarea{height: 150px;}
.contact-terms label{
    position: relative;
    top:0px;
    left:0px;
    color:#666;
}
input[type="checkbox"] {
    width: 15px;
    margin-bottom: 0px;
}
input.error{
    border:1px solid #ec496e;
}
.mapa{margin-top:40px;}


/*SERVEIS*/
.img-servei img{border-radius: 999px;box-shadow: 6px 6px 0px #181798;width: 100% ;}
.menumvl{display: none;}
.menumvllinks{display:none;}


/*BLOG */
h2 a{text-decoration: none !important;}

.toggle-button{display: none;}
@media only screen and (max-width:992px){
	.dropdown-toggle{width: 90%;}
    .dropdown-toggle::after {
	    display: none;
	    position: absolute;
	    margin-left: 0.255em;
	    vertical-align: 0.255em;
	    content: "";
	    border-top: 0em solid;
	    border-right: 0em solid transparent;
	    border-bottom: 0;
	    border-left: 0em solid transparent;

	}
    .toggle-button{display: inline-block; position: absolute;
    right: 8px;
    top: 6px;
    z-index: 9999;
    color: #fff;}
    .box-cercle{margin:10px auto;}
    .box-cercle-tri{width: 100%;}
    .box-cercle-tri .box-cercle{float: none; margin-right: auto;}
    .box{margin-bottom: 40px;}
    .grafic-mercantil{margin-bottom: 60px;}
}
@media only screen and (max-width: 600px) {
    body{font-size: 12px;}
    p.destacat{font-size: 1rem;;}
    .home header h1{font-size: 2rem;margin:10px;;}
    .home header .logo{margin:20px 0px;}
    .ctphone h3{font-size: 1rem;;}
    .home header .button-rounded-w{margin:0px auto;}
    .navbar img{max-width: 180px;}
    .navbar-nav{margin-top:20px;}
    .menumvl{display:block;background-color:#181798; position: fixed; top:0px; left:0px; width:100%;z-index: 999;padding:10px 0px;height:53px;}
    .home .menuglobal{display:fixed !important;}
    .dropdown-toggle{width: 90%;}
    .dropdown-toggle::after {
	    position: absolute;
	    margin-left: 0.255em;
	    vertical-align: 0.255em;
	    content: "+";
	    border-top: 0em solid;
	    border-right: 0em solid transparent;
	    border-bottom: 0;
	    border-left: 0em solid transparent;
	    right: 10px;
	    top:0px;
	    font-size: 18px;
	    z-index: 5;
	}
    .toggle-button{display: inline-block;}
    .menumvllinks .menu-item-has-children > a:after {
    margin: 0 0 0 6px;
    color: inherit;
    font-family: "Font Awesome 5 Free";
    content: "\f078";
    line-height: 0px;
    font-size: 1.2rem;
    display: none;
}
    
    
    .menuglobal.menudesktop{display:none !important;}
    .home header nav{display: block;}
    .navhome{text-align: right;}
    .showmenu span{height: 1px; background-color:#fff;width: 20px;display:block;margin:5px;}
    .menu .submenu{display:none;}
    #serveis .destacat{font-size: 1rem;;}

    section{padding:30px 0px;}
    .img-servei{margin-bottom:30px;}
    .button-rounded-b{margin:20px 0px;}

    .menumvllinks{background:rgba(0,0,0,0.7); background: rgba(0,0,0,0.85);
        
        top: 53px;
        height: calc(100vh - 53px);
        width: 100%;
        z-index: 99;display:none;}
    .menumvllinks ul{margin:0px; padding:0px;}
    .menumvllinks li{color:#fff;text-align: center;list-style: none; padding:20px 0px; border-bottom:1px solid rgba(255,255,255,0.2);}
    .menumvllinks li a{color:#fff;font-weight: bold; font-size: 1rem;;}
    footer a, footer p{font-size: 0.9rem;}
  }
  
  
  /* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 0%;
  width: 100%;
  position: fixed; /* Stay in place */
  z-index: 9999999; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 8%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

.overlay ul li{ border-bottom: 1px solid rgba(255,255,255,0.2);}
.overlay ul li:first-child{ border-top: 1px solid rgba(255,255,255,0.2);}
/* The navigation links inside the overlay */
.overlay a {
  padding: 20px 25px !important;
  text-decoration: none;
  font-size: 18px;
  color: #fff;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}
.overlay .dropdown-menu{border-radius: 0px !important;}
.overlay .dropdown-item{color:#000 !important;}
.overlay .dropdown-toggle{width: 100%;}
.overlay .toggle-button {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 999999;
    color: #fff;
    height: 100%;
    width: 50px;
}

.overlay .toggle-button i{font-size: 20px;
    top: 20px;
    /* display: inline-block; */
    position: relative;}
/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 0px;
  right: 25px;
  font-size: 45px;
  padding: 0px 0px !important;
}
.overlay .info{position: relative; margin-top: 30px; width: 100%; text-align: center;}
.overlay .info p{color: #fff; font-size: 14px;}
.overlay .info a{color: #fff; padding: 0px !important; font-size: 14px;}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}