/*
	Theme Name: Close·marketing
	Theme URI: https://close.marketing
	Description: Tema realizado creado a medida en WordPress.
	Author: closemarketing
	Author URI: https://close.marketing

	Version: 1.0

	Template: generatepress

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* raleway-regular - latin */
@font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 400;
   src: url('fonts/raleway-v22-latin-regular.eot');
   /* IE9 Compat Modes */
   src: local(''),
      url('fonts/raleway-v22-latin-regular.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('fonts/raleway-v22-latin-regular.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('fonts/raleway-v22-latin-regular.woff') format('woff'),
      /* Modern Browsers */
      url('fonts/raleway-v22-latin-regular.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('fonts/raleway-v22-latin-regular.svg#Raleway') format('svg');
   /* Legacy iOS */
}

/* raleway-700 - latin */
@font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 700;
   src: url('fonts/raleway-v22-latin-700.eot');
   /* IE9 Compat Modes */
   src: local(''),
      url('fonts/raleway-v22-latin-700.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('fonts/raleway-v22-latin-700.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('fonts/raleway-v22-latin-700.woff') format('woff'),
      /* Modern Browsers */
      url('fonts/raleway-v22-latin-700.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('fonts/raleway-v22-latin-700.svg#Raleway') format('svg');
   /* Legacy iOS */
}

/* raleway-900 - latin */
@font-face {
   font-family: 'Raleway';
   font-style: normal;
   font-weight: 900;
   src: url('fonts/raleway-v22-latin-900.eot');
   /* IE9 Compat Modes */
   src: local(''),
      url('fonts/raleway-v22-latin-900.eot?#iefix') format('embedded-opentype'),
      /* IE6-IE8 */
      url('fonts/raleway-v22-latin-900.woff2') format('woff2'),
      /* Super Modern Browsers */
      url('fonts/raleway-v22-latin-900.woff') format('woff'),
      /* Modern Browsers */
      url('fonts/raleway-v22-latin-900.ttf') format('truetype'),
      /* Safari, Android, iOS */
      url('fonts/raleway-v22-latin-900.svg#Raleway') format('svg');
   /* Legacy iOS */
}

.has-azul-background-color {
   background-color: #223547 !important;
}

.has-verde-background-color {
   background-color: #84CE6D !important;
}

/**
 * # Icons
 * ---------------------------------------------------------------------------------------------------- */
@font-face {
   font-family: 'icons';
   src: url('fonts/icons.eot?14750658');
   src: url('fonts/icons.eot?14750658#iefix') format('embedded-opentype'),
      url('fonts/icons.woff2?14750658') format('woff2'),
      url('fonts/icons.woff?14750658') format('woff'),
      url('fonts/icons.ttf?14750658') format('truetype'),
      url('fonts/icons.svg?14750658#icons') format('svg');
   font-weight: normal;
   font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
    @media screen and (-webkit-min-device-pixel-ratio:0) {
	@font-face {
	  font-family: 'icons';
	  src: url('fonts/icons.svg?14750658#icons') format('svg');
	}
    }
    */
[class^="icon-"]:before,
[class*=" icon-"]:before {
   font-family: "icons";
   font-style: normal;
   font-weight: normal;
   speak: never;

   display: inline-block;
   text-decoration: inherit;
   width: 1em;
   margin-right: .2em;
   text-align: center;
   /* opacity: .8; */

   /* For safety - reset parent styles, that can break glyph codes*/
   font-variant: normal;
   text-transform: none;

   /* fix buttons height, for twitter bootstrap */
   line-height: 1em;

   /* Animation center compensation - margins should be symmetric */
   /* remove if not needed */
   margin-left: .2em;

   /* you can be more comfortable with increased icons size */
   /* font-size: 120%; */

   /* Font smoothing. That was taken from TWBS */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;

   /* Uncomment for 3D effect */
   /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-right-open:before {
   content: '\e800';
}

/* '' */
.icon-phone:before {
   content: '\e801';
}

/* '' */
.icon-left-open:before {
   content: '\e802';
}

/* '' */
.icon-location:before {
   content: '\e803';
}

/* '' */
.icon-twitter:before {
   content: '\f099';
}

/* '' */
.icon-facebook:before {
   content: '\f09a';
}

/* '' */
.icon-mail-alt:before {
   content: '\f0e0';
}

/* '' */
.icon-linkedin:before {
   content: '\f0e1';
}

/* '' */
.icon-youtube:before {
   content: '\f167';
}

/* '' */
.icon-instagram:before {
   content: '\f16d';
}

/* '' */
.icon-whatsapp:before {
   content: '\f232';
}

/* '' */

/* Animaciones scroll */
.js-scroll {
	opacity: 0;
	transition: opacity 1000ms;
}
    
.js-scroll.scrolled {
	opacity: 1;
}

.scrolled.fade-in {
	animation: fade-in 1s ease-in-out both;
}

.scrolled.fade-in-bottom {
	animation: fade-in-bottom 1s ease-in-out both;
}

.scrolled.slide-left {
	animation: slide-in-left 1s ease-in-out both;
}

.scrolled.slide-right {
	animation: slide-in-right 1s ease-in-out both;
}

.scrolled.flipInY {
	animation: flipInY 1s ease-in-out both;
}

.scrolled.zoomIn {
	animation: zoomIn 1s ease-in-out both;
}

.scrolled.zoomReverseIn {
	animation: zoomReverseIn 1s ease-in-out both;
}

.scrolled.difusion {
	animation: difusion 2s ease-in-out both;
}

.js-scroll-2 {
	opacity: 0;
	transition: opacity 1000ms;
}

.js-scroll-2.scrolled {
	opacity: 1;
}

.js-scroll-3 {
	opacity: 0;
	transition: opacity 1000ms;
}

.js-scroll-3.scrolled {
	opacity: 1;
}

.scrolled.scrollmove {
	animation-name            : insertBanner;
	animation-duration        : 1s;
	animation-delay           : 2s;
	animation-iteration-count : 1;
	animation-fill-mode       : backwards;
}

@keyframes insertBanner {
    from { transform : translateY(-4em) } /* slide down from off-screen */
    to   { transform : translateY(0em) }
}

@keyframes slide-in-left {
	0% {
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes slide-in-right {
	0% {
		-webkit-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 2;
	}
}

@keyframes fade-in-bottom {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes flipInY {
	0% {
		opacity: 0; 
		transform: rotateY(90deg);
	}
	100% {
		opacity: 1; 
		transform: none;
	} 
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		transform: scale(0.5);
	}
	100% {
		opacity: 1; 
		transform: none;
	}
}
@keyframes zoomReverseIn {
	0% {
		opacity: 0;
		transform: scale(1.5);
	}
	100% {
		opacity: 1; 
		transform: none;
	} 
}
@keyframes difusion {
	0% {
		opacity: 0.0;
	}
	5% {
		opacity: 0.05;
	}
	10% {
		opacity: 0.1;
	}
	15% {
		opacity: 0.15;
	}
	20% {
		opacity: 0.2;
	}
	25% {
		opacity: 0.25;
	}
	30% {
		opacity: 0.3;
	}
	35% {
		opacity: 0.35;
	}
	40% {
		opacity: 0.40;
	}
	45% {
		opacity: 0.45;
	}
	50% {
		opacity: 0.50;
	}
	55% {
		opacity: 0.55;
	}
	60% {
		opacity: 0.60;
	}
	65% {
		opacity: 0.65;
	}
	70% {
		opacity: 0.70;
	}
	75% {
		opacity: 0.75;
	}
	80% {
		opacity: 0.80;
	}
	85% {
		opacity: 0.85;
	}
	90% {
		opacity: 0.90;
	}
	95% {
		opacity: 0.95;
	}
	100% {
		opacity: 1.0;
	}
}

/**
 * # Blog
 * ---------------------------------------------------------------------------------------------------- */
.close-categories-list .current-cat {
   display: none;
}

.close-categories-list {
   list-style: none;
   margin-left: 0px;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   column-gap: 15px;
   row-gap: 10px;
   justify-content: center;
}

.close-categories-list li a {
   color: white;
   font-weight: bold;
}

.close-categories-list li:hover {
   background: #223547;
}

.close-categories-list li {
   padding: 5px;
   background: #84ce6d;
}

/**
 * ## Plugin OWL Carousel
 * --------------------------- */

.owl-carousel {
   width: 100%;
   -webkit-tap-highlight-color: transparent;
   /* position relative and z-index fix webkit rendering fonts issue */
   position: relative;
   z-index: 1;
}

.owl-carousel .owl-stage {
   position: relative;
   -ms-touch-action: pan-Y;
   touch-action: manipulation;
   -moz-backface-visibility: hidden;
   /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.owl-carousel .owl-stage-outer {
   position: relative;
   overflow: hidden;
   /* fix for flashing background */
   -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
   position: relative;
   min-height: 1px;
   float: left;
   -webkit-backface-visibility: hidden;
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
   display: block;
   width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
   display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
   cursor: pointer;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
   background: none;
   color: inherit;
   border: none;
   padding: 0 !important;
   font: inherit;
}

.owl-carousel.owl-loaded {
   display: block;
}

.owl-carousel.owl-loading {
   opacity: 0;
   display: block;
}

.owl-carousel.owl-hidden {
   opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
   visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
   -ms-touch-action: pan-y;
   touch-action: pan-y;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

.owl-carousel.owl-grab {
   cursor: move;
   cursor: grab;
}

.owl-carousel.owl-rtl {
   direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
   float: right;
}

/* No Js */
.no-js .owl-carousel {
   display: block;
}

/*
     *  Owl Carousel - Animate Plugin
     */
.owl-carousel .animated {
   animation-duration: 1000ms;
   animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
   z-index: 0;
}

.owl-carousel .owl-animated-out {
   z-index: 1;
}

.owl-carousel .fadeOut {
   animation-name: fadeOut;
}

@keyframes fadeOut {
   0% {
      opacity: 1;
   }

   100% {
      opacity: 0;
   }
}

/*
 * 	Owl Carousel - Auto Height Plugin
*/
.owl-height {
   transition: height 500ms ease-in-out;
}

/*
* 	Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
   /**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/
}

.owl-carousel .owl-item .owl-lazy {
   opacity: 0;
   transition: opacity 400ms ease;
}

.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
   max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
   transform-style: preserve-3d;
}

/*
     * 	Owl Carousel - Video Plugin
     */
.owl-carousel .owl-video-wrapper {
   position: relative;
   height: 100%;
   background: #000;
}

.owl-carousel .owl-video-play-icon {
   position: absolute;
   height: 80px;
   width: 80px;
   left: 50%;
   top: 50%;
   margin-left: -40px;
   margin-top: -40px;
   background: url("owl.video.play.png") no-repeat;
   cursor: pointer;
   z-index: 1;
   -webkit-backface-visibility: hidden;
   transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
   -ms-transform: scale(1.3, 1.3);
   transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
   display: none;
}

.owl-carousel .owl-video-tn {
   opacity: 0;
   height: 100%;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: contain;
   transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
   position: relative;
   z-index: 1;
   height: 100%;
   width: 100%;
}

/**
 * ## Menú mobile
 * --------------------------- */
@media (max-width: 1000px) {
   .cmk-mobile-container {
      width: 100%;
   }

   .cmk-mobile-container img {
      margin-left: 20px;
   }

   nav.slideout-navigation button.slideout-exit {
      position: absolute;
      top: 0;
      width: max-content;
      right: 10px;
      font-size: 30px;
   }

   nav.main-navigation.offside.is-open {
      width: 100%;
   }

   div.header-wrap {
      display: flex;
      flex-wrap: wrap;
   }

   div.header-wrap .site-header {
      width: 100%;
   }

   div.header-wrap .site-header .inside-header {
      align-items: flex-start;
      margin-top: 5px;
   }

   nav.main-navigation {
      align-self: center;
   }

   .main-navigation button.menu-toggle {
      font-size: 26px;
   }

   nav.slideout-navigation.main-navigation {
      background-image: url(/wp-content/uploads/2022/05/mobile-fondo.jpeg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
   }

   nav#generate-slideout-menu.do-overlay .slideout-menu li {
      text-align: left;
   }

   nav.slideout-navigation .slideout-menu li:hover a:after,
   nav.slideout-navigation.main-navigation .main-nav ul li.current-menu-item a:after,
   nav.slideout-navigation.main-navigation .main-nav ul.slideout-menu li.sfHover li:hover a:after,
   nav.slideout-navigation.main-navigation .main-nav ul.slideout-menu li.sfHover li.current-menu-item a:after {
      background-image: url(/wp-content/uploads/2022/05/mobile-arrow-hover.svg);
   }

   nav.slideout-navigation .slideout-menu li.menu-item-has-children a:after {
      background-image: url(/wp-content/uploads/2022/05/mobile-arrow-bottom.svg);
   }

   nav.slideout-navigation .slideout-menu li a:after,
   nav.slideout-navigation.main-navigation .main-nav ul.sub-menu li a:after {
      background-image: url(/wp-content/uploads/2022/05/mobile-arrow.svg);
      display: inline-block;
      width: 50px;
      height: 50px;
      content: "";
      background-repeat: no-repeat;
      right: 0px;
      position: absolute;
      background-size: 51px;
   }

   nav.slideout-navigation .slideout-menu {
      margin: 0px 25px;
      row-gap: 10px;
   }

   nav.slideout-navigation.main-navigation .main-nav ul.slideout-menu li:hover,
   nav.slideout-navigation.main-navigation .main-nav ul.slideout-menu li.current-menu-item,
   nav.slideout-navigation.main-navigation .main-nav ul.slideout-menu li.sfHover,
   nav.slideout-navigation.main-navigation .main-nav ul.slideout-menu li.sfHover li.current-menu-item {
      background: #84CE6D;
   }

   nav.slideout-navigation.main-navigation .main-nav ul li a {
      font-weight: 700;
      font-size: 35px;
      width: 100%;
      padding: 0px 8px;
      line-height: 50px;
      border: 1px solid #223547;
   }

   nav.slideout-navigation.main-navigation .main-nav ul.sub-menu li a {
      font-size: 20px
   }

   nav.slideout-navigation.main-navigation .main-nav ul.slideout-menu li.sfHover li {
      background: white;
   }

   nav.slideout-navigation.main-navigation .main-nav ul.slideout-menu li.sfHover li:hover {
      background: #84CE6D;
   }

	/**
	* # Filtro de categorías de blog
	* ---------------------------------------------------------------------------------------------------- */
	.cmk-blog-filtro-mobile {
		max-width: -webkit-fill-available;
	}
}

/*Pagina Diseño Grafico*/

.page-diseño strong {
   color: #84CE6D;
}

/*Pagina Multimedia*/

.page-multimedia strong {
   color: #84CE6D;
}

/*Post Blog*/
.single-post .post-term-category a {
   background-color: #223547;
   padding: 10px;
   border-radius: 50px;
   color: white;
}

/*Landing Kit Digital*/
.entry-content div div div p a strong span {
   color: #fff;
}

.modal-landing .bod-block-popup {
   padding: 20px;
   font-size: 16px;
}

.bod-block-popup-overlay {
   background: rgba(34, 53, 71, 0.7) !important;
}

.postid-18670 .c-accordion__item h4 {
   cursor: pointer;
   font-size: 20px !important;
   padding-right: 1rem;
   position: relative;
   box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
   padding: 6px 6px 6px 15px;
}

.texto-kit strong {

   background-color: #84CE6D;
}

/*Politica de Cookies*/
#moove_gdpr_cookie_info_bar {
   min-height: 30vh;
   width: 82%;
   margin: 30% auto;
   left: 9%;
   padding: 5% 0;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-info-bar-hidden {
   min-height: auto;
   z-index: -1;

   bottom: -2000px;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
   display: block;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-cookie-notice {
   margin-bottom: 30px;
   font-size: 20px;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p,
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a {
   font-size: 20px;
   line-height: 32px;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-allow-all {
   font-size: 22px;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn {
   background: none;
   color: black;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn {
   color: white;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn:hover {
   color: black;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
   background-color: rgba(22, 33, 47, 0.9);
}

#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
   border: 5px solid black;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
   padding-left: 0;
   display: block;
   text-align: center;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt {
   display: none;
}

@media (max-width: 767px) {

   .kitdigital-fondo-movil:before {
      background: transparent;
   }

   #moove_gdpr_cookie_info_bar {
      min-height: 80vh;
      width: 80%;
      margin: 0;
      left: 10%;
   }

   #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
      width: 95%;
      padding: 15px 10px;
   }

   #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p,
   #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a {
      font-size: 16px;
      line-height: 26px;
   }

   #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-allow-all {
      font-size: 18px;
      white-space: break-spaces;
      line-height: 28px;
   }

   /* Home */
   .contenedor-home {
      min-height: 470px;
   }

}

/*landing navidad*/
.bod-block-popup-overlay.active {
   opacity: 0.9;
}

.bod-block-popup-wrap .bod-block-popup.size-m {
   width: 600px;
   border: 6px solid #84CE6D;
}

/* Listado parent */
.wpblock-listado-parent .list-parent {
   display: grid;
   grid-template-columns: auto auto;
   grid-column-gap: 10px;
}

.wpblock-listado-parent .list-parent h2 {
   font-size: 22px;
   text-align: center;
   margin-bottom: 5px;
}

.owl-carousel .owl-nav button.owl-prev {
   position: absolute;
   left: -40px;
   font-size: 30px;
}

.owl-carousel .owl-nav button.owl-next {
   position: absolute;
   right: -30px;
   font-size: 30px;
}

/* Filtro del blog */
.cmk-blog-filtro .searchandfilter ul li li.sf-item-0,
.searchandfilter ul li li.sf-item-228,
.searchandfilter ul li li .sf-input-radio {
   display: none;
}

.searchandfilter ul li li {
   padding: 0px;
   border: 2px solid #1b1b42;
   color: #1b1b42;
   border-radius: 5px;
}

.searchandfilter ul {
   margin-left: 0px;
}

.searchandfilter ul li li.sf-option-active {
   border: 2px solid #84CE6E;
   color: white;
   background: #84CE6E;
}

.searchandfilter ul li li:hover {
   border: 2px solid #84CE6E;
   color: white;
   background: #84CE6E;
}

.searchandfilter ul li li .sf-label-radio {
   padding-right: 10px;
   padding-bottom: 5px;
   padding-top: 5px;
   cursor: pointer;
}

.searchandfilter ul li ul {
   display: flex;
   flex-flow: wrap;
   column-gap: 10px;
   row-gap: 10px;
}


/*SERVICIOS*/
.titulo-bloque-servicios strong {
   background-color: #223547;
   color: white;
   padding: 5px;
}

.titulo-servicio strong {
   border-bottom: 9px solid #84CE6D;
}

.redondeo-frase strong {
   border: 3px solid #84CE6D;
   padding: 0px 4px;
   border-radius: 10px;
}

/* FORMULARIOS */
.cmk-gform-suscripcion-webinar .gform_body ul .gfield,
.cmk-gform-suscripcion-webinar .gform_body ul .gfield .ginput_container {
   margin-top: 0px;
}

.cmk-gform-suscripcion-webinar .gform_body ul .gfield .ginput_container input {
   border: 2px solid #C4C4C4;
   color: black;
   font-weight: bold;
}

/*CONTACTO*/
.animation-container svg {
   background: radial-gradient(50% 400% at 50% 50%, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
}

.single-servicios .gform_legacy_markup_wrapper .gform_footer {
   background-image: none;
   background-position: right top;
   margin-top: -2rem;
   text-align: right;

}

/*PÁGINAS*/
.titulo-cabecera-paginas {
   color: #223547 !Important;
}

/*CONTACTO*/
.gform_wrapper .top_label li.gfield.gf_left_half,
.gform_wrapper .top_label li.gfield.gf_right_half {
   margin-top: 0;
}

body .gform_legacy_markup_wrapper .top_label div.ginput_container {
   margin-top: 3px !Important;
}

p.no-comments {
   display: none;
}

.camp a {
   color: #fff;
}

/* MENÚ NAVEGACIÓN */
.main-navigation .main-nav ul li.menu-item-has-children>a {
   padding-right: 12px;
}

.main-nav .menu-item a span.dropdown-menu-toggle {
   display: none;
}

.main-nav .menu-item .sub-menu .icon a {
   border: 1px solid #eee;
}

@media (min-width: 769px) {
   .main-navigation .menu>.menu-item>a::after {
      content: "";
      position: absolute;
      right: 0;
      left: 50%;
      bottom: 15px;
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);

      display: block;
      width: 0;
      height: 2.55px;

      background-color: #84ce6d;
      transition: 0.3s width ease;
   }

   .main-navigation .menu>.menu-item.current-menu-item>a::after,
   .main-navigation .menu>.menu-item.current-menu-ancestor>a::after,
   .main-navigation .menu>.menu-item>a:hover::after {
      width: 80%;
   }
}

/* GeneratePress Site CSS */
.inside-header lottie-player {}

.main-navigation a {
   letter-spacing: 1px;
}

.featured-image img,
.post-image img {
   border-radius: 8px;
}

.post-meta-style {
   font-size: 16px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 2px;
}

.post-term-category {
   font-size: 16px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 2px;
}

.drop-shadow {
   box-shadow: 0px 0px 20px rgba(200, 200, 200, 0.2);
}

.round-top-corners img {
   border-radius: 8px 8px 0px 0px;
}

.main-navigation:not(.slideout-navigation) .main-nav li.nav-button a {
   color: rgba(72, 45, 112, 1.0);
   border: 3px;
   border-style: solid;
   line-height: 36px;
   border-radius: 2px;
   margin-left: 20px;
   transition: all 0.6s ease 0s;
}

.main-navigation:not(.slideout-navigation) .main-nav li.nav-button a:hover {
   color: rgba(72, 45, 112, 0.8);
}

/* End GeneratePress Site CSS */

/* MENÚ NAVEGACIÓN STICKY */
.main-navigation .inside-navigation lottie-player {
   display: none;
}

.navigation-stick .inside-navigation lottie-player {
   display: block;
   position: absolute;
   top: -10px;
   left: -50px;
}

.navigation-stick {
   background: white;
}

.navigation-stick .inside-navigation .main-nav {
   margin-left: 350px;
   padding-top: 10px;
   padding-bottom: 10px;
   width: 100%;
}

.main-navigation .inside-navigation .sf-menu {
   width: max-content;
}

/*Close.marketing*/
/*Servicios*/
.wpblock-servicio-acordeon h2 a {
   margin-bottom: 8px;
   font-weight: 700;
   font-size: 30px;
   line-height: 40px;
   line-height: 1.5;
   text-transform: none;
   color: #223547;
}

.wpblock-servicio-acordeon p {
   font-size: 14px;
   line-height: 18px;
   margin-bottom: 10px;
}

.wpblock-servicio-acordeon .accordion-label {
   display: flex;
   justify-content: space-between;
   padding: 10px !important;
   background: #223547;
   font-weight: bold;
   cursor: pointer;
   border-radius: 10px;
}

.wpblock-servicio-acordeon .accordion-label:hover {
   display: flex;
   justify-content: space-between;
   padding: 10px !important;
   background: #84CE6D !Important;
   font-weight: bold;
   cursor: pointer;
   border-radius: 10px;
}

.wpblock-servicio-acordeon input:checked+.accordion-label {
   background: #f9f9f9 !important;
   border-radius: 10px 10px 0px 0px;
   color: #223547;
   border-bottom: 1px solid #223547;
}

.wpblock-servicio-acordeon .accordion-content {
   max-height: 0;
   border-radius: 0px 0px 10px 10px;
   color: #223547;
   background: #f9f9f9 !important;
   transition: all 0.35s;
}

.wpblock-servicio-acordeon .item-servicio .subservices .item-subservice {
   list-style: none;
   margin-bottom: 10px !Important;

}

.wpblock-servicio-acordeon .item-subservice span {
   color: #223547;
   font-weight: bold;
   vertical-align: super;
}

.wpblock-servicio-acordeon .item-subservice .container {
   background: #F9F9F9;
   display: grid;
   grid-template-columns: 10% 90%
}

.wpblock-servicio-acordeon input:checked~.accordion-content {
   max-height: 110vh;
}

/*Home*/
.home .home-container-posts {
   margin: 0px;
}

.home .home-video-popup {
   position: absolute;
   top: 0px;
}

.home .home-video-popup .gb-inside-container {
   width: 439px;
   height: 246px;
}

.home .home-video-popup .gb-inside-container a {
   display: inline-block;
   width: 439px;
   height: 246px;
}

h1.gb-headline-25f76464 {
   font-family: Raleway, sans-serif;
   color: #223547 !important;
   font-size: 54px;
   position: relative;
   z-index: 10;
   margin-top: 10rem;
}

.img-fond-hero-cmk {
   position: relative;
   z-index: 4;
   margin-left: -7rem;
   margin-top: -25rem !important;
}

.video-closemarketing-hero {
   position: relative;
   z-index: 6;
   margin-top: -17rem;
}

.fondo-cmk-hero {
   height: 600px;
   margin-top: 6rem;
}

.home .wp-block-button {
   background-image: url(https://close.marketing/wp-content/uploads/2021/03/element-cmk.svg);
   background-repeat: no-repeat;
   background-position: top;
   padding-right: 145px;
}

.text-desplazarse {
   border-top: 2px solid #223547;
   margin-left: -1.4rem;
   padding-top: 5px;
   margin-bottom: 4rem;
   margin-top: -2rem;
   width: 90px;
   transform: rotate(-90deg);
   font-size: 14px;
   line-height: 16px;
}

.titulo-servicios-bloq {
   height: 50px;
   width: 276px;
   position: absolute;
   bottom: 1em !important;
   padding: 0px;
   margin: 0;
}

.wp-block-group.has-background {
   padding: 0;
   margin-top: 0;
   margin-bottom: 0;
}

.titulo-servicios-bloq {
   height: 40px;
}

.titulo-servicios-bloq h3 {
   padding: 0px;
   margin-top: 0.3em;
}

.wp-block-closemarketing-trabajos {
   display: -ms-grid;
   display: grid;
   -ms-grid-columns: 1fr 1rem 1fr;
   grid-template-columns: repeat(3, 1fr);
   grid-gap: 0rem;
}

.item-trabajo img {
   height: 480px;
}

/*Noticias*/
.single-post .page-hero {
   margin-bottom: 2em;
}

.fecha-articulo-blog {
   position: absolute;
   z-index: 999;
   -webkit-transform: rotate(90deg) translateZ(0);
   -moz-transform: rotate(90deg) translateZ(0);
   transform: rotate(90deg) translateZ(0);
   transform-origin: 0 0;
   background-color: #fff;
   line-height: 30px;
   padding: 0 15px;
   margin-left: 1.5rem;
   text-align: center;
   font-size: 16px;
   text-transform: uppercase;
   font-weight: 500;
}

.dynamic-entry-excerpt p {
   transform-origin: 0 0;
   font-size: 14px;
   font-weight: 500;
}

/*Proyectos*/
.single-portfolio .page-hero h1 {
   display: none;
}

.post-type-archive-portfolio .site-main {
   display: grid;
   grid-template-columns: 50% 50%;
   margin: -1em;
}

.post-type-archive-portfolio .portfolio {
   margin: 5px;
   min-height: 300px;
   max-height: 300px;
}

.proyecto-item {
   min-height: 300px;
   max-height: 300px;
}

.portfolio-titulo-hover {
   min-height: 300px;
   max-height: 300px;
   opacity: 0;
}

.proyecto-item:hover .portfolio-titulo-hover {
   opacity: 1;
}

/*Contacto*/
@media (max-width: 600px) {
   .grid-imagen-web {
      width: 150%;
      margin-left: -9rem;
   }

   .imagen-ordenador-proyectos {
      width: 100%;
   }

}

/*Paginacin*/
.one-container .site-main .paging-navigation {
   text-align: right;
   width: 100%;
   margin-top: 1rem;
}

/*Arreglo link video home*/
.imagen-ca {
   visibility: hidden;
}

.home .home-video-popup .gb-inside-container a {
   display: inline-block;
   z-index: 999;
   position: relative;
}

.cuadro1a {
   position: relative;
   z-index: 10;
   width: 80%;
}

/*Migas de pan*/
.rank-math-breadcrumb {
   padding-left: 19px;
}

.taxonomy-description {
   margin-bottom: 2rem;
}

a.behance .gb-icon {
   font-size: 1.5em;
}

/***************************MEDIA QUERIES**************************/
/*Smartphone*/
@media only screen and (max-width: 767px) {

   /* home */
   .wp-block-columns.video-closemarketing-hero {
      display: grid;
      margin-top: -25rem;
   }

   p.text-desplazarse {
      position: absolute;
      right: 0;
      bottom: -6em;
   }

   div.close-home-colunms {
      flex-wrap: wrap;
   }

   /*Site-content*/
   .one-container .site-content {
      padding-top: 30px;
   }


   /*Footer*/
   .clase-footer {
      background: #fbfbfb;
   }

   /*Menú móvil*/
   .inside-navigation button.menu-toggle {
      text-align: right;
      margin-top: 6px;
   }

   /*Home*/
   .img-fond-hero-cmk {
      visibility: hidden;
   }

   .cuadro1a {
      width: 100%;

   }

   h1.titulo-hero {
      font-size: 30px;
      margin-top: 11rem;
   }

   .home-column-video {
      margin-top: -6rem;
      position: relative;
   }

   .home .home-video-popup {
      position: absolute;
      top: 0px;
      min-height: 400px !important;
      z-index: 1000 !improtant;
   }

   .text-desplazarse {
      margin-top: 1rem;
      float: right;
      clear: both;

   }

   .cuadro1a {
      position: relative;
      z-index: -1 !important;
   }

   .home .home-video-popup .gb-inside-container a {
      display: inline-block;
      z-index: 99;
      position: absolute;
   }

   .ayudar {
      margin-top: -6.5rem;
      text-align: center;

   }

   .texto-ayuda {
      margin-bottom: 1rem;
   }

   .texto-ayuda h2 {
      padding: 0;
   }

   .titulo-servicios-bloq .wp-block-group__inner-container {
      padding: 0;
   }

   .titulo-servicios-bloq {
      width: 87%;
   }

   .subtexto {
      margin-top: 2rem;
   }

   .wpblock-proyectos .wrap-proyectos {
      display: grid;
      grid-template-columns: 1fr !important;
   }

   .wpblock-proyectos .wrap-proyectos .item-proyecto .image {
      max-height: auto;
   }

   .wpblock-proyectos .wrap-proyectos .item-proyecto .image img {
      min-height: 200px !important;
      max-height: auto !important;
   }

   .wpblock-proyectos .wrap-proyectos .item-proyecto .title {
      bottom: 0;

   }

   .newsletter-home {
      padding-left: 20px;
      padding-right: 20px;
   }

   .newsletter-home .gform_body {
      margin-bottom: 4rem;
   }

   .form-fin {
      margin-right: 20px;
      margin-left: 20px;
   }

   .wp-block-latest-posts.is-grid li {
      margin: 0;
      width: 100%;
      padding: 10px 20px 20px 30px;
   }

   .wp-block-latest-posts__featured-image.aligncenter {
      margin-bottom: 0;

   }

   .marcas-home {
      margin: 0;
      justify-content: center;
      margin: 0 auto;
      text-align: center;
   }

   .marginb {
      margin-bottom: 2rem;
   }

   /*Footer*/
   .site-footer .wp-block-cover__image-background {
      visibility: hidden;
   }


   /*Servicios*/
   .servicios1b {
      background-repeat: no-repeat;
      background-position: 110% 95%;
      background-size: 70%;
   }

   .servicios2b {
      background-repeat: no-repeat;
      background-position: left bottom;
      background-size: 80%;
   }

   .servicios3b {
      background-repeat: no-repeat;
      background-position: right bottom;
      background-size: 70%;
   }

   h1.titulo-cabecera-paginas {
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 20px;
      padding-right: 20px;
   }


   /*Nosotros*/

   .bloque-conocer {
      margin-top: 5px;
   }

   .bloque-conocer h2 {
      margin-bottom: 15px;
   }

   .bloque-logo {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 200%;
   }

   .padding20 {
      padding-right: 20px;
   }

   .paddingb .gb-inside-container {
      padding-bottom: 0;
   }

   .equipo {
      margin-top: -2rem;
   }

   .equipo .gb-inside-container p,
   .equipo2 .gb-inside-container p,
   .equipo5 .gb-inside-container p {
      width: 65%;
   }

   .equipo2 {
      margin-top: 2rem;
   }

   .grupoequipo .gb-grid-column {
      padding-bottom: 25px;
   }

   /*Blog*/
   .fecha-articulo-blog {
      z-index: 9;
   }

   .single-post .inside-page-hero h1 {
      font-size: 26px;
   }

   .single-post .inside-page-hero .post-meta-style {
      font-size: 15px;

   }

   .single-post .page-hero {
      padding-bottom: 50px;
   }

   .single-post h2 {
      font-size: 24px;
   }

   .post-type-archive-portfolio .site-main {
      display: grid;
      grid-template-columns: 100%;
      margin: 0;
   }

   .post-type-archive-portfolio .portfolio {
      margin: 5px;
      min-height: auto !important;
      max-height: auto !important;
   }

   /*Proyectos*/

   .proyecto-item {
      min-height: auto;
      max-height: auto;
   }

   .portfolio-titulo-hover {
      min-height: auto;
      max-height: auto;
   }

   .proyecto-item {
      background-repeat: no-repeat;
      background-position: center center;
      box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.25);
   }


   /*Single-proyecto*/
   .cmk-portfolio-info {
      padding-left: 30px;
      padding-right: 30px;
   }

   .grid-imagen-web {
      width: 100%;
      margin-left: 0;
   }

   .padding30 {
      padding-right: 30px;
      padding-left: 30px;
   }

   .cmk-portfolio-header-title {
      margin-top: -19rem;
      padding-bottom: 13rem;
   }

   /*Problema en iPhone en sigle-proyecto
	.titulo-proyecto-header{
    margin-top: -10rem;
}*/
   .gb-grid-column-6c11fd62 {
      margin-top: 2rem;
   }

   .gb-container-4a8e9862 {
      padding-left: 20px;
      padding-right: 20px;
   }

   /*Temporal*/
   .single-portfolio .slogan {
      display: none;
   }

   /*Contacto*/
   .gform_legacy_markup_wrapper ul.gfield_checkbox .gchoice_2_15_1 label {
      margin-top: 17px;
   }

   .closemarketing-contacto-form .gform_legacy_markup_wrapper .gform_footer input[type=submit] {
      margin-top: 2rem;
      padding-top: 0 !important;

   }

   .img-c .gb-inside-container {
      padding-left: 0;
      padding-right: 0;
   }

   .imagen-amplia {
      margin-top: 2.5rem;
   }

   .img-grupo .wp-block-group__inner-container {
      padding-top: 20px;
   }

   .img-c {
      margin-top: -5rem;
   }

   /*home*/
   .home .wpblock-proyectos .wrap-proyectos .item-proyecto .title {
      padding: 0 !important;
   }

   .site-footer {
      background-color: #fafafa;
   }

   .contenedor-home>.gb-inside-container {
      padding: 50px 30px 110px;
   }

   .contenedor-home:before {
      background-position: center -60px;

   }

   /*Menú móvil*/
   .inside-header .inside-navigation {


      margin-left: -10%;
      margin-right: -6%;
   }

   .inside-header .inside-navigation .main-nav {
      border-bottom: 2px solid #84CE6D;
      padding-bottom: 1rem;
      background: linear-gradient(180deg, #FBFBFB 0%, rgba(255, 255, 255, 0.87) 100%);
      box-shadow: 0px 40px 20px rgba(0, 0, 0, 0.1);
   }

   .main-navigation .main-nav ul li a {
      text-transform: none;
      padding-left: 35px;
      font-size: 18.5px;
      line-height: 2.5;
   }

   .main-navigation .main-nav ul li {
      padding-bottom: 0;
      line-height: 2.5;
   }

   .main-navigation .main-nav ul.sf-menu {
      display: flex;
      flex-direction: row;
   }

   .menu-item-18123,
   .menu-item-18129,
   .menu-item-18130,
   .menu-item-18131,
   .menu-item-18132 {
      width: 14% !important;
      margin-top: 2rem;
   }

   .main-navigation .inside-navigation .sf-menu {
      width: 100%;
   }

   .menu-item-18123 a,
   .menu-item-18129 a,
   .menu-item-18130 a,
   .menu-item-18131 a,
   .menu-item-18132 a {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-right: 0 !important;
   }

   .menu-item-18123 {
      margin-left: 65px;
   }

   .main-nav .menu-item a span.dropdown-menu-toggle {
      display: block;
      color: #84ce6d;
   }

   .main-navigation:not(.slideout-navigation) .main-nav ul ul li a {
      font-size: 17px;
      padding-left: 40px;
   }

   .home-column-video {
      margin-top: 2rem;
      position: relative;
   }

   .contenedor-home {
      min-height: 670px;
   }

   h2.titulo-servicio img {
      height: 39px;
      margin-top: 1rem;
      width: 100%;
   }

   h2.titulo-servicio {
      font-size: 26px;
   }

   .texto-flecha img {
      display: none;
   }

   p.text-desplazarse {
      bottom: -2em;
   }

   .pd>.gb-inside-container {
      padding-left: 20px;
      padding-right: 20px;
   }

   .closemarketing-contacto-form {
      margin-left: 30px;
      margin-right: 30px;
   }

   .footer-fond {
      margin-top: 2rem;
   }

   .orden-columnas {
      display: flex;
      flex-direction: column-reverse;
   }

   .sombre-kit {
      z-index: 0;
      box-shadow: none;
   }

   .kit-fodo {
      margin-top: -3.3rem;
   }

}


/*Tablet Vertical*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation :portrait) {

   /*Home*/
   .img-fond-hero-cmk {
      visibility: hidden;
   }

   .cuadro1a {
      width: 100%;

   }

   .orden-columnas {
      display: flex;
      flex-direction: column-reverse;
   }

   h1.titulo-hero {
      font-size: 30px;
      margin-top: 11rem;
   }

   .home-column-video {
      position: absolute;
      top: -100px;
   }

   .home-column-video {
      position: absolute;
      top: -80px;
   }

   .home .home-video-popup {
      position: absolute;
      top: -60px;
      min-height: 400px !important;
   }

   .text-desplazarse {
      margin-top: 18rem;
      float: right;
      clear: both;

   }

   .home .home-video-popup .gb-inside-container a {
      display: inline-block;
      z-index: 99;
      position: absolute;
   }

   .contenedor-home>.gb-inside-container {
      padding: 120px 30px 20px;
   }

   .ayudar {
      margin-top: -6.5rem;
      text-align: center;

   }

   .texto-ayuda {
      margin-bottom: 1rem;
   }

   .texto-ayuda h2 {
      padding: 0;
   }

   .titulo-servicios-bloq .wp-block-group__inner-container {
      padding: 0;
   }

   .titulo-servicios-bloq {
      width: 87%;
   }

   .subtexto {
      margin-top: 2rem;
   }

   .pdv20 {
      padding-left: 20px;
      padding-right: 20px;
   }

   .titulo-cabecera-paginas {
      padding-top: 3rem;
      margin-bottom: 0;
   }

   h1.titulo-cabecera-paginas {
      margin-bottom: 0;
   }

   .servicios1b {
      background-position: right 90%;
      background-size: 300px;
   }

   .servicios2b {
      background-position: left 50%;
      background-size: 300px;
   }

   .servicios3b {
      background-position: right 90%;
      background-size: 300px;
      margin-top: -3rem;
   }

   .wpblock-servicio-acordeon .container span {
      padding-left: 8px;
   }

   /*nosotros*/
   .bloque-conocer {
      margin-top: -3rem;
   }

   h2.conocernos {
      font-size: 20px;
   }

   .bloque-logo {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 200%;
   }

   .padding20 {
      padding-right: 20px;
   }

   .paddingb .gb-inside-container {
      padding-bottom: 0;
   }

   .equipo .gb-inside-container p,
   .equipo2 .gb-inside-container p,
   .equipo5 .gb-inside-container p,
   .equipo6 .gb-inside-container p {
      width: 65%;
   }


   .grupoequipo .gb-grid-column {
      padding-bottom: 25px;
   }

   .equipo9 .gb-inside-container p,
   .equipo10 .gb-inside-container p {
      width: 75%;
   }

   /*Contacto*/
   .img-c {
      margin-top: -6rem;
   }

   /*Aquí no encuentro clases, buscar cómo hacerlo sin id*/

   .gb-container-4a8e9862 {
      padding-left: 20px;
      padding-right: 20px;
   }

   .inside-header .inside-navigation .main-nav {
      border-bottom: 2px solid #84CE6D;
      padding-bottom: 1rem;
      background: linear-gradient(180deg, #FBFBFB 0%, rgba(255, 255, 255, 0.87) 100%);
      box-shadow: 0px 40px 20px rgb(0 0 0 / 10%);
   }

   .main-navigation .inside-navigation .sf-menu {
      width: 100%;
   }

   .main-navigation .main-nav ul li a {
      text-transform: none;
      padding-left: 35px;
      font-size: 25.5px;
      line-height: 2.5;
   }

   .main-navigation .main-nav ul li {
      padding-bottom: 0;
      line-height: 2.5;
   }

   .main-navigation .main-nav ul.sf-menu {
      display: flex;
      flex-direction: row;
   }

   .menu-item-18123,
   .menu-item-18129,
   .menu-item-18130,
   .menu-item-18131,
   .menu-item-18132 {
      width: 17% !important;
      margin-top: 2rem;
   }

   .main-navigation .inside-navigation .sf-menu {
      width: 100%;
   }

   .menu-item-18123 a,
   .menu-item-18129 a,
   .menu-item-18130 a,
   .menu-item-18131 a,
   .menu-item-18132 a {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-right: 0 !important;

   }

   .menu-item-18123 {
      margin-left: 95px;
   }

   .main-nav .menu-item a span.dropdown-menu-toggle {
      display: block;
      color: #84ce6d;
   }

   .main-navigation .main-nav ul li a img {
      transform: scale(1.6);
   }

   .bloque-form-servicios {
      padding-left: 20px;
   }

   .closemarketing-contacto-form {
      padding-left: 10px;
   }

   .fondo-form-servicios {
      background-repeat: no-repeat;
      background-position: 130% right;
      background-size: 140px;

   }

   .closemarketing-contacto-form input[type=submit] {
      margin-top: 1rem;
   }

}


/*Tablet Horizontal*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {




   /*home*/
   .text-desplazarse {
      margin-left: 9rem;
      margin-top: 4rem;
   }

   .column-form,
   .contenedor-entradas {
      padding-left: 30px;
      padding-right: 30px;
   }

   .contenedor-home>.gb-inside-container {
      padding-bottom: 0;
   }

   /*Servicios*/

   h1.titulo-cabecera-paginas {
      margin-top: -2.5rem;
      margin-bottom: 2em;
   }

   /*Problema con link*/
   .cuadro1 {
      margin-left: -230px;
   }

   .cuadro1a {
      position: relative;
      z-index: 10;
      width: 55%;
   }

   .pd30>.gb-inside-container {
      padding-left: 40px;
      padding-right: 40px;
   }

   .pd303 {
      padding-left: 40px;
      padding-right: 40px;
   }

}

/**
 * # Media Queries
 * ---------------------------------------------------------------------------------------------------- */

/*Smartphone*/
@media only screen and (max-width: 767px) {

   /* home */
   .wp-block-columns.video-closemarketing-hero {
      display: grid;
      margin-top: -25rem;
   }

   p.text-desplazarse {
      position: absolute;
      right: 0;
      bottom: -6em;
   }

   div.close-home-colunms {
      flex-wrap: wrap;
   }

   /*Site-content*/
   .one-container .site-content {
      padding-top: 30px;
   }

   /*Footer*/
   .clase-footer {
      background: #fbfbfb;
   }

   /*Menú móvil*/
   .inside-navigation button.menu-toggle {
      text-align: right;
      margin-top: 6px;
   }

   /*Home*/
   .img-fond-hero-cmk {
      visibility: hidden;
   }

   .cuadro1a {
      width: 100%;
   }

   h1.titulo-hero {
      font-size: 30px;
      margin-top: 11rem;
   }

   .home-column-video {
      margin-top: -6rem;
      position: relative;
   }

   .home .home-video-popup {
      position: absolute;
      top: 0px;
      min-height: 400px;
      z-index: 100;
   }

   .text-desplazarse {
      margin-top: 1rem;
      clear: both;
   }

   .cuadro1a {
      position: relative;
      z-index: -1;
   }

   .home .home-video-popup .gb-inside-container a {
      display: inline-block;
      z-index: 99;
      position: absolute;
   }

   .ayudar {
      margin-top: -6.5rem;
      text-align: center;
   }

   .texto-ayuda {
      margin-bottom: 1rem;
   }

   .texto-ayuda h2 {
      padding: 0;
   }

   .titulo-servicios-bloq .wp-block-group__inner-container {
      padding: 0;
   }

   .titulo-servicios-bloq {
      width: 87%;
   }

   .subtexto {
      margin-top: 2rem;
   }

   .wpblock-proyectos .wrap-proyectos {
      display: grid;
      grid-template-columns: 1fr;
   }

   .wpblock-proyectos .wrap-proyectos .item-proyecto .image {
      max-height: auto;
   }

   .wpblock-proyectos .wrap-proyectos .item-proyecto .image img {
      min-height: 200px;
      max-height: auto;
   }

   .wpblock-proyectos .wrap-proyectos .item-proyecto .title {
      bottom: 0;
   }

   .newsletter-home {
      padding-left: 20px;
      padding-right: 20px;
   }

   .newsletter-home .gform_body {
      margin-bottom: 4rem;
   }

   .form-fin {
      margin-right: 20px;
      margin-left: 20px;
   }

   .wp-block-latest-posts.is-grid li {
      margin: 0;
      padding: 10px 20px 20px 30px;
   }

   .wp-block-latest-posts__featured-image.aligncenter {
      margin-bottom: 0;
   }

   .marcas-home {
      justify-content: center;
      margin: 0 auto;
      text-align: center;
   }

   .marginb {
      margin-bottom: 2rem;
   }

   /*Footer*/
   .site-footer .wp-block-cover__image-background {
      visibility: hidden;
   }

   /*Servicios*/
   .servicios1b {
      background-repeat: no-repeat;
      background-position: 110% 95%;
      background-size: 70%;
   }

   .servicios2b {
      background-repeat: no-repeat;
      background-position: left bottom;
      background-size: 80%;
   }

   .servicios3b {
      background-repeat: no-repeat;
      background-position: right bottom;
      background-size: 70%;
   }

   h1.titulo-cabecera-paginas {
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 20px;
      padding-right: 20px;
   }

   /*Nosotros*/

   .bloque-conocer {
      margin-top: 5px;
   }

   .bloque-conocer h2 {
      margin-bottom: 15px;
   }

   .bloque-logo {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 200%;
   }

   .padding20 {
      padding-right: 20px;
   }

   .paddingb .gb-inside-container {
      padding-bottom: 0;
   }

   .equipo {
      margin-top: -2rem;
   }

   .equipo .gb-inside-container p,
   .equipo2 .gb-inside-container p,
   .equipo5 .gb-inside-container p {
      width: 65%;
   }

   .equipo2 {
      margin-top: 2rem;
   }

   .grupoequipo .gb-grid-column {
      padding-bottom: 25px;
   }

   /*Blog*/
   .fecha-articulo-blog {
      z-index: 9;
   }

   .single-post .inside-page-hero h1 {
      font-size: 26px;
   }

   .single-post .inside-page-hero .post-meta-style {
      font-size: 15px;
   }

   .single-post .page-hero {
      padding-bottom: 50px;
   }

   .single-post h2 {
      font-size: 24px;
   }

   .post-type-archive-portfolio .site-main {
      display: grid;
      grid-template-columns: 100%;
      margin: 0;
   }

   .post-type-archive-portfolio .portfolio {
      margin: 5px;
      min-height: auto;
      max-height: auto;
   }

   /*Proyectos*/
   .proyecto-item {
      min-height: auto;
      max-height: auto;
   }

   .portfolio-titulo-hover {
      min-height: auto;
      max-height: auto;
   }

   .proyecto-item {
      background-repeat: no-repeat;
      background-position: center center;
      box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.25);
   }

   /*Single-proyecto*/
   .cmk-portfolio-info {
      padding-left: 30px;
      padding-right: 30px;
   }

   .grid-imagen-web {
      width: 100%;
      margin-left: 0;
   }

   .padding30 {
      padding-right: 30px;
      padding-left: 30px;
   }

   .cmk-portfolio-header-title {
      margin-top: -19rem;
      padding-bottom: 13rem;
   }

   /*Contacto*/
   .gform_legacy_markup_wrapper ul.gfield_checkbox .gchoice_2_15_1 label {
      margin-top: 17px;
   }

   .closemarketing-contacto-form .gform_legacy_markup_wrapper .gform_footer input[type=submit] {
      margin-top: 2rem;
      padding-top: 0;
   }

   .img-c .gb-inside-container {
      padding-left: 0;
      padding-right: 0;
   }

   .imagen-amplia {
      margin-top: 2.5rem;
   }

   .img-grupo .wp-block-group__inner-container {
      padding-top: 20px;
   }

   .img-c {
      margin-top: -5rem;
   }

   /*home*/
   .home .wpblock-proyectos .wrap-proyectos .item-proyecto .title {
      padding: 0;
   }

   .site-footer {
      background-color: #fafafa;
   }

   .contenedor-home>.gb-inside-container {
      padding: 50px 30px 110px;
   }

   .contenedor-home:before {
      background-position: center -60px;
   }

   /*Menú móvil*/
   .inside-header .inside-navigation {
      margin-left: -10%;
      margin-right: -6%;
   }

   .inside-header .inside-navigation .main-nav {
      border-bottom: 2px solid #84CE6D;
      padding-bottom: 1rem;
      background: linear-gradient(180deg, #FBFBFB 0%, rgba(255, 255, 255, 0.87) 100%);
      box-shadow: 0px 40px 20px rgba(0, 0, 0, 0.1);
   }

   .main-navigation .main-nav ul li a {
      text-transform: none;
      padding-left: 35px;
      font-size: 18.5px;
      line-height: 2.5;
   }

   .main-navigation .main-nav ul li {
      padding-bottom: 0;
      line-height: 2.5;
   }

   .main-navigation .main-nav ul.sf-menu {
      display: flex;
      flex-direction: row;
   }

   .menu-item-18123,
   .menu-item-18129,
   .menu-item-18130,
   .menu-item-18131,
   .menu-item-18132 {
      width: 14%;
      margin-top: 2rem;
   }

   .main-navigation .inside-navigation .sf-menu {
      width: 100%;
   }

   .menu-item-18123 a,
   .menu-item-18129 a,
   .menu-item-18130 a,
   .menu-item-18131 a,
   .menu-item-18132 a {
      padding-left: 0;
      padding-right: 0;
      margin-right: 0;
   }

   .menu-item-18123 {
      margin-left: 65px;
   }

   .main-nav .menu-item a span.dropdown-menu-toggle {
      display: block;
      color: #84ce6d;
   }

   .main-navigation:not(.slideout-navigation) .main-nav ul ul li a {
      font-size: 17px;
      padding-left: 40px;
   }

   .home-column-video {
      margin-top: 2rem;
      position: relative;
   }

   .contenedor-home {
      min-height: 670px;
   }

   h2.titulo-servicio img {
      height: 39px;
      margin-top: 1rem;
      width: 100%;
   }

   h2.titulo-servicio {
      font-size: 26px;
   }

   p.text-desplazarse {
      bottom: -2em;
   }

   .pd>.gb-inside-container {
      padding-left: 20px;
      padding-right: 20px;
   }

   .closemarketing-contacto-form {
      margin-left: 30px;
      margin-right: 30px;
   }

   .footer-fond {
      margin-top: 2rem;
   }

   .orden-columnas {
      display: flex;
      flex-direction: column-reverse;
   }

   .sombre-kit {
      z-index: 0;
      box-shadow: none;
   }

   .kit-fodo {
      margin-top: -3.3rem;
   }

}

/*Tablet Vertical*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation :portrait) {

   /*Home*/
   .img-fond-hero-cmk {
      visibility: hidden;
   }

   .cuadro1a {
      width: 100%;
   }

   .orden-columnas {
      display: flex;
      flex-direction: column-reverse;
   }

   h1.titulo-hero {
      font-size: 30px;
      margin-top: 11rem;
   }

   .home-column-video {
      position: absolute;
      top: -100px;
   }

   .home-column-video {
      position: absolute;
      top: -80px;
   }

   .home .home-video-popup {
      position: absolute;
      top: -60px;
      min-height: 400px;
   }

   .text-desplazarse {
      margin-top: 18rem;
      clear: both;
   }

   .home .home-video-popup .gb-inside-container a {
      display: inline-block;
      z-index: 99;
      position: absolute;
   }

   .contenedor-home>.gb-inside-container {
      padding: 120px 30px 20px;
   }

   .ayudar {
      margin-top: -6.5rem;
      text-align: center;
   }

   .texto-ayuda {
      margin-bottom: 1rem;
   }

   .texto-ayuda h2 {
      padding: 0;
   }

   .titulo-servicios-bloq .wp-block-group__inner-container {
      padding: 0;
   }

   .titulo-servicios-bloq {
      width: 87%;
   }

   .subtexto {
      margin-top: 2rem;
   }

   .pdv20 {
      padding-left: 20px;
      padding-right: 20px;
   }

   .titulo-cabecera-paginas {
      padding-top: 3rem;
      margin-bottom: 0;
   }

   h1.titulo-cabecera-paginas {
      margin-bottom: 0;
   }

   .servicios1b {
      background-position: right 90%;
      background-size: 300px;
   }

   .servicios2b {
      background-position: left 50%;
      background-size: 300px;
   }

   .servicios3b {
      background-position: right 90%;
      background-size: 300px;
      margin-top: -3rem;
   }

   .wpblock-servicio-acordeon .container span {
      padding-left: 8px;
   }

   /*nosotros*/
   .bloque-conocer {
      margin-top: -3rem;
   }

   h2.conocernos {
      font-size: 20px;
   }

   .bloque-logo {
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 200%;
   }

   .padding20 {
      padding-right: 20px;
   }

   .paddingb .gb-inside-container {
      padding-bottom: 0;
   }

   .equipo .gb-inside-container p,
   .equipo2 .gb-inside-container p,
   .equipo5 .gb-inside-container p,
   .equipo6 .gb-inside-container p {
      width: 65%;
   }

   .grupoequipo .gb-grid-column {
      padding-bottom: 25px;
   }

   .equipo9 .gb-inside-container p,
   .equipo10 .gb-inside-container p {
      width: 75%;
   }

   /*Contacto*/
   .img-c {
      margin-top: -6rem;
   }

   .inside-header .inside-navigation .main-nav {
      border-bottom: 2px solid #84CE6D;
      padding-bottom: 1rem;
      background: linear-gradient(180deg, #FBFBFB 0%, rgba(255, 255, 255, 0.87) 100%);
      box-shadow: 0px 40px 20px rgb(0 0 0 / 10%);
   }

   .main-navigation .inside-navigation .sf-menu {
      width: 100%;
   }

   .main-navigation .main-nav ul li a {
      text-transform: none;
      padding-left: 35px;
      font-size: 25.5px;
      line-height: 2.5;
   }

   .main-navigation .main-nav ul li {
      padding-bottom: 0;
      line-height: 2.5;
   }

   .main-navigation .main-nav ul.sf-menu {
      display: flex;
      flex-direction: row;
   }

   .menu-item-18123,
   .menu-item-18129,
   .menu-item-18130,
   .menu-item-18131,
   .menu-item-18132 {
      width: 17%;
      margin-top: 2rem;
   }

   .main-navigation .inside-navigation .sf-menu {
      width: 100%;
   }

   .menu-item-18123 a,
   .menu-item-18129 a,
   .menu-item-18130 a,
   .menu-item-18131 a,
   .menu-item-18132 a {
      padding-left: 0;
      padding-right: 0;
      margin-right: 0;

   }

   .menu-item-18123 {
      margin-left: 95px;
   }

   .main-nav .menu-item a span.dropdown-menu-toggle {
      display: block;
      color: #84ce6d;
   }

   .main-navigation .main-nav ul li a img {
      transform: scale(1.6);
   }

   .bloque-form-servicios {
      padding-left: 20px;
   }

   .closemarketing-contacto-form {
      padding-left: 10px;
   }

   .fondo-form-servicios {
      background-repeat: no-repeat;
      background-position: 130% right;
      background-size: 140px;

   }

   .closemarketing-contacto-form input[type=submit] {
      margin-top: 1rem;
   }

}

/*Tablet Horizontal*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

   /*Padding general*/
   .pd>.gb-inside-container {
      padding-left: 40px;
      padding-right: 40px;
   }

   /*home*/
   .text-desplazarse {
      margin-left: 9rem;
      margin-top: 4rem;
   }

   .column-form,
   .contenedor-entradas {
      padding-left: 30px;
      padding-right: 30px;
   }

   .contenedor-home>.gb-inside-container {
      padding-bottom: 0;
   }

   /*Servicios*/
   h1.titulo-cabecera-paginas {
      margin-top: -2.5rem;
      margin-bottom: 2em;
   }

   /*Problema con link*/
   .cuadro1 {
      margin-left: -230px;
   }

   .cuadro1a {
      position: relative;
      z-index: 10;
      width: 55%;
   }
}