@charset "UTF-8"; 

/*********************** GOOGLE FONTS ***********************/

@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Sacramento');

/*
font-family: 'Open Sans', sans-serif; 
font-family: 'Montserrat', sans-serif;
*/
p, body, a, li, .primary { font-family: 'Montserrat', sans-serif; }
h1, h2, h3, h4 { font-family: 'Montserrat', sans-serif; }

p { color: #000; font-size: 16px; font-weight: 400; text-align: justify; }

/*********************** GENERAL ***********************/
:focus { outline: none; }
body { background:#fff; padding: 0; margin: 0; }
section { padding-top: 50px; background: #fff; }
ol, ul { padding: 0; margin: 0; list-style: none; }
img { display: block; width: 100%; border: none; }
a { text-decoration: none; color: inherit; display: block; }
.contenedor { width: 1200px; margin: 0px auto; position: relative; border: 0px solid red; }
p { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }

::placeholder { color: #fff;text-transform: uppercase;font-size: 14px;font-weight: 200; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff;text-transform: uppercase;font-size: 14px;font-weight: 200;  }
::-moz-placeholder { /* Firefox 19+ */ color: #fff;text-transform: uppercase;font-size: 14px;font-weight: 200;  }
:-ms-input-placeholder { /* IE 10+ */ color: #fff;text-transform: uppercase;font-size: 14px;font-weight: 200;  }
:-moz-placeholder { /* Firefox 18- */ color: #fff;text-transform: uppercase;font-size: 14px;font-weight: 200;  }
.principal { color: #35cd84; }
.secundario {color: #0d9d79; }
.light { color: #fff; }
.justify { text-align: justify; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.mayus { text-transform: uppercase; }
.inline{ display: inline-block; }
.sombreado { text-shadow: 0px 0px 10px rgba(0,0,0,.6) }
.movil { display: none; }
.desktop { display: block; }

/*
-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; 

-webkit-transform:scale(1.15); -moz-transform:scale(1.15); -ms-transform:scale(1.15); -o-transform:scale(1.15); transform:scale(1.15); 

-ms-transform: rotate(7deg); -webkit-transform: rotate(7deg); transform: rotate(7deg); 
*/

/*********************** CLEAR ***********************/

.clear { clear: both; height: 0px; }
.clear5 { clear: both; height: 5px; }
.clear10 { clear: both; height: 10px; }
.clear20 { clear: both; height: 20px; }
.clear30 { clear: both; height: 30px; }
.clear40 { clear: both; height: 40px; }
.clear50 { clear: both; height: 50px; }
.padding10 { padding: 10px; }
.padding20 { padding: 20px 10px; }
.padding30 { padding: 30px 10px; }
			
/*********************** FORMULARIOS ERROR ***********************/

label.error { display:none !important; }
input.error { border-bottom: 2px solid #F00!important; }
select.error { border-bottom: 2px solid #F00!important; }
textarea.error { border-bottom: 2px solid #F00!important; }

/*********************** COLUMNAS ***********************/

.col2 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3 li { float: left; width: 33.33%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col4 li { float: left; width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col5 li { float: left; width: 20%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col6 li { float: left; width: 16.66%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col7 li { float: left; width: 14.28%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col8 li { float: left; width: 12.5%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col9 li { float: left; width: 11.1%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3foot li:nth-child(odd) { float: left; width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3foot li:nth-child(even) { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.vertical-align { display: table; width: 100%; }
.vertical-align li { float: none; display: table-cell; vertical-align: middle; height: auto; }
.col3Mixto li:nth-child(2) { width: 33.33%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3Mixto li:nth-child(1) { width: 66.66%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3Mixta li:nth-child(2) { width: 66.66%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col3Mixta li:nth-child(1) { width: 33.33%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }

/*********************** HEADER ***********************/
header { height: 120px;position: fixed;top: 0px;width: 100%;background-color: #fff;z-index: 990; }
.logo { width: 230px;float: left;margin-top: 10px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.navigation { position: relative;width: 100%;float: right; }
.Datos { width: 450px;float: right;margin-top: 10px; }
.Datos p { font-size: 14px;text-align: right;color: #0a253e;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.Datos a { font-weight: 800;color: #0a253e;text-align: right;float: right; }
.telimg { width: 14px; }
.menu { height:50px;background-color: #0a253e;margin-top: 15px;box-shadow: 0px 0px 10px rgba(0,0,0,.5);z-index: 99; }
.menu li a { text-align: center;color: #fff;font-weight: 300;text-transform: uppercase;font-size: 12px;line-height: 1;background-color: #0a253e;padding: 10px 0px;height: 30px;vertical-align: middle;display: table-cell;width: 250px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.menu li:hover a { background-color: #ad172b; }
.menu li .menu_activo { background-color: #ad172b; }
.logo_chico { width: 180px; }
.header_chico .Datos p { margin: 10px 0 5px 0;font-size: 14px; }
.header_chico { height: 95px; }
.menu_chico2 { margin-top: 5px; }
.btn_movil { cursor: pointer; }
.Lang { width: 50px;float: right;margin-top: 10px;margin-left: 20px; }
.Lang a { font-size: 12px;line-height: 50px;color: #0a253e }
.Lang a:hover { color: #ad172b }
.Lang a.activo { color: #ad172b }

/*********************** FOOTER ***********************/
footer { /*position: fixed;bottom: 0px;width: 100%;*/background-color: #131517;border-bottom: 20px solid #ad172b;padding: 30px 0px 20px 0px; }
footer .col3 { margin-bottom: 30px; }
footer .text { color: #fff;width: 60%;margin: 0 auto; }
.Tels a { color: #fff;float: right;font-size: 20px;font-weight: 600; }
.Tels .red { color: #ad172b; }
.copy .aviso { color: #fff;float: left;font-size: 12px;line-height: 1;margin: 0; }
.copy p { color: #fff;float: right;font-size: 12px;line-height: 1;margin: 0; }
.copy a { color: #fff;font-size: 12px; }
.imgFooter { width: 150px; }
.ContactoRaya { width: 50%;position: absolute;height: 100px;background-color: #252525;right: 0;color: #fff;line-height: 100px;font-size: 40px;text-transform: uppercase;font-weight: 800;padding-left: 40px; }
.ContactoFoot .contenedor { margin-top: 120px; }
.ContactoFoot { background-image: url('../img/footer/contacto.jpg');background-size: cover;background-repeat: no-repeat; background-position: center center;padding: 100px 0px; }
#formSC2 {  width: 500px; margin: 30px auto; }
#formSC2 textarea { border-left: none;border-top: none;border-right: none;border-bottom: 2px solid #fff;background: rgba(0,0,0,.0);padding: 5px 10px;width: 210px;height: 70px;color: #fff;resize: none; }
#formSC2 input { border-left: none;border-top: none;border-right: none;border-bottom: 2px solid #fff;background: rgba(0,0,0,.0);padding: 5px 10px;width: 210px;height: 30px;color: #fff; }
input#submitSC2 { cursor: pointer;font-weight: 800;border: 2px solid #fff;margin-top: 40px;height: 40px;color: #fff;background: rgba(0,0,0,.0);padding: 5px 10px;width: 160px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
input#submitSC2:hover, input#submitSC2:disabled { width: 200px;background-color: #fff; color: #2d3a5a; }

/*********************** PROMO FLOTANTE ***********************/
.Overlay { width: 100%;height: 100%;background-color: rgba(0,0,0,.6);position: fixed;z-index: 998;top: 0px;left: 0px; }
.Fotante { width: 50%;margin: 0 25%;position: fixed;top: 70px;background-color: #fff;z-index: 999;border-radius: 5px;box-shadow: 0px 0px 19px rgba(0,0,0,.4); }
.CerraFlotante { width: 26px;cursor: pointer;height: 26px;position: absolute;background-color: #fff;border-radius: 50%;border: 2px solid #af1326;right: -13px;top: -13px;z-index: 1; }
.CerraFlotante:hover { background-color: #af1326; }
.CerraFlotante:hover span { color: #fff }
.CerraFlotante span { width: 26px;text-align: center;display: block;line-height: 24px;font-weight: 600;font-size: 18px;color: #666; }
.ConteFlotante { width: 99%;margin: 5px auto;position: relative; }
.Seccion-01Pop { position: relative;border-top: 15px solid #131517;padding: 0px 0px 20px 0px }
.Seccion-01Pop:before { content: '';border: 5px solid #ad172b;height: 100px;position: absolute;top: 80px;left: 30px; }
.Seccion-01Pop:after { content: '';border: 5px solid #626262;height: 300px;position: absolute;top: 140px;left: 50px; }
.DetallePop { width: 89px;position: relative;margin: 0 auto;top: -15px; }
.Seccion-01Pop h3 { color: #0a253e;font-weight: 900;font-size: 30px;line-height: 1;margin: 0 auto;text-transform: uppercase;width: 80%;text-align: center; }
.Seccion-02Pop { padding: 30px 0px;background-image: url('../img/header/backPOP.jpg');background-size: cover;background-repeat: no-repeat; background-position: center center;}
.Seccion-02Pop:before { content: '';border: 5px solid #ad172b;height: 100px;position: absolute;bottom: 0px;right: 30px; }
.Seccion-02Pop:after { content: '';border: 5px solid #626262;height: 250px;position: absolute;bottom: 30px;right: 50px; }
.Seccion-02Pop p { font-size: 18px;color: #fff;width: 75%;text-align: center;margin: 0 auto;text-transform: uppercase; }
.Seccion-02Pop a { background-color: #ad172b;width: 200px;font-size: 14px;padding: 5px 10px;text-align: center;margin: 20px auto;color: #fff;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.Seccion-02Pop a:hover { width: 220px; }
#formPop { width: 450px;margin: 0 auto; }
#formPop ::placeholder { font-size: 10px;line-height: 30px;text-transform: uppercase; }
#formPop input { background-color: rgba(255,255,255,0);border-left: 0px solid rgba(255,255,255,0);border-top: 0px solid rgba(255,255,255,0);border-right: 0px solid rgba(255,255,255,0);width: 200px;height: 30px;padding-left: 10px;color: #fff }
#formPop textarea { background-color: rgba(255,255,255,0);border-left: 0px solid rgba(255,255,255,0);border-top: 0px solid rgba(255,255,255,0);border-right: 0px solid rgba(255,255,255,0);border-bottom: 2px solid #fff;width: 425px;height: 30px;padding-left: 10px;color: #fff;resize: none; }
input#submitPop { cursor:pointer;width: 180px;border: none;background-color: #131517;color: #fff;margin-top: 10px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
input#submitPop:hover, input#submitPop:disabled { width: 200px }

/*********************** SLIDER ***********************/
.Slider { height: 650px;background-position: center center;background-repeat: no-repeat;background-size: cover; }
.TextSlider { position: absolute;width: 60%;margin-left: 20%;top: 300px; }
.TextSlider h1 { text-align: center;font-size: 50px;text-transform: uppercase;font-weight: 900;color: #fff;letter-spacing: 5px; }
.TextSlider h1 span { font-weight: 400;display: block }
.TextSliderH { position: absolute;width: 60%;margin-left: 20%;top: 300px; }
.TextSliderH h1 { font-size: 40px;text-transform: uppercase;font-weight: 900;color: #fff;letter-spacing: 5px; }
.TextSliderH h1 span { font-weight: 400;display: block; }

/*********************** INICIO ***********************/
.Detalles { width: 48px;position: relative;top: -20px;margin: 0 auto; }
.inicio-01 .contenedor { position: relative;top: -70px;background-color: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.5);padding-bottom: 30px;z-index: 2; }
.inicio-01 p { width: 50%;margin: 0 auto;text-align: center;line-height: 2;font-size: 20px; }
.inicio-01 a { width: 300px;margin: 20px auto;text-align: center;text-transform: uppercase;border: solid 2px #ad172b;padding: 5px 10px;color: #ad172b;font-size: 16px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.inicio-01 a:hover { width: 330px;color: #fff;background-color:#ad172b ; }
.video { position: relative;background-image: url('../img/inicio/video.jpg');background-position: center center; background-size: cover; background-repeat: no-repeat;padding: 250px 0px;z-index: 1;top: -100px; }
.ServicioIcon { width: 78px;margin: 0 auto; }
.ServiciosHome { margin-top: -100px; }
.ServiciosHome h3 { text-align: center;font-size: 20px;line-height: 1;text-transform: uppercase;font-weight: 800;  }
.ConoceMas { width: 170px;margin: 50px auto;border: solid 2px #0a253e;color: #0a253e;text-align: center;padding: 5px;text-transform: uppercase;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.ConoceMas:hover { width: 190px;color: #fff;background-color: #0a253e; }
/*********************** LA FIRMA ***********************/
.firma-01 { background-position: right;background-repeat: no-repeat;padding: 30px 0px;background-size: 33%;margin-top: 50px; }
.Subcontenedor2 { width: 20%;float: left;min-height: 30px; }
.Subcontenedor { width: 80%;float: left; }
.Mision h3 { font-size: 40px;text-transform: uppercase;font-weight: 800; }
.Mision p { color: #242424; }
.Mision .rojo { color: #ad172b; }
.insignia { width: 48px;margin: 20px auto; }
.Perfil { padding: 50px 0px; }
.Perfil a { width: 300px;margin: 20px auto;text-align: center;text-transform: uppercase;border: solid 2px #ad172b;padding: 5px 10px;color: #ad172b;font-size: 16px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease; }
.Perfil a:hover { width: 330px;color: #fff;background-color: #ad172b; }
.Clientes { background-image: url('../img/firma/clientes.jpg');background-position: center center; background-size: cover; background-repeat: no-repeat;padding: 30px 0px;background-color: rgba(255,255,255,.8);background-blend-mode: hue; }
.ServiciosHome h2, .Colaboraciones h2 , .Clientes h2 { text-align: center;font-weight: 900;font-size: 40px;text-transform: uppercase; }
.logos { max-width: 90%; margin: 20px auto; }
.medio { width: 50%;float: left; }
.medio .fa { font-size: 10px;color: #ad172b;bottom: 3px;position: relative; }
.conteBlog .Perfil { padding: 30px 0px; }

/*********************** SERVICIOS ***********************/
/** ACORDEONES **/
.ui-accordion .ui-state-active { font-weight: 800;font-size: 30px !important;color: #fff !important;background-color: #475c6e !important;border-bottom: 3px solid #475c6e !important;border-top: 3px solid #475c6e !important;width: 60% ;padding: 10px 20% !important; } /* CERRADO */
.ui-accordion .ui-accordion-header { margin:0px !important;font-weight: 800;font-size: 30px !important;color: #242424;background-color: #d3d3d3;border-bottom: 3px solid #b0b0b0 ;border-top: 3px solid #d3d3d3;width: 60% ;padding: 10px 20% !important;  } /* ABIERTO */
.ui-accordion .ui-accordion-header:hover { font-weight: 800;color: #fff !important;background-color: rgba(173,23,43,.75) !important;border-bottom: 3px solid #a24854 !important;border-top: 3px solid #a24854 !important;width: 60% ;padding: 10px 20% !important;  } /* HOVER */
/** CONTENIDO ACORDEONES **/
.ui-accordion .ui-accordion-content { background-color: #475c6e; }
.lista { margin: 10px auto;max-width: 80%; }
.lista .fa { font-size: 8px;position: absolute;margin-left: -12px;margin-top: 5px; }
.Servicios { padding: 0; }
.medio { width: 50%; float: left; }
.Sectores { padding: 30px 0px;margin: 50px 0px;background-color: rgba(123,23,43,1);background-blend-mode: multiply;background-image: url('../img/servicios/sectores.jpg');background-size: cover;background-repeat: no-repeat;background-position: center center; }
.Sector { position: absolute;width: 70%;top: -15%;margin-left: 15%;box-shadow: 0px 0px 10px rgba(0,0,0,.5) }
.intro p.mayus { font-size: 24px;color: #0a253e; }
.intro p { max-width: 80%; margin: 20px auto;font-size: 20px;font-weight: 200; }

/*********************** ABOGADOS ***********************/
.Detalle2 { width: 45px; margin: 20px auto; }
.Cinque { width: 85px;position: absolute;top: 20px;right: 15%; }
.Abogados h3 { text-align: center;max-width: 70%;margin: 0 auto;color: #0a253e;line-height: 1; }
.Script { font-family: 'Sacramento';text-align: center;font-size: 30px;margin: 10px auto;line-height: 1; }
.Abogados a { cursor: pointer;width: 70%; border: 2px solid #ad172b; color: #ad172b; background-color: #fff; text-transform: uppercase; text-align: center;margin: 30px auto;padding: 10px 0px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.Abogados a:hover { color: #fff; background-color: #ad172b; }
.Abogados li:nth-child(1) { float: none; margin: 0 auto; }
.Abogados li:nth-child(15) { background: #fff; }

/*********************** CONTADORES ***********************/
.contadores-01 li:nth-child(2) { background-position: right;background-repeat: no-repeat;background-size: 100%;height: 150%;position: absolute;top: -25px;right: -100px; }
.contadores-01 img { width: 45%; }
.contadores-01 h3 { margin: 30px auto; font-size: 40px; text-transform: uppercase; }
.contadores-01 .DetalleContadores { content: "";margin: 30px auto;width: 120%;height: 7px;background-color: #2f9aad;position: relative;right: -10%;z-index: 1; }
.contadores-01 p, .contadores-02 p { font-size: 22px; color: #5d5d64; }
.contadores-02 .contenedor:after { content: "";width: 7px;height: 500px;background-color: #9ebb2b;position: absolute;top: -50px;right: -50px;z-index: 1; }
.contadores-02 .contenedor { position: relative;background-color: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.5);padding-bottom: 30px;margin-bottom: 70px;z-index: 2; }
.contadores-02 .Detalles { margin: 0px 30px 0px; }
.contadores-02 .lista { font-size: 20px; }
.contadores-02 .lista .fa, .contadores-02 .lista span { color: #2f9aad; }

/******************* SERVICIOS CONTABLES *****************/
.Slider.contables h1 span { font-size: 0.7em; }
.contables-01 *, .contables-02 *, .contables-03 * { box-sizing: border-box; }
.contables-01 h3 { font-size: 30px; line-height: 30px; color: #0a253e; font-weight: 800; text-transform: uppercase; margin-top: 0; }
.contables-01 li:nth-child(1) { width: 40%;padding: 0; }
.contables-01 li { width: 30%;padding-left: 40px; }
.contables-01 h4, .contables-03 h4 { font-size: 20px; line-height: 26px; margin: 20px 0px; color: #0a253e; font-weight: 800; padding-left: 10px; position: relative; }
.contables-01 h4::before, .contables-03 h4::before { content: ''; width: 4px; height: 20px; background: #ab1a2d; position: absolute; top: 5px; left: 0; }
.contables-01 p, .contables-02 p, .contables-03 p { margin: 0px 0px 30px; }
.contables-01 p span, .contables-03 p span { display: block; color: #0a253e; padding-left: 30px; margin: 0px 0px 10px; }
.contables-01 p span::before, .contables-03 p span::before { content: ''; width: 10px; height: 10px; background: #979798; border-radius: 50%; display: inline-block; margin-left: -15px; margin-right: 5px; position: relative; }
.contables-01, .contables-03 { padding: 50px 0px; }
.contables-02 { padding: 30px 0px; background: #ab1a2d; position: relative; }
.contables-02::before { content: '';width: 725px;height: 100%;background-image: url('../img/contables/imgS3.jpg');background-size: cover;background-position: center;background-repeat: no-repeat;position: absolute;top: 0;bottom: 0;right: 0; }
.contables-02 ul { width: 50%; margin: 0; }
.contables-02 li:nth-child(1) { width: 65%; padding-right: 20px; }
.contables-02 li:nth-child(2) { width: 35%; }
.contables-02 h4 { font-size: 20px; line-height: 26px; margin: 20px 0px; color: #fff; font-weight: 800; padding-left: 10px; position: relative; }
.contables-02 h4::before { content: ''; width: 4px; height: 20px; background: #0a253e; position: absolute; top: 5px; left: 0; }
.contables-03 li:nth-child(1) { width: 40%; }
.contables-03 li:nth-child(2) { width: 60%; padding: 0px 40px; }

/*********************** SEGURIDAD ***********************/
.SeguridadRed { background-color: #ad172b;padding: 0;margin: 0 ; }
.SeguridadRed h3 { font-size: 24px;text-transform: uppercase;font-weight: 800;max-width: 80%;letter-spacing: 9px;margin: 0 auto;padding: 50px 0px 30px 0px }
.SeguridadRed h4 { font-size: 18px;text-transform: uppercase;font-weight: 200; }
.Seguridad p { max-width: 70%;margin-left: 5%; }
.BackSeguri { background-image: url('../img/seguridad/backseguridad.jpg');background-size: cover;background-repeat: no-repeat;background-position: center center; }

/*********************** PROBONO ***********************/
.Probono h3 { width: 70%; margin: 20px auto; font-size: 30px;text-transform: uppercase; }
.Probono p:nth-child(2) { width: 70%; margin: 0 auto }
.Probono p.right { margin-left: 50px;width: 50%;float: right;margin-right: 20%; }
.Probono a { color: #ad172b; }

/*********************** ÚNETE ***********************/
.Unete h3 { max-width: 80%; margin: 20px auto;font-size: 40px;text-transform: uppercase; }
.Unete p { max-width: 80%; margin: 0 auto }
.Unete a { color: #ad172b; }

/*********************** CONTACTO ***********************/
#map { width: 100%; height: 450px;margin-top: -100px; }
.Contacto-01 .contenedor { width: 920px;;position: relative;top: -70px;background-color: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.5);padding-bottom: 30px;z-index: 2; }
.Contacto-01 h2 { max-width: 90%;margin: 20px auto;font-size: 40px;line-height: 1;text-transform: uppercase;font-weight: 900; }
.Contacto-01 p { max-width: 90%;font-size: 20px;font-weight: 200;margin-right: 5%;display: inline-block; }
.Contacto-01 p strong { font-weight: 500; }
.Contacto-01 a { font-weight: 800;text-align: right;max-width: 90%;margin: 0 auto;font-size: 20px; }
.Contacto-01 img { width: 40px;display: inline-block;margin-left: 5%;margin-right: 20px;margin-bottom: 30px; }
.Padding20 { padding-left: 20px; }
.Padding40 { padding-left: 40px; }

/*********************** FLOTANTES ***********************/
.Mision .contenedor:before { content: "";width: 10px;height: 640px;background-color: #ad172b;position: absolute;left: -30px;top: -190px; }
.Mision .contenedor:after { content: "";width: 10px;height: 300px;background-color: #626262;position: absolute;right: -30px;top: -90px; }
.SeguridadRed h4.condetalle:before { content: "";width: 5px;height: 80px;background-color: #0a253e;position: absolute;left: 0px;top: 0px;z-index: 90;-ms-transform: rotate(20deg); /* IE 9 */-webkit-transform: rotate(20deg); /* Safari */transform: rotate(20deg); }
.SeguridadRed h4.condetalle:after { content: "";width: 5px;height: 80px;background-color: #0a253e;position: absolute;right: 0px;top: 0px;z-index: 90;-ms-transform: rotate(20deg); /* IE 9 */-webkit-transform: rotate(20deg); /* Safari */transform: rotate(20deg);  }
.Probono p.right:before { content: "";width: 10px;height: 70px;background-color: #ad172b;position: absolute;left: 27%;top: 190px;z-index: 90; }
.Probono .contenedor:after { content: "";width: 10px;height: 300px;background-color: #626262;position: absolute;right: -10px;top: -90px;z-index: 90;  }
.Contacto-01 .contenedor:before { content: "";width: 150px;height: 10px;background-color: #ad172b;position: absolute;right: 20px;bottom: 70px;z-index: 90; }
.Contacto-01 .contenedor:after { content: "";width: 300px;height: 10px;background-color: #626262;position: absolute;right: 60px;bottom: 40px;z-index: 90; }
.DetalleUnete:before { content: "";width: 10px;height: 110px;background-color: #ad172b;position: absolute;left: -30px;top: 90px; }
.DetalleUnete:after { content: "";width: 10px;height: 200px;background-color: #626262;position: absolute;left: 0px;top: 110px; }
.DetalleUnete2:before { content: "";width: 10px;height: 110px;background-color: #ad172b;position: absolute;right: -30px;top: 90px; }
.DetalleUnete2:after { content: "";width: 10px;height: 200px;background-color: #626262;position: absolute;right: 0px;top: 110px; }

.error404 h1 { text-align: center;font-size: 5em;text-transform: uppercase;margin: 30px 0px 10px 0px; }
.error404 h3 { text-align: center;font-size: 2em;text-transform: uppercase;margin: 10px 0px 20px 0px; }
.error404 p { text-align: center;font-weight: 600; }

/*********************** BLOG ***********************/
.conteCategoria { width: 18%;margin: 0 1%;float: left }
.listaBlog li { background-color: #0a253e;margin: 5px 0px;padding: 5px 10px;display:block;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.listaBlog li:hover { padding: 5px 20px; }
.listaBlog li a { color: #fff;text-transform: uppercase;font-size: 11px; }
.listaBlog li .fa { margin-right: 5px;font-size: 10px; }
/*.conteBlog { width: 78%;margin: 0 1%;float: left }*/
.conteBlog { width: 98%;margin: 0 auto; }
.conteBlog li { width: 48%;margin: 10px 1%;float: left; }
.Productos h2 { color: #202020;font-size: 26px;text-transform: uppercase;line-height: 1; }
.imgBlog { position: relative;height: 200px;background-position: center center;background-size: cover;background-repeat: no-repeat;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.imgBlog { height: 300px }
.tituloBlog { font-size: 20px;color:#0a253e;font-weight:600;text-transform: uppercase;margin: 10px 0px;line-height: 1;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.publicado { font-size: 12px;color: #fff;font-style: italic;text-align: right;width: 95%;background-color: rgba(10, 37, 62, .8);position: absolute;bottom: 0px;padding: 0% 5% 0% 0%;height: 30px;line-height: 30px; }
.descBlog { font-size: 16px; }
.AutorENblog { font-size: 14px;position: relative;font-weight: 600;color: #000!important;margin: 5px 0px; }
.Autor::before { content: '';width: 100px;position: absolute;border-bottom: 2px solid #ad172a;left: 10px;top: 25px; }
.Autor { font-size: 14px;position: relative;font-weight: 600;padding-left: 10px;color: #09243e!important; }
a.AutorENblog:hover, a.Autor:hover { color: #ad172a!important; }
.CoverBlog:hover .tituloBlog { color: #bf182c }
.CoverBlog:hover .imgBlog { background-color: rgba(191, 24, 44, .6);background-blend-mode: multiply; }
.Visitas { position: absolute;bottom: 0px;height: 30px;font-size: 12px;color: #fff;z-index: 1;line-height: 30px;width: 50%;float: left;padding-left: 20px; }
/*********************** CATEGORIA BLOG ***********************/
.btnBlog { background-color: #bf182c;width: 150px;margin: 10px auto;text-align: center;padding: 5px 0px;color: #fff;text-transform: uppercase;font-size: 12px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.btnBlog:hover { width: 170px; }
.categoriaBlog .upper { font-size: 30px;text-align: center;text-transform: uppercase; }

/*********************** POST DE BLOG ***********************/
.Productos { padding: 30px 0px; }
.imgPost { height: 300px;background-position: center center;background-size: cover;background-repeat: no-repeat;position: relative; }
.tituloPost { text-align: center;line-height: 1;font-size: 24px; }
.publicado2 { text-align: center;font-size: 12px;color: #6a6a6a;font-style: italic;line-height: 1;margin-bottom: 10px; }
.share strong { text-align: center;display: block; }
.colSociales { background: #ad172b; border: 2px #ad172b solid; border-radius: 5px; max-width: 300px;margin: 0 auto; }
.colSociales li { color:#fff; float: left; width: 25% !important;margin: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;padding: 0 }
.colSociales li a { font-size: 14px; text-align: center; display: inline-block; line-height: 30px; width: 100%;padding: 0; }
.colSociales li:first-child:hover { background-color: #e6d75d; }
.colSociales li:nth-child(2):hover { background-color: #3b5998; }
.colSociales li:nth-child(3):hover { background-color: #1dcaff; }
.colSociales li:nth-child(4):hover { background-color: #34af23; }
.colSociales li:first-child:hover span, .colSociales li:first-child:hover i, .colSociales li .fa-whatsapp:hover, .colSociales li .fa-facebook:hover, .colSociales li .fa-twitter:hover { color: #fff }
.colSociales li span { padding-left: 5px; font-size: 12px; }
.noticias-recientes { background-color: #eaeaea;padding: 30px 0px }
.noticias-recientes h2 { text-align: center;font-size: 25px;line-height: 1;color: #1a2d58;text-transform: uppercase;font-weight: 200 }
.noticias-recientes h2 span { font-weight: 900;display: block }
.back-blog-reciente { height: 250px;background-size: cover;background-repeat: no-repeat;background-position: center center;width: 95%;margin: 0 auto; }
.titulo-blog-reciente { text-align: center;text-transform: uppercase;font-size: 16px;margin: 10px auto;line-height: 1;color: #2c3a5a;font-weight: 600; }
.descripcionPost ul li { width: 95%;list-style: disc;list-style-position: inside;padding: 0;float: none !important;font-size: 14px;font-weight: inherit;padding-left: 5%;text-align: justify; }
.descripcionPost ol li { width: 95%;list-style: decimal;list-style-position: inside;padding: 0;float: none !important;font-size: 14px;font-weight: inherit;padding-left: 5%;text-align: justify; }
.descripcionPost a { display: inline-block;color:#ad172b; }
.descripcionPost h3, .descripcionPost h3 strong { font-size: 18px;text-transform: uppercase;font-weight: 800;color: #09243f; }
.descripcionPost strong { font-weight: 500 }
.noticias-recientes { padding: 30px 0px }
.noticias-recientes .col3 li a { width: 96%;margin: 0 auto }
.conteBlog li a:hover .imgBlog, .noticias-recientes .col3 li a:hover .imgBlog { background-color:rgba(0,0,0,.5);background-blend-mode: multiply; } 

/*********************** PAGINATION ***********************/
.holder { width: 100%;max-width:465px;display: -webkit-box;margin:0 auto !important; }
.holder a, .jp-previous.jp-disabled, .jp-next { border: 1px solid #ecf0f1;border-radius: 4px;line-height: 20px;height: 20px;padding: 5px 10px;color: #000 !important;text-transform: uppercase;font-size: 12px;font-weight: 500;cursor: pointer }
.jp-previous.jp-disabled:hover { border: 1px solid #ad172b;color: #ad172b;color: #fff; }
.holder a:hover, .holder a.jp-current { border: 1px solid #ad172b;border-radius: 4px;line-height: 20px;height: 20px;padding: 5px 10px;color: #fff !important;background-color: #ad172b !important; }
.holder a.jp-next { margin-left: 5px !important; }
.holder a.jp-previous { margin-right: 5px !important; }
.holder span { line-height: 20px;height: 20px;padding: 5px 10px;color: #000; }

/*********************** BREADCRUMBNS ***********************/
.Breadcrumbs { background-color: #eaeaea;padding: 15px 0px;position: relative;margin-top: 140px; }
.Breadcrumbs a { display: inline;text-transform: capitalize; }
.Breadcrumbs p {  }
.Breadcrumbs .titulo-categoria { text-align: right;font-size: 16px;text-transform: uppercase;font-weight: 600;line-height: 1;margin: 0px; }
.Breadcrumbs .titulo-categoria.post { display: none }
/*********************** MEDIAS QUERIES ***********************/

@media screen and (min-width: 320px) and (max-width: 479px) {
	.contenedor { width: 90%; }
	.col2 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }	
	.col3 li { list-style: none; float: left !important; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }	
	.col5 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col8 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col6 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.desktop { display: none; }
	p { font-size: 12px; }
	.movil { display: block; }
	header { height: 90px; }
	.logo { width: 140px; }
	.Datos { width: 50%; margin-top: 5px; }
	.Datos a { font-size: 12px; }
	.Datos p { display: none; }
	.Lang a { line-height: 1; }
	.navigation { margin-top: 5px;background-color: #0a253e; }
	.btn_movil { position: relative;width: 35px;margin: 5px;float: right; }
	.menu { display: none;box-shadow: none;height: auto;margin-top: 45px;width: 100%; }
	.menu_chico2 { margin-top: 45px;width: 100%; }
	.menu li { width: 100%; }
	.menu li a { width: 100%; display: block;line-height: 40px;height: 40px;padding: 0; }
	/***** INICIO *****/
	.Slider { top: 90px;height: 300px; }
	.TextSlider, .TextSliderH { top: 160px;width: 80%;margin-left: 10%; }
	.TextSlider h1, .TextSliderH h1 { font-size: 18px; }
	.inicio-01 p { width: 90%;line-height: 1;font-size: 16px; }
	.inicio-01 a { font-size: 14px;width: 180px;padding: 5px 20px; }
	.Perfil a { width: 200px }
	.Perfil a:hover { width: 220px }
	.Detalles { width: 38px; top: -10px; }
	.video { padding: 120px 0px; }
	.Unete h3, .ServiciosHome h2, .Colaboraciones h2, .Clientes h2, .Mision h3, .contadores-01 h3 { font-size: 24px; }
	.ServiciosHome .col4 li { width: 50%;height: 180px; }
	.ConoceMas { width: 90px;font-size: 12px; }
	.ConoceMas:hover { width: 100px;font-size: 12px; }
	.ServicioIcon { width: 68px; }
	.ServiciosHome { margin-top: -130px; }
	.ServiciosHome h3 { font-size: 14px; }
	.Clientes .col4 li { width: 50%; }
	/***** FIRMA *****/
	.firma-01 { background-image:  none !important;margin-top: 20px;padding: 10px 0px; }
	.Unete, .Probono, .Abogados, .intro, .Colaboraciones, .Mision { padding-top: 20px; }
	.firma-01 .col3Mixto li:nth-child(2), .firma-01 .col3Mixto li:nth-child(1) { width: 100%; float: left; }
	.firma-01 .col3Mixto li:nth-child(2) { background-image: url('../img/firma/seccion-01.jpg');background-position: right;background-repeat: no-repeat;background-size: cover;height: 300px; }
	.logos { max-width: 70%;margin: 10px auto; }
	.Colaboraciones .col2 li { width: 100%; float: left; }
	.Colaboraciones .medio p { max-width: 80%;margin: 10px auto;font-size: 14px; }
	.Colaboraciones .medio { width: 50%; }
	/***** SERVICIOS *****/
	.ui-accordion .ui-state-active { width: 90% ;padding: 10px 5% !important;font-size:18px !important; } /* CERRADO */
	.ui-accordion .ui-accordion-header { width: 90% ;padding: 10px 5% !important;font-size:18px !important;  } /* ABIERTO */
	.ui-accordion .ui-accordion-header:hover { width: 90% ;padding: 10px 5% !important;font-size:18px !important;  } /* HOVER */
	.Servicios .col2 li { width: 100%; }
	.Sector { position: relative;width: 90%;top: 0;margin-left: 5%; }
	.Servicios .lista, .Sectores .lista { font-size: 12px;width: 90%; }
	.Sectores .medio { width: 50%; }
	.Sectores h3 { text-align: center; }
	.intro p { max-width: 90%; }
	.intro p,mayus { font-size: 20px; }
	/***** ABOGADOS *****/	
	.Cinque { width: 80px; }
	.Abogados h3 { max-width: 60%; }
	/*********************** CONTADORES ***********************/
	.contadores-01 li:nth-child(1), .contadores-01 li:nth-child(2) { width: 100%; }
	.contadores-01 li:nth-child(2) { height: 350px;background-position: top;position: relative;top: unset;right: unset; }
	.contadores-01 img { width: 60%;margin: 0 auto; }
	.contadores-01 h3 { margin: 15px auto;text-align: center; }
	.contadores-01 .DetalleContadores { margin: 15px auto;width: 80%;height: 5px;position: relative;right: unset; }
	.contadores-01 p, .contadores-02 p { font-size: 18px; }
	.contadores-02 .contenedor:after { display: none; }
	/*.contadores-02 .contenedor { position: relative;background-color: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.5);padding-bottom: 30px;margin-bottom: 70px;z-index: 2; }*/
	.contadores-02 .Detalles { margin: 0px auto; }
	.contadores-02 .lista { font-size: 16px; }
	/***** SEGURIDAD *****/
	.SeguridadRed .col3 li { width: 100%; }
	.SeguridadRed h3 { padding: 20px 0px;max-width: 100%;font-size: 17px; }
	.SeguridadRed h4 { font-size: 16px; }
	.Seguridad { padding: 0; }
	.Seguridad p { margin: 10px auto;max-width: 90%; }
	.col3Mixta li:nth-child(2), .col3Mixta li:nth-child(1) { width: 100%;float: left; }
	.BackSeguri { height: 300px !important; }
	/**** SERVICIOS CONTABLES ***/
	.Slider.contables .TextSliderH { top: 115px; }
	.contables-01 h3 { font-size: 22px; line-height: 22px; }
	.contables-01 li:nth-child(1), .contables-01 li, .contables-02 li:nth-child(1), .contables-02 li:nth-child(2), .contables-03 li:nth-child(1), .contables-03 li:nth-child(2) { width: 100%;padding: 0; }
	.contables-01 h4, .contables-02 h4, .contables-03 h4 { font-size: 16px; line-height: 20px; margin: 20px 0px; }
	.contables-01 h4::before, .contables-02 h4::before, .contables-03 h4::before { height: 16px; top: 0; }
	.contables-01 p, .contables-02 p, .contables-03 p { margin-bottom: 15px; }
	.contables-01, .contables-02, .contables-03 { padding: 20px 0px; }
	.contables-02::before {display: none; }
	.contables-02 ul { width: 100%; }
	/***** PROBONO *****/
	.Probono h3 { font-size: 20px;width: 80%; }
	.Probono p:nth-child(2) { width: 80%; }
	.Probono p.right { width: 60%;margin-right: 10%; }
	/***** ÚNETE *****/
	.Unete .col2 li { width: 100%; }
	.Unete img { margin: 10px auto; width: 80%; }
	/***** CONTACTO *****/
	.Contacto-01 .vertical-align li { width: 100%;display: block;float: left !important; }
	.Contacto-01 .contenedor { width: 85%; }
	.Contacto-01 h2 { font-size: 30px; }
	.Contacto-01 p { max-width: 70%;font-size: 16px; }
	/***** FOOTER *****/
	#formSC2 { width: 300px; }
	.medio { width: 100%; }
	#formSC2 textarea, #formSC2 input { width: 270px; }
	input#submitSC2 { width: 180px; }
	.ContactoFoot { padding: 10px 0px;background-position: left -100px center;background-color: rgba(45,58,90,.8);background-blend-mode: multiply; }
	.ContactoFoot .contenedor { margin-top: 0px; }
	.ContactoRaya { position: relative;text-align: center;width: 100%;padding-left: 0;font-size: 26px;height: 50px;line-height: 50px; }
	.ContactoFoot .col2 li { width: 100% !important;float: left; }
	footer .col3 li { width: 100%; float: left; }
	.imgFooter { margin: 10px auto 20px auto; }
	footer .text { text-align: center; }
	.Tels a { float: none; margin-top: 10px;display: block;text-align: center; }
	.copy .aviso, .copy p { text-align: center; float: none;margin-top: 10px; }
	/***** FLOTANTE *****/
	.SeguridadRed h4.condetalle:before, .SeguridadRed h4.condetalle:after, .Mision .contenedor:before, .Mision .contenedor:after, .intro .contenedor:before,
	.intro .contenedor:after, .Probono p.right:before,.Probono .contenedor:after, .Contacto-01 .contenedor:before, .Contacto-01 .contenedor:after, .DetalleUnete:before,
	.DetalleUnete:after, .DetalleUnete2:before, .DetalleUnete2:after { display: none }

	/*********************** BLOG ***********************/
	.conteBlog, .conteCategoria { width: 98%;float: none;margin: 10px auto 30px auto; }
	.conteCategoria h2 { text-align: center; }
	.listaBlog li { padding: 5px 10px;display: inline-block; }
	.listaBlog li:hover { padding: 5px 15px; }
	.noticias-recientes .col3 li:nth-child(1) { width: 100%; }
	.back-blog-reciente { height: 200px; }
	.titulo-blog-reciente { font-size: 18px; }
	.noticias-recientes h2 { font-size: 24px;text-transform: uppercase; }
	.conteBlog li { width: 98%; }
	.imgBlog { height: 250px; }
	.publicado { text-align: center;width: 100%;padding: 0; }
	.tituloPost, .tituloBlog { text-align: center;font-size: 16px; }
	.descripcionPost h3, .descripcionPost h3 strong { font-size: 16px;text-align: center }
	.descripcionPost strong { font-size: 12px }
	.Breadcrumbs { margin-top: 100px }	
	.Breadcrumbs p, .Breadcrumbs .titulo-categoria { text-align: center }

	/*********************** PAGINATION ***********************/
	.holder { max-width:90%; }
	.holder a:hover, .holder a.jp-current, .holder a {  padding:5px 5px; }
	.holder span { padding: 0px; }
	
	
	.Fotante { width: 90%;margin: 0 5%;top: 15px }
	.ConteFlotante { width: 98% }
	.Seccion-01Pop:before, .Seccion-01Pop:after, .Seccion-02Pop:before, .Seccion-02Pop:after { display: none; }
	.DetallePop { width: 40px }
	.Seccion-01Pop h3 { width: 90%;font-size: 16px; }
	.Seccion-02Pop { padding: 15px 0px; }
	.Seccion-02Pop p { font-size: 12px;width: 85%; }
	#formPop { width: 215px; }
	#formPop input { height: 25px; }
	#formPop textarea { width: 200px;height: 25px; }

}

@media screen and (min-width: 480px) and (max-width: 599px) {
	.contenedor { width: 90%; }
	.col2 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }	
	.col3 li { list-style: none; float: left !important; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }	
	.col5 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col8 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col6 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.desktop { display: none; }
	.movil { display: block; }
	header { height: 90px; }
	.logo { width: 200px; }
	.Datos { width: 50%; margin-top: 5px; }
	.Datos p { display: none; }
	.Lang a { line-height: 1; }
	.navigation { margin-top: 5px;background-color: #0a253e; }
	.btn_movil { position: relative;width: 35px;margin: 5px;float: right; }
	.menu { display: none;box-shadow: none;height: auto;margin-top: 45px;width: 100%;height: 180px;overflow: scroll;  }
	.menu_chico2 { margin-top: 45px;width: 100%; }
	.menu li { width: 100%; }
	.menu li a { width: 100%; display: block;line-height: 40px;height: 40px;padding: 0; }
	/***** INICIO *****/
	.Slider { top: 90px;height: 300px; }
	.TextSlider, .TextSliderH { top: 160px;width: 80%;margin-left: 10%; }
	.TextSlider h1, .TextSliderH h1 { font-size: 18px; }
	.inicio-01 p { width: 90%;line-height: 1;font-size: 16px; }
	.inicio-01 a { font-size: 14px;width: 180px;padding: 5px 20px; }
	.Detalles { width: 38px; top: -10px; }
	.video { padding: 120px 0px; }
	.Unete h3, .ServiciosHome h2, .Colaboraciones h2, .Clientes h2, .Mision h3, .contadores-01 h3 { font-size: 24px; }
	p { font-size: 12px; }
	.Unete, .Probono, .Abogados, .intro, .Colaboraciones, .Mision { padding-top: 20px; }
	.ServiciosHome .col4 li { width: 50%;height: 180px; }
	.ConoceMas { width: 100px;font-size: 12px; }
	.ConoceMas:hover { width: 120px;font-size: 12px; }	.ServicioIcon { width: 68px; }
	.ServiciosHome h3 { font-size: 18px; }
	.Clientes .col4 li { width: 50%; }
	/***** FIRMA *****/
	.firma-01 { background-image:  none !important; }
	.firma-01 .col3Mixto li:nth-child(2), .firma-01 .col3Mixto li:nth-child(1) { width: 100%; float: left; }
	.firma-01 .col3Mixto li:nth-child(2) { background-image: url('../img/firma/seccion-01.jpg');background-position: right;background-repeat: no-repeat;background-size: cover;height: 300px; }
	.logos { max-width: 70%;margin: 10px auto; }
	.Colaboraciones .col2 li { width: 100%; float: left; }
	.Colaboraciones .medio p { max-width: 80%;margin: 10px auto;font-size: 14px; }
	.Colaboraciones .medio { width: 50%; }
	/***** SERVICIOS *****/
	.ui-accordion .ui-state-active { width: 90% ;padding: 10px 5% !important;font-size:18px !important; } /* CERRADO */
	.ui-accordion .ui-accordion-header { width: 90% ;padding: 10px 5% !important;font-size:18px !important;  } /* ABIERTO */
	.ui-accordion .ui-accordion-header:hover { width: 90% ;padding: 10px 5% !important;font-size:18px !important;  } /* HOVER */
	.Servicios .col2 li { width: 100%; }
	.Sector { position: relative;width: 90%;top: 0;margin-left: 5%; }
	.Servicios .lista, .Sectores .lista { font-size: 12px;width: 90%; }
	.Sectores .medio { width: 50%; }
	.Sectores h3 { text-align: center; }
	.intro p { max-width: 90%; }
	.intro p,mayus { font-size: 20px; }
	/***** ABOGADOS *****/	
	.Abogados h3 { max-width: 60% }
	/*********************** CONTADORES ***********************/
	.contadores-01 li:nth-child(1), .contadores-01 li:nth-child(2) { width: 100%; }
	.contadores-01 li:nth-child(2) { height: 350px;background-position: top;position: relative;top: unset;right: unset; }
	.contadores-01 img { width: 250px;margin: 0 auto; }
	.contadores-01 h3 { margin: 15px auto;text-align: center; }
	.contadores-01 .DetalleContadores { margin: 15px auto;width: 80%;height: 5px;position: relative;right: unset; }
	.contadores-01 p, .contadores-02 p { font-size: 18px; }
	.contadores-02 .contenedor:after { display: none; }
	/*.contadores-02 .contenedor { position: relative;background-color: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.5);padding-bottom: 30px;margin-bottom: 70px;z-index: 2; }*/
	.contadores-02 .Detalles { margin: 0px auto; }
	.contadores-02 .lista { font-size: 16px; }
	/**** SERVICIOS CONTABLES ***/
	.Slider.contables .TextSliderH { top: 150px; }
	.contables-01 .conteImg, .contables-02 .conteImg, .contables-03 .conteImg { width: 420px; margin: 0px auto; }
	.contables-01 h3 { font-size: 22px; line-height: 22px; }
	.contables-01 li:nth-child(1), .contables-01 li, .contables-02 li:nth-child(1), .contables-02 li:nth-child(2), .contables-03 li:nth-child(1), .contables-03 li:nth-child(2) { width: 100%;padding: 0; }
	.contables-01 h4, .contables-02 h4, .contables-03 h4 { font-size: 16px; line-height: 20px; margin: 20px 0px; }
	.contables-01 h4::before, .contables-02 h4::before, .contables-03 h4::before { height: 16px; top: 0; }
	.contables-01 p, .contables-02 p, .contables-03 p { margin-bottom: 15px; }
	.contables-01, .contables-02, .contables-03 { padding: 20px 0px; }
	.contables-02::before {display: none; }
	.contables-02 ul { width: 100%; }
	/***** SEGURIDAD *****/
	.SeguridadRed .col3 li { width: 100%; }
	.SeguridadRed h3 { padding: 20px 0px;max-width: 100%;font-size: 17px; }
	.SeguridadRed h4 { font-size: 16px; }
	.Seguridad { padding: 0; }
	.Seguridad p { margin: 10px auto;max-width: 90%; }
	.col3Mixta li:nth-child(2), .col3Mixta li:nth-child(1) { width: 100%;float: left; }
	.BackSeguri { height: 300px !important; }
	/***** PROBONO *****/
	.Probono h3 { font-size: 20px;width: 80%; }
	.Probono p:nth-child(2) { width: 80%; }
	.Probono p.right { width: 60%;margin-right: 10%; }
	/***** ÚNETE *****/
	.Unete .col2 li { width: 100%; }
	.Unete img { margin: 10px auto; width: 80%; }
	/***** CONTACTO *****/
	.Contacto-01 .vertical-align li { width: 100%;display: block;float: left !important; }
	.Contacto-01 .contenedor { width: 85%; }
	.Contacto-01 h2 { font-size: 30px; }
	.Contacto-01 p { max-width: 70%;font-size: 17px; }
	/***** FOOTER *****/
	#formSC2 { width: 300px; }
	.medio { width: 100%; }
	#formSC2 textarea, #formSC2 input { width: 270px; }
	input#submitSC2 { width: 180px; }
	.ContactoFoot { padding: 10px 0px;background-position: left -100px center;background-color: rgba(45,58,90,.8);background-blend-mode: multiply; }
	.ContactoFoot .contenedor { margin-top: 0px; }
	.ContactoRaya { position: relative;text-align: center;width: 100%;padding-left: 0;font-size: 26px;height: 50px;line-height: 50px; }
	.ContactoFoot .col2 li { width: 100% !important;float: left; }
	footer .col3 li { width: 100%; float: left; }
	.imgFooter { margin: 10px auto 20px auto; }
	footer .text { text-align: center; }
	.Tels a { float: none; margin-top: 10px;display: block;text-align: center; }
	.copy .aviso, .copy p { text-align: center; float: none;margin-top: 10px; }
	/***** FLOTANTE *****/
	.SeguridadRed h4.condetalle:before, .SeguridadRed h4.condetalle:after, .Mision .contenedor:before, .Mision .contenedor:after, .intro .contenedor:before,
	.intro .contenedor:after, .Probono p.right:before,.Probono .contenedor:after, .Contacto-01 .contenedor:before, .Contacto-01 .contenedor:after, .DetalleUnete:before,
	.DetalleUnete:after, .DetalleUnete2:before, .DetalleUnete2:after { display: none }

	/*********************** BLOG ***********************/
	.conteBlog, .conteCategoria { width: 98%;float: none;margin: 10px auto 30px auto; }
	.conteCategoria h2 { text-align: center; }
	.listaBlog li { padding: 5px 20px;display: inline-block; }
	.listaBlog li:hover { padding: 5px 30px; }
	.noticias-recientes .col3 li:nth-child(2), .noticias-recientes .col3 li:nth-child(3) { width: 50%; }
	.back-blog-reciente { height: 200px; }
	.titulo-blog-reciente { font-size: 18px; }
	.noticias-recientes h3 { font-size: 22px; }
	.noticias-recientes h3 span { font-size: 10px; }
	.conteBlog li { width: 48%; }
	.imgBlog { height: 250px; }
	.publicado { text-align: center;width: 100%;padding: 0; }
	.tituloPost, .tituloBlog { text-align: center;font-size: 18px; }
	.descripcionPost h3, .descripcionPost h3 strong { font-size: 16px;text-align: center }
	.descripcionPost strong { font-size: 12px }
	.Breadcrumbs { margin-top: 120px }	
	.Breadcrumbs .col2 li { width: 50%;display: table-cell;float: none }

	/*********************** PAGINATION ***********************/
	.holder { max-width:90%; }
	.holder a:hover, .holder a.jp-current, .holder a {  padding:5px 5px; }
	.holder span { padding: 0px; }
	
	.Fotante { width: 90%;margin: 0 5%;top: 5%;height: 90%;overflow: scroll; }
	.Seccion-01Pop:before, .Seccion-01Pop:after, .Seccion-02Pop:before, .Seccion-02Pop:after { display: none; }
	.DetallePop { width: 40px; }
	.Seccion-01Pop h3 { width: 90%;font-size: 16px; }
	.Seccion-02Pop { padding: 10px 0px }
	.Seccion-02Pop p { font-size: 12px;width: 80%; }
	.Seccion-02Pop .medio { width: 50%; }
	.CerraFlotante { position: fixed;right: 35px;top: 25px; }
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
	.contenedor { width: 95%; }
	.vertical-align li { width: 50%; display: block; float: left }
	.col8 li { float: left; width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col9 li { float: left; width: 25%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col6 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col5 li { float: left; width: 33.3%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col4 li { float: left; width: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.col3 li { float: left; width: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
	.desktop { display: none; }
	.movil { display: block; }
	.navigation { margin-top: 5px;background-color: #0a253e; }
	.btn_movil { position: relative;width: 35px;margin: 5px;float: right; }
	.menu { display: none;box-shadow: none;height: auto;margin-top: 45px;width: 100%; }
	.menu_chico2 { margin-top: 45px;width: 100%; }
	.menu li { width: 100%; }
	.menu li a { width: 100%; display: block;line-height: 40px;height: 40px;padding: 0; }
	.Datos { width: 270px;}
	.Lang { width: 70px; }
	.Lang a { font-size: 16px; }
	/***** INICIO *****/
	.Slider { height: 350px;margin-top: 120px; }
	.TextSlider, .TextSliderH { top: 220px; }
	.TextSlider h1, .TextSliderH h1 { font-size: 30px; }
	.inicio-01 p { width: 70%;line-height: 1;font-size: 20px; }
	.video { padding: 150px 0px; }
	.ServiciosHome h2, .Colaboraciones h2, .Clientes h2 { font-size: 30px; }
	.ServiciosHome .col4 li { width: 33.33%; }
	.ConoceMas { width: 180px; }
	.Clientes .col4 li { width: 50%; }
	p { font-size: 14px; }
	/***** FIRMA *****/
	.firma-01 { background-image:  none !important; }
	.firma-01 .col3Mixto li:nth-child(2), .firma-01 .col3Mixto li:nth-child(1) { width: 100%; float: left; }
	.firma-01 .col3Mixto li:nth-child(2) { background-image: url('../img/firma/seccion-01.jpg');background-position: right;background-repeat: no-repeat;background-size: cover;height: 300px; }
	.logos { max-width: 70%;margin: 10px auto; }
	.Colaboraciones .col2 li { width: 100%; float: left; }
	.Colaboraciones .medio p { max-width: 50%;margin: 10px auto; }
	/***** SERVICIOS *****/
	.ui-accordion .ui-state-active { width: 80% ;padding: 10px 10% !important; } /* CERRADO */
	.ui-accordion .ui-accordion-header { width: 80% ;padding: 10px 10%!important;  } /* ABIERTO */
	.ui-accordion .ui-accordion-header:hover { width: 80% ;padding: 10px 10% !important;  } /* HOVER */
	.Servicios .col2 li { width: 100%; }
	.Sector { position: relative;width: 90%;top: 0;margin-left: 5%; }
	.Sectores .lista { font-size: 12px; }
	/***** ABOGADOS *****/	
	.Abogados h3 { max-width: 60% }
	/*********************** CONTADORES ***********************/
	.contadores-01 li:nth-child(1), .contadores-01 li:nth-child(2) { width: 100%; }
	.contadores-01 li:nth-child(2) { margin: 0 auto;width: 250px;height: 300px;background-position: top;position: relative;top: unset;right: unset; }
	.contadores-01 img { width: 250px;margin: 0 auto; }
	.contadores-01 h3 { margin: 15px auto;font-size: 30px;text-align: center; }
	.contadores-01 .DetalleContadores { margin: 15px auto;width: 80%;height: 5px;position: relative;right: unset; }
	.contadores-01 p, .contadores-02 p { font-size: 18px; }
	.contadores-02 .contenedor:after { display: none; }
	/*.contadores-02 .contenedor { position: relative;background-color: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.5);padding-bottom: 30px;margin-bottom: 70px;z-index: 2; }*/
	.contadores-02 .Detalles { margin: 0px auto; }
	.contadores-02 .lista { font-size: 16px; }
	/**** SERVICIOS CONTABLES ***/
	.Slider.contables .TextSliderH { top: 170px; }
	.contables-01 .conteImg, .contables-03 .conteImg { width: 400px; margin: 0px auto; }
	.contables-01 h3 { font-size: 22px; line-height: 22px; }
	.contables-01 li:nth-child(1), .contables-03 li:nth-child(1), .contables-03 li:nth-child(2) { width: 100%;padding: 0; }
	.contables-01 li, .contables-02 li:nth-child(1), .contables-02 li:nth-child(2) { width: 50%; padding: 0px 10px; }
	.contables-01 h4, .contables-02 h4, .contables-03 h4 { font-size: 16px; line-height: 20px; margin: 20px 0px; }
	.contables-01 h4::before, .contables-02 h4::before, .contables-03 h4::before { height: 16px; top: 0; }
	.contables-01 p, .contables-02 p, .contables-03 p { margin-bottom: 15px; }
	.contables-01, .contables-02, .contables-03 { padding: 20px 0px; }
	.contables-02::before {display: none; }
	.contables-02 ul { width: 100%; }
	.contables-02 .conteImg { width: 500px;margin: 0px auto; }
	/***** SEGURIDAD *****/
	.SeguridadRed .col3 li { width: 33.33%; }
	.SeguridadRed h3 { padding: 30px 0px 30px 0px;max-width: 90%;font-size: 20px; }
	.SeguridadRed h4 { font-size: 16px; }
	.Seguridad { padding: 0; }
	.Seguridad p { margin: 10px auto; }
	.col3Mixta li:nth-child(2), .col3Mixta li:nth-child(1) { width: 100%;float: left; }
	.BackSeguri { height: 300px !important; }
	/***** PROBONO *****/
	.Probono h3 { font-size: 20px;width: 80%; }
	.Probono p:nth-child(2) { width: 80%; }
	.Probono p.right { width: 60%;margin-right: 10%; }
	/***** ÚNETE *****/
	.Unete .col2 li { width: 100%; }
	.Unete img { margin: 10px auto; width: 80%; }
	/***** CONTACTO *****/
	.Contacto-01 .vertical-align li { width: 50%;display: table-cell;float: none !important; }
	.Contacto-01 .contenedor { width: 85%; }
	.Contacto-01 h2 { font-size: 30px; }
	.Contacto-01 p { max-width: 70%;font-size: 17px; }
	/***** FOOTER *****/
	.ContactoFoot { padding: 50px 0px;background-position: left center;background-color: rgba(45,58,90,.8);background-blend-mode: multiply; }
	.ContactoFoot .contenedor { margin-top: 0px; }
	.ContactoRaya { position: relative;text-align: center;width: 100%;padding-left: 0; }
	.ContactoFoot .col2 li { width: 100% !important;float: left; }
	footer .col3 li { width: 100%; float: left; }
	.imgFooter { margin: 10px auto 20px auto; }
	footer .text { text-align: center; }
	.Tels a { float: none; margin-top: 10px;display: block;text-align: center; }
	.copy .aviso, .copy p { text-align: center; float: none;margin-top: 10px; }
	/***** FLOTANTE *****/
	.Mision .contenedor:before, .Mision .contenedor:after, .intro .contenedor:before, .intro .contenedor:after, .Probono p.right:before,
	.Probono .contenedor:after, .Contacto-01 .contenedor:before, .Contacto-01 .contenedor:after, .DetalleUnete:before, .DetalleUnete:after,
	.DetalleUnete2:before, .DetalleUnete2:after { display: none }
	
	/*********************** BLOG ***********************/
	.conteBlog, .conteCategoria { width: 98%;float: none;margin: 10px auto 30px auto; }
	.conteCategoria h2 { text-align: center; }
	.listaBlog li { padding: 5px 20px;display: inline-block; }
	.listaBlog li:hover { padding: 5px 30px; }
	.noticias-recientes .col3 li:nth-child(1) { width: 100%;float: left; }
	.noticias-recientes .col3 li { width: 50%;float: left; }
	.back-blog-reciente { height: 200px; }
	.tituloBlog, .titulo-blog-reciente { font-size: 18px; }
	.noticias-recientes h3 { font-size: 22px; }
	.noticias-recientes h3 span { font-size: 10px; }
	.Breadcrumbs { padding: 15px 0px; }
	.Breadcrumbs .titulo-categoria { font-size: 18px; }
	.Breadcrumbs .vertical-align li { float: none;display: table-cell; }
	
	
	.Fotante { width: 80%;margin: 0 10%; }
	.Seccion-01Pop h3 { font-size: 24px; }
	

}

@media screen and (min-width: 1024px) and (max-width: 1439px) {
	.contenedor { width: 960px; }
	.movil { display: none; }
	.menu li a { font-size: 11px; }
	.menu li:nth-child(2) a { font-size: 10px; }
	p { font-size: 14px; }
	.TextSlider h1 { font-size: 40px; }
	.Slider { height: 500px; }
	.TextSlider h1 { font-size: 40px; }
	.TextSliderH, .TextSlider { top:250px; }
	.Contacto-01 h2, .Unete h3, .ContactoRaya, .ServiciosHome h2, .Colaboraciones h2, .Clientes h2, .Mision h3, .contadores-01 h3 { font-size: 36px; }
	.ContactoFoot { padding: 80px 0px; }
	.Fotante { width: 60%;margin: 0 20%;top: 70px; }
	.Slider.contables .TextSliderH { width: 800px;margin-left: 18%;top: 200px; }
	.contadores-01 p, .contadores-02 p { font-size: 20px;}
	.contadores-02 .lista { font-size: 18px; }
	.contables-01 h3 { font-size: 26px; line-height: 26px; }
	.contables-01 li { padding-left: 20px; }
	.contables-01 h4, .contables-02 h4, .contables-03 h4 { font-size: 17px; line-height: 23px; margin: 15px 0px; }
	.contables-01 h4::before, .contables-02 h4::before, .contables-03 h4::before { height: 18px; }
	.contables-01 p, .contables-02 p, .contables-03 p { margin-bottom: 20px; }
	.contables-01, .contables-03 { padding: 40px 0px; }
	.contables-02 { padding: 20px 0px; }
	.contables-02::before { width: 581px; }
	.contables-02 li:nth-child(1) { padding-right: 10px; }
	.contables-03 li:nth-child(2) { padding: 0px 20px; }
	.imgBlog { height: 220px }
}

@media (min-width: 1440px){
	.movil { display: none; }
	
}

@media screen and (min-width: 1024px) and (max-width: 1290px) {
	.Seguridad p { max-width: 90%; }
	.Slider { height: 500px; }
	.TextSlider h1 { font-size: 40px; }
	.TextSliderH, .TextSlider { top:250px; }
	.ContactoFoot { padding: 30px 0px; }
	.ui-accordion .ui-state-active { width: 80% ;padding: 10px 10% !important; } /* CERRADO */
	.ui-accordion .ui-accordion-header { width: 80% ;padding: 10px 10%!important;  } /* ABIERTO */
	.ui-accordion .ui-accordion-header:hover { width: 80% ;padding: 10px 10% !important;  } /* HOVER */
	.intro .contenedor:before { display: none }
	.Fotante { width: 70%;margin: 0px 15%;top: 70px; }
	.Seccion-01Pop h3 { font-size: 26px; }
	.tituloBlog { font-size: 18px; }
}
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; /* change if the mask should have another color then white */ z-index: 9999; /* makes sure it stays on top */ }
#status { width: 200px;height: 200px; position: absolute;left: 50%; /* centers the loading animation horizontally one the screen */ top: 50%; /* centers the loading animation vertically one the screen */ background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif); /* path to your loading animation */ background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; /* is width and height divided by two */ }