/* CSS by crea7ive */
@import url('../css/normalize.min.css');
@import url('../css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

* { margin: 0 auto; padding: 0; border:0; }
* {outline:none; }
*:focus {outline:none; }
a:focus {outline:none; }
*:active {outline:none; }
*:hover {outline:none; }
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
::-moz-selection { background: #eee; text-shadow: none; }
::selection { background: #eee; text-shadow: none; }

html{scroll-behavior:smooth}

body { background: #FFFFFF; font-family: 'Montserrat', sans-serif; font-weight: 300; color:#333; font-style:normal; font-size: 1em; line-height: 1.4; margin: 0 auto; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }
img { vertical-align: middle; border:0; }
textarea { resize: vertical; }
hr { width: 100%; height:1px; background:#ddd; margin: 10px auto; }

.chromeframe { margin: 0.2em 0; background: #eee; color: #777; padding: 0.2em 0; }

h1, h2, h3, h4, h5 { margin: 0 auto; padding: 0; border:0; font-weight:600; width:100%; overflow: hidden; }

h1 { font-size: 30px; color: #000000; }
h2 { font-size: 26px; color: #A2D40A;}
h3 { font-size: 20px; color: #000000; }
h4 { font-size: 18px; color: #A2D40A;}
h5 { font-size: 16px; color: #555555; }

button, input[type=submit], input[type=button], input[type=reset] { background: #002F3C; }
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover { opacity: .95; }
input[type=text], textarea, select, input[type=email], input[type=tel], input[type=password]  { padding: 12px 10px; border: 0; color: #666; font-weight: 500; border-radius:0;  transition:.3s;} 
input[type=text]:hover, select:hover, textarea:hover, input[type=tel]:hover, input[type=email]:hover, input[type=password]:hover { color: #333; border: 0; }

a { color: #A2D40A; text-decoration:none; }
a:visited, a:link { color: #A2D40A; text-decoration:none; } 
a:hover { color: #222; text-decoration: none; }

/* Helper */

.clear {clear: both; }
.center { margin: 0 auto; text-align:center; }
.rounded { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.shadow { -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1); }
.left { float:left; }
.right { float:left; }
.hide { opacity:0; }
.mobile { display:none; }

.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.pace-evens { display:none; }
.pace .pace-progress { background:#A2D40A; height:2px; position:fixed; z-index: 2000; top:0; right:100%; width: 100%; }

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

.wrapper { width:100%; overflow:hidden; height:auto; border:0; margin:0 auto; border:0; }

/******* Header *******/

.wrapper .header { width:100%; position:fixed; margin:0 auto; background: #002F3C; box-shadow:0 4px 20px -12px rgba(0,0,0,.2); z-index:999; }
.wrapper .header .h-content { width: 94%; max-width:1300px; border:0; position:relative; text-align:center; }
.wrapper .header .h-content .h-left { display:inline-block; width: 22%; vertical-align:top; margin: 28px auto; border:0; text-align:left; }
.wrapper .header .h-content .h-left img { width:100%; min-width: 200px; max-width: 260px; height: auto; }

.wrapper .header .h-content .h-right { display:inline-block; width: 77%; vertical-align:top; border:0; }
.wrapper .header .h-content .h-right ul { margin: 33px auto 15px auto; position:relative; list-style-type: none; width:100%; text-align:right; }
.wrapper .header .h-content .h-right ul li { display:inline-block; width:auto; margin: 0; padding: 0 25px; border:0; line-height:40px; border-right:1px solid #A2D40A; }
.wrapper .header .h-content .h-right ul li a { color:#FFF; line-height: 30px; text-transform: uppercase; font-size: 16px; padding: 10px 0; font-weight: 500; transition: .3s; }
.wrapper .header .h-content .h-right ul li a:hover { color:#fff; text-decoration:none; text-shadow: -2px 2px 10px rgba(162, 212, 10, .7); }
.wrapper .header .h-content .h-right ul li a.active { color:#FFF; font-weight: 700; text-decoration:none; }
.wrapper .header .h-content .h-right ul li:last-child { border-right: 0; padding-right: 0; }
.wrapper .header .h-content .h-right ul li:last-child a { padding-right:0; }


/*.wrapper .header .h-content .h-right ul li:hover a { border-bottom:1px solid rgba(255,255,255,.3); }*/


.wrapper .header .h-content .h-right ul li.clientes { width:100%; border:0; padding: 0; margin:0; line-height: 20px; }
.wrapper .header .h-content .h-right ul li.clientes a { color: #A2D40A; display: inline-block; vertical-align: middle; font-size: 12px; text-transform: none; padding: 0; line-height: 20px; }
.wrapper .header .h-content .h-right ul li.clientes a:hover { text-decoration: underline; }

.header .h-content .h-right .fa-angle-right { font-size:22px;  display: inline-block; vertical-align: middle; font-weight: 100; padding: 0; margin-left: 5px; color: #A2D40A; }

.wrapper .header .h-content .rwd, 
.wrapper .header .h-content .rwd-button { display:none; }

/* Slide */

.wrapper .banner { margin:0 auto; padding: 0; border:0; overflow:hidden; width:100%; position:relative; height:auto; }

.wrapper .banner1 { background: #002F3C url(../images/banner.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; height: 100vh; max-height: 1000px; position: relative; }

.wrapper .banner2 { background: #002F3C url(../images/banner2.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; height: 100vh; max-height: 550px; position: relative; }
.wrapper .banner2 .b-wrapper .b-content { padding: 30px 0 !important; }
.wrapper .banner2 .b-wrapper .b-content .b-left h2 { margin:0 !important; }
.wrapper .banner2 .b-wrapper .b-content .b-right .b-boton { margin: 13px 10px 0 0 !important; }

.wrapper .banner3 { background: #002F3C url(../images/banner3.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; height: 100vh; max-height: 550px; position: relative; }
.wrapper .banner3 .b-wrapper .b-content { padding: 30px 0 !important; }
.wrapper .banner3 .b-wrapper .b-content .b-left h2 { margin:0 !important; }
.wrapper .banner3 .b-wrapper .b-content .b-right .b-boton { margin: 13px 10px 0 0 !important; }

.wrapper .banner4 { background: #002F3C url(../images/banner4.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; height: 100vh; max-height: 550px; position: relative; }
.wrapper .banner4 .b-wrapper .b-content { padding: 30px 0 !important; }
.wrapper .banner4 .b-wrapper .b-content .b-left { width:100% !important; }
.wrapper .banner4 .b-wrapper .b-content .b-left h2 { margin:0 !important; }

.wrapper .banner .b-wrapper { position:absolute; bottom:0; left:0; right:0; text-align:center; width: 100%; padding: 0; overflow:hidden; display:block; background: rgba(0, 47, 60, .7); }
.wrapper .banner .b-wrapper .b-content { width:95%; max-width: 1150px; padding: 40px 0; overflow: hidden; border:0; }

.wrapper .banner .b-wrapper .b-content .b-left { float:left; width: 72%; text-align: left; }
.wrapper .banner .b-wrapper .b-content .b-left h2 { color:#FFF; font-size: 45px; font-weight: 700; margin: 0 0 15px 0; letter-spacing: 1px; text-align: left; }
.wrapper .banner .b-wrapper .b-content .b-left p { margin: 0; text-transform: uppercase; color: #fff; font-size: 22px; line-height:30px; text-align:left; width: 100%; font-weight: 600; text-shadow:1px 1px 10px rgba(0,0,0,.5); }
.wrapper .banner .b-wrapper .b-content .b-left .green { color:#A2D40A; font-size: 20px; text-transform: none; }
.wrapper .banner .b-wrapper .b-content .b-left h2 span { color:#A2D40A; }

.wrapper .banner .b-wrapper .b-content .b-right { float:right; width: 28%; text-align: right; position:relative; }
.wrapper .banner .b-wrapper .b-content .b-right .b-boton { transition: .3s; background:#A2D40A; color:#FFF; text-align: center; max-width: 300px; font-weight: 600; letter-spacing: 1px; font-size: 17px; border-radius: 10px; margin: 80px 10px 0 0; line-height: 20px; padding: 15px 30px; display: inline-block; } 
.wrapper .banner .b-wrapper .b-content .b-right .b-boton:hover { box-shadow: 2px 2px 10px rgba(162, 212, 10, .8); }

.wrapper .banner-estudio { margin: 98px auto 0 auto; padding: 0; border:0; overflow:hidden; width:100%; position:relative; min-height:370px; max-height:400px; }
.wrapper .banner-estudio { background: #eee url(../images/header-estudio.jpg) center center no-repeat; background-size: 100% auto; }

/* News */

.wrapper .news { margin:30px auto 0 auto; padding: 0; background:#EFF8D9; border:0; overflow:hidden; width:100%; position:relative; }
.wrapper .news .n-content { width:94%; max-width:1150px; position:relative; text-align: left; padding: 40px 0; overflow:hidden; }
.wrapper .news .n-content h2 { font-size:30px; font-weight:600; color:#002F3C; margin: 0 0 15px 0; }
.wrapper .news .n-content h2 span { color: #A2D40A; }
.wrapper .news .n-content p { margin: 20px 0; font-size: 16px; letter-spacing:.2px; color: #002F3C; line-height:28px; font-weight: 500; text-align: justify; }
.wrapper .news .n-content a { margin: 20px 0; }
.wrapper .news .n-content .n-left { width: 42%; padding: 0; float:left; }
.wrapper .news .n-content .n-right { width: 45%; padding: 0; float:right; }

/* Ads */

.wrapper .ads { margin:0 auto; padding: 0; background:#fff; border:0; overflow:hidden; width:100%; position:relative; }
.wrapper .ads .a-content { width:94%; max-width:1300px; position:relative; text-align: left; padding: 30px 0; overflow:hidden; }
.wrapper .ads .a-content h3 { font-size:30px; font-weight:300; color:#8da2bd; margin: 0 0 30px 0; }
.wrapper .ads .a-content .a-box { width: 31%; padding: 25px; margin: 0 3% 0 0; display: inline-block; background:#f4f4f4; vertical-align: top; }
.wrapper .ads .a-content .a-box h4 { font-size: 17px; color: #A2D40A; font-weight: 300; margin: 0 0 40px 0; }
.wrapper .ads .a-content .a-box span { font-size:13px; display:block; margin: 0; font-weight: 300; }
.wrapper .ads .a-content .a-box p { margin: 10px 0; font-size: 15px; line-height:24px; font-weight: 300; }
.wrapper .ads .a-content .a-box a.more { margin: 40px 0 0 0; display:block; }
.wrapper .ads .a-content .a-box:nth-child(3n+1) { margin-right: 0; }

.wrapper .ads2 { margin: 100px auto 0 auto; padding: 0; }
.wrapper .ads2 .a-content .a-box { margin: 1% 3% 2% 0; }

.wrapper .ads3 { margin: 100px auto 0 auto; padding: 0; }
.wrapper .ads3 .a-content { padding:30px 0; }
.wrapper .ads3 .a-content .a-box { margin: 1% 3% 2% 0; vertical-align: top; }
.wrapper .ads3 .a-content .a-box .fa-plus { font-size: 13px; font-weight: 100; color:#A2D40A; }
.wrapper .ads3 .a-content .a-box h4 { margin: 0 auto; color:#666; font-weight: 500; }
.wrapper .ads3 .a-content .a-box h4 a { color:#333; }
.wrapper .ads3 .a-content .a-box h4 a:hover { color:#A2D40A; }
.wrapper .ads3 .a-content .a-box .texto { display:none; margin: 20px auto; }
.wrapper .ads3 .a-content .a-box .texto p { font-size:14px; margin: 0 0 15px 0; color:#333; line-height: 18px; }

/* Actualidad legal detail */

.wrapper .actualidad { margin:100px auto 0 auto; padding: 0; background:#fff; border:0; overflow:hidden; width:100%; position:relative; }
.wrapper .actualidad .a-content { width:94%; max-width:1300px; position:relative; text-align: left; padding: 35px 0 15px 0; overflow:hidden; }

.wrapper .actualidad .a-content .a-left { float:left; width: 72%; background:#fff; padding: 0; margin: 0; }
.wrapper .actualidad .a-content .a-left h1 { font-size:25px; font-weight:400; color:#8da2bd; margin: 0; letter-spacing: 0; }
.wrapper .actualidad .a-content .a-left .fecha { color: #0ea4a2; font-size: 12px; }
.wrapper .actualidad .a-content .a-left img { width:100%; height: auto; margin: 20px auto 10px auto; }
.wrapper .actualidad .a-content .a-left p { margin: 20px 0; font-size: 14px; letter-spacing:.2px; color: #333; line-height:22px; }
.wrapper .actualidad .a-content .a-left ul { list-style-type: none; margin: 20px auto; width:100%; padding:0; }
.wrapper .actualidad .a-content .a-left ul li { list-style-type:none; font-size: 14px; }
.wrapper .actualidad .a-content .a-left ul li::before { content: '·'; color: #A2D40A; font-weight: 700; font-size: 20px; padding-right:7px; }

.wrapper .actualidad .a-content .a-right { float:right; width: 25%; background:#f5f5f5; padding: 0; }
.wrapper .actualidad .a-content .a-right h4 { width:100%; color:#FFF; background: #8da2bd; padding: 15px 20px; font-size: 16px; }
.wrapper .actualidad .a-content .a-right ul { list-style-type: none; margin: 0 auto; width:100%; padding:10px 20px; }
.wrapper .actualidad .a-content .a-right ul li { list-style-type:none; border-bottom: 1px solid #e1e1e1; padding:10px 0; margin: 5px 0; }
.wrapper .actualidad .a-content .a-right ul li a { font-size: 14px; color:#333; line-height: 18px; display:block; }
.wrapper .actualidad .a-content .a-right ul li a:hover { color: #A2D40A; text-decoration: none; }
.wrapper .actualidad .a-content .a-right ul li:last-child { border:0; }

/* Studio Content */

.wrapper .studio-content { margin:0 auto; padding: 0; background:#fff; border:0; overflow:hidden; width:100%; position:relative; border-bottom:15px solid #F1F8DA; }
.wrapper .studio-content .s-content { width:94%; max-width:1300px; position:relative; text-align: left; padding: 30px 0 20px 0; overflow:hidden; }
.wrapper .studio-content .s-content h1 { font-size:30px; font-weight:400; color:#8da2bd; margin: 0 0 15px 0; }
.wrapper .studio-content .s-content p { margin: 0 0 20px 0; font-weight:500; line-height: 24px; font-size: 17px; letter-spacing:.2px; color: #002F3C; }
.wrapper .studio-content .s-content ul { margin:0; list-style:disc; width: 100%; padding: 5px 10px 5px 20px; }
.wrapper .studio-content .s-content ul li { font-weight:500; margin: 0 0 8px 0; line-height: 24px; font-size: 17px; color: #002F3C; }
.wrapper .studio-content .s-content ul li::marker { color: #A2D40A; }
.wrapper .studio-content .s-content p.title { font-weight: bold; }

/*.wrapper .studio-content .s-content ul li:before { content:"•   "; padding-right: 5px; color: #A2D40A; }*/

.wrapper .studio-content .s-content a.more { margin: 40px 0 0 0; display:block; }
.wrapper .studio-content .s-content .fa-angle-right { font-size:28px; display: inline-block; vertical-align: middle; font-weight: 100; padding: 0; margin-left: 15px; color: #A2D40A; }

.wrapper .studio-content .s-content .s-left { width: 30%; padding: 0 50px 0 0; float:left; }
.wrapper .studio-content .s-content .s-right { width: 75%; padding: 20px 0 10px 0; float:none; margin: 0 auto; text-align:left; }
.wrapper .studio-content .s-content .s-right h3 { text-transform: uppercase; color: #002F3C; font-size: 24px; font-weight: 700; }
.wrapper .studio-content .s-content .s-right h3.green { color: #A2D40A; }
.wrapper .studio-content .s-content .s-right h3 img { margin-right: 10px; }

.wrapper .login-content { border:0; }



/* Feedback */

.wrapper .feedback { margin:0 auto; padding: 0; background:#fff; border:0; overflow:hidden; width:100%; position:relative; box-shadow:0 4px 20px -12px rgba(0,0,0,.3); }
.wrapper .feedback .f-content { width:94%; max-width:1300px; position:relative; text-align: center; padding:50px 0 40px 0; overflow:hidden; }
.wrapper .feedback .f-content p { width: 90%; margin:0 auto; font-size: 18px; color: #8da2bd;line-height: 26px; text-align: center; font-weight:700; }
.wrapper .feedback .f-content p span { font-weight: 400; display: inline-block; line-height: 60px; }
.wrapper .feedback .f-content p img { margin: 0 10px; }

/* Home: Servicios */

.wrapper .areas { margin:0 auto; background:#fff; padding: 0; border:0; overflow:hidden; width:100%; position:relative; }
.wrapper .areas .a-content { width:94%; max-width:1300px; position:relative; text-align: center; padding: 40px 0; overflow:hidden; }
.wrapper .areas .a-content h2 { font-size:30px; text-align:center; font-weight:600; color:#002F3C; margin: 10px auto 30px auto; }
.wrapper .areas .a-content h2 span { color: #A2D40A; }
.wrapper .areas .a-content p { color:#002F3C; font-weight: 500; max-width: 70%; font-size: 17px; text-align:center; line-height: 24px; margin: -10px auto 30px auto; }

.wrapper .areas .a-content .a-box { width: 23%; min-height: 380px; position: relative; text-align:center; padding: 20px 15px; margin: .5%; display: inline-block; background:#E6E7E9; border-radius: 10px; transition:.3s; vertical-align:top; }
.wrapper .areas .a-content .a-box a { display:block; }
.wrapper .areas .a-content .a-box h3 { margin: 10px auto; text-align: left; height: 45px; font-weight: 700; font-size: 16px; text-transform: uppercase; letter-spacing:0; color: #A2D40A; }
.wrapper .areas .a-content .a-box p { margin: 0 auto 10px auto; text-align: left; max-width: 100%; font-weight: 500; font-size: 15px; color: #A2D40A; }
.wrapper .areas .a-content .a-box img { transition: .3s; margin: 0 auto 10px auto; }
.wrapper .areas .a-content .a-box:hover img { transform: translateY(-5px); }
.wrapper .areas .a-content .a-box .ver-mas { border:1px solid #A2D40A; color:#A2D40A; position: absolute; bottom:20px; left: 15px; line-height: 22px; border-radius: 10px; cursor:pointer; font-weight: 500; font-size: 11px; width: 80px; transition: .3s; }
.wrapper .areas .a-content .a-box .ver-mas:hover { background:#A2D40A; color:#FFF; }

.wrapper .areas .a-content .a-box2 h3 { color:#002F3C; }
.wrapper .areas .a-content .a-box2 p { color:#002F3C; }
.wrapper .areas .a-content .a-box2 .ver-mas { border:1px solid #002F3C; color:#002F3C; }
.wrapper .areas .a-content .a-box2 .ver-mas:hover { background:#002F3C; color:#FFF; }

.wrapper .areas .a-content .a-box3 { text-align:center; width: 25%; min-height:320px; }
.wrapper .areas .a-content .a-box3 img { margin: 15px auto; }
.wrapper .areas .a-content .a-box3 h3 { text-transform: none; color:#002F3C; text-align: center; font-size: 17px; width: 75%; margin: 0 auto 30px auto; }
.wrapper .areas .a-content .a-box3 p { color:#002F3C; text-align: center; }

/* Home: Experiencia */

.wrapper .studio { margin:0 auto; padding: 0 0 60px 0; background:#fff; border:0; overflow:hidden; width:100%; position:relative; }
.wrapper .studio .s-content { width:70%; max-width:1300px; position:relative; text-align: left; padding: 20px 0; overflow:hidden; }

.wrapper .studio .s-content h2 { font-size:28px; text-align:center; font-weight:600; color:#002F3C; margin: 20px auto 40px auto; }
.wrapper .studio .s-content h2 span { color: #A2D40A; }

.wrapper .studio .s-content h3 { font-size:17px; font-weight:600; color:#002F3C; margin: 0 0 10px 0; }
.wrapper .studio .s-content h4 { font-size: 17px; color: #A2D40A; font-weight: 600; }
.wrapper .studio .s-content p { margin: 20px 0; font-size: 16px; letter-spacing:.2px; color: #002F3C; line-height:28px; font-weight: 500; }
.wrapper .studio .s-content a.more { margin: 40px 0 0 0; display:block; }
.wrapper .studio .s-content .s-left { width: 34%; padding: 0; float:left; text-align:center; }
.wrapper .studio .s-content .s-right { width: 64%; padding: 0 20px 0 0; float:right; }
.wrapper .studio .s-content .s-right em { font-size: 14px; }

/* Areas content */

.wrapper .areas2 { margin:0 auto; background:#F1F8DA; padding: 0; border:0; overflow:hidden; width:100%; position:relative; }
.wrapper .areas2 .a-content { width:94%; max-width:1300px; position:relative; text-align: center; padding: 40px 0; overflow:hidden; }
.wrapper .areas2 .a-content .a-left { width: 20%; padding: 0; float:left; text-align:center; }
.wrapper .areas2 .a-content .a-left h2 { color:#002F3C; margin: 30px auto; font-weight: 400; font-size: 22px; letter-spacing:0; }
.wrapper .areas2 .a-content .a-left img { margin: 0 auto; }
.wrapper .areas2 .a-content .a-right { width: 77%; padding: 0; float:right; text-align:left; }
.wrapper .areas2 .a-content .a-right p { text-align:left; margin: 10px 0; font-size: 14px; letter-spacing:.2px; color: #002F3C; line-height:22px; }
.wrapper .areas2 .a-content .a-right a { color:#FFF; }

.wrapper .areas2 .cta { width:94%; max-width:1300px; position:relative; text-align: center; padding: 20px 0 36px 0; overflow:hidden; }
.wrapper .areas2 .cta p { border-radius:10px; background:#A2D40A; width: 70%; max-width: 700px; padding: 20px 60px; float:none; margin:0 auto; font-size: 19px; color: #002F3C; line-height: 26px; text-align: center; font-weight:600; }
.wrapper .areas2 .cta a { color: #FFF; }
.wrapper .areas2 .cta a:hover { text-decoration: underline; color:#002F3C;}

/* Nosotros */

.wrapper .team { margin:0 auto; padding: 0; background:#fff; border:0; overflow:hidden; width:100%; position:relative; }
.wrapper .team .t-content { width:94%; max-width:1150px; position:relative; text-align: left; padding: 60px 0 50px 0; overflow:hidden; }
.wrapper .team .t-content h2 { font-size:30px; text-align:left; font-weight:600; color:#002F3C; margin: 10px auto 30px auto; }
.wrapper .team .t-content h2 span { color: #A2D40A; }
.wrapper .team .t-content p { color:#002F3C; font-weight: 500; font-size: 17px; text-align:justify; line-height: 26px; margin: -10px auto 30px auto; }
.wrapper .team .t-content a.more { margin: 40px 0 0 0; display:block; }
.wrapper .team .t-content .t-left { width: 60%; padding: 0 50px 0 0; float:left; }
.wrapper .team .t-content .t-right { width: 38%; padding: 75px 0 0 0; float:right; text-align:center; }

/* ===== Counter ===== */

.counter { width:93.5%; max-width:1180px; background:#fff; padding: 50px 0; margin:0 auto; border-radius:4px; }
.counter ul { list-style-type:none; margin:0 auto; width: 94%; max-width: 1180px; text-align:center; margin:0 auto; padding:0; }
.counter ul li { display:inline-block; width: 25%; padding: 30px 0 0 0; text-align:center; background: url(../images/icon-count.jpg) center center no-repeat; height: 190px; vertical-align: middle; margin: 0 20px; }
.counter ul li p { margin: 0 auto 15px auto; color:#002C37; font-size: 16px; font-weight: 700; width: 60%; }
.counter ul li span { font-size: 46px; font-weight: 900; color:#002C37; }
.counter ul li span::before { content:'+ '; }


/* Team  content */
.wrapper .team2 { margin:100px auto 0 auto; padding: 0; background:#fff; border:0; overflow:hidden; width:100%; position:relative; }
.wrapper .team2 .t-content { width:94%; max-width:1300px; position:relative; text-align: left; padding: 35px 0 15px 0; overflow:hidden; }
.wrapper .team2 .t-content h2 { font-size:30px; font-weight:400; color:#8da2bd; margin: 0 0 15px 0; letter-spacing: .5px; }
.wrapper .team2 .t-content p { margin: 20px 0; font-size: 14px; letter-spacing:.2px; color: #333; line-height:22px; }

.wrapper .lawyer { margin: 0 auto; padding: 0; background:#fff; border:0; overflow:hidden; width:100%; position:relative; }
.wrapper .lawyer .l-content { width:94%; max-width:1300px; position:relative; padding: 0 0 40px 0; overflow:hidden; }
.wrapper .lawyer .l-content h3 { font-size: 22px; font-weight:400; color:#888888; margin: 0 0 20px 0; width:100%; clear:both; position: relative; text-align: left; }
.wrapper .lawyer .l-content a { color:#333; }
.wrapper .lawyer .l-content a:hover { color:#A2D40A; text-decoration: none; }
.wrapper .lawyer .l-content .l-box-wrapper { width:102%; margin: 0 -1%; overflow:hidden; position: relative; } 
.wrapper .lawyer .l-content .l-box-wrapper .l-box { width: 22.6%;  margin: 1%; background:#f5f5f5; padding: 15px 25px; text-align: left; display: inline-block; vertical-align: top; } 
.wrapper .lawyer .l-content .l-box-wrapper .l-box img { width: 100%; height:auto; max-width: 231px; }
.wrapper .lawyer .l-content .l-box-wrapper .l-box h4 { margin: 25px 0 20px 0; text-transform: uppercase; font-weight: 400; font-size: 14px; }
.wrapper .lawyer .l-content .l-box-wrapper .l-box p { font-size: 14px; }
.wrapper .lawyer .l-content .l-box-wrapper .l-box i { color: #A2D40A; font-size: 13px; margin: 0; width: 18px; }
.wrapper .lawyer .l-content .l-box-wrapper .l-box ul { list-style-type: none; margin:0 auto; width:100%; padding:0; }
.wrapper .lawyer .l-content .l-box-wrapper .l-box ul li a { font-size: 14px; }
.wrapper .lawyer .l-content .l-box-wrapper .l-box ul li a:hover { text-decoration: underline; }

/* Team detail */

.wrapper .team3 { margin:100px auto 0 auto; padding: 0; background:#fff; border:0; overflow:hidden; width:100%; position:relative; }
.wrapper .team3 .t-content { width:94%; max-width:1300px; position:relative; text-align: left; padding: 35px 0 15px 0; overflow:hidden; }
.wrapper .team3 .t-content .t-left { float:left; width: 20%; }
.wrapper .team3 .t-content .t-left img { width: 100%; height:auto; max-width: 231px; }
.wrapper .team3 .t-content .t-left i { color: #A2D40A; font-size: 13px; margin: 0; width: 18px; }
.wrapper .team3 .t-content .t-left ul { list-style-type: none; margin: 10px auto; width:100%; padding:0; }
.wrapper .team3 .t-content .t-left ul li { list-style-type:none; }
.wrapper .team3 .t-content .t-left ul li a { font-size: 14px; color:#333; }
.wrapper .team3 .t-content .t-left ul li a:hover { color: #A2D40A; text-decoration: underline; }

.wrapper .team3 .t-content .t-right { float:right; width: 75%; background:#f5f5f5; padding: 30px 20px; margin: 0 0 20px 0; }
.wrapper .team3 .t-content .t-right h3 { font-size:23px; font-weight:400; color:#A2D40A; margin: 0; letter-spacing: 0; text-transform: uppercase; }
.wrapper .team3 .t-content .t-right p { margin: 20px 0; font-size: 14px; letter-spacing:.2px; color: #333; line-height:22px; }
.wrapper .team3 .t-content .t-right ul { list-style-type: none; margin: 20px auto; width:100%; padding:0; }
.wrapper .team3 .t-content .t-right ul li { list-style-type:none; font-size: 14px; }
.wrapper .team3 .t-content .t-right ul li::before { content: '·'; color: #A2D40A; font-weight: 700; font-size: 20px; padding-right:7px; }

/* Law */

.wrapper .law { margin:0 auto; padding: 0; background:#f4f4f4; border:0; overflow:hidden; width:100%; position:relative; }
.wrapper .law .l-content { width:94%; max-width:1300px; position:relative; text-align: left; padding: 30px 0; overflow:hidden; }
.wrapper .law .l-content .l-left { width: 74%; padding:  0; float:left; }
.wrapper .law .l-content .l-left p { margin: 10px 0; font-size: 14px; letter-spacing:.2px; color: #333; line-height:22px; }
.wrapper .law .l-content .l-right { width: 24%; padding: 0; float:right; text-align:center; }
.wrapper .law .l-content .l-right img { margin: 40px auto; }

/* Footer */

.wrapper .footer { background:#002F3C; padding: 0; margin:0 auto; border:0; text-align:left; width:100%; overflow: hidden; border-bottom: 15px solid #A2D40A; }
.wrapper .footer .f-content { width:94%; max-width:1300px; padding: 50px 0 30px 0; margin:0 auto; position:relative; text-align: center; }

.wrapper .footer .f-content .f-data { display:inline-block; vertical-align: top; overflow:hidden; word-spacing: normal; margin:0; }
.wrapper .footer .f-content .f-data { text-align:left; width: 49%; margin: 0; padding: 0; }
.wrapper .footer .f-content .f-data i { font-size: 15px; color:#FFF; width: 20px; height: 20px; text-align: center; margin: 0 3px 0 0; }
.wrapper .footer .f-content .f-data .fa-map-marker { font-size:18px; }
.wrapper .footer .f-content .f-data .fa-linkedin { font-size:18px; color:#002F3C; }
.wrapper .footer .f-content .f-data .fa-instagram { font-size:18px; color:#002F3C; }

.wrapper .footer .f-content .f-data .fa-linkedin,
.wrapper .footer .f-content .f-data .fa-instagram { transition: .3s; background:#FFF; border-radius: 30px; line-height: 30px; width: 30px; height:30px; margin: 2px 5px; }

.wrapper .footer .f-content .f-data i:hover { color:#A2D40A; }


.wrapper .footer .f-content .f-data .sc { text-transform: uppercase; color:#FFF; font-size: 14px; font-weight: 700; margin: 0 0 10px 0; }

.wrapper .footer .f-content .f-data a { color: #eee; font-size: 13px; font-weight: 600; transition: .3s; }
.wrapper .footer .f-content .f-data a:hover { color: #fff; text-decoration:underline; }
.wrapper .footer .f-content .f-data span { display:inline-block; }

.wrapper .footer .f-content .f-left { float:left; width: 36%; text-align: left; }
.wrapper .footer .f-content .f-right { float:right; width: 20%; text-align: left; border-left:2px solid #FFF; padding: 10px 0 20px 20px; }


.wrapper .footer .f-top { width:100%; clear:both; display:block; text-align: center; margin:10px auto 20px auto; }
.wrapper .footer .f-top a { color:rgba(255,255,255,.2); font-size: 30px; font-weight: 300; }

.wrapper .footer .f-bottom { display:block; overflow:hidden; margin:0 auto; text-align:center; width:100%; }
.wrapper .footer .f-bottom p { text-align:center; font-size:13px; color:rgba(255,255,255,.7); }
.wrapper .footer .f-bottom a { color: #A2D40A; font-size:13px; }
.wrapper .footer .f-bottom a:hover { color: #333; }

/* Contact */

.wrapper .contact { margin: 0 auto; padding: 0; background:#fff; border:0; overflow:hidden; width:100%; position:relative; }
.wrapper .contact .c-content { width:100%; position:relative; text-align: left; padding: 0; overflow:hidden; }
.wrapper .contact .c-content h2 { font-size:28px; font-weight:600; color:#002F3C; margin: 0 0 15px 0; }
.wrapper .contact .c-content h2 span { color: #A2D40A; }
.wrapper .contact .c-content p { font-size:16px; color:#002F3C; line-height: 26px; margin: 0 0 8px 0; font-weight: 500; }
.wrapper .contact .c-content p strong { font-weight:700; }

.wrapper .contact .c-content .c-left { width: 50%; padding: 20px 0 40px 0; float:left; background: #D9EFA6; }

.wrapper .contact .c-content .c-left .frm-contacto { background:none; margin: 0 auto; overflow:hidden; width: 80%; float:right; border:0; padding: 40px 60px; border-radius:0; display: block; }
.wrapper .contact .c-content .c-left .frm-contacto .input { border: 1px solid transparent; padding: 12px 10px; font-size: 16px; color: #777; margin: 5px 0; width: 98%; font-weight:500; border-radius:10px; height:50px; margin: 0 auto 20px auto; }
.wrapper .contact .c-content .c-left .frm-contacto .input:hover { border: 1px solid #d5e5ee; box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.2); background: rgba(233,245,252,1); }
.wrapper .contact .c-content .c-left .frm-contacto .textarea { border: 1px solid transparent; border-radius: 10px; padding: 12px 10px; font-size: 16px; color: #777; margin: 3px 0; width: 98%; height: 100px; font-weight:500; }
.wrapper .contact .c-content .c-left .frm-contacto .textarea:hover { border: 1px solid #d5e5ee; box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.2); background: rgba(233,245,252,1); }
.wrapper .contact .c-content .c-left .frm-contacto input[type=submit] { transition:.3s; background: #A2D40A; color:#FFF; margin: 20px 16px 0 0; border-radius: 10px; padding: 0 60px; line-height: 50px; float:left; color:#FFF; }
.wrapper .contact .c-content .c-left .frm-contacto input[type=submit]:hover { opacity: .85; box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.2); }
.wrapper .contact .c-content .c-left .frm-contacto input[type=button] { transition:.3s; margin: 20px 16px 0 0; padding: 0 60px; line-height: 40px; float:left; color:#FFF; }
.wrapper .contact .c-content .c-left .frm-contacto input[type=button]:hover { opacity: .85; box-shadow: 0px 0px 12px -2px rgba(0,0,0,0.2); }
.wrapper .contact .c-content .c-left .frm-contacto .sending { font-size: 15px; letter-spacing:.5px; font-weight: 400; line-height: 30px; color:#333; }

.wrapper .contact .c-content .c-right { width: 40%; padding: 60px 30px 30px 70px; float:left; text-align:left; }

#respuesta { text-align:center; font-size:16px; color:#002F3C; font-weight: 600; margin: 20px auto; display: block; clear:both; }

/* Ocultar input real */
#archivo {
  display: none;
}

/* Estilo del botón */
.custom-file-upload {
  display: inline-block;
  padding: 10px 20px;
  cursor: pointer;
  border: 2px solid #4CAF50;
  border-radius: 6px;
  background: #fff;
  font-weight: bold;
  transition: 0.3s;
}

.custom-file-upload:hover {
  background: #4CAF50;
  color: #fff;
}

/* Contact */

.wrapper .funcionamiento { margin: 100px auto 0 auto; padding: 0; background:#fafafa; border:0; overflow:hidden; width:100%; position:relative; }
.wrapper .funcionamiento .f-content { width:94%; max-width:1300px; position:relative; text-align: left; padding: 50px 0 40px 0; overflow:hidden; }
.wrapper .funcionamiento .f-content h2 { font-size:30px; font-weight:400; color:#8da2bd; margin: 0 0 15px 0; }
.wrapper .funcionamiento .f-content p { font-size:15px; color:#666; line-height: 22px; margin: 15px 0;  }
.wrapper .funcionamiento .f-content p strong { font-size:18px; color:#A2D40A; line-height: 18px; margin: 20px 0; font-weight:600; }
.wrapper .funcionamiento .f-content .f-left { width: 47%; padding: 0; float:left; }
.wrapper .funcionamiento .f-content .f-right { width: 48%; padding: 0; float:right; text-align:center; }

.wrapper .map { width:100%; margin:0 auto; padding: 2px 0; overflow:hidden; background:#FFF; }

/*** Whatsapp ***/

.open-whatsapp { position: fixed; bottom: 1.3em; padding: 0; width: 64px; height: 64px; cursor: pointer; right: 1.5em; opacity: 1; box-shadow: 1px 6px 24px 0 rgba(7,94,84,.24); transition: background-color .2s linear; background:none; border-radius:50%; z-index:999; }
.open-whatsapp:hover { opacity: .9 }

/*** Modal ***/

/* Fondo del modal */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 47, 60, .7);
    padding: 20px;
}

/* Contenedor del modal */
.modal-content {
    background-color: #8DC63F; /* Verde brillante */
    margin: auto;
    padding: 30px 50px;
    border-radius: 10px;
    max-width: 550px;
    width: 100%;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    color: white;
}

.modal-content h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 22px;
    color:#FFF;
}

.modal-content p {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 16px;
}

/* Botón cerrar */
.close {
    color: white;
    float: right;
    font-size: 26px;
    font-weight: bold;
    cursor: pointer;
}

.close:hover {
    color: #333;
}

/* Formularios */
.modal-content input,
.modal-content textarea {
    width: 100%;
    padding: 12px;
    margin-bottom: 20px;
    border: none;
    border-radius: 8px;
    font-size: 16px;
}

.modal-content textarea {
    resize: vertical;
    height: 100px;
}

.modal-content button {
    background-color: #002F3C;
    color: white;
    padding: 12px;
    width: 100%;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 30px;
}

.modal-content button:hover {
    background-color: #111;
}

/* Responsive */
@media (max-width: 500px) {
    .modal-content {
    padding: 15px;
    }

    .modal-content h2 {
    font-size: 20px;
    }
}

#transporte, #tesoreria, #depositarios, #cajeros {
  scroll-margin-top: 100px; /* margen de 100px al hacer scroll hacia el id */
}


/* Fondo general */

/* Caja del login */
.login-wrapper { 
  background: #84B6D9;
  width: 90%;
  max-width: 1000px;
  padding: 60px 30px;
  margin: 160px auto 50px auto;  
}

.login-wrapper .login-box form { 
    padding: 5px 20px;
}

.login-box {
  background: #FFF;
  width: 100%;
  max-width: 500px;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  margin: 20px auto;
  overflow: hidden;
}

/* Encabezado */
.login-box-header {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 20px;
  padding: 20px;
  background: #f7f7f8;
}

.login-box-header img {
  height: 35px;
  margin-right: 10px;
}

.login-box-header h2 {
  font-size: 20px;
  margin: 0;
  color: #333;
  font-weight: 400;
}

/* Campos */
.login-box label {
  font-size: 16px;
  color: #333;
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
}

.login-box input[type="text"],
.login-box input[type="password"] {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  margin-bottom: 15px;
  outline: none;
  transition: border-color 0.3s;
}

.login-box input[type="text"]:focus,
.login-box input[type="password"]:focus {
  border-color: #84B6D9;
}

/* Botón */
.login-box button {
  width: auto;
  margin: 20px auto;
  padding: 12px 15px;
  background: #84B6D9;
  border: none;
  border-radius: 6px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.3s;
}

.login-box button:hover {
  background: #4a8cc7;
}

/* Responsive */
@media (max-width: 480px) {
  .login-wrapper { 
    width:100%;
    max-width: none;
    margin: 75px auto 30px auto;
    padding: 10px 30px;
  }

  .login-box-header h2 {
    font-size: 15px;
  }

  .login-box label {
    font-size: 15px;
  }
}



/******* Media Queries */

@media (min-width: 1200px) {

}

@media (min-width: 901px) and (max-width: 1100px) {

    .wrapper .header .h-content .h-left { width:100%; text-align:left; margin: 25px auto; }
    
    .wrapper .header .h-content .h-right { width:100%; text-align:left; overflow:hidden; position:relative; display:none; padding: 0 20px; }
    .wrapper .header .h-content .h-right ul { margin: 0 auto; text-align:left; padding-bottom: 7px; }
    .wrapper .header .h-content .h-right ul li { width:100%; border:0; border-bottom: 1px solid #A2D40A; padding:10px 0; line-height: 30px; }
    .wrapper .header .h-content .h-right ul li:last-child { border:0; }
    .wrapper .header .h-content .h-right ul li a { line-height: 30px; }

    .wrapper .header .h-content .rwd { width:40px; height: 40px; background: none; margin: 0; padding: 5px; overflow:hidden; border:0; }
    .wrapper .header .h-content .rwd { cursor:pointer; display:block; position:absolute; right:0; top:40px; }
	.wrapper .header .h-content .rwd a { color:#FFF; text-transform: uppercase; display:block; font-size: 16px; line-height: 40px; }
	.wrapper .header .h-content .rwd a { letter-spacing:1px; text-transform:uppercase; padding-left:15px; }
	.wrapper .header .h-content .rwd a:hover { text-decoration: none; color:#F1F1F1; } 
	.wrapper .header .h-content .rwd-button { width:100%; height:auto; display: block; }
	.wrapper .header .h-content .rwd-button span { display:block; margin-top:4px; height:3px; background:#A2D40A; width:24px; }


    .wrapper .banner .b-wrapper .b-content .b-left { width:100%; }
    .wrapper .banner .b-wrapper .b-content .b-right { width: 100%; text-align: left; }
    .wrapper .banner .b-wrapper .b-content .b-right .b-boton { margin-top: 30px; }

    .wrapper .areas .a-content .a-box { width:45%; padding:30px; margin: 15px; }
    .wrapper .areas .a-content .a-box .ver-mas { left:30px; }
    .wrapper .areas .a-content p { max-width: 90%; }

    .wrapper .studio .s-content { width: 100%; }
    .wrapper .footer .f-content .f-right { width:25%; }

    .wrapper .banner .b-content { }
    .wrapper .banner .b-content p { width:75%; font-size: 30px; }

    .wrapper .studio-content .s-content .s-right { width: 90%; }
    .wrapper .studio-content .s-content .s-right h3 img { float:left; }

    .wrapper .banner-estudio { height:275px; min-height: auto; }

    .wrapper .lawyer .l-content .l-box-wrapper .l-box { width: 31%; }
    .wrapper .lawyer .l-content .l-box-wrapper .l-box img { width: 100%; height:auto; max-width: none; }

    .wrapper .ads .a-content .a-box { width: 45%; margin: 1%; text-align:left; }
    .wrapper .ads .a-content .a-box:nth-child(3n+1) { margin: 1%; }
    
    .wrapper .ads2 .a-content { text-align:center; }
    .wrapper .ads2 .a-content .a-box { width: 45%; margin: 1%; text-align:left; }

    .wrapper .actualidad .a-content .a-left { width:63%; }
    .wrapper .actualidad .a-content .a-right { width:35%; }

    .wrapper .contact .c-content .c-left .frm-contacto { width: 100%; }
    .wrapper .contact .c-content .c-right { width: 50%; }

}

@media (min-width: 641px) and (max-width: 900px) {
    .wrapper .header .h-content .h-left { width:100%; text-align:left; margin: 25px auto; }
    
    .wrapper .header .h-content .h-right { width:100%; text-align:left; overflow:hidden; position:relative; display:none; padding: 0 20px; }
    .wrapper .header .h-content .h-right ul { margin: 0 auto; text-align:left; padding-bottom: 7px; }
    .wrapper .header .h-content .h-right ul li { width:100%; border:0; border-bottom: 1px solid #A2D40A; padding:10px 0; line-height: 30px; }
    .wrapper .header .h-content .h-right ul li:last-child { border:0; }
    .wrapper .header .h-content .h-right ul li a { line-height: 30px; }

    .wrapper .header .h-content .rwd { width:40px; height: 40px; background: none; margin: 0; padding: 5px; overflow:hidden; border:0; }
    .wrapper .header .h-content .rwd { cursor:pointer; display:block; position:absolute; right:0; top:42px; }
	.wrapper .header .h-content .rwd a { color:#FFF; text-transform: uppercase; display:block; font-size: 16px; line-height: 40px; }
	.wrapper .header .h-content .rwd a { letter-spacing:1px; text-transform:uppercase; padding-left:15px; }
	.wrapper .header .h-content .rwd a:hover { text-decoration: none; color:#F1F1F1; } 
	.wrapper .header .h-content .rwd-button { width:100%; height:auto; display: block; }
	.wrapper .header .h-content .rwd-button span { display:block; margin-top:4px; height:3px; background:#A2D40A; width:24px; }

    .wrapper .banner { background-position: center center; background-attachment:unset; max-height: 550px; }
    .wrapper .banner .b-content p { width:100%; font-size:16px; line-height: 22px; bottom:20px; padding: 0; }
    .wrapper .banner .b-wrapper .b-content { padding: 20px 0; }
    .wrapper .banner .b-wrapper .b-content .b-left { width: 100%; }
    .wrapper .banner .b-wrapper .b-content .b-left p { font-size: 20px; }
    .wrapper .banner .b-wrapper .b-content .b-left p.green { font-size: 18px; }
    .wrapper .banner .b-wrapper .b-content .b-left h2 { font-size: 28px; }

    .wrapper .banner .b-wrapper .b-content .b-right { width: 100%; text-align: left; }
    .wrapper .banner .b-wrapper .b-content .b-right { width: 100%; text-align: left; }
    .wrapper .banner .b-wrapper .b-content .b-right .b-boton { margin-top:30px; }

    .wrapper .banner2, 
    .wrapper .banner3, 
    .wrapper .banner4 { max-height: 400px !important; }

    .wrapper .contact .c-content .c-left .frm-contacto { width:100%; }
    .wrapper .contact .c-content .c-right { padding: 30px 30px 0px 60px; }
    
    .wrapper .banner-estudio { min-height:200px; background-size: 100% auto; }

    .wrapper .news .n-content { padding: 5px 20px; }
    .wrapper .news .n-content h3 { font-size:22px; font-weight: 700; }
    .wrapper .news .n-content h4 { font-size: 16px; font-weight: 300; }
    .wrapper .news .n-content .n-left { float:none; width:100%; margin:20px auto; }
    .wrapper .news .n-content .n-right { float:none; width:100%; margin:40px auto; }

    .wrapper .ads .a-content { padding: 40px 20px; }
    .wrapper .ads .a-content h3 { font-size:22px; font-weight: 700; }
    .wrapper .ads .a-content .a-box { width:100%; float:none; margin: 10px auto; }
    .wrapper .ads .a-content .a-box h4 { font-weight: 300; line-height: 22px; font-size: 16px; }
    .wrapper .ads .a-content .a-box a.more { font-size: 14px; }
    
    .wrapper .actualidad .a-content { padding: 30px 20px; }
    .wrapper .actualidad .a-content .a-left { width:100%; float:none; }
    .wrapper .actualidad .a-content .a-left h1 { font-size: 22px; line-height: 30px; margin: 0 auto 20px auto; font-weight:700; }
    .wrapper .actualidad .a-content .a-right { width:100%; float:none; margin: 40px auto 0 auto; }

    .wrapper .studio .s-content { padding: 40px 20px; width: 94%; }
    .wrapper .studio .s-content h3 { font-weight: 700; }
    .wrapper .studio .s-content a.more { margin: 50px 0; }
    .wrapper .studio .s-content .s-left { float:none; width:100%; padding:0; }
    .wrapper .studio .s-content .s-right { float:none; width:100%; margin: 20px auto; }
    .wrapper .studio .s-content .s-left img { width:100%; height: auto; }

    .wrapper .studio-content .s-content { padding: 40px 20px; }
    .wrapper .studio-content .s-content h1 { font-size:22px; margin: 0 auto 30px auto; }
    .wrapper .studio-content .s-content .s-left { width:100%; float:none; }
    .wrapper .studio-content .s-content .s-right { width:100%; float:none; }

    .wrapper .areas .a-content { padding: 40px 0; }
    .wrapper .areas .a-content h2 { font-size: 28px; font-weight:700; }
    .wrapper .areas .a-content p { width:90%; max-width: none; }
    .wrapper .areas .a-content .a-box { width:46%; margin: 10px; min-height: 360px; }
    .wrapper .areas .a-content .a-box a h3 { font-size: 16px; }
    .wrapper .areas .a-content .a-box p { padding:0; width:100%; }

    .wrapper .areas2 .a-content { padding: 40px 20px; }
    .wrapper .areas2 .a-content .a-left { width:100%; float:none; }
    .wrapper .areas2 .a-content .a-right { width:100%; float:none; }

    .wrapper .areas2 .cta { padding: 20px; }
    .wrapper .areas2 .cta p { width: 100%; float:none; }
    .wrapper .areas2 .cta a { width: 100%; float:none; }

    .wrapper .team .t-content { padding: 40px 20px; }
    .wrapper .team .t-content h2 { font-size:26px; font-weight: 700; }
    .wrapper .team .t-content a.more { margin: 40px 0 50px 0; }
    .wrapper .team .t-content .t-left { float:none; width:100%; margin:20px auto; padding:0; }
    .wrapper .team .t-content .t-right { float:none; width:100%; margin:20px auto; }
    .wrapper .team .t-content .t-right img { width:100%; height: auto; }

    .counter ul li { margin:25px auto; width: 100%; }

    .wrapper .lawyer .l-content { padding: 0 20px; }
    .wrapper .lawyer .l-content .l-box-wrapper { width:100%; margin:0 auto 30px auto; text-align: center; }
    .wrapper .lawyer .l-content .l-box-wrapper .l-box { width:45%; margin: 10px 2%; text-align: left; }
    .wrapper .lawyer .l-content .l-box-wrapper .l-box img { width: 100%; height:auto; max-width: none; }

    .wrapper .team2 .t-content { padding: 40px 20px; }
    .wrapper .team2 .t-content h2 { font-size:22px; font-weight: 700; }
    
    .wrapper .team3 .t-content { padding: 40px 20px; }
    .wrapper .team3 .t-content .t-left { width:100%; float:none; text-align:left; margin: 0 auto 30px auto; }
    .wrapper .team3 .t-content .t-left img { width: 100%; height: auto; max-width: none; }
    .wrapper .team3 .t-content .t-right { width:100%; float:none; margin: 0 auto; }
    .wrapper .team3 .t-content .t-right h3 { font-size: 16px; }
    .wrapper .team3 .t-content .t-right p { font-size: 13px; }
    .wrapper .team3 .t-content .t-right ul li { font-size: 13px; }

    .wrapper .law .l-content { padding: 30px 20px 20px 20px }
    .wrapper .law .l-content .l-left { float:none; width:100%; margin:20px auto; padding:0; }
    .wrapper .law .l-content .l-left p { font-size:13px; }
    .wrapper .law .l-content .l-right { float:none; width:100%; margin:20px auto; padding:0; text-align: left; }

    .wrapper .funcionamiento .f-content { padding: 40px 20px; }
    .wrapper .funcionamiento .f-content h2 { font-size:22px; }
    .wrapper .funcionamiento .f-content .f-left { float:none; width:100%; }
    .wrapper .funcionamiento .f-content .f-right { float:none; width:100%; }
    .wrapper .funcionamiento .f-content .f-right img { width:100%; height: auto; }

    .wrapper .contact .c-content { padding: 0; }
    .wrapper .contact .c-content h2 { font-size: 22px; font-weight:700; }
    .wrapper .contact .c-content .c-left { float:none; width:100%; margin: 0 auto 20px auto; }
    .wrapper .contact .c-content .c-right { float:none; width:100%; margin: 40px auto; }
    .wrapper .contact .c-content .c-right img { width:100%; height: auto; }

    .wrapper .footer .f-content .f-right { width: 35%; }
}

@media (max-width: 640px) {

    .wrapper .header .h-content .h-left { width:100%; text-align:left; margin: 20px 5px; }
    
    .wrapper .header .h-content .h-right { width:100%; text-align:left; overflow:hidden; position:relative; display:none; padding: 0 20px; }
    .wrapper .header .h-content .h-right ul { margin: 0 auto; text-align:left; padding-bottom: 7px; }
    .wrapper .header .h-content .h-right ul li { width:100%; border:0; border-bottom: 1px solid #A2D40A; padding:10px 0; line-height: 30px; }
    .wrapper .header .h-content .h-right ul li:last-child { border:0; }
    .wrapper .header .h-content .h-right ul li a { line-height: 30px; }

    .wrapper .header .h-content .rwd { width:40px; height: 40px; background: none; margin: 0; padding: 5px; overflow:hidden; border:0; }
    .wrapper .header .h-content .rwd { cursor:pointer; display:block; position:absolute; right:0; top:36px; }
	.wrapper .header .h-content .rwd a { color:#FFF; text-transform: uppercase; display:block; font-size: 16px; line-height: 40px; }
	.wrapper .header .h-content .rwd a { letter-spacing:1px; text-transform:uppercase; padding-left:15px; }
	.wrapper .header .h-content .rwd a:hover { text-decoration: none; color:#F1F1F1; } 
	.wrapper .header .h-content .rwd-button { width:100%; height:auto; display: block; }
	.wrapper .header .h-content .rwd-button span { display:block; margin-top:4px; height:3px; background:#A2D40A; width:24px; }

    .wrapper .banner { background-position: center center; background-attachment:unset; max-height: 500px; }
    .wrapper .banner .b-content p { width:100%; font-size:16px; line-height: 22px; bottom:20px; padding: 0; }
    .wrapper .banner .b-wrapper .b-content { padding: 20px 0; }
    .wrapper .banner .b-wrapper .b-content .b-left { width: 100%; }
    .wrapper .banner .b-wrapper .b-content .b-left p { font-size: 20px; }
    .wrapper .banner .b-wrapper .b-content .b-left p.green { font-size: 18px; }
    .wrapper .banner .b-wrapper .b-content .b-left h2 { font-size: 28px; }

    .wrapper .banner .b-wrapper .b-content .b-right { width: 100%; text-align: left; }
    .wrapper .banner .b-wrapper .b-content .b-right { width: 100%; text-align: left; }
    .wrapper .banner .b-wrapper .b-content .b-right .b-boton { margin-top:30px; }

    .wrapper .banner2, 
    .wrapper .banner3, 
    .wrapper .banner4 { max-height: 400px !important; }

    
    .wrapper .contact .c-content .c-left .frm-contacto {width: 100%; padding:40px; }
    
    
    .wrapper .banner-estudio { min-height:130px; background-size: auto 100%; }

    .wrapper .news .n-content { padding: 5px 20px; }
    .wrapper .news .n-content h3 { font-size:18px; font-weight: 700; }
    .wrapper .news .n-content h4 { font-size: 16px; font-weight: 300; }
    .wrapper .news .n-content .n-left { float:none; width:100%; margin:20px auto; }
    .wrapper .news .n-content .n-right { float:none; width:100%; margin:40px auto; }

    .wrapper .ads .a-content { padding: 40px 20px; }
    .wrapper .ads .a-content h3 { font-size:18px; font-weight: 700; }
    .wrapper .ads .a-content .a-box { width:100%; float:none; margin: 10px auto; }
    .wrapper .ads .a-content .a-box h4 { font-weight: 300; line-height: 22px; font-size: 16px; }
    .wrapper .ads .a-content .a-box a.more { font-size: 14px; }
    
    .wrapper .actualidad .a-content { padding: 30px 20px; }
    .wrapper .actualidad .a-content .a-left { width:100%; float:none; }
    .wrapper .actualidad .a-content .a-left h1 { font-size: 18px; line-height: 22px; margin: 0 auto 20px auto; font-weight:700; }
    .wrapper .actualidad .a-content .a-right { width:100%; float:none; margin: 40px auto 0 auto; }

    .wrapper .studio .s-content { padding: 40px 20px; width:100%; }
    .wrapper .studio .s-content a.more { margin: 50px 0; }
    .wrapper .studio .s-content .s-left { float:none; width:100%; padding:0; }
    .wrapper .studio .s-content .s-right { float:none; width:100%; margin: 20px auto; }
    .wrapper .studio .s-content .s-left img { width:100%; height: auto; }

    .wrapper .studio-content .s-content { padding: 40px 0; width: 90%; }
    .wrapper .studio-content .s-content h1 { font-size:18px; margin: 0 auto 30px auto; }
    .wrapper .studio-content .s-content .s-left { width:100%; float:none; }
    .wrapper .studio-content .s-content .s-right { width:100%; float:none; }
    .wrapper .studio-content .s-content .s-right h3 img { float:left; margin-bottom: 10px; }

    .login-wrapper { padding:30px; margin: 110px auto 5px auto; width:100%; }

    .wrapper .areas .a-content { padding: 40px 20px; width: 100%; }
    .wrapper .areas .a-content h2 { font-size: 28px; font-weight:700; }
    .wrapper .areas .a-content p { max-width: 100%; }
    .wrapper .areas .a-content .a-box { width:100%; margin: 10px auto; padding: 30px; }
    .wrapper .areas .a-content .a-box a h3 { font-size: 16px; }
    .wrapper .areas .a-content .a-box .ver-mas { left:30px; }

    .wrapper .areas2 .a-content { padding: 40px 20px; }
    .wrapper .areas2 .a-content .a-left { width:100%; float:none; }
    .wrapper .areas2 .a-content .a-right { width:100%; float:none; }

    .wrapper .areas2 .cta { padding: 10px 5px 20px 5px; }
    .wrapper .areas2 .cta p { width: 100%; float:none; padding: 20px 30px; }
    .wrapper .areas2 .cta a { width: 100%; float:none; }
    

    .wrapper .team .t-content { padding: 40px 20px; }
    .wrapper .team .t-content h2 { font-size:26px; font-weight: 700; }
    .wrapper .team .t-content a.more { margin: 40px 0 50px 0; }
    .wrapper .team .t-content .t-left { float:none; width:100%; margin:20px auto; padding:0; }
    .wrapper .team .t-content .t-right { float:none; width:100%; margin:20px auto; }
    .wrapper .team .t-content .t-right img { width:100%; height: auto; }

    .wrapper .news .n-content h2 { font-size:26px; }

    .counter ul li { width: 100%; margin: 25px auto; }

    .wrapper .lawyer .l-content { padding: 0 20px; }
    .wrapper .lawyer .l-content .l-box-wrapper { width:100%; margin:0 auto 30px auto; text-align: center; }
    .wrapper .lawyer .l-content .l-box-wrapper .l-box { width:100%; float:none; margin: 10px auto; text-align: left; }
    .wrapper .lawyer .l-content .l-box-wrapper .l-box img { width: 100%; height:auto; max-width: none; }

    .wrapper .team2 .t-content { padding: 40px 20px; }
    .wrapper .team2 .t-content h2 { font-size:18px; font-weight: 700; }
    
    .wrapper .team3 .t-content { padding: 40px 20px; }
    .wrapper .team3 .t-content .t-left { width:100%; float:none; text-align:left; margin: 0 auto 30px auto; }
    .wrapper .team3 .t-content .t-left img { width: 100%; height: auto; max-width: none; }
    .wrapper .team3 .t-content .t-right { width:100%; float:none; margin: 0 auto; }
    .wrapper .team3 .t-content .t-right h3 { font-size: 16px; }
    .wrapper .team3 .t-content .t-right p { font-size: 13px; }
    .wrapper .team3 .t-content .t-right ul li { font-size: 13px; }

    .wrapper .law .l-content { padding: 30px 20px 20px 20px }
    .wrapper .law .l-content .l-left { float:none; width:100%; margin:20px auto; padding:0; }
    .wrapper .law .l-content .l-left p { font-size:13px; }
    .wrapper .law .l-content .l-right { float:none; width:100%; margin:20px auto; padding:0; text-align: left; }

    .wrapper .funcionamiento .f-content { padding: 40px 20px; }
    .wrapper .funcionamiento .f-content h2 { font-size:18px; }
    .wrapper .funcionamiento .f-content .f-left { float:none; width:100%; }
    .wrapper .funcionamiento .f-content .f-right { float:none; width:100%; }
    .wrapper .funcionamiento .f-content .f-right img { width:100%; height: auto; }

    .wrapper .contact .c-content { padding: 0; }
    .wrapper .contact .c-content h2 { font-size: 24px; font-weight:700; }
    .wrapper .contact .c-content .c-left { float:none; width:100%; margin: 0 auto 20px auto; }
    .wrapper .contact .c-content .c-right { float:none; width:100%; margin: 40px auto; padding: 30px 30px 0 40px; }
    .wrapper .contact .c-content .c-right img { width:100%; height: auto; }

    .wrapper .footer .f-content { padding: 20px; }
    .wrapper .footer .f-content .f-data { width:100%; border:0; padding: 30px 0; text-align: center; }
    .wrapper .footer .f-bottom p { width:90%; margin:20px auto; font-size:13px; }

    
}