/*
Theme Name: MZM
Theme URI: https://www.mariazorrilla.es
Description: Maria Zorrila Abogados
Author: Wonton Design
Author URI: http://www.wonton.es
Version: 1.0.0
Template: bridge
*/
/* ********************************************************************************************************************* IMPORTS */
@import url(css/animsition.min.css);
@import url(css/animate.css);
/* ********************************************************************************************************************* VARS */
/* ********************************************************************************************************************* GLOBALS */
@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700");
body { font-family: 'Montserrat', sans-serif; font-weight: 500; }

h1, h2, h3, h4, h5, h6 { font-weight: 400; letter-spacing: 0; text-transform: none; color: #104d46; }

p { margin-top: 20px; /* &:empty {
	display: none;
} */ }
p.bigger-margin-top { margin-top: 30px; }

/* .text-light,
.text-light a {	
	font-weight: 300;
} */
.text-bigger { font-size: 18px !important; }

.text-even-bigger { font-size: 20px !important; }

.text-smaller { font-size: 14px !important; line-height: 20px !important; }

.text-spaced { letter-spacing: 3px; }

.white { color: #fff; }
.white p, .white h1, .white h2, .white h3, .white h4, .white h5, .white h6, .white span { color: #fff; }

.black { color: #000; }

.grey { color: #636564; }

.light-grey { color: #a1a5a6; }

.dark-grey { color: #25282A; }

.accent { color: #104d46; }

.align-left { text-align: left; }

.align-center { text-align: center; }

.align-right { text-align: right; }

.margin-10-below { margin-bottom: 10px; }

.margin-20-below { margin-bottom: 20px; }

.margin-10-above { margin-top: 10px; }

.margin-20-above { margin-top: 20px; }

.element-with-side-padding-120 { padding: 0 120px; }

.row-with-vertical-padding-120 { padding: 120px 0; }

.row-with-bottom-padding-120 { padding-bottom: 120px; }

.column-no-padding-right .vc_column-inner { padding-right: 0 !important; }

.column-no-padding-left .vc_column-inner { padding-left: 0 !important; }

.row-with-side-padding-200 { padding: 0 200px; }

.centered { margin: 0 auto; text-align: center; }

.vertical-centered { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.border-top { border-top: 1px solid #a1a5a6; }

.border-bottom { border-bottom: 1px solid #a1a5a6; }

.no-text-transform { text-transform: none !important; }

.no-letter-spacing { letter-spacing: 0 !important; }
.no-letter-spacing a { letter-spacing: 0 !important; }

.no-block { display: inline; }
.no-block + p { margin-top: -10px; }

.boxed { padding: 6px 10px; background-color: #104d46; color: #fff; }

.boxed-white { border: 1px solid #fff; }
.boxed-white:hover { background-color: #fff; }

.title-boxed { display: inline; padding: 0 10px; background-color: #a1a5a6; color: #444444; }
.title-boxed + br { display: block !important; margin-bottom: 20px; content: " "; }
.title-boxed.accent { background-color: #104d46; color: #fff; }
.title-boxed.dark { background-color: #25282A; color: #fff; }

.with-line-below:after { content: ''; display: block; width: 50px; height: 1px; margin: 10px 0 20px 0; background-color: #636564; }

.with-line-above:before { content: ''; display: block; width: 50px; height: 1px; margin: 20px 0 10px 0; background-color: #636564; }

.hidden, .hide { display: none !important; }

.hide-on-desktop { display: none; }

a, a:before, a:after { -webkit-transition: all 0.3s ease 0s !important; -moz-transition: all 0.3s ease 0s !important; -ms-transition: all 0.3s ease 0s !important; -o-transition: all 0.3s ease 0s !important; transition: all 0.3s ease 0s !important; }

a h1, a h2, a h3, a h4, a h5, a h6 { -webkit-transition: all 0.3s ease 0s !important; -moz-transition: all 0.3s ease 0s !important; -ms-transition: all 0.3s ease 0s !important; -o-transition: all 0.3s ease 0s !important; transition: all 0.3s ease 0s !important; }

a.accent-link { color: #104d46; }
a.accent-link:hover { color: #104d46 !important; }

a.white-link { color: #fff; border-bottom: 1px solid transparent; }
a.white-link:hover { border-bottom: 1px solid #fff; }

a.dark-grey-link { color: #25282A; }
a.dark-grey-link:hover { color: #104d46 !important; }

a.light-grey-link { color: #a1a5a6; }
a.light-grey-link:hover { color: #104d46 !important; }

a.line-link { padding-bottom: 6px; display: inline-block; line-height: 0; color: #25282A; border-bottom: 1px solid #fff; }
a.line-link:after { content: ''; position: relative; width: 101%; height: 1px; margin-bottom: -7px; display: inline-block; background-color: #fff; transform: scaleX(1); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -ms-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -o-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; }
a.line-link:hover { color: #104d46 !important; border-color: #104d46; }
a.line-link:hover:after { transform: scaleX(0); }
a.line-link.white { color: #fff; border-color: #fff; }
a.line-link.white:after { background-color: #104d46; }
a.line-link.white:hover { color: #fff !important; }
a.line-link.disabled { pointer-events: none; }

a.border-link { padding: 6px 20px; color: #636564; border: 1px solid #636564; }
a.border-link:hover { background-color: #636564; color: #fff; }

.bt-back { font-size: 11px; color: #104d46; }
.bt-back img { display: inline-block; width: auto; padding-left: 10px; -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -ms-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; -o-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s !important; }
.bt-back:hover img { margin-left: -8px; padding-left: 5px; }

.only-home { display: none; }

.only-admin { display: none; }

body.logged-in .only-admin { display: block; }

/* ********************************************************************************************************************* THEME GLOBAL REPLACEMENTS  */
body > .wrapper { opacity: 0; filter: alpha(opacity=0); -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

.qode_image_gallery_holder + .controls a span { background-color: transparent !important; border: 0 !important; }
.qode_image_gallery_holder + .controls a:hover span { color: #104d46 !important; }

#back_to_top { background-color: transparent !important; }
#back_to_top span { background-color: transparent !important; border: 0 !important; }

/* ********************************************************************************************************************* SHARED ELEMENTS */
.paspartu .full_section_inner { margin: 25px 40px; padding: 70px 0; background-color: #e6ecec; }

.area-title { position: relative; width: 100%; text-align: center; }
.area-title span { display: inline-block; padding: 0 60px; font-weight: 600; font-size: 20px; line-height: 40px; color: #fff; background-color: #104d46; }
.area-title:before { content: ''; display: block; width: 100%; height: 2px; margin-bottom: -21px; background-color: #104d46; }
.area-title.pink span, .area-title.pink:before { background-color: #EAB4A7; }
.area-title.invert span { color: #636564; background-color: #fbf0ee; }
.area-title.invert:before { background-color: #EAB4A7; }

.social ul li { display: inline-block; vertical-align: top; width: 22px; height: 22px; margin-right: 8px !important; }
.social ul li:last-child { margin-right: 0; }
.social ul li:hover a { background-color: #fff; color: #636564; }
.social ul li a { position: relative; display: inline-block; width: 22px; font-size: 16px; line-height: 22px; color: #fff; text-align: center; border: 1px solid #fff; }

#cookie-notice { min-width: 0; width: 150px; right: 0; left: initial; padding: 10px 13px; font-size: 11px; line-height: 17px; font-weight: 300; background-color: rgba(0, 0, 0, 0.6) !important; }
#cookie-notice .cookie-notice-container { box-sizing: border-box; }
#cookie-notice span { display: block; padding-bottom: 10px; }
#cookie-notice .qbutton { height: 20px; margin: 0 auto; font-size: 10px; font-weight: 300; line-height: 21px; text-transform: none; background-color: transparent; color: #fff; border: 1px solid #ccc; border-radius: 0; }

/* ********************************************************************************************************************* HEADER - MENU - HOME */
header { 	/* &.light {

		.header_top,
		.header_bottom {
			background-color: $dark-blue !important;
		}
	} */ }
header .header_bottom { padding: 0; }
header .header_bottom .header_inner_left { left: 35px; }
header .header_bottom .header_bottom_right_widget_holder { padding-right: 30px; }
header .header_bottom a.side_menu_button_link { display: none; }
header .header_bottom .q_logo { height: 40px; }
header .header_bottom .q_logo a { height: 100% !important; text-align: center; }
header .header_bottom .q_logo a img { -webkit-transition: opacity 0s linear 0s !important; -moz-transition: opacity 0s linear 0s !important; -ms-transition: opacity 0s linear 0s !important; -o-transition: opacity 0s linear 0s !important; transition: opacity 0s linear 0s !important; }
header nav.main_menu { padding: 25px 0 0 0 !important; }
header nav.main_menu ul { vertical-align: top !important; }
header nav.main_menu ul li a { padding: 0 15px; font-weight: 600; font-size: 14px !important; line-height: 24px; letter-spacing: 1px; text-transform: none; color: #fff; }
header nav.main_menu ul li a span { line-height: 24px !important; border-bottom: 3px solid transparent; -webkit-transition: border 0.4s ease 0s !important; -moz-transition: border 0.4s ease 0s !important; -ms-transition: border 0.4s ease 0s !important; -o-transition: border 0.4s ease 0s !important; transition: border 0.4s ease 0s !important; }
header nav.main_menu ul li.current > a { color: #fff; }
header nav.main_menu ul li.current > a span { border-bottom: 3px solid transparent; }
header nav.main_menu ul li .second { left: -80px !important; padding: 20px; -webkit-transition: all 0.4s ease 0s !important; -moz-transition: all 0.4s ease 0s !important; -ms-transition: all 0.4s ease 0s !important; -o-transition: all 0.4s ease 0s !important; transition: all 0.4s ease 0s !important; }
header nav.main_menu ul li .second ul li { margin-bottom: 5px; }
header nav.main_menu ul li .second ul li a { text-align: center; background-color: #104d46; color: #fff !important; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.2); }
header nav.main_menu ul li .second ul li:last-child a { background-color: #EAB4A7; }
header.sticky .q_logo { height: 30px; padding-left: 0; }
header.sticky nav.main_menu { padding-top: 0 !important; }
header.sticky nav.main_menu ul li a { color: #104d46; }
header.sticky nav.main_menu ul li.current > a { color: #104d46; }
header.sticky nav.main_menu ul li.current > a span { border-color: #104d46; }
header.sticky nav.main_menu ul li .second { padding-top: 0; }
header.sticky .social ul li a { color: #a1a5a6; border-color: #a1a5a6; }
header.sticky .social ul li a:hover { color: #fff; background-color: #a1a5a6; }

/* ********************************************************************************************************************* FOOTER */
footer .footer_top_holder .footer_top { padding: 30px 0; background-color: #104d46; border-top: 1px solid #fff; }
footer .footer_top_holder .column1 .textwidget { padding: 25px 0 0 40px; }
footer .footer_top_holder .column3 .textwidget { padding: 25px 40px 0 0; }
footer .footer_top_holder .column3 .textwidget a { opacity: 0.6; }
footer .footer_top_holder .textwidget span { font-size: 11px; color: #EAB4A7; }
footer .footer_top_holder .textwidget a { font-size: 11px; color: #EAB4A7; }
footer .footer_top_holder .pie h4, footer .footer_top_holder .pie h5 { font-weight: 700; font-size: 19px; letter-spacing: 2px; color: #EAB4A7; }
footer .footer_top_holder .pie h5 { font-size: 13px; letter-spacing: 1px; }

/* ********************************************************************************************************************* HOME */
.home #intro { position: relative; display: block; width: 100%; height: 100%; min-height: 500px; background-position: top center; }
.home #intro .data { width: 100%; text-align: center; }
.home #intro .data img, .home #intro .data svg { width: 430px; }
.home #intro .data img, .home #intro .data svg { width: 430px; }
.home #intro .data h1 { font-weight: 500; font-size: 16px; line-height: 40px; color: #fff; }
.home #intro .pie { width: 100%; text-align: center; }
.home #intro .pie h4, .home #intro .pie h5 { font-weight: 700; font-size: 18px; letter-spacing: 3px; color: #fff; }
.home #intro .pie h5 { font-size: 11px; line-height: 20px; letter-spacing: 1px; }
.home #experiencia { padding: 100px 0; }
.home #experiencia img { max-width: 215px; margin-bottom: 50px; }
.home #experiencia p { text-align: justify; }
.home #escuchar { padding: 200px 0; }
.home #escuchar h2 { font-size: 40px; font-weight: 600; text-align: center; color: #fff; }
.home #servicios .vc_col-sm-6 { margin-top: 80px; }
.home #servicios .vc_col-sm-6:first-child .vc_column-inner { padding-right: 40px; }
.home #servicios .vc_col-sm-6:last-child .vc_column-inner { padding-left: 40px; }
.home #servicios h4 { font-weight: 600; font-size: 22px; color: #636564; }
.home #controlar { padding: 200px 0; }
.home #controlar h2, .home #controlar h4 { font-size: 40px; font-weight: 600; text-align: center; color: #fff; }
.home #controlar h4 { margin-bottom: 10px; font-size: 20px; }
.home #mediacion.paspartu .full_section_inner { background-color: #fbf0ee; }
.home #mediacion h5 { margin-bottom: 30px; font-weight: 700; font-size: 14px; color: #636564; }
.home #mediacion .vc_col-sm-3 p { padding: 0 10px; font-size: 14px; }
.home #mediacion .area-title { margin: 80px 0 0 0; }
.home #mediacion .vc_col-sm-6 { margin-top: 80px; }
.home #mediacion .vc_col-sm-6:first-child .vc_column-inner { padding-right: 40px; }
.home #mediacion .vc_col-sm-6:last-child .vc_column-inner { padding-left: 40px; }
.home #mediacion h4 { font-weight: 600; font-size: 22px; color: #636564; }
.home #solucion { padding: 250px 0; }
.home #solucion h2 { padding-right: 100px; font-size: 40px; font-weight: 600; text-align: center; color: #fff; }
.home #solucion h2 span { position: absolute; display: inline-block; transform: rotate(180deg); margin: 8px 0 0 11px; }
.home #contacto { padding-bottom: 80px; background-color: #104d46; }
.home #contacto .wpb_text_column h6, .home #contacto .wpb_text_column p, .home #contacto .wpb_text_column a { font-weight: 600; font-size: 20px; color: #fff; }
.home #contacto .wpb_text_column h6 { display: inline-block; margin-top: 80px; font-size: 16px; border-bottom: 2px solid #fff; }
.home #contacto .wpb_text_column a { border-bottom: 1px solid transparent; }
.home #contacto .wpb_text_column a:hover { border-color: #fff; }
.home #contacto .social { margin-top: 30px; text-align: center; }

/* ********************************************************************************************************************* LEGAL */
.page-legal nav.main_menu { display: none; }
.page-legal .wpb_text_column { padding: 50px; }
.page-legal .wpb_text_column h2 { padding: 30px 0 0 0; font-size: 20px; line-height: 35px; text-decoration: underline; }
.page-legal .wpb_text_column h3 { color: #25282A; }
.page-legal .wpb_text_column p, .page-legal .wpb_text_column table { font-size: 15px; line-height: 21px; }
.page-legal .wpb_text_column ul, .page-legal .wpb_text_column ol { list-style: none; margin-top: 40px; font-size: 18px; line-height: 23px; }
.page-legal .wpb_text_column table { margin: 20px 0; }
.page-legal .wpb_text_column table th, .page-legal .wpb_text_column table td { text-align: left !important; border: 1px solid #636564; }
.page-legal .wpb_text_column hr { visibility: hidden; margin: 40px 0 !important; }

/* ********************************************************************************************************************* FIREFOX POSITION FIXES */
@-moz-document url-prefix() {}
/* ********************************************************************************************************************* IE11 HACKS */
/* ********************************************************************************************************************* RESPONSIVE MEDIA QUERIES */
/* ********************************************************************************************************************* FOR RETINA */
/* ********************************************************************************************************************* VERTICAL BREAK POINTS */
/* ********************************************************************************************************************* BREAK POINT 1400 */
@media screen and (max-width: 1400px) { header.sticky nav.main_menu { padding-left: 85px; }
  header.sticky nav.main_menu ul li a { font-size: 16px; }
  .multimedia .divider { width: 1100px; } }
/* ********************************************************************************************************************* BREAK POINT 1300 */
/* ********************************************************************************************************************* BREAK POINT 1200 */
@media screen and (max-width: 1200px) { header { 		/* &.sticky {

			nav.main_menu {

				ul li a {
					padding: 0 10px;
					font-size: 14px;
				}
			}
		} */ }
  .home #intro .data { /* width: 49%;
padding: 130px 0 0 70px; */ } }
/* ********************************************************************************************************************* TABLETS AND DOWN (SHARED WITH MOBILE)  < 1000 */
@media screen and (max-width: 1000px) { .wrapper { left: 0 !important; }
  #back_to_top { display: none; }
  .mobile_menu_button { display: none; visibility: hidden; opacity: 0; }
  section.parallax_section_holder { min-height: 0 !important; }
  p { font-size: 15px; line-height: 23px; }
  header .header_bottom { box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2); }
  header .header_bottom .side_menu_button { height: 60px !important; padding-right: 40px; }
  header .header_bottom a.side_menu_button_link { display: block; }
  header .header_bottom a.side_menu_button_link i { font-size: 25px; color: #104d46; }
  header .header_bottom .logo_wrapper { height: 60px !important; left: 0; }
  header .header_bottom .logo_wrapper .q_logo a { left: 35px; height: 35px !important; }
  .side_menu { margin-right: -280px; padding-top: 120px; z-index: 1001; -webkit-transition: margin 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s !important; -moz-transition: margin 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s !important; -ms-transition: margin 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s !important; -o-transition: margin 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s !important; transition: margin 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s !important; }
  .side_menu a { font-weight: 600; color: #fff; }
  .right_side_menu_opened { /* a.side_menu_button_link {
	margin-right: -30px;
	padding: 30px;
	opacity: 0 !important;
} */ }
  .right_side_menu_opened .side_menu { margin-right: 0; }
  footer .footer_top_holder .column1 .textwidget, footer .footer_top_holder .column3 .textwidget { padding-top: 5px !important; line-height: 15px; }
  footer .footer_top_holder .column1 .textwidget a, footer .footer_top_holder .column3 .textwidget a { display: block; }
  .home #escuchar { padding: 100px 0; }
  .home #servicios .vc_col-sm-6:last-child .vc_column-inner { padding: 0; }
  .home #controlar { padding: 100px 0; }
  .home #mediacion .vc_col-sm-6:last-child .vc_column-inner { padding: 0; }
  .home #mediacion .vc_col-sm-3 p { padding: 0; font-size: 13px; }
  .home #solucion { padding: 100px 0 150px 0; }
  .home #solucion h2 { padding-right: 0; }
  .home #solucion h2 span { display: block; left: 50%; margin-left: -50px; } }
/* ********************************************************************************************************************* PORTRAIT TABLET TO LANDSCAPE AND DESKTOP  - 768 > 1000 */
/* ********************************************************************************************************************* VERTICAL MOBILES AND DOWN  < 768 */
@media screen and (max-width: 767px) { .paspartu .full_section_inner { margin: 20px 35px; padding: 40px 0; }
  .area-title span { padding: 0 25px; font-size: 17px; line-height: 32px; }
  .area-title:before { margin-bottom: -17px; }
  footer .three_columns > div { margin-bottom: 0 !important; }
  footer .textwidget { padding-left: 0 !important; padding-right: 0 !important; text-align: center; }
  footer .textwidget a { display: inline !important; }
  .touch .content { margin-top: 0 !important; }
  .home #intro .data svg { width: 100%; -moz-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); -webkit-transform: scale(0.7); transform: scale(0.7); }
  .home #intro .data h1 { line-height: 24px; }
  .home #escuchar { padding: 60px 0; }
  .home #escuchar h2 { font-size: 28px; line-height: 37px; }
  .home #servicios .vc_col-sm-6 { margin-top: 50px; }
  .home #servicios .vc_col-sm-6 .vc_column-inner { padding: 0 20px !important; }
  .home #servicios h4 { font-size: 20px; text-align: center; }
  .home #servicios p { text-align: center; }
  .home #controlar { padding: 60px 0; }
  .home #controlar h2 { font-size: 28px; line-height: 37px; }
  .home #mediacion h5 { margin-bottom: 10px; }
  .home #mediacion .vc_col-sm-3 p { margin-bottom: 40px; }
  .home #mediacion .area-title { margin: 50px 0 0 0; }
  .home #mediacion .vc_col-sm-6 { margin-top: 50px; }
  .home #mediacion .vc_col-sm-6 .vc_column-inner { padding: 0 20px !important; }
  .home #mediacion h4 { font-size: 20px; text-align: center; }
  .home #mediacion p { text-align: center; }
  .home #solucion { padding: 60px 0 100px 0; }
  .home #solucion h2 { font-size: 28px; line-height: 37px; }
  .home #solucion h2 span { margin-left: -35px; }
  .home #contacto { padding-bottom: 80px; }
  .home #contacto .wpb_text_column h6, .home #contacto .wpb_text_column p, .home #contacto .wpb_text_column a { font-size: 16px; }
  .home #contacto .wpb_text_column p { padding: 0 15px; }
  .page-legal .wpb_text_column { padding: 0 0 40px 0; }
  .page-legal .wpb_text_column p, .page-legal .wpb_text_column table { font-size: 13px; line-height: 19px; }
  .page-legal .wpb_text_column ul, .page-legal .wpb_text_column ol { list-style: none; margin-top: 40px; font-size: 13px; line-height: 19px; } }
/* ********************************************************************************************************************* SMALL DEVICES  < 350 */