/*
Theme Name: Equipo Juana Crespo
Description: Child theme for Avada theme
Author: Jordi Urpina
Author URI: http://www.estudionumerico.com/
Template: Avada
Version: 1.0.0
Text Domain: EquipoJuanaCrespo
*/

::-moz-selection { /* Code for Firefox */
    color: white;
    background:#A78C6F;
}

::selection {
    color: white;
    background:#A78C6F;
}

#main{
    padding:0 !important;
      background-color: #f1f1f1;
}

.fusion-text.fusion-text-21{
	width:100%;
	
}
/* Correcciones*/

@media screen and (max-width:1024px){
    .mob-standard-logo{
		height: auto !important;
    }
}
.fusion-main-menu > ul > li {
    padding-right: 40px !important;
}
.fusion-secondary-header, .fusion-secondary-header a {
    color: #ffffff !important;
    font-size: 22px !important;
}
/*body.page-id-31491 .flip-box-heading, body.page-id-32604 .flip-box-heading, body.page-id-32645 .flip-box-heading {font-size: 22px !important;}

body.page-id-31491 .wpcf7-text, body.page-id-32604 .wpcf7-text, body.page-id-32645 .wpcf7-text  {border-radius: 7px;}

body.page-id-31491 .cf7ic_instructions, body.page-id-32604 .cf7ic_instructions, body.page-id-32645 .cf7ic_instructions {display: inline !important; color: white;}

body.page-id-31491 .wpcf7-list-item, body.page-id-32604 .wpcf7-list-item, body.page-id-32645 .wpcf7-list-item {color: white}

body.page-id-31491 .captcha-image label, body.page-id-32604 .captcha-image label, body.page-id-32645 .captcha-image label {vertical-align: middle;}

body.page-id-31491 .fusion-tabs .tab-pane, body.page-id-32604 .fusion-tabs .tab-pane, body.page-id-32645 .fusion-tabs .tab-pane {padding: 30px 60px !important;}

body.page-id-31491 .fusion-accordian #accordian-1 .panel-title a:hover, body.page-id-32604 .fusion-accordian #accordian-1 .panel-title a:hover, body.page-id-32645 .fusion-accordian #accordian-1 .panel-title a:hover {color: black !important;}

body.page-id-31491 .fusion-tab-heading, body.page-id-32604 .fusion-tab-heading, body.page-id-32645 .fusion-tab-heading {font-family: 'Montserrat' !important; color: #676767 !important;}

body.page-id-31491 .wpcf7-submit, body.page-id-32604 .wpcf7-submit, body.page-id-32645 .wpcf7-submit {background: #a68e6e !important;}
*/

.fusion-secondary-header, .fusion-alignleft, .fusion-alignright {
	/*height: 30px !important;*/
	background-color: #A78C6F!important;
}
#wpcs_tab_13155, #wpcs_tab_17974, #wpcs_tab_24814 {
    top: 450px !important;
	font-size: 20px !important;
	font-weight: bold !important;
	height: 50px !important;
	border-width: 2px !important;
	width: auto !important;
	padding: 5px 10px !important;
}
#wpcs_tab_13155 {
	right: -92px !important;
	letter-spacing: 2px;
}
#wpcs_tab_17974 {
	right: -100px !important;
}
#wpcs_tab_24814 {
	right: -120px !important;
}
.blog .gallery-cell {
    width: 200% !important;
	align-content: center;
}
.descTratamiento p {
	padding: 5%;
	margin: 0;
	font-size: 18px;
}
.post-content {
    padding-top: 20px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
}
.paginaTratamientos .left .contenidoTratamiento {
    position: relative;
}
.logoFooter{
   border-bottom: none;
    margin: 0 auto;
    min-width: 110px;
    padding-bottom: 15px;
    width: 33%;
}
.logoFooter img{
    width:100%;
}
.fusion-footer-copyright-area{
    padding-bottom:0 !important;
}
footer .big {
    font-size: 1.5em;
}
.footerRight{
    text-align:right;
}
.footerRight a{
   font-size:14px;
}

.wp-submit{
    background-color:#A78C6F !important;
    border-color: #A78C6F #A78C6F #A78C6F !important;
    box-shadow: 0 1px 0 #A78C6F !important;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 -1px 1px #A78C6F, 1px 0 1px #A78C6F, 0 1px 1px #A78C6F, -1px 0 1px #A78C6F !important;
}
.widget .fusion-social-networks .fusion-social-networks-wrapper{
    text-align:center;
}

.flexslider .slides img{
	width:95%!important;
	margin:auto!important;
	
}
#wrapper #main .post > h2.fusion-post-title{
	text-align:center!important;
	
}
#menu-social-1, #menu-social-en-1 {
    text-align:center;
    padding: 0;
}
#menu-social, #menu-social-en {
    margin: 0 30px 0 0;
}
#menu-social li, #menu-social-en-1 li{
    cursor: pointer;
    list-style-type: none;
    display: table-cell;
    color: #af987c;
    text-align:center;
    margin: 0;
    padding: 0;
}
#menu-social-1, #menu-social-en-1 {
    width:100%;
}
#menu-social-1 li, #menu-social-en-1 li{
    display:inline-block !important;
    list-style-type:none;
	font-size: 30px;
    margin: 0 10px;
}
#menu-social-1 li .menu-image-title-after:before,
#menu-social-en-1 li .menu-image-title-after:before {
    content: " " !important;
}
#menu-social-italiano-1 {
	text-align: center;
	padding: 0;
	width: 100%;
}
#menu-social-italiano-1 li {
	display: inline-block !important;
	list-style-type: none;
	color: #af987c;
	text-align: center;
	margin: 0;
	padding: 0;
}
.sub-menu li, .sub-menu li a {
    font-size: 15px !important;
    color: #af987c;
    background-color: #ffffff;
    font-family: 'zwo';
font-size: 20px;
}
.fusion-logo {
    max-width: 300px;
}
.fusion-logo a {
    display: block;
    max-width: 100%;
}
.fusion-is-sticky .fusion-logo img {
}
#menu-social li .menu-text {
    font-size: 13px !important;
}
.fusion-secondary-menu > ul > li > a {
    height: 27px !important;
}
.fusion-contact-info {
    line-height: 26px !important;
}
.fusion-footer-widget-area .widget li a::before {
	display: none;
}
.menu-item a img{
    margin-right: 6px;
    max-height: 19px;
    vertical-align: middle;
    width: auto;
}
.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s; 
  -webkit-animation-fill-mode: both; 
          animation-fill-mode: both;
}
.block{
	display:block !important;
	}
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(10deg);
            transform: perspective(400px) rotateX(10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(5deg);
            transform: perspective(400px) rotateX(5deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
    opacity: 1;
	display:block;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(10deg);
            transform: perspective(400px) rotateX(10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(5deg);
            transform: perspective(400px) rotateX(5deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
    opacity: 1;
	display:block;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
          transform-origin: 50% 0 0;
}
.compositionWrapper {
    width:100%;
    position:relative;
    padding-top:200px;
}
.home .fusion-footer .compositionWrapper {
    background-color:#f1f1f1;
}
.composition{
	width:35% !important;
	min-width: 350px;
	position:absolute;
	bottom:0;
	max-width:521px;
	margin:0 auto  !important;
	left:0;
	right:0;
	z-index:2;
	}
.compositionFooter {
    bottom: 0;
    left: 0;
    margin: 0 auto;
    max-width: 600px;
    min-width: 300px;
    position: absolute;
    right: 0;
    width: 50%;
    z-index: 20;
}
#image1, #image2, #image3, #image4, #image5, #image6, #image7, #image8, #image9, #image10 {
    opacity: 1;
    bottom: 0;
    display:inline-block;
   
}
.compositionFooter .image7 {
    width: 36%;
}
.compositionFooter .image7 {
    animation-delay: 0.2s;
    animation-duration: 0.5s;
    transform-origin: center bottom 0;
}
.composition .image1, .compositionFooter .image8 {
    animation-delay: 0s;
    animation-duration: 0.5s;
    transform-origin: center bottom 0;
}
.composition .image2, .compositionFooter .image9 {
    animation-delay: 0.4s;
    animation-duration: 0.5s;
    transform-origin: center bottom 0;
}
.composition .image3, .compositionFooter .image9{
    width:40%;
    position: relative;
	}
.composition .image2{
	width:60%;
	}
 .composition .image4{
margin-left:10%;
 -webkit-animation-duration: 0.7s;
          animation-duration:0.7s;
  -webkit-animation-delay: 0.5s;
          animation-delay:  0.5s;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
 }
.composition .image5{
 margin-left:50%;
  
 -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
 }
.composition .image6{
  display:inline-block;
   
 -webkit-animation-duration: 0.7s;
          animation-duration:0.7s;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
 }
.composition .image1 img , .composition .image2 img , .composition .image3 img, .composition .image4 img , .composition .image5 img, .composition .image6 img .image7 img .image8 img  {
	width:100% !important;
	height:auto !important;
	}
.compositionFooter .image8{
	 width: 20%;
   }
.composition .image1,.composition .image2, .composition .image3,.compositionFooter .image7, .compositionFooter .image8, .compositionFooter .image9 {
    display: inline-block;
    vertical-align:bottom;
}
.composition .image1, .composition .image3{
	width:18%;
	 height:auto !important;
	}
.compositionFooter .image7 img, .compositionFooter .image8 img, .compositionFooter .image9 img {
    width: 100% !important;
    height:auto !important;
}
.btn-corner {
  position: relative;
  font-size: 20px;
  text-transform: uppercase;
  top: 50%;
  font-family: "zwo";
  padding: 10px 10px 10px 10px;
  transform: translateY(-50%);
  border-radius: 0;
  border: none;
  background: transparent;
  color: white;
 -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.second{
	cursor:pointer !important;
    text-align:center !important;
	}
.second a{
	color:white;
	text-decoration:none;
	
	}
.btn-corner span {
  position: absolute;
  background-color: white;
  display: block;
  transition: all 200ms;
}
.btn-corner .line1,
.btn-corner .line3 {
  height: 1px;
  width: 20px;
}
.btn-corner .line2,
.btn-corner .line4 {
  height: 20px;
  width: 1px;
  margin:0;
}
.btn-corner .line1,
.btn-corner .line2 {
  top: 0;
  right: 0;
}
.btn-corner .line3,
.btn-corner .line4 {
  bottom: 0;
  left: 0;
}
.btn-corner.reverse .line1,
.btn-corner.reverse .line3 {
  width: 100%;
}
.btn-corner.reverse .line2,
.btn-corner.reverse .line4 {
  height: 100%;
}
.btn-corner:hover,
.btn-corner:active {
  background-color: transparent;
  color: white;
}
.btn-corner:hover .line1,
.btn-corner:active .line1,
.btn-corner:hover .line3,
.btn-corner:active .line3 {
  width: 100%;
}
.btn-corner:hover .line2,
.btn-corner:active .line2,
.btn-corner:hover .line4,
.btn-corner:active .line4 {
  height: 100%;
}
.btn-corner:hover.reverse .line1,
.btn-corner:active.reverse .line1,
.btn-corner:hover.reverse .line3,
.btn-corner:active.reverse .line3 {
  width: 20px;
}
.btn-corner:hover.reverse .line2,
.btn-corner:active.reverse .line2,
.btn-corner:hover.reverse .line4,
.btn-corner:active.reverse .line4 {
  height: 20px;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  opacity:1 !important;
}
@-webkit-keyframes flipInX1 {
  0% {
    -webkit-transform: perspective(400px) rotateX(-90deg);
            transform: perspective(400px) rotateX(-90deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
    opacity: 0;
  }

  20% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
            transform: perspective(400px) rotateX(-5deg);
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(70deg);
            transform: perspective(400px) rotateX(70deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
  }
  
  60% {
    -webkit-transform: perspective(400px) rotateX(-40deg);
            transform: perspective(400px) rotateX(-40deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
  }
  
  80% {
    -webkit-transform: perspective(400px) rotateX(10deg);
            transform: perspective(400px) rotateX(10deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
  }
  
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
    opacity: 1;
  }
}

@keyframes flipInX1 {
   0% {
    -webkit-transform: perspective(400px) rotateX(-90deg);
            transform: perspective(400px) rotateX(-90deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
    opacity: 0;
  }

  20% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
            transform: perspective(400px) rotateX(-5deg);
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(70deg);
            transform: perspective(400px) rotateX(70deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
  }

  
  80% {
    -webkit-transform: perspective(400px) rotateX(-40deg);
            transform: perspective(400px) rotateX(-40deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
  }
  
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
    opacity: 1;
  }
}

.flipInX1 {
   -webkit-animation-duration: 3s;
          animation-duration: 3s; 
  -webkit-animation-fill-mode: both; 
          animation-fill-mode: both;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX1;
          animation-name: flipInX1;
		  
}
@-webkit-keyframes show {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
	opacity:0;
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
	opacity:1;
  }
}

@keyframes show {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
	opacity:0;
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
	opacity:1;
  }
}
.show {
   -webkit-animation-duration: 3s;
          animation-duration: 3s; 
  -webkit-animation-fill-mode: both; 
          animation-fill-mode: both;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: show;
          animation-name: show;
		  
}
.rs-fullvideo-cover {
    width:100%;
	background-attachment: scroll;
    background-clip: border-box;
    background-image: url("https://www.juanacrespo.es/wp-content/uploads/2016/11/grid.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
	background-color:rgba(0,0,0,.65);
}
.scroll{
	width:50px;
	height:50px;
	margin:30px auto;
	
	}
.scroll svg{
	height: 41px;
  -webkit-transition: opacity .4s ease-in-out .9s;
  transition: opacity .4s ease-in-out .9s;
	}
svg:not(:root) {
  overflow: hidden;
}

.scroll svg path {
  fill: rgba(255, 255, 255, 0);
  stroke: #FFF;
  stroke-dasharray: 51,0;
  stroke-dashoffset: 109;
  -webkit-transition: stroke-dasharray 1.3s cubic-bezier(0.74, 0.05, 0.12, 0.99) 0.9s;
  transition: stroke-dasharray 1.3s cubic-bezier(0.74, 0.05, 0.12, 0.99) 0.9s;
}

.scroll svg circle {
  fill: #FFF;
  -webkit-animation: cb-scroller-mouse-circle ease-in-out 1.9s infinite;
  animation: cb-scroller-mouse-circle ease-in-out 1.9s infinite;
}
video[poster]{
	height:100% !important;
	position:absolute;
	right:0;
	top:0;
	min-width:100%;
	}
@-webkit-keyframes cb-scroller-mouse-circle {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
    opacity: 0;
  }
}

@keyframes cb-scroller-mouse-circle {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 0;
  }
  40% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
    opacity: 0;
  }
}
#paginaDerechos {
		width: 76% !important;
		margin: 0 12% !important;
}

.descarga h3 {
	font-size: 1.2em !important;
}	
.derechos-files  {
	border-top: 1px solid #a78c6f;
}	
.derechos-files .descarga {
	border-bottom: 1px solid #a78c6f;
}
.avisos-privacidad .fusion-button {
	   width: 100% !important;
	   font-size: 0.7em;
	}

@media screen and (min-width:980px){
	.fusion-page-title-captions{
	    bottom: 25px;
	}
}
@media screen and (max-width:600px){
	.fusion-page-title-bar .fusion-page-title-row h1 {
	    font-size: 40px !important;
	    line-height: 1.2 !important;
	}
	#paginaDerechos {
		width: 100% !important;
		margin: 0 !important;
	}
	#paginaDerechos .file img {
	    width: 40%;
	    height: auto;
	    margin: 0 30%;
	}
	.descarga h3 {
		font-size: 1.4em !important;
    	font-weight: bolder !important;
    	line-height: 1.2em !important;
	}	
}
.fusion-page-title-secondary{
    position:relative;
}
.fusion-breadcrumbs{
    position: absolute;
    bottom: 30px;
    right: 0;
}
#fusion-testimonials-1 a{
    border-color:#a78c6f !important;
}
#fusion-testimonials-1 a:hover, #fusion-testimonials-1 .activeSlide{
    background-color:#a78c6f !important;
}
.fusion-testimonials .testimonial-pagination a{
    border-radius:0 !important;
    height: 30px;
    width: 5px;
}
.fusion-testimonials.clean blockquote q{
    letter-spacing:0;
    font-style:normal;
}
.cube {
  width: 315px;
  height: 50px;
  -webkit-transition: all 800ms ease-in-out;
  -moz-transition: all 800ms ease-in-out ;
  -o-transition: all 800ms  ease-in-out;
  transition: all 800ms ease-in-out;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  text-align: center;
  margin: 0 auto;
}
/* The two faces of the cube */
.default-state,
.active-state {
 height: 60px;
}
/* Position the faces */
.default-state {
  -webkit-transform: translateZ(24px);
  -moz-transform: translateZ(24px);
  -o-transform: translateZ(24px);
  -ms-transform: translateZ(24px);
  transform: translateZ(24px);
}
.flip-to-top .active-state {
  -webkit-transform: rotateX(90deg) translateZ(90px);
  -moz-transform: rotateX(90deg) translateZ(90px);
  -o-transform: rotateX(90deg) translateZ(90px);
  -ms-transform: rotateX(90deg) translateZ(90px);
  transform: rotateX(90deg) translateZ(90px);
}
.flip-to-bottom .active-state {
  -webkit-transform: rotateX(-90deg) translateZ(-90px);
  -moz-transform: rotateX(-90deg) translateZ(-90px);
  -o-transform: rotateX(-90deg) translateZ(-90px);
  -ms-transform: rotateX(-90deg) translateZ(-90px);
  transform: rotateX(-90deg) translateZ(-90px);
}

/* Rotate the cube */
.flipCube {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.flipCube2 {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.default-state,
.active-state {
  background: #888888;
  text-transform: uppercase;
 
  -webkit-transition: background 250ms ease;
  -moz-transition: background 250ms ease;
  -o-transition: background 250ms ease;
  transition: background 250ms ease;
}
.default-state span{
  font-size: 21px !important;
  color: #fff !important;
  line-height: 50px !important;
}
.active-state span{
  font-size: 21px !important;
  color: #fff !important;
  line-height: 50px !important;
}
.cube:hover .default-state {
  background:#888888;
}
.active-state {
  background: #A78C6F;
}
/* experiencia */
.experiencia {
    background-color: #5e5e60;
    color: white;
    padding: 50px 0 0;
    text-align: center;
    position:relative;
}
#circle{
	width:74px;
	height:72px;
	position:absolute;
	margin:0 auto;
	top: -83px;
	left:0;
	right:0;
	background-image:url(https://www.juanacrespo.es/wp-content/uploads/2016/12/circle-decoration.png);
	z-index:1;
	}
.containerCircleSmall{
	position:relative;
	}
#circleSmall{
	width:41px;
	height:41px;
	position:absolute;
	margin:0 auto;
	top:-327px;
	right:-20px;
	background-image:url(https://www.juanacrespo.es/wp-content/uploads/2017/04/circle-decoration-small.png);
	z-index:1;
	-webkit-transform: scale(0);
	-webkit-transition: transform 0.3s ease-out;
	transform: scale(0);
	transition: transform 0.3s ease-out;
	}

#circleSmall5, #circleSmall6, #circleSmall7,  #circleSmall8,  #circleSmall9, #circleSmall10, #circleSmall11, #circleSmall12, #circleSmall13,  #circleSmall14,  #circleSmall15, #circleSmall116 {
	width:20px;
	height:20px;
	position:absolute;
	margin:0 auto;
	top:-13px;
	left:0;
	right:0;
	background-image:url(https://www.juanacrespo.es/wp-content/uploads/2017/04/circle-decoration-small.png);
	background-size:cover;
	z-index:1;
	opacity:1;
	}

.zap {
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important;
	
	}
.linesContainer{
	margin-top:20px;
	width:75%;
	margin:0 auto;
	position:relative;
	}

.linesContainer p, .linesContainer br{
    display:none;
}
.especialidades .linesContainer{
	margin-top:50px;
	}

.tratamientos .linesContainer{
	margin-top:50px;
	}
.descEspecialidad a{
    color: white;
    background: #A78C6F;
    padding:5px 10px;
    display:block;
    margin-top:20px;
    width:100px;
    text-align:center;
    -webkit-transition: all 0.5 ease-in;
    transition: all 0.5 ease-in;
   
}

.single-especialidad #main, .single-tratamiento #main {
	background-color: #f1f1f1 !important;
}

.single-especialidad .blog, .single-tratamiento .blog {
    position: relative;
    z-index: 0 !important;
    width: 80% !important;
    margin: 0 10% !important;
    order: 4;
}
.submenuTratamientos {
    text-align: center;
    margin-bottom: 25px;
    background-color: #a78c6f;
    column-count: 7;
}
.submenuTratamientosResultados {
    text-align: center;
    margin-bottom: 25px;
    background-color: #a78c6f;
    column-count: 4;
}
.submenuEspecialidades {
    text-align: center;
    margin-bottom: 25px;
    background-color: #a78c6f;
    column-count: 8;
    padding-left: 0;
}
.menutratamiento {
    position: relative;
    /*margin: 0 20px;*/
    padding: 5px;
    text-align: center;
    width: 100%;
}
.menuespecialidades {
    position: relative;
    margin: 0;
    padding: 5px;
    text-align: center;
    width: 100%;
}
@media screen and (max-width:1100px){
	.menu-text, .fusion-bar-highlight, .fusion-mobile-nav-holder .wpml-ls-item .sub-menu a > span {
		text-align: center;
		display: block !important;
	}
	.submenuTratamientos, .submenuEspecialidades, .submenuTratamientosResultados {
	    column-count: 4;
	    padding-left: 0;
	}
	.menutratamiento, .menuespecialidades {
	    margin: 0;
	    padding: 5px;
	}
}
@media screen and (max-width:800px){
	.submenuTratamientos, .submenuEspecialidades  {
	    column-count: 3;
	    padding-left: 0;
	}
	.menutratamiento, .menuespecialidades {
	    margin: 0;
	    padding: 5px;
	}
	.submenuTratamientosResultados {
		column-count: 2;
	    padding-left: 0;
	}
}
@media screen and (max-width:650px){
	.submenuTratamientos, .submenuEspecialidades {
	    column-count: 2;
	    padding-left: 0;
	}
	.menutratamiento, .menuespecialidades {
	    margin: 0;
	    padding: 5px;
	}
	.submenuTratamientosResultados {
		column-count: 1;
	    padding-left: 0;
	}
}
@media screen and (max-width:500px){
	.blog .cube {
		margin-bottom: 0 !important;
	}
	.submenuTratamientos, .submenuEspecialidades, .submenuTratamientosResultados {
	    column-count: 1;
	    padding-left: 0;
	}
	.menutratamiento, .menuespecialidades {
	    margin: 0;
	    padding: 5px;
	}
}
.menutratamiento a, .menuespecialidades a {
    color: #fff !important;
}
.descTratamiento a{
    color: white;
    background: #A78C6F;
    padding:5px 10px;
    display:block;
    margin-top:20px;
    width:100px;
    text-align:center;
    -webkit-transition: all 0.5 ease-in;
    transition: all 0.5 ease-in;
}


.descTratamiento a:hover{
    opacity:0.8;
}

.descTratamientos a{
    color: white;
    background: #A78C6F;
    padding:5px 10px;
    display:block;
    margin-top:20px;
    width:100px;
    text-align:center;
    -webkit-transition: all 0.5 ease-in;
    transition: all 0.5 ease-in;
   
}
.descTratamientos a:hover{
    opacity:0.8;
}


.line2{
	margin-top:-4px;
	width:50%;
	overflow:hidden;
	position:relative;
	}
.line3{
	margin-top:-2px;
	text-align:left;
	overflow:hidden;
	position:relative;
	}
.line4{
	margin-top:-5px;
    overflow:hidden;
	position:relative;
	}
.line5{
	text-align:right;
	}
.line6{
	overflow:hidden;
	margin-top:-5px;
	}
.line7{
	text-align:left;
	margin-top:-2px;
	position:relative;
	}
.line8{
	width:50%;
	margin-top:-5px;
	overflow:hidden;
	float:left;
	}
.line9{
	margin-top:-5px;
	width:50%;
	float:left;
	text-align:right;
	}
.textExperiencia{
	float:left;
	width:40%;
	padding-left:4%;
	text-align:left;
	padding-top:5%;
	}
.textExperiencia h1{
    color:white !important;
	font-size:2em;
	text-transform:none;
	margin-bottom:5px;
	}
.textExperiencia h3{
	font-size:1.2em;
	color:#A78C6F;
	margin-bottom:5px;
	}
.textExperiencia p{
	margin-top:0;
	display:block;
	font-size:18px;
	}

.icon{
	/* Firefox */
	width: -moz-calc(96% - 2px);
	/* WebKit */
	width: -webkit-calc(96% - 2px);
	/* Opera */
	width: -o-calc(96% - 2px);
	/* Standard */
	width:calc(96% - 2px);

	position:relative;
	padding:50px 4% 0 0;
	text-align:center;
	}
.row-1{
	float:right;
	}
.row-2{
	float:left;
	}
.block-icon{

position:relative;
	}
.block-icon, .block-icon1{
	/* Firefox */
	width: -moz-calc(100% / 3);
	/* WebKit */
	width: -webkit-calc(100% / 3);
	/* Opera */
	width: -o-calc(100% / 3);
	/* Standard */
	width:calc(100% / 3);
	float:left;
	position:relative;

	}
.block-icon h2, .block-icon1 h2{
	font-weight:normal;
	font-size:2em !important;
	margin:15px 0 0;
	padding:0;
	color:white !important;
	}
.block-icon .img {
    height: 80px;
    margin: 0 auto;
    text-align: center;
    width: 40%;
}
.block-icon .img img {
    width:auto;
	height:80%;
}
.block-icon p, .block-icon p {
	font-size:1em;
	margin:0;
	display:block;
	}
#icon1, #icon2, #icon3, #icon4, #icon5, #icon6{
	/* opacity:0;*/
	/*visibility:hidden;*/
	}
#icon1{
   -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
		  
 
		 }
#icon2{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  
		 }
#icon3{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;

		 }

#icon4{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
 
		 }		
#icon5{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;

		 }
#icon6{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  
		 }
#icon7{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
 -webkit-transform-origin: center;
          transform-origin: center;
		 }
#icon8{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-transform-origin: center;
          transform-origin: center;
		 }
#icon9{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-transform-origin: center;
          transform-origin: center;
		 }
@-webkit-keyframes flipInX2 {
  0% {
    -webkit-transform: perspective(400px) rotateX(-90deg);
            transform: perspective(400px) rotateX(-90deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
            transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
            transform: perspective(400px) rotateX(-5deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
    opacity: 1;
	display:block !important;
  }
}

@keyframes flipInX2 {
  0% {
    -webkit-transform: perspective(400px) rotateX(-90deg);
            transform: perspective(400px) rotateX(-90deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
            transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
            transform: perspective(400px) rotateX(-5deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
    opacity: 1;
	display:block !important;
  }
}

.flipInX2 {
   -webkit-animation-duration: 3s;
          animation-duration: 3s; 
  -webkit-animation-fill-mode: both; 
          animation-fill-mode: both;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
	 -webkit-animation-name: flipInX1;
          animation-name: flipInX1;
		  
}
.block-icon2{
    
	/* Firefox */
	width: -moz-calc(100% / 3);
	/* WebKit */
	width: -webkit-calc(100% / 3);
	/* Opera */
	width: -o-calc(100% / 3);
	/* Standard */
	width:calc(100% / 3);
	float:left;
	opacity:1;
	}


.zoomIn {
	 -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
 -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity:1;
		
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1 !important;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1 !important;
  }
}
.line7 svg{
	float:left;
	}
.row-3{
	float:left;
	width:50%;
	position:absolute;
	left:-80px;
	bottom:-80px;
	}

.block-icon2 p{
	padding: 50px 0;
    width: 150px;
	border-radius:50% 50%;
	background-color:#A78C6F;
	float:left;
	display:block;
	}

/* end experiencia */
/* clinica */
#paginaClinica{
    width:80% !important;
    padding-top:100px;
    margin:0 auto;
    position:relative;
}
.clinica h2 {
    color: #5e5e60;
    font-size: 3em;
    font-weight: normal;
    margin-bottom: 15%;
    margin-top: 5%;
    text-align: center;
    text-shadow: 3px 2px 0 #ccc;
    text-transform: uppercase;
}

#galeria{
    padding:50px 15px;
}
#galeria ul{
    margin:0;
    padding:0;
}
.fotos li{
    list-style-type:none;
}
#galeria .gallery-cell {
    border:5px solid white;
    float: left;
    margin: 0 0.5%;
    width: 24% !important;
    overflow:hidden;
    position:relative;
    height:50vh;
}
.medicosGalleria .gallery-cell {
    border: 5px solid white;
    float: left;
    margin: 0 0.5%;
    width: 19% !important;
    overflow: hidden;
    position: relative;
    background-color:white;
    
}
.page-template-homepage .flickity-page-dots {
    position: unset !important;
}
.medicosGalleria .flickity-prev-next-button.next {
    right: 50px;
}
.medicosGalleria .flickity-viewport{
    min-height:400px !important;
}
#paginaClinica .flickity-prev-next-button.previous{
    left:-50px;
}
#paginaClinica .flickity-prev-next-button.next{
    right:-50px;
}
.visita h2{
    width:100%;
    font-size:2.8em;
    text-transform:uppercase;
    border-bottom:2px solid #A78D6F;
    text-align:center;
}
#imageSymbol {
    min-width: 150px;
    position: absolute;
    width: 11%;
}
#symbol {
    overflow: hidden;
    padding: 100px 0;
    position: relative;
    width: 100%;
}
a.white{
    color:white !important;
}
a.white:hover{
    color:#A78C6F !important;
}
#main .post h2 a, a, h2{
    color:#676767 ;
}
.datosClinica h2{
    font-size:2em;
    text-transform:uppercase;
    margin:0 auto;
    padding:0 auto;
}
.datosClinica h3{
    margin:0 auto;
    padding:0 auto;
}
.datosClinicaText{
    margin-top:30px;
    font-size:0.9em;
}
.datosClinicaText strong{
   color:#A78C6F;
}
.clinicaTitulo, .valorTitulo{
    margin:0 auto !important;
    padding:0 auto !important;
}
.valor h3 {
    color: #a78d6f;
    font-size: 2em !important;
    font-weight: normal;
    margin: 0 0 40px;
    padding: 0;
}
.valorTitulo h2{
    color: white !important;
    font-size: 2em  !important;
    font-weight: normal;
    margin: 0 0 40px;
    padding: 0;
}
.containerImg {
    background-color: rgba(0, 0, 0, 0.6);
    background-size: cover;
    position: relative;
    color:white !important;
}
/* end clinica */
/* textos legales */
.colorStyle, .colorStyle h1, .colorStyle h2, .colorStyle h3{
    color:#a78c6f !important;
}
#titleContact{
    width:80%;
    margin:100px auto;
    border-bottom:2px solid #A5856E;
    font-size:2.8em ;
    text-align:center;
    font-weight:normal;
}
/* end textos legales */
/* contacto */
#datosContacto{
    color:white !important;
}
#datosContacto h3{
    color:white !important;
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}
#envioContact{
    background-color:#a78c6f !important;
    width:100% !important;
    /*margin-top:20px;*/
}
#btnContact{
    margin-top:50px;
}
/* end contacto */
/* blog */
.fusion-icon-bubbles::before {
content:url(https://www.juanacrespo.es/wp-content/uploads/2016/11/especialidades-clinica-fertilidad.png) !important;

}
.fusion-icon-bubbles-tratamientos::before {
content:url(https://www.juanacrespo.es/wp-content/uploads/2016/11/Tratamientos-clinica-fertilidad.png) !important;

}
body.single-post #content p strong {
	color: #212121;
}

/* end blog */
.clearfix{clear:both;}
.embed-container { position: relative;  padding-bottom: 55.25%; height: 0; overflow: hidden; max-width: 100%; border:5px solid white; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#fusion-gmap-container .embed-container{padding-bottom: 25%;}

/*css old*/
@-webkit-keyframes show {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
	opacity:0;
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
	opacity:1;
  }
}

@keyframes show {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
	opacity:0;
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
	opacity:1;
  }
}

.show {
   -webkit-animation-duration: 3s;
          animation-duration: 3s; 
  -webkit-animation-fill-mode: both; 
          animation-fill-mode: both;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: show;
          animation-name: show;
		  
}
.box{
  background: #ccc;
  margin: 1px auto;
  cursor: pointer;
  opacity:0;
  width: 0;
  height: 0;
}


#box1, #box7{
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}

#box2, #box8{
  -webkit-animation-duration:0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}

#box3, #box9{
  -webkit-animation-duration:0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.4 s;
          animation-delay: 0.4s;
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}

#box4, #box10{
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}
#box5, #box11{
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}
#box6, #box12{
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-transform-origin: 50% 0%;
          transform-origin: 50% 0%;
}
.composition{
	width:35%;
	min-width: 300px;
	position:absolute;
	bottom:-6px;
	max-width:521px;
	margin:0 auto;
	left:0;
	right:0;
	z-index:2;
	}
.composition .image1,.composition .image2, .composition .image3, .compositionFooter .image7, .compositionFooter .image8, .compositionFooter .image9 {
	display:inline-block;
	}
.composition .image1, .composition .image3{
	width:18%;
	}
.composition .image1, .compositionFooter .image8 {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
		 }
.composition .image2, .compositionFooter .image7{
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
		 }
.composition .image3, .compositionFooter .image9{
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
		 }

.composition .image2{
	width:60%;
	}
.composition .image1 img , .composition .image2 img , .composition .image3 img {
	width:100%;
	}
 .composition .image4, .composition .image5, .composition .image6.composition .image7{
	 display:inline-block;
	 }
 .composition .image4{
margin-left:10%;
 -webkit-animation-duration: 0.7s;
          animation-duration:0.7s;
  -webkit-animation-delay: 0.5s;
          animation-delay:  0.5s;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
 }
.composition .image5{
 margin-left:50%;
 -webkit-animation-duration: 0.7s;
          animation-duration: 0.7s;
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
 }
.composition .image6{

 -webkit-animation-duration: 0.7s;
          animation-duration:0.7s;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
 }

.composition .image7{

 -webkit-animation-duration: 0.7s;
          animation-duration:0.7s;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
 }

.composition .image8{

 -webkit-animation-duration: 0.7s;
          animation-duration:0.7s;
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
 }


 @-webkit-keyframes flipIcon {
  0% {
    -webkit-transform: perspective(400px) rotateX(-90deg);
            transform: perspective(400px) rotateX(-90deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
            transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
            transform: perspective(400px) rotateX(-5deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
    opacity: 1;
  }
}

@keyframes flipIcon {
  0% {
    -webkit-transform: perspective(400px) rotateX(-90deg);
            transform: perspective(400px) rotateX(-90deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
            transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
            transform: perspective(400px) rotateX(-5deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
    opacity: 1;
  }
}

.flipIcon {
   -webkit-animation-duration: 2s;
          animation-duration: 2s; 
  -webkit-animation-fill-mode: both; 
          animation-fill-mode: both;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
		  
}
 /*info section*/
.perspectiveH1 {
       -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  perspective: 1000px;
}
.descipcion{
	padding:50px 0;
	text-align:center;
	position:relative;
	z-index:0 !important;
	-webkit-transform:translateZ(1px);
    -moz-transform:translateZ(1px);
    -o-transform:translateZ(1px);
    transform:translateZ(1px);
	}
.cube {
  width: 315px;
  height: 50px;
  -webkit-transition: all 800ms ease-in-out;
  -moz-transition: all 800ms ease-in-out ;
  -o-transition: all 800ms  ease-in-out;
  transition: all 800ms ease-in-out;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  position:relative;
  z-index:1;

}
/* The two faces of the cube */
.default-state,
.active-state {
 height: 50px;

}
/* Position the faces */
.default-state {
  -webkit-transform: translateZ(24px);
  -moz-transform: translateZ(24px);
  -o-transform: translateZ(24px);
  -ms-transform: translateZ(24px);
  transform: translateZ(24px);
}
.flip-to-top .active-state {
  -webkit-transform: rotateX(90deg) translateZ(90px);
  -moz-transform: rotateX(90deg) translateZ(90px);
  -o-transform: rotateX(90deg) translateZ(90px);
  -ms-transform: rotateX(90deg) translateZ(90px);
  transform: rotateX(90deg) translateZ(90px);
}
.flip-to-bottom .active-state {
  -webkit-transform: rotateX(-90deg) translateZ(-90px);
  -moz-transform: rotateX(-90deg) translateZ(-90px);
  -o-transform: rotateX(-90deg) translateZ(-90px);
  -ms-transform: rotateX(-90deg) translateZ(-90px);
  transform: rotateX(-90deg) translateZ(-90px);
}

/* Rotate the cube */
.flipCube {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.flipCube2 {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}

.descipcion h1 {
  font-size: 20px;
  text-align: center;
}
.cube {
  text-align: center;
  margin: 0 auto;
}
.default-state,
.active-state {
  background: #888888;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  line-height: 50px;
  -webkit-transition: background 250ms ease;
  -moz-transition: background 250ms ease;
  -o-transition: background 250ms ease;
  transition: background 250ms ease;
}
.cube:hover .default-state {
  background:#888888;
}
.active-state {
  background: #A78C6F;
}
#flipto {
  display: block;
  text-align: center;
  text-decoration: none;
  margin-top: 0px;
  color: #ccc;
}
/*gallery description*/
.gallery-cell {
  width: 100%!important; /* full width */
  height: auto; /* height of gallery is auto from img */
  margin-right: 10px!important;
}

.gallery-cell img{
  width: 100%!important; /* full width */
}

.gallery-cell h2{
  font-size:2em;
  color:#a78d6f;
  font-weight:normal;
  margin-bottom:50px;
}
.gallery-cell p{
	width:45%;
	margin:15px auto;
	}
.gallery-cell p:last-child{
	margin-bottom:50px !important;
	}
.main-gallery{
	margin:50px auto;
	padding: 0;
	}
/* position dots in gallery */
.flickity-page-dots {
  bottom: 12px;
}

.flickity-page-dots .dot {
  width: 8px;
  height: 8px;
  opacity: 1;
  background: transparent;
  border: 2px solid white;
}

.flickity-page-dots .dot.is-selected {
  background: white;
}
.flickity-viewport, #galeria .gallery-cell{
    min-height:200px !important;
}
/* if prevNextButtons: true, */
.flickity-prev-next-button{background:none;}
.flickity-prev-next-button:hover{background:none;opacity:0.5}
.flickity-prev-next-button .arrow {fill:#fff;}


.experiencia{
	background-color:#5e5e60;
	padding:50px 0 0;
	text-align:center;
	color:white;
	}
.experiencia h1{
	font-size:3em;
	text-transform:uppercase;
	}
.experiencia h3{
	font-size:1,2em;
	margin-top:0;
	}
.experiencia h1, .experiencia h3{
	font-weight:normal;
	margin-bottom:0;
		z-index:2;
		position:relative;
	}
#circle{
	width:74px;
	height:72px;
	position:absolute;
	margin:0 auto;
	top:-35px;
	left:0;
	right:0;
	background-image:url(https://www.juanacrespo.es/wp-content/uploads/2017/04/circle-decoration.png);
	z-index:1;
	}
.containerCircleSmall{
	position:relative;
	}
#circleSmall{
	width:41px;
	height:41px;
	position:absolute;
	margin:0 auto;
	top:-327px;
	right:-20px;
	background-image:url(https://www.juanacrespo.es/wp-content/uploads/2017/04/circle-decoration-small.png);
	z-index:1;
	-webkit-transform: scale(0);
	-webkit-transition: transform 0.3s ease-out;
	transform: scale(0);
	transition: transform 0.3s ease-out;
	}
#circleSmall2{
	width:20px;
	height:20px;
	position:absolute;
	margin:0 auto;
	top:-13px;
	right:0;
	left:0;
	background-image:url(https://www.juanacrespo.es/wp-content/uploads/2017/04/circle-decoration-small.png);
	background-size:cover;
	z-index:1;
	}

.zap {
	-webkit-transform: scale(1) !important;
	transform: scale(1) !important;
	
	}
.linesContainer{
	margin-top:20px;
	width:75%;
	margin:0 auto;
	position:relative;
	}


	/* duplicado tratamientos css*/
.especialidades .linesContainer{
	margin-top:50px;
	}
.tratamientos .linesContainer{
	margin-top:50px;
	}



.line2{
	margin-top:-4px;
	width:50%;
	overflow:hidden;
	position:relative;
	}
.line3{
	margin-top:-2px;
	text-align:left;
	overflow:hidden;
	position:relative;
	}
.line4{
	margin-top:-5px;
    overflow:hidden;
	position:relative;
	}
.line5{
	text-align:right;
	}
.line6{
	overflow:hidden;
	margin-top:-5px;
	}
.line7{
	text-align:left;
	margin-top:-2px;
	position:relative;
	}
.line8{
	width:50%;
	margin-top:-5px;
	overflow:hidden;
	float:left;
	}
.line9{
	margin-top:-5px;
	width:50%;
	float:left;
	text-align:right;
	}
.textExperiencia{
	float:left;
	width:40%;
	padding-left:4%;
	text-align:left;
	padding-top:5%;
	}
.textExperiencia h1{
	font-size:2em;
	text-transform:none;
	margin-bottom:5px;
	}
.textExperiencia h3{
	font-size:1.2em;
	color:#A78C6F;
	margin-bottom:5px;
	}
.textExperiencia p{
	margin-top:0;
	}

.icon{
	/* Firefox */
	width: -moz-calc(96% - 2px);
	/* WebKit */
	width: -webkit-calc(96% - 2px);
	/* Opera */
	width: -o-calc(96% - 2px);
	/* Standard */
	width:calc(96% - 2px);

	position:relative;
	padding:50px 4% 0 0;
	text-align:center;
	}
.row-1{
	float:right;
	}
.row-2{
	float:left;
	}
.block-icon{

position:relative;
	}
.block-icon, .block-icon1{
	/* Firefox */
	width: -moz-calc(100% / 3);
	/* WebKit */
	width: -webkit-calc(100% / 3);
	/* Opera */
	width: -o-calc(100% / 3);
	/* Standard */
	width:calc(100% / 3);
	float:left;
	position:relative;

	}
.block-icon h2, .block-icon1 h2{
	font-weight:normal;
	font-size:2em;
	margin:15px 0 0;
	padding:0;
	}
.block-icon .img {
    height: 80px;
    margin: 0 auto;
    text-align: center;
    width: 40%;
}
.block-icon .img img {
    width:auto;
	height:80%;
}
.block-icon p, .block-icon p {
	font-size:1em;
	margin:0;
	}
#icon1, #icon2, #icon3, #icon4, #icon5, #icon6{
	/* opacity:0;*/
	/*visibility:hidden;*/
	}
#icon1{
   -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
		  
 
		 }
#icon2{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  
		 }
#icon3{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;

		 }

#icon4{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
 
		 }		
#icon5{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;

		 }
#icon6{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
  
		 }
#icon7{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
 -webkit-transform-origin: center;
          transform-origin: center;
		 }
#icon8{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-transform-origin: center;
          transform-origin: center;
		 }
#icon9{
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-transform-origin: center;
          transform-origin: center;
		 }
@-webkit-keyframes flipInX2 {
  0% {
    -webkit-transform: perspective(400px) rotateX(-90deg);
            transform: perspective(400px) rotateX(-90deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
            transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
            transform: perspective(400px) rotateX(-5deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
    opacity: 1;
	display:block !important;
  }
}

@keyframes flipInX2 {
  0% {
    -webkit-transform: perspective(400px) rotateX(-90deg);
            transform: perspective(400px) rotateX(-90deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
            transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
            transform: perspective(400px) rotateX(-5deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
            transform: perspective(400px) rotateX(0deg);
			-webkit-transform-origin:bottom;
	transform-origin: bottom;
    opacity: 1;
	display:block !important;
  }
}

.flipInX2 {
   -webkit-animation-duration: 3s;
          animation-duration: 3s; 
  -webkit-animation-fill-mode: both; 
          animation-fill-mode: both;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
	 -webkit-animation-name: flipInX1;
          animation-name: flipInX1;
		  
}
.block-icon2{
    
	/* Firefox */
	width: -moz-calc(100% / 3);
	/* WebKit */
	width: -webkit-calc(100% / 3);
	/* Opera */
	width: -o-calc(100% / 3);
	/* Standard */
	width:calc(100% / 3);
	float:left;
	opacity:1;
	}


.zoomIn {
	 -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
 -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity:1;
		
}
@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1 !important;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1 !important;
  }
}
.line7 svg{
	float:left;
	}
.row-3{
	float:left;
	width:60%;
	position:absolute;
	left:-80px;
	bottom:-80px;
	}

.block-icon2 p{
	padding: 50px 0;
    width: 150px;
	border-radius:50% 50%;
	background-color:#A78C6F;
	float:left;
	}
	
.clinica{
	background-color: #5e5e60;
	padding: 50px 0;
    width: 100%;
	overflow: hidden;
	/*background-image:url(https://www.juanacrespo.es/img/clinica.png);*/
	background-size:cover;
	color:white;
	background-position:top center;
	}
.clinica h1{
	color: #5e5e60;
    font-size: 3em;
    margin-bottom: 15%;
    margin-top: 5%;
    text-align: center;
	text-transform:uppercase;
	font-weight:normal;
    text-shadow: 3px 2px 0 #ccc;
	}
#symbol{
	width:100%;
	position:relative;
	padding:100px 0;
	overflow:hidden;
	}
#imageSymbol{
	position:absolute;
    left:45%;
	width:11%;
	min-width:150px;
	}

.left {
 -webkit-animation-name: left;
          animation-name: left;
 -webkit-animation-duration: 1s;
  animation-duration: 1s;
 
}
@-webkit-keyframes left {
  from {
    left:0;
  }

  50% {
    left:80%;
  }
}

@keyframes left {
   from {
    left:0;
  }

  50% {
    left:80%;
  }
}
.line10{
	width:100%;
	text-align:center;
	}
.infoClinica{
	text-align:center;
	position:relative;
	}
.infoClinica h1, .infoClinica h2{
	font-size: 3em;
    text-transform: uppercase;
	font-weight:normal;
	text-align:center;
	}
.infoClinica p{
	width:60%;
	margin:0 auto;
	text-align:center;
	display:block !important;
	}
#circle3{
	width:50px;
	height:50px;
	position:absolute;
	margin:0 auto;
	top:-25px;
	left:0;
	right:0;
	background-image:url(https://www.juanacrespo.es/wp-content/uploads/2017/04/circle-decoration.png);
	background-size:cover;
	z-index:1;
	}
.infoClinica .containerCircleSmall{
	margin-top:50px;
	}
#circleSmall3{
	width:20px;
	height:20px;
	position:absolute;
	margin:0 auto;
	top:-13px;
	left:0;
	right:0;
	background-image:url(https://www.juanacrespo.es/wp-content/uploads/2017/04/circle-decoration-small.png);
	background-size:cover;
	z-index:1;
	}
.line12, .line13, /*.line16,*/ .line17 .line18{
	width:50%;
	float:left;
	overflow:hidden;
	margin-top:-28px;
	}


.line12, .line13, /*.line16,*/ .line17 .line18{
	width:50%;
	float:left;
	overflow:hidden;
	margin-top:-28px;
	}
.line16{
	display: none;
}	

.lineLeft{
	width:50%;
	float:left;
	margin-top:-21px;
	overflow:visible;
	position:relative;
	}
.lineRight{
	width:50%;
	float:right;
	margin-top:-21px;
	overflow:visible;
	position:relative;
	}
.tema1, .tema2, .tema3, .tema4, .tema5, .tema6, .tema7, .tema8, .tema9, .tema10, .tema11, .tema12{
	display:block;
	}
.line20, .line24, .line28, .line32, .line36, .line40{
	width:60%;
	float:right;
	}
.line22, .line26, .line30, .line34, .line38, .line42 {
	width:50%;
	float:left;
	position: relative;
    overflow: visible !important;
	}

.imgClinica {
   float: left;
   margin:35px 0;
	width:calc(100% - 2px);
	-webkit-width:calc(100% - 2 px);
	-moz-width:calc(100% - 2 px);
}
.imgClinica img{
	width:24%;
	height:auto;
    float:left;
	margin-right:1%;
	}
.imgClinica .alignImg{
	margin-top: 2%;
    width: 94%;
	margin:0 auto;
	}	
.line14{
	float:left;
	margin-top:-10px;
	height: 250px;
	}
.line15{
	float:right;
	margin-top:-10px;
	height: 250px;

	}
#circleSmall4{
	width:25px;
	height:25px;
	position:absolute;
	margin:0 auto;
	top:-20px;
	left:0;
	right:0;
	background-image:url(https://www.juanacrespo.es/wp-content/uploads/2017/04/circle-decoration-small.png);
	background-size:cover;
	z-index:1;
	}
.line18 svg{
	margin-top:-7px;
	}


	/* pagina tratamientos css*/
.especialidades .linesContainer{
     display: inline-block;
	position: relative;
	width: 80%;
	max-width: 1200px;
	padding-bottom: 30px; 
	vertical-align: middle; 
	overflow: hidden; 
}

.tratamientos .linesContainer{
     display: inline-block;
	position: relative;
	width: 80%;
	max-width: 1200px;
	padding-bottom: 30px; 
	vertical-align: middle; 
	overflow: hidden; 
}



.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}
.fish{
	max-height:100px;
	}
.line20 h2, .line24 h2, .line28 h2, .line32 h2, .line36 h2, .line40 h2{
	float:left;
	font-size:20px;
	font-weight:normal;
	width:150px;
	height:150px;
	background-color:white;
	color:#A78D6F;
	border-radius:50% 50%;
	padding:40px 5px;
	margin-top: -79px;
    position: absolute;
	box-shadow: 0 0 15px rgba(0,0,0,0.33);
   -moz-box-shadow: 0 0 15px rgba(0,0,0,0.33);
   -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.33);
   -o-box-shadow: 0 0 15px rgba(0,0,0,0.33);
}

.line20 h2:hover, .line28 h2:hover{
	cursor:crosshair;

	}

.line26 h2:hover{
	cursor:crosshair;
	
	}
.line22 h2, .line30 h2, .line34 h2, .line38 h2, .line42 h2{
	float:left;
	font-size:20px;
	font-weight:normal;
	width:150px;
	height:150px;
	right:0;
	background-color:white;
	color:#A78D6F;
	border-radius:50% 50%;
	padding:40px 5px;
	margin-top: -79px;
    position: absolute;
	box-shadow: 0 0 15px rgba(0,0,0,0.33);
   -moz-box-shadow: 0 0 15px rgba(0,0,0,0.33);
  -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.33);
  -o-box-shadow: 0 0 15px rgba(0,0,0,0.33);
}
.line26 h2{
	float:left;
	font-size:20px;
	right:0;
	font-weight:normal;
	width:150px;
	background-color:white;
	color:#A78D6F;
	border-radius:50% 50%;
	padding:45px 0;
	margin-top: -79px;
    position: absolute;
	box-shadow: 0 0 15px rgba(0,0,0,0.33);
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.33);
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.33);
-o-box-shadow: 0 0 15px rgba(0,0,0,0.33);
	}
.line22 h2:hover, .line24 h2:hover, .line30 h2:hover, .line34 h2:hover{
    cursor:crosshair;
	}
.tema{
	width:100%;
	position:absolute;
	z-index:2;
	}
.lineLeft .tema p{
	font-size:0.8em;
	margin-top:6px;
	text-align:right;
	left: 10vw;
	color:#A78D6F;
	display:block;
	position:absolute;
	/*-webkit-transition: all .5s ease-in-out 1s;
	  -moz-transition: all .5s ease-in-out 1s;
	  -o-transition: all .5s ease-in-out 1s;
	  transition: all .5s ease-in-out 1s;*/
	}
.args a:link, .args a:visited, .args a{
    background-color:#A78D6F;
    display:block;
    padding:5px;
    color:white !important;
    margin-top:10px;
    width:100px;
    text-align:center;
}
.lineLeft .args .btEspecialidad{
    float:right;
    margin:0;
}

.lineLeft .args .btTratamientos{
    float:right;
    margin:0;
}


.lineRight .tema p {
	font-size:0.8em;
	margin-top:6px;
	text-align:left;
	width:50%;
	left:30px;
	color:#A78D6F;
	display:block;
	position:absolute;
	/*-webkit-transition: all .5s ease-in-out 1s;
	  -moz-transition: all .5s ease-in-out 1s;
	  -o-transition: all .5s ease-in-out 1s;
	  transition: all .5s ease-in-out 1s;*/
	}
.slowShow{
	opacity:0;
	display:block;
	}
.containerCircleSmall1{
	position:relative;
	}

	/* duplicado a tratamientos css*/

.especialidades{
	text-align:center;
	padding-bottom:130px;
	}
.especialidades h1{
	font-size: 3em;
    text-transform: uppercase;
	font-weight:normal;
	text-align:center;
	color:#676767;
	}
.especialidades p{
	margin:0 auto;
	color:#464646;
	text-align:center;
	}
#expecialidadesImg{
	width:70%;
	margin:40px auto;
	text-align:center;
	}
.especialidades .valor{
	font-size: 3em;
    text-transform: uppercase;
	font-weight:normal;
	text-align:center;
	color:#676767;
	margin:0;
	}
.especialidades h3{
	font-size: 2em;
	font-weight:normal;
	color:#A78D6F;
	margin:0 0 40px 0;
	padding:0;
	}
#blog .tituloEspecialidad h2 {
    border-bottom: 2px solid #a78d6f;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-size: 3em;
}


.tratamientos{
	text-align:center;
	padding-bottom:130px;
	}
.tratamientos h1{
	font-size: 3em;
    text-transform: uppercase;
	font-weight:normal;
	text-align:center;
	color:#676767;
	}
.tratamientos p{
	width:60%;
	margin:0 auto;
	color:#464646;
	text-align:center;
	}
#tratamientosImg{
	width:70%;
	margin:40px auto;
	text-align:center;
	}
.tratamientos .valor{
	font-size: 3em;
    text-transform: uppercase;
	font-weight:normal;
	text-align:center;
	color:#676767;
	margin:0;
	}
.tratamientos h3{
	font-size: 2em;
	font-weight:normal;
	color:#A78D6F;
	margin:0 0 40px 0;
	padding:0;
	}

.equipo h1{
	font-size: 3em;
    text-transform: uppercase;
	font-weight:normal;
	text-align:center;
	color:#676767;
	margin:0 0 60px 0;
	}
.equipo h2{
	font-size: 2em;
	font-weight:normal;
	text-align:center;
	padding:0;
	color:white;
	text-transform:uppercase;
	}
.equipo p{
	width:60%;
	font-size:1.1em;
	margin:0 auto;
	color:white;
	text-align:center;
	}
.equipo a{
	margin:20px auto;
	padding:10px;
	border:1px solid white;
	text-align:center;
	width:200px;
	display:block;
	display:none;
	}
.equipo a:link, .equipo a:visited{
	text-decoration:none;
	color:white;
	}
.equipo a:hover{
	color:white;
	 -webkit-transition: 0.4s;
  transition: 0.4s;
	}
[class^="btn"] {
  position: relative;
  display: block;
  margin: 0 auto 10px auto;
  cursor:pointer;
/*  margin: 1rem auto;*/
 /* width: 100%;*/
  max-width: 300px;
  text-transform: uppercase;
  overflow: hidden;
 /* border: 1px solid currentColor;*/
}

.btn:before, .btn-10:after,
.btn span:before,
.btn span:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 80px;
  background: rgba(255, 255, 255, 0.2);
  color:black;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.btn:after,
.btn span:before {
  left: auto;
  right: 0;
}
.btn span:before,
.btn span:after {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.btn:hover {
  color:white;
}
.btn:hover:before, .btn:hover:after,
.btn:hover span:before,
.btn:hover span:after {
  width: 250px;
}
.btn:active {
  background:rgba(255,255,255, 0.5);
  color:white;
}


.containerImg{
	 background-color: rgba(0, 0, 0, 0.6);
    background-size: cover;
    padding: 19% 10% 2%;
    position: relative;
	}
.containerImg::after {
  content: "";
  opacity: 0.7;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
  
}
#equipoImg{
	width:100%;
	height:auto;
	}
/*blog*/
.cube1 {
  width: 250px;
  height: 50px;
  -webkit-transition: all 800ms ease-in-out;
  -moz-transition: all 800ms ease-in-out ;
  -o-transition: all 800ms  ease-in-out;
  transition: all 800ms ease-in-out;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* The two faces of the cube */
.default-state1,
.active-state1 {
 height: 50px;
}
/* Position the faces */
.default-state1 {
  -webkit-transform: translateZ(24px);
  -moz-transform: translateZ(24px);
  -o-transform: translateZ(24px);
  -ms-transform: translateZ(24px);
  transform: translateZ(24px);
}
.flip-to-top1 .active-state1 {
  -webkit-transform: rotateX(90deg) translateZ(90px);
  -moz-transform: rotateX(90deg) translateZ(90px);
  -o-transform: rotateX(90deg) translateZ(90px);
  -ms-transform: rotateX(90deg) translateZ(90px);
  transform: rotateX(90deg) translateZ(90px);
}
.flip-to-bottom1 .active-state1 {
  -webkit-transform: rotateX(-90deg) translateZ(-90px);
  -moz-transform: rotateX(-90deg) translateZ(-90px);
  -o-transform: rotateX(-90deg) translateZ(-90px);
  -ms-transform: rotateX(-90deg) translateZ(-90px);
  transform: rotateX(-90deg) translateZ(-90px);
}

/* Rotate the cube */
.blog{
	position:relative;
	text-align:center;
	padding:100px 0;
	background-color:#f1f1f1;
}
.flipCube {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}
.flipCube {
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}


.cube {
  text-align: center;
  margin: 0 auto;
}
.blog .cube{
    margin-bottom:100px;
}
.default-state,
.active-state {
  background: #888888;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
  line-height: 50px;
  -webkit-transition: background 250ms ease;
  -moz-transition: background 250ms ease;
  -o-transition: background 250ms ease;
  transition: background 250ms ease;
}
.cube:hover .default-state {
  background:#888888;
}
.active-state {
  background: #A78C6F;
}
#flipto {
  display: block;
  text-align: center;
  text-decoration: none;
  margin-top: 0px;
  color: #ccc;
}
.w .blogContent{
    overflow:hidden;
    
}
.blog .blogContent .col-xs-3{
    padding:0  !important;
    width:100% !important;
    margin:0 -1.5% !important;
}
.blog .blogBlock{
    background-color:white;
   
}
.blog .gallery-cell{
	width:22% !important;
	margin:0 1.5%;
	float:left;
	}
.blog .col-xs-3 p{
	width:100%;
	}	

.blog .blogCover img{
	width:auto !important;
	min-height: auto;
    min-width: 100%;
    max-width:auto !important;
	 display:block;
      position:absolute;
      top:0;
      left:0;
      right:0;
      bottom:0;
      margin:auto;
	-webkit-filter: grayscale(1);
    filter: grayscale(1);
	  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  cursor:pointer;
	}
.blog .col-xs-3 img:hover{
	-webkit-filter: grayscale(0);
    filter: grayscale(0);
	
	}
.blog .blogBlock .fluid-width-video-wrapper{
    bottom: 0;
    left: 0;
    padding-top: 70% !important;
    position: absolute;
    right: 0;
    top: 0;
}
.blogCover{
    width:100%;
    height:190px;
    position:relative;
    overflow:hidden;
    background-color: #a78c6f;
}

.infoBlog{
	background: white;
	padding:40px 10%;
	}
.blog .titleBlog{
	font-size:1.2em;
	margin:0;
	padding:0;
	color:#636363;
	}
.blog p{
	font-size:0.8em;
	margin:0;
	padding:0;
	color:#636363;
	}
.blog .flickity-slider {
    position: absolute;
    left: -21.5% !important;
}
body.single-tratamiento .blog .flickity-slider {
    left: 0 !important;
}
.blog{
	position:relative;
   z-index:0 !important;
	}
.blog .flickity-page-dots{
	bottom:-70px;
	}
.blog .main-gallery{
	margin: 50px auto;
	}
.blog .flickity-prev-next-button.previous{
	left:-60px;
	}
.blog .flickity-prev-next-button.next{
	right:-60px;
	}
 .compositionFooter{
	width:50%;
	position:absolute;
	bottom:-1px;
	max-width:600px;
	margin:0 auto;
	left:0;
	right:0;
	z-index:2;
	min-width:300px;
	}
.compositionFooter .image7{
	width:36%;
	}
.compositionFooter .image9{
	width:40%;
	}

.compositionFooter .image9{

    position: relative;
	}
.compositionFooter .image8{
	 width: 20%;
   
	}
.compositionFooter .image7 img, .compositionFooter .image8 img, .compositionFooter .image9 img{
	width:100%;
	}
footer{
	width:100%;
	padding:100px 5%;
	margin:0 auto;
	background-color:#373636;
	color:white;
	}
.logoFooter{
	width:33%;
	margin:0 auto;
	padding-bottom:15px;
	border-bottom:none;
	min-width:110px;
	}
.logoFooter img{
	width:100%;
	}
a:link, a:visted, a{
	color:#A78C6F;
	text-decoration:none;
	}
footer .big{
	font-size:1.25em;
	}
.fusion-footer .menu-image-title{
    display:none;
}
.rowFullFooter{
	padding-bottom:30px;
	border-bottom:1px solid #A78C6F;
	text-align:center;
	}
.rowThirdFooter{
	padding:50px 2%;
	width: -moz-calc(88% / 3);
	width: -webkit-calc(88% / 3);
	width: -o-calc(88% / 3);
	width:calc(88% / 3);
	float:left;
	}
.left{
	text-align:left;
	}
.right{
	text-align:right;
	}
.center{
	text-align:center;
}
.rowThirdFooter ul{
	width:100%;
	margin:30px 0 0 0;
	padding:0;
	}
.social li{
	display:inline;
	color:#A78C6F;
	list-style-type:none;
	padding:0 2%;
	cursor:pointer;
	}
.social a:link, .social a:visited, footer a:link, footer a:visited, footer .menuotroslogos img{
	color:#a78c6f;
	text-decoration:none;
	}
.social a:hover, footer a:hover, footer .menuotroslogos img{
	color:white;
	  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
	}
#image-bg1{
	
	}
.pacientes:hover{
	opacity:0.8;
	 -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
     cursor:crosshair;
	}
#manWoman{
	width:20%;
	min-width:130px;
	}
/*gallery*/
 .gallery > ul {
     margin-bottom: 0;
}
.gallery > ul > li {
	float: left;
	margin-bottom: 20px;
	width: 20%;
	list-style-type:none;
}
.gallery > ul > li a {
	border: 3px solid #FFF;
	border-radius: 3px;
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
}
.gallery > ul > li a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: auto !important;
	width: 100% !important;
}
.gallery > ul > li a:hover > img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.gallery > ul > li a:hover .gallery-poster > img {
	opacity: 1;
}
.gallery > ul > li a .gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.gallery > ul > li a .gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.gallery > ul > li a:hover .gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
.gallery .justified-gallery > a > img {
	-webkit-transition: -webkit-transform 0.15s ease 0s;
	-moz-transition: -moz-transform 0.15s ease 0s;
	-o-transition: -o-transform 0.15s ease 0s;
	transition: transform 0.15s ease 0s;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	height: 100%;
	width: 100%;
}
.gallery .justified-gallery > a:hover > img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}
.gallery .justified-gallery > a:hover .gallery-poster > img {
	opacity: 1;
}
.gallery .justified-gallery > a .gallery-poster {
	background-color: rgba(0, 0, 0, 0.1);
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
	transition: background-color 0.15s ease 0s;
}
.gallery .justified-gallery > a .gallery-poster > img {
	left: 50%;
	margin-left: -10px;
	margin-top: -10px;
	opacity: 0;
	position: absolute;
	top: 50%;
	-webkit-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}
.gallery .justified-gallery > a:hover gallery-poster {
	background-color: rgba(0, 0, 0, 0.5);
}
.gallery .video gallery-poster img {
	height: 48px;
	margin-left: -24px;
	margin-top: -24px;
	opacity: 0.8;
	width: 48px;
}
.gallery.dark > ul > li a {
	border: 3px solid #04070a;
}
a.white{
	color:white !important;
	}
/*form*/
#pideCita{
	width:60%;
	margin:30px auto 0 auto;
	text-align:left;
	}
#pideCita .un-medio{
	width:50%;
	float:left;
	margin-top:20px;
	}
#pideCita .un-medio input {
	width:85%;
	padding:10px 4%;
	font-family: 'zwo_w-1regular';
	font-size:16px;
	}
#pideCita textarea{
	width:92.5%;
	padding:10px 2%;
	}
#pideCita a:link, #pideCita a:visited{
	color:#A78C6F;
	text-decoration:none;
	}
.full input[type="submit"]{
	width:96.5%;
	border:none;
	 font-size: 1.2em;
    margin-top: 25px;
    padding: 10px 2%;
	background-color:#A78C6F;
	color:white;
	 font-family: 'zwo_w-1regular';
	cursor:pointer;
	}
input[type="submit"]:hover{
	background-color:#373636;
	 -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
	
	}
#pideCita .acepto{
	margin-top:60px;
	}
 #pideCita .full textarea{
	 min-height:200px;
	 font-family: 'zwo_w-1regular';
	 font-size:16px;
	 }
#pideCita .un-medio select{
	width:93.5%;
	padding:10px 4%;
	font-size:16px;
	font-family: 'zwo_w-1regular';
	color:#333;
	}
#pideCita .un-medio #acepto{
	width:10% !important;
	text-align:left;
	}
.full{
	padding:10px 0;
}

.error{
	color:#A78C6F;
	}
.errorText{
	padding:0;
	margin:5px 0;
	text-align:center;
	color:#A78C6F;
	}
#proteccionDatos{
	color:#999;
	font-style:italic;
	width:97%;
	text-align:justify;
	}
.cabecera{
	
	}
.textosLegales{
	width:63%;
	margin:0 auto;
	padding:100px 0 200px 0;
	text-align: justify;
	}
.textosLegales h3, .textosLegales h2{
	color:#A78C6F;
	font-weight:normal;
	text-transform:uppercase;
}
.textosLegales a:link, .textosLegales a:visited{
	color:#A78C6F;
	text-decoration:none;
	}
.cabecera::after{
    background: rgba(0, 0, 0, 0) url("https://www.juanacrespo.es/clinica-equipo-juana-crespo-2.jpg") repeat scroll center 70% / cover ;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.cabecera {
    background-color: rgba(0, 0, 0, 0.4);
    background-size: cover;
    padding:220px 5% 10px 5%;
    position: relative;
    width: 90%;
}
.cabecera h1{
	width:70%;
	margin:0 auto;
	color:white;
	text-transform:uppercase;
	font-weight:normal;
	}

.clearfix{
	clear:both;
	}
.credit{
	margin:0;
	font-size:0.7em;
	padding:5px 0;
	text-align:center;
	}
.search-results #main{
    padding:100px 5% !important;
}
.search-results #main h2{
    font-size:2em !important;
}
#post-404page{
    width:90%;
    margin:0 auto;
    padding-top:50px;
    font-size:16px;
}
#post-404page .fusion-title .title-sep.sep-double{
    border:none;
}
/*css old*/
#paginaClinica .gallery-cell img{
    position:absolute;
    height:100%;
    width: auto !important;
    max-width:none !important;
    top:0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    right:0;
    bottom:0;
    margin:auto;
}
#paginaClinica .flickity-page-dots{
    display:none;
}
/*página especialidades*/
	/* pagina tratamientos css*/
.paginaEspecialidades{
    padding-bottom:100px;
}
.paginaTratamientos{
    padding-bottom:100px;
}
#imageCenterEspecialidades{
    text-align:center;
}
#imageCenterTratamientos{
    text-align:center;
}
.left , .right{
 padding: 0;
  margin: 0;
  height:auto;
  position:relative;
}
.lineCenter{
    width:2px;
    height:100px;
    background-color:#A78D6F;
    margin:0 auto;
}
.paginaEspecialidades .left .tituloEspecialidad {
    width: 50%;
    float: right;
    border-top: 2px solid #A78D6F;
}

	/* duplicado tratamientos css*/
.paginaEspecialidades .left .contenidoEspecialidad{
    float:left;
    width:50%;
}

.paginaTratamientos .left .contenidoTratamiento{
    float:left;
    width:50%;
}
.tituloEspecialidad{
    position:relative;
}



.tituloTratamiento{
    position:relative;
}


.paginaEspecialidades p{
    border-top:2px solid #A78D6F;
    margin:0;
    vertical-align: middle;
}



.paginaTratamientos p{
    border-top:2px solid #A78D6F;
    margin:0;
    vertical-align: middle;
}

.paginaEspecialidades .left .tituloTratamiento{
    width:50%;
    float:right;
    border-top:2px solid #A78D6F;
}

.paginaTratamientos .left .tituloTratamiento{
    width:50%;
    float:right;
    border-top:2px solid #A78D6F;
}


	/* duplicado tratamientos css*/

.paginaEspecialidades .left h2{
    background-image: url("https://www.juanacrespo.es/wp-content/uploads/img/especialidad-bgTitulo.png");
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    font-size: 23px !important;
    height: 200px;
    left: -20px;
    margin-top: -100px;
    padding: 65px 7%;
    position: absolute;
    text-align: center;
    width: 200px;
}
.paginaEspecialidades .left img{
    float:left;
    width:100%;
    border-right:2px solid #A78D6F;
}
.paginaEspecialidades .left .descEspecialidad{
    float:right;
    width:50%;
    position:relative;
}
.paginaEspecialidades .descEspecialidad p{
   padding:10% 5%;
   margin:0;
   font-size:18px;
}
.paginaEspecialidades .right .contenidoEspecialidad{
    float:right;
    width:50%;
}
.paginaEspecialidades .right .tituloEspecialidad{
    width:50%;
    float:left;
    border-top:2px solid #A78D6F;
}
.paginaEspecialidades .right h2{
     background-image: url("https://www.juanacrespo.es/wp-content/uploads/img/especialidad-bgTitulo.png");
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    font-size: 23px !important;
    height: 200px;
    right: -20px;
    margin-top: -100px;
    padding: 65px 7%;
    position: absolute;
    text-align: center;
    width: 200px;
}
.paginaEspecialidades .right img{
    float:right;
    width:100%;
     border-left:2px solid #A78D6F;
}
.paginaEspecialidades .right .descEspecialidad{
    float:left;
    width:50%;
    position:relative;
}
.paginaEspecialidades .right p{
    text-align:left;
  
}
.circleEspecialidad{
    background-image:url("https://www.juanacrespo.es/wp-content/uploads/2017/04/circle-decoration-small.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -10px;
    width: 20px;
    z-index: 3;
}

.paginaTratamientos.left h2{
    background-image: url("https://www.juanacrespo.es/wp-content/uploads/img/tratamientos-bgTitulo.png");
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    font-size: 23px !important;
    height: 200px;
    left: -20px;
    margin-top: -100px;
    padding: 65px 7%;
    position: absolute;
    text-align: center;
    width: 200px;
}
.paginaTratamientos .left img{
    float:left;
    width:100%;
    border-right:2px solid #A78D6F;
}
.paginaTratamientos .left .descTratamiento{
    float:right;
    width:50%;
    position:relative;
}

.paginaTratamientos .Tratamiento p{
   margin:0;
   font-size:18px;
}
.paginaTratamientos .right .contenidoTratamiento{
    float:right;
    width:50%;
}
.paginaTratamientos .right .tituloTratamiento{
    width:50%;
    float:left;
    border-top:2px solid #A78D6F;
}
.paginaTratamientos .right h2{
     background-image: url("https://www.juanacrespo.es/wp-content/uploads/img/tratamientos-bgTitulo.png");
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    font-size: 23px !important;
    height: 200px;
    right: -20px;
    margin-top: -100px;
    padding: 65px 7%;
    position: absolute;
    text-align: center;
    width: 200px;
}
.paginaEspecialidades .right img{
    float:right;
    width:100%;
     border-left:2px solid #A78D6F;
}
.paginaEspecialidades .right .descEspecialidad{
    float:left;
    width:50%;
    position:relative;
}
.paginaEspecialidades .right p{
    text-align:left;
  
}
.circleEspecialidad{
    background-image:url("https://www.juanacrespo.es/wp-content/uploads/2017/04/circle-decoration-small.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -10px;
    width: 20px;
    z-index: 3;
}

/*página tratamientos*/


.paginaTratamientos .left .contenidoEspecialidad{
    float:left;
    width:50%;
}
.tituloTratamientos{
    position:relative;
}

.paginaTratamientos .left .tituloEspecialidad{
    width:50%;
    float:right;
    border-top:2px solid #A78D6F;
}
.paginaTratamientos .left h2{
    background-image: url("https://www.juanacrespo.es/wp-content/uploads/img/tratamientos-bgTitulo.png");
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    font-size: 23px !important;
    height: 200px;
    left: -20px;
    margin-top: -100px;
    padding: 65px 7%;
    position: absolute;
    text-align: center;
    width: 200px;
}
.paginaTratamientos .left img{
    float:left;
    width:100%;
    border-right:2px solid #A78D6F;
}
.paginaTratamientos .left .descEspecialidad{
    float:right;
    width:50%;
    position:relative;
}
.paginaTratamientos .descEspecialidad p{
   padding:10% 5%;
   margin:0;
   font-size:18px;
}
.paginaTratamientos .right .contenidoEspecialidad{
    float:right;
    width:50%;
}
.paginaTratamientos .right .tituloEspecialidad{
    width:50%;
    float:left;
    border-top:2px solid #A78D6F;
}
.paginaTratamientos .right h2{
     background-image: url("https://www.juanacrespo.es/wp-content/uploads/img/tratamientos-bgTitulo.png");
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    font-size: 23px !important;
    height: 200px;
    right: -20px;
    margin-top: -100px;
    padding: 65px 7%;
    position: absolute;
    text-align: center;
    width: 200px;
}
.paginaTratamientos .right img{
    float:right;
    width:100%;
     border-left:2px solid #A78D6F;
}
.paginaTratamientos .right .descEspecialidad{
    float:left;
    width:50%;
    position:relative;
}
.paginaTratamientos .right p{
    text-align:left;
  
}


/* single especialidad*/
.singleEspecialidad{
     padding-top: 100px;
     position:relative;
    float:none !important;
    width: 70% !important;
    margin:0 auto;
}
.singleEspecialidad .tituloEspecialidad h2{
     border-bottom: 2px solid #a78d6f;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    font-size:3em;
}
.datosEspecialidad h2{
    font-size: 2em;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight:normal;
}
.datosEspecialidad h3{
    font-size: 40px;
    margin: 0 auto;
    color:#a78d6f;
    font-weight:normal;
}
.singleEspecialidad .blog{
    padding:0 0 100px 0;
}
.singleEspecialidad .blog li, .single-medico .blog li{
    list-style-type:none;
    padding:0 !important;
    margin: 0 0.5%;
    text-align:left;
}
.tratamientos{
    position:relative;
    margin:0;
    padding:0 0 50px 0;
    width:100%;
}
.tratamientos li{
    float: left;
    margin: 0 0.5%;
    overflow: hidden;
    width: 24%;
    position:relative;
}
.tratamientos li .tratamientoImg{
    width:100%;
    position:relative;
    height:300px;
    border: 5px solid white;
    overflow:hidden;
}
.tratamientos li .tratamientoImg img{
    height: 100%;
    margin: 0 0.5%;
    overflow: hidden;
    left: 50%;
    transform: translate(-50%, 0);
    margin:auto;
    position: absolute;
    right: 0;
    top: 0;
    width: auto !important;
    max-width: none !important;
}
.infoTratamiento{
    font-size:0.8em;
    padding:20px 2%;
}
.testimonios{
    padding-bottom:50px;
}
.infoTratamiento h2{
    color:#A78D6F;
    padding-bottom:0;
}
.infoTratamiento p{
    padding-top:0;
}
.single-post #main, .category #main{
    padding:100px 10% 50px 10%;
    width:100%;
    margin:0 auto;
}
.single-post .entry-title{
    font-size:35px !important;
    line-height:1.5em !important;
    color:#a78c6f !important;
}
.overlay{
    position:absolute;
    width:100%;
    height:100%;
    /*background-color:rgba(0,0,0,0.2);*/
    top:0;
    left:0;
    z-index:1;
}
.containerImg h2, .containerImg p{
    position:relative;
    z-index:2;
}
.containerImg {}
.equipoMedico{
    width:90%;
    margin:0 auto;
    position:relative;
    order: 5;
}
.equipoMedico .logoEquipo{
    width:40%;
    min-width:300px;
    margin:0 auto;
    padding:20px 0 30px 0;
}
.equipoMedico .logoEquipo img{
    width:100%;
}
.equipoMedico .medico{
    width:15%;
    float:left;
    margin-right: 1%;
    width: 11.5%;
}
.equipoMedico .medico:last-child{
    margin-right:0;
}
.equipoMedico .destacadoImg{
    border:4px solid white;
    width:100%;
    height:300px;
    /*height:35vh;*/
    position:relative;
    overflow:hidden;
}
.equipoMedico .destacadoImg img{
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  top: 0;
    height: 125%;
    left: 50%;
    margin: auto;
    max-width: none !important;
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    width: auto !important;
}
.destacadoImg:hover img{
      filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
    -moz-transition: all 0.5s ease-in-out;
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
#equipoTitle{
    font-size:3em;
    text-transform:uppercase;
    padding:40px 0;
    margin-bottom:0;
    text-align:center;
}
.single-medico .fusion-page-title-bar{
    display: none !important;
}
.single-medico .blogContent{
    padding:0 5%;
}
.single-medico .noticias{
    border-bottom: 2px solid #a78d6f;
    font-size: 3em;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    margin-top:100px;
}
.single-medico .blog{
    padding:0;
}
.rowMedico{
    padding:200px 30px 200px 30px;
	min-height: 980px;
}
.rowMedico .logoEquipo{
    width:40%;
    min-width:220px;
    float: right;
    margin-bottom:30px;
}
.rowMedico .logoEquipo img{
    width:100%;
}
.listadoMedicos{
    text-align:right;
}
.listadoMedicos ul{
    margin:0;
    padding:0;
}
.listadoMedicos li{
    list-style-type:none;
    text-transform:uppercase;
    cursor: pointer;
    transform: translate(300px, 0px);
    transition-duration: 0.8s;
    transition-property: -ms-transform, -webkit-transform, transform;
}

.listadoMedicos li.showName {
    transform: translate(0px, 0px);
}
.medicos a:link, .medicos a:visited{
    color:white;
}
.medicos a:hover{
    opacity:0.8;
}
.infoMedico{
    color:white;
    position:relative;
}
.infoMedico h1, .infoMedico h2, .infoMedico h3{
    margin:0;
    padding:0;
    font-weight:normal;
}
.infoMedico h3{
    font-weight: bold;
    font-size: 1em;
    line-height: 1.2em;
}
.infoMedico h1{
    text-transform:uppercase;
    line-height:1em;
}
.infoMedico .resumeMedico{
    width:60%;
    font-size: 0.9em;
    line-height: 1.2em;
}
.tituloMedico{
    position:relative;
}
.resumeMedico{
     background: transparent;
     position: absolute;
     left: 0;
     top: 50%;
     margin-left: 0;
     text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.4);
     width: 50%;
     font: inherit;
     border: none;
     outline: none;
     color: inherit;
}
.medico .nombre{
    text-align:center;
}
.fusion-timeline-icon{
    display:block;
}
.visita, #fusion-gmap-container{
    text-align:center;
}
#fusion-gmap-container{
    background-color:#f1f1f1;
}
#fusion-gmap-container img{
    margin-bottom:100px;
}
.pea_cook_wrapper p{
     font-family: "zwo" !important;
    font-size:1em  !important;
}
.fusion-page-title-row{
    max-width:none;
}
.eucookie{
    background-color:rgba(0,0,0,0) !important;
    background:url("https://www.juanacrespo.es/wp-content/plugins/eu-cookie-law/img/block.png") !important ;
    background-size: cover !important;
    width:220px !important;
    color: #ffffff;
}
.eucookie span{
    opacity:0;
}
.sidebar .widget h4{
    font-size:1em;
}
.mob_menu_header_div{
     box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
     height:auto;
    
}
.logo-holder img{
    width: 30%;
    min-width:200px;
}
.fusion-blog-layout-timeline .post{
    background-color:white;
}
#main .sidebar{
       padding: 20px;
       border:2px solid #ebeaea;
}
body.search-results #main .sidebar{
       padding: 20px;
       border: none !important;
}
.category-prensa .fusion-single-line-meta a[href="https://www.juanacrespo.es/prensa/"]{
    display:none;
}
.category-prensa  .sidebar .widget .heading h4, .category-prensa .sidebar .widget h4 {
    border-bottom: 2px solid #676767;
    color: #676767;
    padding-bottom: 10px;
}
.fusion-archive-description .post-content{
    text-transform:uppercase;
    border-bottom: 2px solid #a5856e;
    color:#a5856e;
    padding-top:21px;
}
.fusion-archive-description .post-content p{
    margin-bottom: 10px;
}
.fusion-blog-layout-grid .fusion-post-content-wrapper, .fusion-blog-layout-timeline .fusion-post-content-wrapper {
    background-color: white;
    padding: 33px 25px 20px;
}
.category #content{
    padding-left:7%;
}
.category article{
    margin-bottom:30px;
}
.category .fusion-post-content span{
    font-size:0.7em;
}
/*media queries*/

@media screen and (max-width:1500px){
.line22 .tema p, .line26 .tema p, .line30 .tema p, .line34 .tema p  {
    font-size: 0.7em;
    margin-top: 120px;
    width: 85%;
}
.line20 .tema p, .line24 .tema p, .line28 .tema p {
    font-size: 0.7em;

}
.equipo p {
   
    width: 75%;
}
}
@media screen and (max-width: 1459px){
	.lineLeft .tema p {
		top: 110px;
	}
}
@media screen and (max-width:1400px){
.imgClinica {
   margin-top:6%;
	
}
}
@media screen and (max-width:1300px){
.imgClinica {
   margin-top:8%;

}

.equipo p {
    width: 90%;
}
.block-icon2 p {
    padding: 37px 0;
    width: 120px;
    font-size: 16px;
}
}
.bgmedicos {
	 background-color:#9e8a6f; 
	 background-repeat:no-repeat; 
	 background-position: right top; 
	 background-repeat: no-repeat; 
	 background-size: 75%;
}
@media screen and (max-width:1270px){
    .bgmedicos{
        background-size:cover !important;
        background-size: auto 100%;
	 	background-position: center center;
    }
}
@media screen and (max-width:1200px){

    .blog .gallery-cell{
        width: 46% !important;
		margin-bottom: 20px;
    }
#pideCita {
    width: 90%;
}
.containerImg {
    padding: 23% 10% 3%;
}
.equipoMedico .medico {
    float: left;
    margin-right: 2%;
    width: 14.5%;
}
 #galeria .gallery-cell{
	     width: 33% !important;
	}
.medicosGalleria .gallery-cell {
    width:23.5% !important;
 }
}
@media screen and (max-width:1100px){
    .tratamientos{
        display:block !important;
    }
    .tratamientos li {
    width: 49%;
    }
	.especialidades .linesContainer{
		 padding-bottom: 70px;
		}
}
@media screen and (max-width:1025px){
.category #content{
    padding-left:0;
}
.logoHideMobile{
    display:none;
}
  #wpcs_overlay{
        display:none !important;
    }
    .wpcs-slide-out-div{
        min-height:550px !important;
    }
}

.cta-contacto a span {
    background-color: #A78C6F;
    color: #fff !important;
    padding: 5px !important;
}




@media screen and (max-width:1000px){
    .pea_cook_wrapper{
        bottom:auto !important;
        top:100px;
    }
    .rowMedico{
        padding: 50px 30px 150px;
    }
   
  .infoMedico{
      padding-bottom:250px;
  }
	.gallery > ul{
		padding:0;
		}
	.imgClinica{
		 margin-top:20px;
		 margin-bottom:20px;
		}
	.gallery > ul > li {
	    margin-bottom: 10px;
        margin-left: 8%;
        width: 39%;
	}
	.line15 svg, .line14 svg{
		display:none;
		}

	.line22 .tema p, .line26 .tema p, .line30 .tema p, .line34 .tema p{
	    margin-top:0;
	}
	
  .especialidades .except{
	    display:none;
	}	
	.equipoMedico .medico {
    float: left;
    margin-right: 1%;
    width: 19%;
      }
}

@media screen and (max-width: 414px){
	.lineLeft .tema p {
    left: 0 !important;
	}
}
@media screen and (max-width: 834px){
	.lineLeft .tema p {
		left: 20vw;
		top: 0;
	}
}
@media screen and (max-width:900px){
.especialidades .linesContainer,
.tratamientos .linesContainer {
    padding-bottom: 120px;
}
.paginaEspecialidades .left .contenidoEspecialidad, .paginaEspecialidades .right .contenidoEspecialidad,
.paginaTratamientos .left .contenidoTratamiento, .paginaTratamientos .right .contenidoTratamiento{
    float:none;
    width:100% !important;
    position:relative;
}
.paginaEspecialidades .left img, 
.paginaTratamientos .left img {
    float:none;
    border:none;
}
.paginaEspecialidades .left .descEspecialidad, .paginaEspecialidades .right .descEspecialidad,
.paginaTratamientos .left .descTratamiento, .paginaTratamientos .right .descTratamiento {
    float:none;
    width:100%;
}
.paginaEspecialidades .left .tituloEspecialidad, .paginaEspecialidades .right .tituloEspecialidad,
.paginaTratamientos .left .tituloTratamiento, .paginaTratamientos .right .tituloTratamiento {
    width:100% !important;
    float:none;
}
.paginaEspecialidades .left h2, .paginaEspecialidades .right h2,
.paginaTratamientos .left h2, .paginaTratamientos .right h2  {
    background-image:none;
    background-color:#A78C6F;
    color: white;
    font-size: 30px !important;
    left: 30px;
    padding: 0 2%;
    position: absolute;
    text-align: center;
    top: 50px;
    width:92%;
    height:auto;
    margin:0;
}
.medicosGalleria .gallery-cell {
    width:31.5% !important;
 }
 .pea_cook_wrapper.pea_cook_bottomcenter{
     margin:0 !important;
     left:0 !important;
     font-size:13px;
 }
}

@media screen and (max-width:860px){
    #main .sidebar{
       padding-top: 70px;
    }
	 .blog .gallery-cell{
        width:100% !important;
    }
	.block-icon, .block-icon1 {
    float: none;
    width: 100%;
}
.line2, .line3 svg, .line4, .line5 svg, .line6, .line7, .line8{
	display:none;
	}
	.icon{
		padding:0;
		width:100%;
		}
	.row-1, .row-2{
		float:none;
		}
	.block-icon h2, .block-icon1 h2 {
    
    margin: 0;
   
}
	.row-1 {
	padding-top:50px !important;	
		}

.block-icon, .block-icon1{
	padding-bottom:50px;
	}
.textExperiencia{
	 float: left;
    margin: 0 auto;
    text-align: center;
    width: 100%;
	padding:0 0 137px 0;
	}
.line6 .containerCircleSmall{
	display:none;
	}
#equipo{
    position:relative;
    width:100%;
}

.equipo h2{
	 font-size: 1.5em;
	}
.especialidades .valor, .clinica h1 {
    font-size: 2em;
}
 .clinica h1 {
   padding-left:5%;
   padding-right:5%;
}
.especialidades h3{
	font-size:1.5em;
	}
.equipo p{
	font-size:0.9em;
	}
.rowThirdFooter{
	 padding: 50px 2%;
     width: 96%;	
		}
	footer .left, footer .right{
	text-align:center;	
		}
   .line20, .line24, .line28, .line22, .line26, .line30,/*.line33,*/ .line32, .line34, .line36, .line38, .line40, .line42{
	  width: 90%;  
	   }
}
@media screen and (max-width:812px){
    .line9 {
    height: 300px ;
    overflow: hidden;
    }
    .line1, .line31 {
    height: 100px ;
    overflow: hidden;
    }
    .compositionFooter{
        bottom:-3px;
    }
    #image7, #image9{
        bottom:-3px;
    }
    footer .fusion-columns, footer .footerRight{
        text-align:center;
    }   
    .equipoMedico .medico {
    
        margin-right: 1%;
        width: 24%;
    }
}
@media screen and (max-width:785px){
    .composition{
        left:-50px;
    }
    .composition #info{
        margin:10px auto !important;
        font-size: 15px !important;
        padding: 10px !important;
    }
}
@media screen and (max-width:754px){
    .medicosGalleria .gallery-cell {
    width:49% !important;
 }
    .blogCover {
        /*height: 40vh;
        min-height:315px;*/
        margin-top: 50px;
    }
    .blog .flickity-slider {
        left:0 !important;
    }
     .infoMedico .resumeMedico{
        width:100%;
    }
    .infoMedico{
        min-height: 400px;
        padding-bottom: 250px;}
    .contactoColumn, #datosContacto .fusion-column-wrapper{
        padding:0 !important;
    }
#datosContacto .title-heading-rightt h3, #datosContacto p{
    text-align:center !important;
}
    .col-contacto{
        width:100%;
        padding:0;
        margin:0;
        text-align:center !important;
    }
	 #galeria .gallery-cell{
	     width: 48% !important;
	}
#pideCita {
    width: 80%;
}
	#pideCita .un-medio {
    float: none;
    width: 100%;
 }
 #pideCita textarea {
    width: 89.5%;
}

.inicio .bienvenidos {
    width: 80%;
}
.gallery-cell p {
    width: 80%;
	 font-size: 0.9em;
}
.infoClinica p, .equipo p{
	width:auto;
	font-size:0.9em;
	}
	.especialidades p{
	width:80%;
	font-size:0.9em;
	}

	.especialidades .linesContainer{
		width:100%;
		}

	.visita h2, .single-medico .noticias, .singleEspecialidad .tituloEspecialidad h2, #titleContact{
	    font-size:2em !important;
	}
	}
@media screen and (max-width:650px){
     .composition{
        left:-80px;
    }
    .compositionFooter {
    bottom: -10px;
}
    .blogCover {
    /*height: 60vh;
    min-height:315px;*/
    margin-top: 50px;
    }
	.equipoMedico .medico {
    float: left;
    width: 32%;
    }
	.especialidades h1{
		font-size:2.5em;
		}
	
header {
    left: 0;
    margin: 0 auto;
    right: 0;
    width: 100%;
}
/*.menu li, .contact li {
    padding: 15px 10%;
}*/
.contact li span{
	display:none;
	}
.gallery > ul > li {
    margin-left: 0;
    width: 100%;
}
.imgClinica .alignImg {
    margin: 0 auto;
    width: 78%;
}
.gallery > ul > li a {
	float:none;
	}
	.wpcs-slide-out-div {
    min-width: 94% !important;
    max-width:94% !important;
    }
}
@media screen and (max-width:550px){
     .medicosGalleria .gallery-cell {
    width:100% !important;
 }

    .fusion-title h2{
        font-size:2em !important;
    }
    .fusion-page-title-bar h1 {
    font-size: 40px;
}
     .composition{
        left:-47%;
    }
    .composition #info a{
        font-size: 19px !important;
        padding: 8px 4px 6px !important;
    }
    .tratamientos li {
    float: none;
    margin: 0 auto;
    width: 91%;
}
    .infoMedico {
    min-height: 550px;
}
     #galeria .gallery-cell{
	     width: 100% !important;
	     margin:0;
	}
    .blog .gallery-cell{
        width:100% !important;
    }
	.composition .image6{
		float:right;
		}
	.especialidades h1{
		font-size:2.5em;
		}

	.line22 h2, .line26 h2 {
    font-size:14px;
    margin-top: -55px;
    width: 99px;
      height:100px;
	 padding: 31px 0;
    }
   .line30,.line34{
	min-width:80% !important;
	}
  .line20 h2,.line24 h2, .line30 h2, .line32 h2, .line34 h2 {
    font-size: 14px;
    margin-top: -60px;
    width: 100px;
    height:100px;
	 padding: 27px 0;
   }
    .line28 h2{
    font-size: 14px;
    margin-top: -60px;
    width: 100px;
    height:100px;
	 padding: 40px 0;
    }
    .line26 h2 {
    font-size: 14px;
    margin-top: -60px;
    width: 100px;
	 padding: 30px 0;
    }
    .proteccionDatos{
	text-align:left;
	}
    .inicio h1{
		padding-bottom:0;
		margin-bottom:0;
	}
    .bienvenidos p{
	padding-top:5px;
	margin-top:5px;		
	}
    header{
	width:100%;
	z-index:100;
	}
    .contact li{
	 padding: 10px 10%;	
	}
     /*.menu li{
	 padding: 12px 10%;	
	}*/
    .navigation .menu {
        font-size: 17px;
    }
    .flickity-prev-next-button{
	display:none;
	}
    #video_background{
	right:-15%;
	}
    .containerImg {
        padding: 15% 10% 25%;
    }
    .equipoMedico .medico {
        width: 49%;
    }
    
    .equipoMedico .destacadoImg {
        height: 40vh;
        
    }
  #citaprevia .fusion-title h2{
      font-size:2em;
  }
	}
@media screen and (max-width:450px){
	.experiencia h1{
		font-size:2em;
		}
	.tema p{
		margin-top:50px !important;
		}
	
	.lines{
	    width:90% !important;
	}
	.especialidades h1 {
    font-size: 2.2em;
}
.inicio .scroll{
		display:none;
		}
	}
@media screen and (max-width:400px){
	
.equipoMedico .medico {
    float: none;
    margin: 0 auto 30px auto;
    width:60%;
}
.especialidades h1 {
    font-size: 1.8em;
}

	}
.slideDown{
	animation-name: slideDown;
	-webkit-animation-name: slideDown;	

	animation-duration: 1s;	
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;	
   visibility: visible !important;	
						
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	
	}
	50%{
		transform: translateY(8%);
	}
	65%{
		transform: translateY(-4%);
	}
	80%{
		transform: translateY(4%);
	}
	95%{
		transform: translateY(-2%);
	}			
	100% {
		transform: translateY(0%);
			
	}		
}

@-webkit-keyframes slideDown {
	0% {
		-webkit-transform: translateY(-100%);
		
	}
	50%{
		-webkit-transform: translateY(8%);
	}
	65%{
		-webkit-transform: translateY(-4%);
	}
	80%{
		-webkit-transform: translateY(4%);
	}
	95%{
		-webkit-transform: translateY(-2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
		
	}	
}

@media screen and (max-height: 500px){
	header{
		position:absolute;
		}
	.navigation .menu{
		font-size:16px;
		}
	.inicio .bienvenidos{
		top:0;
		}
	.inicio .bienvenidos p{
		padding:0 auto;
		margin:0 auto;}
	.inicio h1{
		padding:7px 0;
		margin:7px 0;
		}
	
   .inicio{
	  height: calc(150%);
	}
}
@media screen and (min-width: 3500px){
    .containerImg{
        background-position:center 40% !important;
    }
}
@media screen and (min-width: 1900px){
    .containerImg{
        background-position:center 65% !important;
    }
}
@media screen and (max-width: 1800px){
    .containerImg{
        background-position:center bottom !important;
    }
}
@media screen and (max-width: 450px){
    /*.mob-standard-logo {
		height: 300px;
	}*/
}
@media screen and (max-height: 550px){
   .wpcs-slide-out-div{
    top:0 !important;
     z-index:99999999999999;
    }
    .wpcs_content {
        height:750px;
        overflow:scroll;
    }
   
    .wpcs_content .wpcf7-form textarea{
        height:50px;
    }
}

@media screen and (max-width: 770px) and (max-height: 500px) {
	#video_background {
    right: -15%;
}

  .inicio .bienvenidos {
    top: 154px;
}
	.inicio{
		  height: calc(130%);
		  
		}
	
}

 .fusion-widget-area .menu-social-container li{
     padding:0 !important;
 }
 
 
 .medicos1{
     padding:0;
     margin:0;
 }
  .medicos1 li{
     list-style-type:none;
 }
 .listadoMedicos1{
     float:right;
     width:150px;
     color:white;
 }
 .nav__item {
	line-height: 1;
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	letter-spacing: 0;
	color: currentColor;
	border: 0;
	background: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
 .nav__item a{
     color:white;
 }
.nav__item:focus {
	outline: none;
}
 .nav__item {
	width: 2em;
	height: 1em;
}

.nav__item::after{
	content: '';
	position: absolute;
	top: 35%;
	right: 0;
	width: 100%;
	height: 20%;
	background: rgba(255,255,255,0.6);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: -webkit-transform 0.5s, background-color 0.5s;
	transition: transform 0.5s, background-color 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.nav__item:not(.nav__item--current):hover::after,
.nav__item:not(.nav__item--current):focus::after {
	background: rgba(255,255,255,0.9);
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	-webkit-transform: scale3d(0.2,1,1);
	transform: scale3d(0.2,1,1);
}

.nav__item--current::after {
	background:rgba(255,255,255,0.9);
	-webkit-transform: scale3d(0.2,1,1);
	transform: scale3d(0.2,1,1);
}

.nav__item-title{
    width:180px;
	margin: 0 0 0 1em;
	opacity: 0;
	display: block;
	-webkit-transform: translate3d(2em,0,0);
	transform: translate3d(2em,0,0);
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, transform 0.5s;
	-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}

.nav__item--current .nav__item-title, .nav__item:hover .nav__item-title {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
#post-11897 .post-content h3{
    padding-left:17%;
}
#content .post-content table {
    font-size:0.8em;
    width:65%;
    position:relative;
    margin:0 auto;
    padding:40px 0;
}
.search #main{
    padding:50px 10% !important;
}
.search #main h1, .search #main h2,.search #main h3{
    font-size: 20px !important;
}
.search .compositionWrapper, .single-post .compositionWrapper, .page-template-contact .compositionWrapper, .category .compositionWrapper, .page-template-equipo .compositionWrapper, .page-template-especialidades .compositionWrapper, .single-especialidad .compositionWrapper, .page-template-clinica .compositionWrapper{
    background-color: #f1f1f1;
    
}
.search .fusion-page-title-bar h1{
     font-size:2em !important;
     text-shadow:1px 1px #fff;
}
.error-menu ul{
    padding:0 !important;
}
.error-menu li{
    list-style-type:none !important;
}

/*Hide sliding contact form to all pages*/
.home .wpcs-slide-out-div, .page-template-equipo .wpcs-slide-out-div, .single-medico .wpcs-slide-out-div, .page-template-clinica .wpcs-slide-out-div, .category-blog .wpcs-slide-out-div, .post-template-default .wpcs-slide-out-div, .page-template-contact .wpcs-slide-out-div, .category-prensa .wpcs-slide-out-div, .page-template-default .wpcs-slide-out-div{
    display:none;
}
body.post-template-default h2 {
	font-size: 32px !important;
}
#wpcs_handle{
    font-size:27px !important;
}
.wpcs_content div.wpcf7{
    width:100% !important;
}
#header-left{
    margin: 10px;
    position: absolute;
    right: 10%;
    top: 118px;
    z-index:9;
}
    .mobmenu #mobmenuleft a{
        /*color:white !important;*/
        text-align:left  !important;
        display:block;
        width:80%;
        margin-left:20%;
    }
    #mobmenuleft{
              text-align:left !important;
    }
.mob-menu-slideout .mobmenu-push-wrap, .mob-menu-slideout .mob-menu-header-holder{
      transform: none !important;
    transition:  none !important;
}
#menu-legal li a:before, #menu-legal-en li a:before {
    display: none;
}
#menu-legal li a .menu-image-title, #menu-legal-en li a .menu-image-title {
    display: block;
    line-height: 9px;
    font-size: 16px;
}
/*Modificiaciones de css*/
/*Home*/
.home .gallery-cell img, .blog .gallery-cell img{
   	/*height: 100% !important;
    max-width: none !important;
	min-width: auto !important;*/
}
/*Fin Home*/
/*Equipo médico*/
.medicosGalleria {
    position: relative;
    float: left;
    width: 100%;
}
.medicosGalleria .flickity-page-dots{
	position: relative !important;
	float: left;
	bottom: 0 !important;
}
/*Fin Equipo médico*/
/*BLOG*/
.archive #main .sidebar, .single #main .sidebar {
    border: none !important;
}
/*FIN BLOG*/
/*FOOTER*/
#menu-legal, #menu-legal-en, #menu-legal-it {
	position: relative;
	float: right;
	width: 100%;	
}
@media (min-width: 990px) {
.menu-legal-container, .menu-legal-en-container, .menu-legal-italiano-container {
	float: right;
	text-align: right;
}
}
/*FIN FOOTER*/
/*EQUIPO*/
.pasadorListadoMedicos{
	position: relative;
	float: right;
	width: 50%;
}
/*FIN EQUIPO*/
@media (min-width: 800px) {
	/*FOOTER*/
	#menu-legal li a .menu-image-title, #menu-legal-en li a .menu-image-title {
		text-align: right;
	}	
	/*FIN FOOTER*/
}
@media (min-width: 1000px) {	
	/*EQUIPO*/
	.pasadorListadoMedicos{
		padding: 0 20%;	
	}
	/*FIN EQUIPO*/	
}

ul.procedimientos {
    list-style: none;
    display: inline;
    margin: 0;
	padding: 0;
	float: right;
}
.procedimientos li {
    width: 100%;
    height: 75px;
}
.procedimientoImg {
	position: relative;
	float: left;
	width: 10%
}
.procedimientoImg img {
	max-width: 30px;
	height: auto;
	margin-top: 2px;
}
.infoProcedimiento {
	position: relative;
	float: right;
	width: 90%;
}
.infoProcedimiento p {
	padding-left: 15px;
	margin: 0;
}
.emoji {
-webkit-filter: grayscale(100%);
  -webkit-filter: grayscale(1);
  filter: grayscale(100%);
}
.mobmenu .menu-image-title-after {
	display: inline-block;
	margin-left: 15px;
	margin-top: 5px;
	clear: both;
}
.mobmenu .menu-image-title {
	margin-left: 15px;
}
/*
@media (max-width: 1024px) {
	.fusion-header .fusion-row {
		display: none;
	}
}
*/
div#wpcs_content_inner_13155,
div#wpcs_content_inner_17974 {
    min-height: 250px !important;
    padding: 0 !important;
    margin: 36px 36px 72px 36px !important;
    border: none !important;
}
@media screen and (max-width:800px){
	.fusion-post-content .post-content{
		width: 100% !important;
		
	}
	.post-content {
		margin: 0 auto  !important;
	}
	table, td {
		margin: 0 !important;
		padding: 0 !important;
	}
	table, td.porcentaje {
		padding: 5px !important;
		font-size: 1.2em !important;
	}
	table, td.ciclos {
		padding: 5px !important;
		font-size: 1.0em !important;
	}
}
@media screen and (max-width:1200px){
	.fusion-secondary-header .fusion-row .fusion-alignleftt {
		display: none !important;
	}
	.fusion-contact-info {
		padding: 0 !important;
	}
}
.fusion-tabs.fusion-tabs-6 .nav-tabs li a {
    border-top-color: #ffffff;
    background-color: #ffffff;
}

.fusion-tabs.fusion-tabs-6 .nav-tabs {
    background-color: #f4f4f4;
}

.fusion-tabs.fusion-tabs-6 .nav-tabs li.active a,
.fusion-tabs.fusion-tabs-6 .nav-tabs li.active a:hover,
.fusion-tabs.fusion-tabs-6 .nav-tabs li.active a:focus {
    border-right-color: #f4f4f4;
}

.fusion-tabs.fusion-tabs-6 .nav-tabs li.active a,
.fusion-tabs.fusion-tabs-6 .nav-tabs li.active a:hover,
.fusion-tabs.fusion-tabs-6 .nav-tabs li.active a:focus {
    background-color: #f4f4f4;
}

.fusion-tabs.fusion-tabs-6 .nav-tabs li a:hover {
    background-color: #f4f4f4;
    border-top-color: #f4f4f4;
}

.fusion-tabs.fusion-tabs-6 .tab-pane {
    background-color: #f4f4f4;
}

.fusion-tabs.fusion-tabs-6 .nav,
.fusion-tabs.fusion-tabs-6 .nav-tabs,
.fusion-tabs.fusion-tabs-6 .tab-content .tab-pane {
    border-color: #a78c6f;
}
.fusion-tabs.classic .nav-tabs > li.active .tab-link, .fusion-tabs.classic .nav-tabs > li.active .tab-link:focus, .fusion-tabs.classic .nav-tabs > li.active .tab-link:hover, .fusion-tabs.vertical-tabs.classic .nav-tabs > li.active .tab-link {
    border-color: #a78c6f !important;
}
/* financiacion */
.fusion-tabs {
    /*max-width: 1280px;*/
    margin: 0 auto 50px auto;
}
table#sin-intereses, table#con-intereses {
    width: 100% !important;
}

table#sin-intereses thead, table#con-intereses thead {
    background-color: #a78c6f;
    color: #ffffff;
    font-weight: bold;
}
.legal-cuotas {
	font-size: 15px;
	font-style: italic;
	margin-top: 30px; 
}

input#calcular {
    background-color: #a78c6f;
	border: none;
	color: #ffffff;
	padding: 5px 35px;
	text-decoration: none;
	margin: 0px 10px;
	cursor: pointer;
	font-size: 19px;
    font-weight: bold;
}
input#capital {
    width: calc(100% - 205px);
	border: 1px solid #a78c6f;
	padding: 3px 10px;
	height: 34px;
	text-align: right;
	color: #676767;
    font-size: 19px;
}
input#capital::placeholder {
    font-weight: bold;
    opacity: 0.5;
    color: #000;
	font-size:19px;
	padding-right: 15px;
}
select#meses, select#meses2 {
	color: #676767;
    font-size: 15px;
}
.currency {
    background-color: #a78c6f;
    color: #fff;
    margin: 2px 0 0 -6px;
    padding: 3px 15px 7px 15px;
    font-weight: bold;
}
.tablas-finanaciacion {
	margin: 40px 0 0 0 !important;
	padding: 0 !important;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
	
	.fusion-toggle-heading {
		font-size: 20px !important;
	}
	.selector-meses {
	    text-align: center;
	    margin-bottom: 25px;
	}
	.selector-meses select {
	    margin-left: 25px;
	}
	.calculo-meses-sin, .calculo-meses-con {
		display: none;
	}
	.dato {
	    border-bottom: 1px solid #ccc;
	    padding: 5px;
	    width: 50%;
	    margin: 0 auto;
	}
	.dato, .label, .value {
	    min-height: 48px;
	}
	.dato .label {
	    width: 50%;
	    position: relative;
	    float: left;
	    text-align: left;
	}
	.dato .value {
	    width: 50%;
	    position: relative;
	    float: right;
	    text-align: right;
	    color: #a78c6f;
	}
	#total {
		font-weight: bold;
		border-bottom: none;
	}
@media screen and (max-width:800px){
	.dato {
	    width: 100%;
	}
}
@media screen and (max-width:1000px){
	.page-template-financiacion #content {
		width: 80% !important;
		margin: 0 10% !important;
	}
    .listadoMedicos1{
        display:none;
    }
	.page-template-financiacion .post-content {
	    width: 100% !important;
	    margin: 0 auto !important;
	}
	.page-template-financiacion h3 {
		font-size: 24px !important;
	}

    /*   .page-template-financiacion table {
           width:100%;
       }
       .page-template-financiacion thead {
           display: none;
       }
       .page-template-financiacion tr:nth-of-type(2n) {
           background-color: inherit;
       }
       .page-template-financiacion tr td:first-child {
           font-weight:bold;
       }
       .page-template-financiacion tbody td {
           display: block;
           text-align:center;
           position: relative;
           text-align: right;
           padding-right: 15px !important;
       }

		.page-template-financiacion td:before {
			position: absolute;
			text-align: left;
			left: 15px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
			color: #a78c6f;
		}
		.page-template-financiacion td:nth-of-type(1) { background-color: #a78c6f; color: #ffffff; }
		.page-template-financiacion td:nth-of-type(1):before { content: "Meses"; }
		.page-template-financiacion td:nth-of-type(2):before { content: "TIN"; }
		.page-template-financiacion td:nth-of-type(3):before { content: "TAE"; }
		.page-template-financiacion td:nth-of-type(4):before { content: "Gastos Apertura"; }
		.page-template-financiacion td:nth-of-type(5):before { content: "Cuotas"; }
		.page-template-financiacion td:nth-of-type(6):before { content: "Cuota Final"; }
		.page-template-financiacion td:nth-of-type(7):before { content: "Total Adeudado"; }
		*/
}

/* paginaRrhh */

#paginaRrhh{
    width:90% !important;
    padding-top:100px;
    margin:0 auto;
    position:relative;
}
.rrhh {
    color: #5e5e60;
    font-size: 3em;
    font-weight: normal;
    margin-bottom: 15%;
    margin-top: 5%;
    text-align: center;
    text-shadow: 3px 2px 0 #ccc;
    text-transform: uppercase;  
}

/* formulario curriculum */

.form-curriculum {
  
  background-color: #f2f1f1;
  border-radius: 4px;
  border: 3px solid #A78C6F;
  padding: 20px;
  margin-bottom: 200px;
}

#envioCurriculum {
	width: 100% !important;
}

input {
  /*font: 75% Arial,Helvetica,sans-serif !important;*/
}

/* pagina ofertas de empleo */

.referencia-ofertas {
  background-color: #A78C6F;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-right: 3px solid white;
  color: white;
  max-width: 100px;
  padding: 10px;
}

.ofertas-vigentes {
  background-color: #A78C6F;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  color: white;
  max-width: 50px;
  padding: 10px; 
}

.fila-ofertas {
  height: 60px;
}

.boton-ver-oferta {
  border: 2px solid #A78C6F;
  border-radius: 15px !important;
  float: right;
  padding: 5px;
}

.boton-ver-oferta:hover {
  background-color: #A78C6F;
  border-radius: 15px !important;
  color: white;
  float: right;
  padding: 5px;
}

/* pagina ver oferta */


.ralla{

  border-bottom: 2px solid #A78C6F;
  margin: 0 auto;
  text-align: center;
  width: 80%;
}

/* pagina ver oferta responsive */

@media only screen and (max-width: 400px) {

  .ralla {
    margin: 0;
  }
}




.form-inscripcion-ofertas {
  background-color: #eaeaea;
  border: 2px solid #A78C6F;
  border-radius: 10px;
  margin: 0 auto;
  margin-bottom: 200px;
  min-height: 700px;
  padding: 20px;
  width: 80%;
}

#envio-form-ofertas {
  display: block;
  margin: 0 auto;
}


.caja-texto-ofertas {
  display: block;
  margin: 0 auto;
  width: 66.66%;
}

.titulos-oferta-empleo {
  color: #A78C6F !important;
}

/* margin top formulario inscribirme en la oferta */

.formulario {
  top: 100px;
}


.envio-form-inscripciones-ofertas {
  display: block !important;
  margin: 0 auto;
}

.parallax {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}

/* altura imagen/banner en ofertas empleo */

.type-recursos_humanos .flexslider .slides img {
  background-attachment: fixed !important;
  overflow: scroll !important;
  max-height: 400px;
  width: auto;
  margin: 0 auto;
}


/* popup de mensaje enviado, situarlo más centrado */

.wpcf7-form .wpcf7-mail-sent-ok {
  bottom: 500px;
  margin: 0 auto;
  width: 80%;
}

/* responsive pagina ofertas de empleo*/


@media only screen and (max-width: 800px) {

  .referencia-ofertas, .ofertas-vigentes {
    text-align: center;
  }

}


@media only screen and (max-width: 550px) {

  .boton-ver-oferta {
    font-size: 12px;
    text-align: center;
  }

}

/* texto ofertas responsive */

@media only screen and (max-width: 510px) {

  .texto-ofertas-responsive {
    padding: 0 10px 0 10px !important;
    text-align: center;
  }

  .referencia-ofertas {
    width: 70px;
  }

}

/* responsive descripcion y perfil candidato left */

@media only screen and (max-width: 800px) {

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

  /* botones "mas informacion" de la pagina blog */

/*.fusion-alignleft {
  padding: 10px;
  text-align: center;
}*/

.fusion-alignleft a {
  color: white;
}

.fusion-read-more:after {
  color: white;
}

.wpcf7-select-parent .select-arrow {
background: none !important;
}

/* cambios H's Homepage */


.titulo-blog {
  font-size: 26px;
  text-align: center;
}

.titulo-clinica {
  font-size: 3em;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0.67em;
  margin-top: 0.67em;
}

.titulo-complejidad {
  color: white;
  font-size: 1.6em;
  font-weight: normal;
  margin-bottom: 5px;
  text-transform: none;
}

.titulo-diagnostico {
  color: #676767;
  font-size: 3em;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}

.titulo-especialidades {
  color: #676767 !important;
  font-size: 3em !important;
  font-weight: normal !important;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0.67em !important;
  margin-top: 0.67em !important;
}

.titulo-experiencia {
  font-size: 3em;
  font-weight: normal;
  margin-bottom: 0;
  text-transform: uppercase;
}

.titulo-exito {
  color: #A78D6F;
  font-size: 2em;
  font-weight: normal;
  margin: 0 0 40px 0;
  padding: 0;
}

.titulo-profesionales {
  color: white;
  font-size: 2em;
  font-weight: normal;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
}


.titulo-inicial{
  font-size: 20px;
  text-align: center;
}

.titulo-nombre {
	color: white;
  font-size: 1.2em;
    font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
}

.titulo-nuevas-instalaciones {
  color: #5e5e60;
  font-size: 3em;
  font-weight: normal;
  margin-bottom: 15%;
  margin-top: 5%;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 3px 2px 0 #ccc;
}

.subtitulo-complejidad {
  color: #A78C6F;
  font-size: 1.2em;
  font-weight: normal;
  margin-bottom: 5px;
}

.subtitulo-web {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 0;
    padding: 0 20px;
    }

/* cookie bot */

input[type="checkbox"].CybotCookiebotDialogBodyLevelButton.CybotCookiebotDialogBodyLevelButtonDisabled + label, input[type="checkbox"].CybotCookiebotDialogBodyLevelButton:checked + label {
	background-image:
 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABNWlDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5XSJNxc//QhHN06uLj7BE6OgoPiE/gGilMHhwjBqfSbvvPjcDg/MCp23WkYZRjEWrWbjnQ9X86/MscMAHTCLLVbrSOAOIkj/iPg5wMB8LZt150G07EYpkoDY2C3G2UhiArQv9apBjECzKCfahCPgKnO2jUQz0Cpl/s7UApy/wRKyvV8EN+A2XM9H4wFwAxyXwNMHd1ogFqSDtVF71zLqmVZ0u4mQSRPh5mOBpk8jMNEpYnq6KgL5P8BsJwvtpuO3Kha1sHmlL0n4nq+zO3rBAGIlZciKwgv1dWfCmNv8lzcGK3C8QPMjots/xbut2DprsjWq1DegafRL8KzT/57sqVFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFGWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjAtMDItMTJUMTY6MTY6MjIrMDE6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIwLTAyLTEyVDE2OjE2OjU4KzAxOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIwLTAyLTEyVDE2OjE2OjU4KzAxOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9IkFkb2JlIFJHQiAoMTk5OCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M2MyZTc3OGYtMzU0MC00NmZiLWE0NjQtNjFkYmQyMTgyNGNiIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNjMmU3NzhmLTM1NDAtNDZmYi1hNDY0LTYxZGJkMjE4MjRjYiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjNjMmU3NzhmLTM1NDAtNDZmYi1hNDY0LTYxZGJkMjE4MjRjYiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6M2MyZTc3OGYtMzU0MC00NmZiLWE0NjQtNjFkYmQyMTgyNGNiIiBzdEV2dDp3aGVuPSIyMDIwLTAyLTEyVDE2OjE2OjIyKzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoTWFjaW50b3NoKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7XKerVAAAAmElEQVQokZXSYQ2DMBAF4NdlApCABCR0TpCAk81BpSBhEpAwHLz94HW7XUqXe8kFcvSjl6aJJALJqkcKwAHApud+CexWhABgTwzOqtzAI+jUSPLFb+4k4eHUgKtBz9q3sOh9NmjhbyYPs1swa5HPZ5IKB41hs7kRmxAnmDwOZuzBM7zoWxdWXNRfTf8vrJX1kya86iaEb88bJFO/nG1Wa40AAAAASUVORK5CYII=') !important;
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
    display: flex !important;
}
#CybotCookiebotDialog {
	border: 15px solid #a78c6f !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
	padding: 2px 1px !important;
	margin: 0 4px !important;
	min-width: 171px !important;

}
/* flechas anterior y siguiente en ofertas empleo */

.navegacion-ofertas-empleo {
  padding-right: 60px;
}
.menucertificaciones {
    position: relative;
    float: left;
}
.menucertificaciones h4 {
	color: #ffffff !important;
	font: 17px/11px 'zwo',PTSansRegular,Arial,Helvetica,sans-serif !important;
	font-weight: lighter !important;
	margin: 0 0 10px 0 !important;
}
.menucertificaciones .certificacion a img {
	width: 50%;
	max-width: 65px;
	height: auto;
	position: relative;
	float: left;
	margin-right: 20px;
}
.menuotroslogos {
    position: relative;
    float: right;
}
.menuotroslogos img {
	max-width: 120px;
	height: auto;
	position: relative;
	float: right;
	margin-left: 20px;
	margin-top: 10px;
}
.fusion-copyright-notice {
    display: contents !important;
    margin-top: 20px !important;
}
.fusion-blogsidebar {
	padding: 0 2%;
}
.single-certificado {
    max-width: 1200px;
    margin: 25px auto 0 auto;

}

a.pdf-certificado:link, a.pdf-certificado:hover {
    border: 1px solid #A78C6F;
    padding: 5px 10px;
    background-color: #A78C6F;
    color: #ffffff !important;
}

@media screen and (max-width: 991px) {
  .menucertificaciones .certificacion a img, .menuotroslogos img {
    float: none;
    margin: 20px auto 20px auto;
    display: block;
}
}


.fusion-main-menu > ul > li > a, .fusion-vertical-menu-widget ul.menu li a, .side-nav li a {
  font-size: 1.1vw;
} 

@media screen and (max-width: 1400px) {
.fusion-main-menu > ul > li {
    padding-right: 1.2vw !important;
  }
}

.pedir-cita {
  cursor: pointer;
  padding: 15px !important;
}

/* circulo Poor Egg Quality ENG */
.page-id-17615 .tema4 {
	padding: 38px;
}

@media screen and (max-width: 550px) {


  .gallery-cell p {
    width: 100%;
  }
  .blog .titleBlog {
    width: 100%;
  }
  .infoBlog {
    padding: 40px 0;
  }
}

.blog-block {
  display: none;
}

a img {
	border: none !important;
    }
.titulo-certificacion {
  	text-align: center;
	padding: 3px;
	color: #ffffff;
    background-color: #A78C6F;
}

/* subrayado titulos politica de calidad responsive */

@media only screen and (max-width: 670px) {
.linea-titulo {
	width: 30% !important;
}
}

@media only screen and (max-width: 460px) {
.linea-titulo {
	width: 50% !important;
}
	.linea-titulo-resp {
		width: 100% !important;
	}
}



.linea-titulo, .linea-titulo-resultados, .linea-titulo-resp {
	border-bottom: 2px solid #a68d6f;
    text-align: center !important;
    width: 100%;
    font-size: 30px;
    margin: 0 auto !important;

}

/* imagenes certificaciones politica de calidad responsive */

@media only screen and (max-width: 1000px) {
	.img-calidad-responsive	{
	width: 70%;
	}	
}	
@media only screen and (max-width: 800px) {
	.img-calidad-responsive	{
		padding-left: 0px !important;
	}	
}

/* check formulario politica de calidad responsive */
@media only screen and (max-width: 750px) {
	span.wpcf7-list-item {
		margin: 0px;
	}
}

span.wpcf7-list-item {
	margin: 0 !important;
}
.porcentaje-complejidad {
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	margin: 15px 0 0 0;
}
.texto-complejidad {
	text-align: center;
	line-height: 18px;
	font-size: 18px;
	margin: -25px 0 0 0;
}
table.resultados{
	background-color: #a68d6f;
	border-radius: 50%;
	width: 180px !important;
	height: 180px;
	color: #fff;
	font-weight: bold;
}
table.resultados td.numero {
	font-size: 60px;
    text-align: right;
    width: 50%;
}
table.resultados td.decimales {
font-size: 30px;
text-align: left;
width: 50%;
position: relative;
top: 0.3em;
	left: -0.1em;
}

table.resultados td.porcentaje  {
	font-size: 30px;
text-align: left;
width: 50%;
position: relative;
bottom: 0.3em;
	left: 0.2em;
}

table.resultados td.texto {
	line-height: 22px;
	padding: 0 50px 10px 50px !important; 
	text-align: center;
	width: 50%;
}

page-id-20013 , #content .post-content table  {
font-size: 1em;
	position: relative;
    margin: 0 auto !important;
    padding: 40px 0;
}

.category-53 .sidebar #media_image-2 {
	margin-bottom: 0px;
}

.fusion-page-title-captions{
    position:absolute;
    text-transform:uppercase;
	background-color: rgba(255,255,255,0.75);
	padding: 5px 20px;
}
@media only screen and (max-width: 1000px) {

page-id-20013 , #content .post-content table  {
width: 20%;
	position: relative;
    margin: 0 auto;
    padding: 40px 0;
}
}


@media only screen and (max-width: 550px) {
	page-id-20013, .fusion-title h2 {
		font-size: 1em !important;
	}
		#menu-social-en {
	display: grid;
    grid-template-columns: repeat(5, 1fr);
		margin: 0;
	}
}

.titulo-tasas {
	padding: 0 80px;
}

@media only screen and (max-width: 450px) {
.titulo-tasas {
	padding: 0;
}
}

.post-template-default h2 {color:#b08f6e;}
.post-template-default h3 {color:#b08f6e;}

.page-id-24530 h2{
	margin-top: 80px;
}
.page-id-24530 .post-content{
	padding-top: 0;
}
@media screen and (max-width: 800px){
	.single-post #main, .category #main{
		padding:0px!important;
		
	}
.page-id-24530 .post-content {
    width: 100% !important;
	}
	html body.page-id-24530 #wrapper .post-content h2 span{
		font-size: 20pt!important;
	}
	html body.page-id-24530 #wrapper .post-content h2{
		margin: 40px 0 0;
		line-height: 1;
	}
	.page-id-24530 .visita-q .fusion-column-wrapper{
		margin:0!important;
	}
	#datosContacto .fusion-column-content-centered>.fusion-column-content{
		text-align:center;
	}
}
.single-especialidad .fusion-page-title-bar, .page-template-especialidades .fusion-page-title-bar {
    background-image: url("https://www.juanacrespo.es/wp-content/themes/equipo-juana-crespo/assets/img/title-bar-especialidades.jpg") !important;
	background-position: center center;
}
.single-tratamiento .fusion-page-title-bar, .page-template-tratamientos .fusion-page-title-bar {
    background-image: url("https://www.juanacrespo.es/wp-content/themes/equipo-juana-crespo/assets/img/title-bar-tratamientos.jpg");
	background-position: center top;
}
.page-id-20013 .fusion-page-title-bar, .page-id-20286 .fusion-page-title-bar, .page-id-23831 .fusion-page-title-bar {
    background-image: url("https://www.juanacrespo.es/wp-content/themes/equipo-juana-crespo/assets/img/title-bar-laboratorio-fiv.jpg");
	background-position: center center;
}
.page-id-11900 .fusion-page-title-bar, .page-id-17228 .fusion-page-title-bar, .page-id-23731 .fusion-page-title-bar {
    background-image: url("https://www.juanacrespo.es/wp-content/themes/equipo-juana-crespo/assets/img/title-bar-pacientes.jpg");
	background-position: center center;
}
.archive .fusion-page-title-bar, .single-post .fusion-page-title-bar {
    background-image: url("https://www.juanacrespo.es/wp-content/themes/equipo-juana-crespo/assets/img/title-bar-sala-espera.jpg");
	background-position: center center;
}
.page-template-rrhh-ofertas .fusion-page-title-bar {
    background-image: url("https://www.juanacrespo.es/wp-content/themes/equipo-juana-crespo/assets/img/title-bar-ofertas-empleo.jpg");
	background-position: center top;
}
.page-id-4564 .fusion-page-title-bar{
	background-image: url("https://www.juanacrespo.es/wp-content/uploads/2022/06/pies.jpg");
	background-position: center top;
}


.chart-wrap {
    margin-left: 10px;
    height: 350px;
    width: 300px;
    transform: translateY(-25px) translateX(25px) rotate(-90deg);
}

.vertical .grid .bar::after {
    transform: translateY(-60%) rotate(90deg);
    display: block;
    font-size: 28px;
	font-weight: bold;
}

.vertical .grid::before,
.vertical .grid::after {
    transform: translateX(-0.2em) rotate(90deg);
    color: #fff;
}

.chart-wrap .title {
    font-weight: bold;
    font-size: 1.62em;
    padding: 0.5em 0 1.8em 0;
    text-align: center;
    white-space: nowrap;
}

.chart-wrap .grid {
    position: relative;
    padding: 5px 0 5px 15px;
    height: 100%;
    width: 100%;
    border-left: 2px solid #888;
    background: repeating-linear-gradient(90deg, transparent, transparent 19.5%, fadeout(#fff, 30%) 20%);
}

.chart-wrap .grid::before {
    font-size: 0.8em;
    font-weight: bold;
    content: '0%';
    position: absolute;
    left: -0.5em;
    top: -1.5em;
}

.chart-wrap .grid::after {
    font-size: 0.8em;
    font-weight: bold;
    content: '100%';
    position: absolute;
    right: -1.5em;
    top: -1.5em;
}

.chart-wrap .bar {
    height: 70px;
    margin: 30px 0;
    background-color: #A78C6F;
    border-radius: 3px;
    animation: barras 2s;
}

.chart-wrap .bar::after {
    content: attr(data-name);
    margin-left: 100%;
    line-height: 70px;
    padding: 20px;
    display: inline-block;
    white-space: nowrap;
}

.chart-wrap .bar-1 {
    background-color: #b7997a;
}

.chart-wrap .bar-1::after {
    color: #b7997a;
}

.chart-wrap .bar-2 {
    background-color: #d5c4b2;
}

.chart-wrap .bar-2::after {
    color: #d5c4b2;
}

.chart-wrap .bar-3 {
    background-color: #838e95;
}

.chart-wrap .bar-3::after {
    color: #838e95;
}
.grafico-edades {
    margin-top: -45px;
}

@keyframes barras {
    0% {
        width: 0%;
    }
}

.listaviedos .unvideo {
    margin-left: 25%;
    overflow: hidden;
}

/* falsos autores para blog */
.about-author {
    margin-top: 0px !important;
    margin-bottom: 55px;
    padding: 10px;
    background: rgb(231,231,234);
    background: linear-gradient(90deg, rgba(231,231,234,1) 23%, rgba(255,255,255,1) 100%);
}
.about-author div.avatar img {
    max-width: 100px;
}
.about-author div.description h3 {
    margin: 0;
}

body.single-tratamiento .flexslider .slides li,
body.single-especialidad .flexslider .slides li {
	display: block !important;
}
.grecaptcha-badge {
    visibility: hidden !important;
}

#cta-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99999;
    padding: 20px 0 0 0 !important;
    display: none;
}
body { 
	margin-bottom: 87px !important;
}
/*Fix contact form*/
.wpcf7 .col-sm-12.col-lg-12 > div[class^='col-'] {
	margin-top: 30px;
}

.wpcf7 .col-sm-12 div:first-of-type {
	margin-top: 0!important;
}

#foto-doctora {
	display: none;
}

/*Nacho Lacruz - Utility*/

.w-100 {
	width: 100%;
}
/*Nacho Lacruz - Especialidades Layout*/
#tratamiento > .fusion-fullwidth {
	padding-top: 3em;
} 

#tratamiento .second a {
	color: var(--link_color);
}

.especialidad-hero {
	font-family: 'Montserrat'!important
}

.especialidad-hero form .row > :is(.col-sm-12:first-child, .col-lg-12:first-child) {
	padding: 0;
}

:is(.especialidad-hero, .especialidad-footer-form) form :is(input, select) {
	border-radius: 10px!important;
	height: 40px!important
}

:is(.especialidad-hero, .especialidad-footer-form) form input[type="checkbox"] {
	height: unset!important
}

.especialidad-hero--image,
.tratamiento-hero--image {
	height: 100%;
	position: relative;
}

.especialidad-hero--image :is(.fusion-title, .fusion-text),
.tratamiento-hero--image :is(.fusion-title, .fusion-text) {
	z-index: 3;
}

.tratamiento-hero--image:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	background: rgb(33,41,52)!important;
	background: -moz-linear-gradient(0deg, rgba(33,41,52,1) 0%, rgba(33,41,52,0) 60%)!important;
	background: -webkit-linear-gradient(0deg, rgba(33,41,52,1) 0%, rgba(33,41,52,0) 60%)!important;
	background: linear-gradient(0deg, rgba(33,41,52,1) 0%, rgba(33,41,52,0) 60%)!important;
}

.especialidad-hero--image:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgb(167,140,111);
	background: -moz-linear-gradient(0deg, rgba(167,140,111,1) 0%, rgba(0,0,0,0) 60%);
	background: -webkit-linear-gradient(0deg, rgba(167,140,111,1) 0%, rgba(0,0,0,0) 60%);
	background: linear-gradient(0deg, rgba(167,140,111,1) 0%, rgba(0,0,0,0) 60%);
	z-index: 2;
}

.especialidad-hero form .text-sm, 
.especialidad-footer-form form .text-sm {
	font-size: .7em;
}

.especialidad-hero form a {
	color: white;
}

:is(.especialidad-hero, .especialidad-footer-form) form input[type="submit"] {
	padding: 0.5em 4em;
    border-radius: 0px!important;
    text-transform: unset;
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: .8em;
}

.especialidad-footer-form form input[type="submit"] {
	background-color: #a78c6f;
	display: block;
	margin: 0 auto;
}
:is(.especialidad-hero, .especialidad-footer-form) .form-horario {
	display: flex;
	flex-direction: column;
}

:is(.especialidad-hero, .especialidad-footer-form) .form-horario select {
	width: 100%;
}

.especialidad-checklist a {
	font-family: 'Montserrat';
	color: var(--awb-text-color);
	font-size: 1.1rem!important;
}


.especialidad-toggles .fusion-toggle-heading {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.2rem!important;
}

.especialidad-toggles .toggle-content {
	font-size: 1.1rem!important
}



.especialidad-faq .fusion-accordian #accordian-1 .panel-title a .fa-fusion-box {
	background-color: var(--awb-color4)!important
}

.especialidad-faq .fusion-accordian .panel-title a .fa-fusion-box:before {
	width: 22px;
}

/*MEDIA QUERIES ESPECIALIDAD*/

@media (max-width: 1024px) {
	.especialidad-hero--image,
	.tratamiento-hero--image {
		min-height: 60vh;
	}
	
	.especialidad-reverse-order > .fusion-row {
		display: flex;
		flex-direction: column-reverse
	}
	
}

/*Cambio tipografía*/
body[class^="tratamiento"] h2 {
	font-family: "Montserrat"!important;
	font-weight: 400;
	line-height: 1.2;
}

/*Tabs*/
.crespo-tabs {
	max-width: min(100%, 1200px);
	margin: 0 auto!important;
}

.lista-crespo li{
	list-style: none;
	position: relative
}

.lista-crespo li::before{
	content: "\2022";
	font-weight: 600;
	position: absolute;
	font-size: 1.3em;
	top: -7px;
	left: -1em;
	color: #a78c6f;
}
body.single-tratamiento article {
	max-width: 100% !important;
}
@media (min-width: 1025px) {
	.fusion-no-large-visibility {
		display: none !important;
	}
}
@media (min-width: 641px) and (max-width: 1024px) {
	.fusion-no-medium-visibility {
		display: none !important;
	}
}
@media (max-width: 640px) {
	.fusion-no-small-visibility {
		display: none !important;
	}
}

/* EQUIPO MEDICO */
.unidades-equipomedico ul {
	display: flex;
	flex-direction: row;
	gap: 0.5rem 1.1rem;
	flex-wrap: wrap;
	padding-block: 2%;
	padding-left: 0;
	margin: 0;
}

.unidades-equipomedico li {
	list-style-type: none;
	border: 1px solid #A78C6F;
	padding-inline: 0.8rem;
	font-size: 1rem;
}

.especialidadactual {
	background-color: #A78C6F;
	color: white;
}
.equipomedico {
	max-width: 1248px;
	margin: 0 auto;
}

.especialistas-equipomedico {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem 1%;
}

.especialista-equipomedico {
	padding-bottom: 2rem;
	width: 24%;
}

.especialista-equipomedico .foto-especialista img {
	width: 100%;
}
.especialista-equipomedico .datos-especialista {
	display: flex; 
	flex-direction: column; 
	padding: 1rem; 
	text-align: center; 
	height: 300px; 
	background-color: #EFEFEF; 
	gap: 1rem;
	justify-content: space-between; 
}

@media (max-width: 1024px) {
  .especialista-equipomedico .datos-especialista {
	height: 250px;
	}
	.especialista-equipomedico {
	width: 30%;
	}
	.equipomedico {
		padding-left: 5%;
		padding-right: 5%;
	}
}

@media (max-width: 780px) {

	.especialista-equipomedico {
	width: 100%;
	}
}

.especialista-equipomedico .datos-especialista h4 {
	font-size: 1.4rem;
	margin-bottom: 0;
	font-weight:700;
}

.especialista-equipomedico .datos-especialista .ctab {
	background-color: #A78C6F;
	color: white;
	display: block;
	max-width: fit-content;
	padding: .2rem 1rem;
	align-self: center;
	margin-bottom: 1rem;
}

.especialista-equipomedico .datos-especialista .ctab:hover {
	background-color: #c2a88e;
}

.wpcf7-form .wpcf7-not-valid-tip {
    display: flex !important;
}