/*
	Theme name: CFO
	Theme URI: https://www.ikonozu.com
	Author: Ikonozu Publicidad Barranquilla
	Author URI: https://www.ikonozu.com
	Description: Tema personalizado de sitio web CFO
	Version: 1.0
	Text Domain: cfo
*/

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/playfairdisplay/v21/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoC1CzjsGyN.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCs6KVjbNBYlgoKfw72.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoCjC3jsGyN.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ubuntu/v15/4iCv6KVjbNBYlgoCxCvjsGyN.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
	border: none;
	margin: 0px;
	padding: 0px;
	font-family: 'Ubuntu', sans-serif;
	color: #0F283D;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}

.medium {font-weight: 500;}
.mar0 {margin: 0px!important; padding: 0px!important;}
.paginaweb {width: calc(100% - 220px); margin: 0px 0px 0px 220px; padding: 0px; overflow: hidden; position: relative;}
.header {width: 98%; height: 29px; margin: 0px; padding: 13px 20px 0px 0px; font-size: 0.75em; overflow: hidden; background-color: #FFF; text-align: right; font-family: 'Ubuntu', sans-serif;}
.header a{text-decoration: none; color: #184351;}
.mw1400 {width: 95%; margin: auto!important; max-width:1400px!important;}
.mw1200 {width: 90%; margin: auto!important; max-width:1200px!important;}
.mw1000 {width: 95%; margin: auto!important; max-width:1000px!important;}
.mw400 {max-width: 400px;}
.mw345 {max-width: 345px;}
.pl10p {padding-left: 10%;}
.w80 {width: 80%; margin: auto;}
.w60 {width: 60%; margin: auto;}
.m80 .vc_col-sm-12 {width:80%; margin: auto!important; float: none;}
.w95 {width: 95%;}
.f700 {font-weight: 700;}
.f300 {font-weight: 300;}
.f500 {font-weight: 500;}
.titulos-encabezados {font-family: 'Playfair display', sans-serif; font-size: 3.43em; color: #FFF; line-height: 1; padding: 80px 0px;}
.titulos-encabezados p {margin:0px;}
.titulos-h2 {font-family: 'Playfair Display', sans-serif; font-size: 2.5em; color: #184351;}
.titulos-h2 p {margin-top:0px;}
.pad0 .vc_column-inner {padding: 0px!important;}
.relative {position: relative;}
.bold {font-weight: 700;}
input.form-group:not([type="checkbox"]), textarea.form-group, input.form-group:focus, textarea.form-group:focus{
    font-size: 16px;
    background: transparent;
    margin-bottom: 20px;
    color: #0F283D;
    border: 0;
    border-bottom: 1px solid #8390A0;
    width: 100%;
	padding: 5px 0px;
	outline: none;
}
.btn-submit {padding-top: 20px; }
.form-submit {
    background-image: -webkit-linear-gradient(270deg,rgba(221,201,162,1.00) 0%,rgba(200,166,123,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(221,201,162,1.00) 0%,rgba(200,166,123,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(221,201,162,1.00) 0%,rgba(200,166,123,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(221,201,162,1.00) 0%,rgba(200,166,123,1.00) 100%);
	padding: 10px 50px;
	color: #FFF;
	float: right;
	border-radius: 5px;
	border:none;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16);
	font-size: 12px; font-weight: 600; letter-spacing: 1;
}

.form-submit::before {
	content: url(images/rightarrow.png);
	position: absolute; right: 0px;
}


/* LOGO MENU IZQUIERDA */
.logomenu {position: fixed; width: 220px; height:100%; background-color:#0F283D; z-index:100;}
.logomenu-movil {display: none; position: fixed; top: 0; left: 0; background-color:#0F283D; z-index:100; width: 100%;}
.logomenu-movil-espacio {display: none; width: 100%; height: 78px;}
.logo {padding-top:32px; text-align: center;}
.logomenu-movil-container {display: table; width: 85%; margin: auto;}
.logo-movil {padding: 8px 0px; line-height: 0; display: table-cell; width: 30%; vertical-align: middle;}
.logo-movil img {max-width: 60px;}
.mailphone-movil {display: table-cell; width: 30%; vertical-align: middle; text-align: center;}
.menu-movil-icon {display: table-cell; width: 30%; vertical-align: middle; text-align: right;}
.principal-menu {text-align: center; font-family: 'Ubuntu', sans-serif;}
.principal-menu ul {list-style: none; padding: 0px; margin: 60px 0px;}
.principal-menu ul li {border-top: 1px solid #2D4551; border-bottom: 1px solid #2D4551;}
.principal-menu ul li:hover, .principal-menu ul li.current-menu-item {background-color: #ddc9a2;}
.principal-menu ul li:first-child {border-bottom: none;}
.principal-menu ul li:last-child {border-top: none;}
.principal-menu ul li a {text-decoration: none; color: #DDC9A2; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.8px; display: block;padding: 20px 0px;}
.principal-menu ul li a:hover, .principal-menu ul li.current-menu-item a {color: #0F283D;}
.siguenos {text-align: center; color: #DDC9A2; font-weight: 500; padding-bottom: 40px;}
.terminos, .politica {text-align: center; padding-bottom: 40px;}
.terminos a, .politica a{text-decoration: underline; color: #DDC9A2; font-size: 0.75em;}
.movil-menu {display: none; position: fixed; top: 0; left: 0; background-color: rgba(15,40,61,0.98); z-index: 100; width: 100%; height: 100%;}
.movil-menu-cont ul {list-style: none; padding: 0px; margin: 30px auto 20px auto; width: 80%;}
.movil-menu-cont ul li {border-top: 1px solid #2D4551; border-bottom: 1px solid #2D4551; text-align: center;}
.movil-menu-cont ul li:hover, .principal-menu ul li.current-menu-item {background-color: #ddc9a2;}
.movil-menu-cont ul li:first-child {border-bottom: none;}
.movil-menu-cont ul li:last-child {border-top: none;}
.movil-menu-cont ul li a {text-decoration: none; color: #DDC9A2; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.8px; display: block;padding: 15px 0px;}
.movil-menu-cont ul li a:hover, .principal-menu ul li.current-menu-item a {color: #0F283D;}
.movil-menu-close {position: absolute; top: 15px; right: 10%;}


/* CONTENIDO */
.vc_row {margin-left: 0px!important; margin-right: 0px!important;}
.wpb_content_element {margin-bottom: 0px!important;}
.wpcp-carousel-section.nav-vertical-center {padding: 0px!important;}
.titulos-linea {background-image: url(images/bglinea.png); background-repeat: no-repeat; background-position: left 12px; padding-left: 70px; font-weight: 300; font-size: 1.125em;}
.trabajamosasulado {width: 90%; margin: 50px auto!important; max-width: 935px;}
.textotrabajamos {padding:75px 80px; margin-bottom: 0px!important; font-size: 20px; letter-spacing: 0.2px; font-weight: 300; color:#263746;}
.textotrabajamos p{margin-top:0px;}
.comillas-in {position: absolute; top:0px; left: 0px;}
.comillas-fin {position: absolute; bottom:0px; right:0px;}
.servicios-container {padding: 60px 0px;}
.servicios-titulo {padding-left: 62px;}
.servicios-ul {list-style: none; margin: 0px; padding: 0px;}
.servicios-ul li {padding: 15px 0px 15px 60px; background: url("images/bullet-blue.png") no-repeat 35px 22px; cursor: pointer; color: #0F283D;}
.servicios-ul li:hover {background-color: #DDC9A2; background-image: url("images/bullet-white.png");}

.empresa-container {padding: 60px 10% 60px 24%;}
.empresa-texto {letter-spacing: 0.3px; line-height: 26px; font-weight: 300;}
.boton-vermas {
    padding: 15px 58px;
    background-image: -webkit-linear-gradient(270deg,rgba(221,201,162,1.00) 0%,rgba(187,162,124,1.00) 99.48%);
    background-image: -moz-linear-gradient(270deg,rgba(221,201,162,1.00) 0%,rgba(187,162,124,1.00) 99.48%);
    background-image: -o-linear-gradient(270deg,rgba(221,201,162,1.00) 0%,rgba(187,162,124,1.00) 99.48%);
    background-image: linear-gradient(180deg,rgba(221,201,162,1.00) 0%,rgba(187,162,124,1.00) 99.48%);
	border:none;
	border-radius: 5px;
}
.boton-vermas a {text-decoration: none; font-size: 0.75em; font-weight: 600; color: #FFF; letter-spacing: 0.9px; line-height: 13px;}

.servicios-titulos {padding-left: 20px; border-left: 2px solid #DDC9A2; font-size: 2em; font-family: 'Playfair display', sans-serif; line-height: 1; margin-bottom: 30px!important;}
.servicios-titulos p{margin:0px;}
.servicios-texto {letter-spacing: 0.3px; line-height: 26px; font-weight: 300;}
.servicios-contenedor-hl {padding: 00px 10% 0px 15%;}
.servicios-contenedor-hr {padding: 0px 24% 0px 10%;}
.servicios-contenedor-hr0 {padding: 0px 24% 0px 10%;}
.servicios-contenedor-v {padding: 60px 10% 60px 15%;}
.servicios-contenedor-vr {padding: 60px 24% 60px 15%;}

.metodologia-izq {padding: 0px 15% 0px 37%!important;}
.metodologia-der {padding: 60px 10% 60px 0%!important;}
.titulometodologia { transform: rotate(-90deg); width: 30px; font-family: 'Playfair display', sans-serif; color: #E9E7D9; font-size: 3.125em; position: absolute; bottom: 0px;}
.titulometodologia p{margin: 0px; padding: 0px;}
.metodologia-texto {letter-spacing: 0.3px; line-height: 26px; font-weight: 400;}

.metodologia-cont-left {display: table; width: 70%; margin-left: 20%; margin-right: 10%; position: relative;}
.metodologia-titulo {display: table-cell; width: 20%; min-width: 50px;}
.metodologia-contenido {display: table-cell; width: 80%;}
.metodologia-listado-icon {padding-left: 40px; vertical-align: middle;}
.metodologia-listado-icon::before {content:url('/wp-content/uploads/2021/01/righticon.png');position:absolute; left: 0;}

.procedimientos-texto {font-size: 0.875em; font-weight: 300; line-height: 20px;}
.procedimientos {width: 90%; max-width: 970px; margin: auto; display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 20px;}
.procedimientos-caja {width: 80%; padding: 0px 10%; margin:0px auto; text-align: center; box-shadow: 0px 3px 10px rgba(189,190,192, 0.28);}

.textoquienes {padding:50px 0px 85px 0px; width: 70%; margin-bottom: 0px!important; font-size: 18px; line-height: 30px; letter-spacing: 0.2px; font-weight: 300; color:#263746;}
.textoquienes p{padding:0px;}
.hidden-quienes-01 {display: none;}
.quienes-texto {letter-spacing: 0.3px; line-height: 26px; font-weight: 300;}
.quienes-contenedor-a {padding: 0px 15% 0px 5%;}
.vermas {text-decoration: none; color: #206995; font-weight: 600; padding-left: 22px; font-size: 0.875em; line-height:50px; cursor: pointer;}
.vermas::before {content:url('images/vermas.png');position:absolute; left: 0; padding-top: 2px;}

#valores-con .vc_column-inner {padding-top:0px!important;}

.contenedor-mv {width: 90%; max-width: 1100px; margin-left: auto!important; margin-right: auto!important;}
.contenedor-mision {max-width:408px; text-align: center; width: 80%; box-shadow: 0 2px 20px rgba(0,0,0,0.12); padding: 10% 8%; margin-left: auto!important; margin-right: auto!important; vertical-align: middle; color: #FFF; background-image: url(images/mision-bg.jpg); background-repeat:no-repeat; background-size:cover; border-radius:8px;}
.contenedor-vision {max-width:408px; position: relative; width: 80%; box-shadow: 0 2px 20px rgba(0,0,0,0.12); padding: 10% 8%; margin-left: auto!important; margin-right: auto!important; vertical-align: middle; color: #FFF; background-image: url(images/vision-bg.jpg); background-repeat:no-repeat; background-size:cover; border-radius:8px;}

.vision-titulo {font-size: 1.5625em; font-weight: 600; text-align: center; margin-bottom: 20px;}
.vision-titulo p{margin:0px; padding: 0px;}
.vision-texto {font-weight: 300; letter-spacing: 0.3px; line-height: 26px; text-align: center;}

.mision-titulo {font-size: 1.5625em; font-weight: 600; text-align: center; margin-bottom: 20px;}
.mision-titulo p{margin:0px; padding: 0px;}
.mision-texto {font-weight: 300; letter-spacing: 0.3px; line-height: 26px; text-align: center;}


.contenedor-vision .vc_column-inner {padding-top: 0px!important;}
.mv-mas {position: absolute; cursor: pointer; z-index: 10; bottom: 0px; left: 5.3%; width: 45px; height: 45px; border-top-right-radius: 20px; border-bottom-left-radius: 5px; background-color: #2D4551; text-align: center; line-height: 45px; color:#FFF; font-weight:600;}
#mas-vision {display: none;}

.mision-textos {display: block;}
.vision-iconos {display: none;}

.quienes-titulo {font-size: 3.125em; font-family: 'Playfair display', sans-serif; color: #184351; line-height: 1;}
.quienes-titulo p{margin:0px; padding: 0px;}
ul.valores {list-style: none; text-align: center; margin: 0px auto; padding: 0px; width:80%; max-width: 780px; }
ul.valores li {display: inline-block; padding: 10px 24px; background-image: url(images/icono-valores.png); background-repeat: no-repeat; background-position: 5px 13px;}

.especialidades-texto {font-size: 1.125em; line-height: 25px; letter-spacing: 0.3px;}
.baner-contacto {
    background-image: -webkit-linear-gradient(270deg,rgba(221,201,162,1.00) 0%,rgba(200,166,123,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(221,201,162,1.00) 0%,rgba(200,166,123,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(221,201,162,1.00) 0%,rgba(200,166,123,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(221,201,162,1.00) 0%,rgba(200,166,123,1.00) 100%);
}
.contacto-titulo {font-size: 2.5em; color: #FFF; font-family: 'Playfair display', sans-serif; padding-bottom: 60px; line-height: 1;}
.contacto-contenido {background-color: #FFF; margin-top: -50px; box-shadow: 0px 2px 36px rgba(0,0,0,0.08);}
.permitanos-text {line-height: 37px; font-size: 2.0625em; font-weight: 300; color: #8390A0;}
.potencial-text {font-size: 2.0625em; font-weight: 500; line-height: 37px;}
.asesor-text {color: #263746; font-weight: 300; padding-top: 15px;}

.dejanos-container {border-top: 2px solid rgba(189,190,192,0.15); padding: 50px 0px 0px 0px;}
.linkcontacto {display:table; width: 80%; max-width: 760px; margin: auto; cursor: pointer;}
.dejanostusdatos {display: table-cell; font-family: 'Playfair display', sans-serif; font-size: 2.5em; line-height: 45px; letter-spacing: 0.3px; max-width: 290px; vertical-align: middle; color: #184351;}
.ytecontactaremos {display: table-cell; vertical-align: middle; color: #184351; font-size: 1.125em;}
.dejanostusdatoslinea {position: relative;}
.dejanostusdatoslinea::after {content: url(images/bglinea.png); position:absolute; left: 10px; top: -10px;}


.trabajaformulario {width: 80%; margin: auto; max-width: 700px;}
.trabajatitulo {background-color: #2D4551; color: #FFF; position: relative; padding: 20px 20px 20px 150px; margin-bottom: 40px;}
.iconotrabaja {position: absolute; left: 18px; top: -18px;}
.trabajaform {box-shadow: 0px 2px 20px rgba(0,0,0,0.08); border-radius: 15px;  padding: 40px; width: 80%; margin: auto;}
.adjunto {border: 1px solid #ccc;
    border-radius: 10px;
    position: relative;
    width: 200px;
    cursor: pointer;
    margin-top: 9px;
    display: block;
    height: 50px;
    box-shadow: 0px 0px 12px rgba(0,0,0,0.05);
}
.adjunto input {
	border: 0px;
    opacity: 0;
    z-index: 3;
    position: absolute;
	top: 12px;
	cursor: pointer;
}

.adjunto::after {
	content: "Adjuntar archivo";
    position: absolute;
    left: 40px;
    top: 15px;
	cursor: pointer;
}

.footer {width: calc(100% - 220px); margin: 0px 0px 0px 220px;padding: 15px 0px; background-color: #E9E7D9; margin-top: 50px; font-size: 0.7em;}
.footer-copy {display: table; margin: auto;}
.footer-copy-copy {display: table-cell; text-align: right; padding-right: 5px;}
.footer-copy-elaborado {display: table-cell; text-align: left; padding-left: 5px;}

@media (max-width: 1140px) {
	.procedimientos {grid-template-columns: repeat(3, 1fr);}
}

@media (max-width: 768px) {
	.contenedor-mv {max-width: 490px;}
}

@media (max-width: 860px) {
	.logomenu {display: none;}
	.logomenu-movil {display: block;}
	.logomenu-movil-espacio {display: block;}
	.paginaweb {width: 100%; margin: 0px;}
	.footer-copy-copy {display: block; text-align: center; padding-right: 0px;}
	.footer-copy-elaborado {display: block; text-align: center; padding-left: 0px;}
	.footer {width: 100%; margin: 50px 0px 0px 0px;}
}

@media (max-width: 600px) {
	.btn-submit {text-align: center;padding-top: 20px; }
	.form-submit {float: none;}
	.m80 {padding-left: 6.5%!important; padding-right: 6.5%!important;}
	.header {display: none;}
	.mw345 {max-width: 100%;}
	.textotrabajamos {padding:50px 20px;}
	.servicios-container {padding: 60px 10%;}
	.empresa-container {padding: 60px 10% 60px 10%;}
	
	.metodologia-cont-left {margin-left: 10%;}
	.metodologia-der {width: 80%!important; margin:auto!important; padding: 60px 0px!important;}
	
	.servicios-contenedor-hr, .servicios-contenedor-v, .servicios-contenedor-vr  {padding: 60px 10%;}
	.servicios-contenedor-hl, .servicios-contenedor-hr0, .contendeor-general, .quienes-contenedor-a {padding: 0px 10% 60px 10%;}
	.m80 .vc_col-sm-12{width:100%;}
	
	.procedimientos {grid-template-columns: repeat(2, 1fr);}
	
	ul.valores li {display: flex;}
	.permitanos-text {line-height: 1.13; font-size: 1.4em;}
	.potencial-text {font-size: 1.4em; line-height: 1.13;}
}

@media (max-height: 680px) {
	.principal-menu ul {margin: 20px 0px;}
	.principal-menu ul li {padding: 10px 0px;}
	.siguenos {padding-bottom: 20px;}
	.terminos, .politica {padding-bottom: 20px;}
	
}

@media (max-height: 530px) {
	.principal-menu ul {margin: 20px 0px;}
	.principal-menu ul li {padding: 6px 0px;}
	.siguenos {padding-bottom: 10px;}
	.terminos, .politica {padding-bottom: 10px;}
}

@media (max-height: 480px) {
	.logomenu {overflow-y: scroll;}
}