/*
Theme Name: Capitel
Theme URI: https://laborator.co/themes/kalium/
Author: Laborator
Author URI: https://laborator.co/
Description: Start creating that amazing website that you have always wanted, only with Kalium — Connect with Laborator on: <a href="https://themeforest.net/user/laborator">Envato</a> &bull; <a href="https://twitter.com/thelaborator">Twitter</a> &bull; <a href="https://www.facebook.com/laboratorcreative">Facebook</a> &bull; <a href="https://www.instagram.com/laboratorcreative/">Instagram</a>
Version: 1.0
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: kalium
Text Domain: kalium
*/
/* ===========================================================
Custom modification - START
=========================================================== */
::selection { background: #35B2B2; color: #fff; }
body, p { }
p{ margin-bottom: 15px; }
.section-title p{line-height: 1.2em;}
.padded-right{ margin-right: 40px; }
.text-white  *{ color:#fff !important }
.blue-bg-section{ padding: 80px 0 0; }
.blue-bg-section *:not(select),
.blue-bg-section *:not(option){ color:#fff !important; }
.blue-bg-section form input,
.blue-bg-section form textarea,
.blue-bg-section form select,
.blue-bg-section form select *{ color: #000 !important;}


.max-width-75 img{ max-width:70px}
.hover-item { margin-top: 60px; }
.hover-item > div{  animation: MoveUpDown 3s linear infinite;  position: absolute;  left: 0;  bottom: 0;}
.floating-img{ position: absolute;  right: 0px; top: -180px; animation: MoveUpDown 3s linear infinite; }
.floating-img.left{ left: 0px; right: initial; top: -317px; }
.show-overflow{ overflow: visible !important; }
.correct-bg-size > div{background-size: 37px 23px;}
.big-h1 h1{ font-size: 90px;line-height: 0.8em;}
.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline {color: #666;border-color: #fff;background-color: transparent;padding: 17px 45px;border: 1px solid;}
.vc_btn3.vc_btn3-color-white.vc_btn3-style-outline:hover {background-color: rgba(255,255,255,.1);}
.arrow-link > div > span{ transition: margin .3s; }
.arrow-link > div:hover > span { margin: 0 0 0 8px; }
.arrow-link > div:hover{ background: #BC4350;}
.arrow-link > div:hover > span:before { color: #fff !important;}
.vc-container a:after{    background-color: transparent !important;}
.mouse-clicked{
    width: 20px;
    height: 20px;
    border: 1px solid var(--bg);
    display: block;
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
    transform: translate(-50% , -50%);
    animation: mouseClicked .7s ease-in-out;  
	z-index: 9999999;
}
.border-radius{border-radius: 6px;overflow: hidden;}
.vc_separator.vc_sep_color_grey .vc_sep_line{ border-radius:10px;}
.pum-container{ border-radius: 20px;}
div.wpforms-container-full .wpforms-field-label{ font-weight: 100 !important}
div.wpforms-container-full button[type=submit]{	border-radius: 10px;	border:1px solid #BC4350 !important;background-color: #BC4350 !important;font-weight: 500 !important;text-transform: uppercase;font-size: 15px !important;width: 100%;padding: 30px 0 !important;line-height: .2em !important;letter-spacing: 1px;}

div.wpforms-container-full button[type=submit]:hover{ background-color: #015ABA !important;}
div.wpforms-container-full select:not([multiple])>option{ background: initial !important}
.pum-overlay :after{ display:none  !important;}

/* /////////// MENU /////////// */
.header-absolute .toggle-bars.menu-skin-main .toggle-bars__bar-line{  }
.site-header--sticky-active .toggle-bars.menu-skin-main .toggle-bars__bar-line{ }
.header-bottom-border .header-block { border-color: rgba(255, 255, 255, 0.24) !important;}
.fullscreen-menu nav{margin-top: 230px;}
.fullscreen-menu nav ul li{ text-align: center; }
.fullscreen-menu nav ul li a {font-size: 62px;color: #fff;text-decoration: none;text-transform: uppercase;font-weight: 700;line-height: 80px;}
.mobile-menu-wrapper.mobile-menu-fullscreen+.mobile-menu-overlay{background: rgba(0,76,200,0.9);}
@media screen and (max-width: 768px) {
	.mobile-menu-wrapper.mobile-menu-fullscreen .mobile-menu-container ul.menu{width: 100%;text-align: center;margin: 150px 0 0;}
	.mobile-menu-wrapper .mobile-menu-container ul.menu>li>a{ padding: 20px 30px;font-size: 36px;font-weight: 700; }
}
.kalium-wpml-language-switcher .languages-list{border-radius: 5px;overflow: hidden;}
.kalium-wpml-language-switcher.menu-skin-light.hover .languages-list .language-entry{border-top-color: #304d8a; }
.kalium-wpml-language-switcher.hover .languages-list .language-entry{ background-color: #1b3365;}
.kalium-wpml-language-switcher .languages-list .language-entry.text-hide .flag{ width:22px}
.kalium-wpml-language-switcher .languages-list .language-entry.text-hide .flag img{ width:100%;}

/* /////////// FOOTER /////////// */
.site-footer .footer-bottom-content a:hover, .site-footer a:hover{ color:#fff; opacity: .5; }
.widget-area.widgets--columned-layout.widgets--columns-4>.widget:first-child { max-width: 300px;  }
.copyrights {position: fixed;bottom: -57px;left: 10px;color: #000;z-index: 999999;}
.copyrights > p {-webkit-writing-mode: vertical-lr;-ms-writing-mode: tb-lr;writing-mode: vertical-lr;text-orientation: mixed;-webkit-transform: translateY(-73px) rotate(-180deg);-ms-transform: translateY(-73px) rotate(-180deg);transform: translateY(-73px) rotate(-180deg);font-size: 11px;}

.social-networks.rounded{position: fixed;bottom: 8px;right: 0px;z-index: 999999;}
.social-networks.rounded > li { display: block;}
.site-footer hr, .footer-bottom{ display: none;}
.social-networks.rounded li a { width:28px; height:28px; background-color: transparent; }

.clients-grid img{border-radius: 10px;overflow: hidden;}

/* /////////// HOME /////////// */
.blue-bg-section>.vc_column_container{ padding: 0 25px;} 
.blue-bg-section .section-title h2{font-size: 1.6rem !important;text-transform: uppercase;font-weight: 100;letter-spacing: 2px;}
.with-gradient{background: rgb(1,90,186); background: linear-gradient(180deg, rgba(1,90,186,1) 25%, rgba(1,90,186,0.8575805322128851) 67%, rgba(241,242,242,1) 100%);}
.with-inverse-gradient{background: linear-gradient(360deg, rgba(242, 242, 242, 1), rgba(255, 255, 255, 1))}
.contenedor{    position: relative;    width: 100%;    overflow: visible !important; }
.contenedor.correct-bg-size,  .vc_custom_1662136953659 {background-size: 20px 12px !important;}
.contenedor .seccion h2{ font-size: 1.6rem !important;text-transform: uppercase;font-weight: 100;letter-spacing: 2px;margin-bottom: -30px; }
.contenedor .seccion h3 + p > b{ font-size: 20px; font-weight: 500; color: #000}
.contenedor .seccion p.big{ font-weight: 700; font-size: 50px; line-height: 1.3em !important;}
.blue-bg-section.icon-bg { background-position: -22% center !important;background-size: 45% !important; }
span.numbers{ color:#BC4350}
body.home span.numbers{ margin-left:10px; }
.service-logo{ display: flex; flex-direction: row;}
.service-logo h2{ order:2;padding: 0; margin: 0; text-transform: uppercase; color:#005DBE;margin-left: 12px;}
.service-logo h2+figure{ order:1; width: auto;}

.ditty .ditty-layout--1_default .ditty-item__elements h3{
        font-weight: 200;
}
.ditty .ditty-layout--1_default .ditty-item__time{
	color:#a8a8a8;	
}

@media (min-width: 990px) {
	.contenedor .seccion .right-col{ padding: 0 6%; }
	.wpb_wrapper .icon-box-container .icon-box-content h3,
	.servicios-box h3 { font-size:32px;font-weight:500;}
	/* /////////// TICKER /////////// */
	.ditty .ditty-layout--1_default .ditty-item__elements h3{
		font-size: 34px;
		margin-bottom: 32px;
		line-height: 40px;
	}
	.ditty .ditty-layout--1_default .ditty-item__elements{
		min-height: 300px;
	}
}
.going-up{
  position: relative;
  overflow: hidden;
}
.going-up:before{
  content: "";
  position: absolute;
  width: 100vw;
  height: 100vw;
  z-index: -1;
  background-image: url(http://simplebox.mx/projects/capitel/wp-content/uploads/2022/05/pattern_capitel.png) !important;
  background-size: 37px 23px;
  animation: RotateIMG 200s linear infinite;
}
.going-up.blue:before{ background-image: url(http://simplebox.mx/projects/capitel/wp-content/uploads/2022/05/pattern_capitel_blue.png) !important; background-size: 37px 23px;}
@keyframes RotateIMG {  0%{    transform: translate(0,0);  }  100% {    transform: translate(0, -100%);  }}

.bullet-block{ padding: 40px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.2); }
.hero-wrapper {  position: relative;  width: 100%;  margin: 0 auto;  max-width: 1000px;}
.hero-wrapper video {  width: 100%;}
.hero-wrapper svg {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;}
.hero-wrapper svg text {  font-weight: 700;  text-transform: uppercase;  font-size: 26px;}
.hero-wrapper svg > rect {  -webkit-mask: url(#mask);  mask: url(#mask);}
.hero-wrapper svg rect {  fill: #fff;}
.hero-wrapper:before, .hero-wrapper:after {  content: "";  position: absolute;  top: 0;  width: 10px;  height: 100%;  background-color: #fff;}
.hero-wrapper:before {  left: -9px;}
.hero-wrapper:after {  right: -5px;}

.clients .vc_col-sm-2,
.clients-gallery ul li{
	width: 25%;
	display: inline-block!important;
}

.clients-gallery ul li{ margin:0 !important;}

@media (min-width:768px){
    .clients .vc_col-sm-2,
	.clients-gallery ul li{
        width: 12.5%;
    }
}

.clients .vc_gitem-zone:hover {
    box-shadow: 0 5px 14px #dfdfdf;
}
.clients .vc_gitem-zone.vc_gitem-zone-a.vc_gitem-is-link{ 
  filter: grayscale(100%);
}
.clients .vc_gitem-zone.vc_gitem-zone-a.vc_gitem-is-link:hover{
  filter: grayscale(0);
}
/* INTERIOR SECTIONS */
.interior-section h1{ font-size: 71px; font-weight:100; text-transform: uppercase; }
.interior-section p{font-size: 28px; }
.accordion { cursor: pointer; width: 100%; transition: 0.4s; background: #015ABA; padding: 40px 40px 58px; border-radius: 20px; transition: all 1s;}
.accordion:hover{ background: black }
.accordion * { color: white; }
.active, .accordion:hover {  }
.accordion:after { content: '\002B'; color: #fff; float: right;border-radius: 100%;border:1px solid; height: 40px; width: 40px; line-height: 38px; font-weight: 100; text-align: center; font-size: 22px;margin: 0 -18px 0 0;}
.active:after {  content: "\2212";}
.panel {  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out; margin-top:15px;padding: 0 15px;}
.panel > p {font-size: 16px !important;padding: 20px 10px 0;line-height: 1.4em !important;}

.servicios-box:not(.no-border) .vc_column-inner > .wpb_wrapper{border-top: 2px solid #DEDEDE; padding-top:20px}
.servicios-box h3 + p,
.servicios-box h3 + p+ p{font-size: 18px;color: #656565;font-weight: 400;}
.servicios-box  .vc_icon_element {line-height: 0;font-size: 14px;margin: 10px 0 10px -15px;}
.servicios-box ul { /*list-style-type: initial;*/ list-style-type:none; font-size: 16px; padding-left:0}
.servicios-box ul li::marker {  color: #BC4350;}

.intro-text h5 { font-size: 20px;color: #817a7a;border-top: 1px solid #dedede;font-weight: 100;padding: 18px 0;}
.intro-text img{ width: 45px;	float: left;	margin-right: 1.25em;	position: relative;	top: .4em; transform: rotate(90deg); }
.intro-text span.lg{font-size: 52px;line-height: 1.2em;font-weight: 100;letter-spacing: -1px;max-width: 840px;display: block;}
.intro-text span.md{font-size: 18px;line-height: 1.6em;max-width: 600px;display: block;}

.svc-box .vc_column-inner > .wpb_wrapper {
    cursor: pointer;
    background: #D2E4EC;
    padding: 40px 30px 50px;
    border-radius: 20px;
    transition: background .5s cubic-bezier(0.43, 0.54, 0.32, 1.05);
    height: 33rem;
}
.svc-box.contact .vc_column-inner > .wpb_wrapper,
.svc-box .vc_column-inner > .wpb_wrapper:hover{ background:#005DBE}
.svc-box.contact .vc_column-inner > .wpb_wrapper:hover{ background:#317ac6}
.svc-box.contact .vc_column-inner > .wpb_wrapper h3 { color:#fff }


.svc-box .vc_column-inner > .wpb_wrapper:hover * { color: white  }
.svc-box .vc_column-inner > .wpb_wrapper h3 { font-weight: 100; font-size: 28px;margin-bottom: 60px; }
.svc-box .vc_column-inner > .wpb_wrapper p { opacity: 0; transition: opacity .7s cubic-bezier(0.19, 1, 0.22, 1); }
.svc-box .vc_column-inner > .wpb_wrapper:hover p { opacity: 1;}
/*.svc-box .vc_column-inner > .wpb_wrapper:after {
    content: '';
    color: #fff;
    border-radius: 100%;
    border: 1px solid;
    height: 40px;
    width: 40px;
    background: url(img/down-capitel.webp) no-repeat;
    background-size: 100%;
    background-position: 50% -12px;
    transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
    position: absolute;
    right: 18px;
    bottom: 15px;
}
.svc-box .vc_column-inner > .wpb_wrapper:hover:after{
	background-size: 130%;
	background-position: 50%;
	transition: background-position 2s cubic-bezier(0, 1.21, 0.72, 0.94);
	content: 'Descargar';
	letter-spacing: 1px;
	text-indent: -90px;
	line-height: 2.8em;
	text-transform: uppercase;
	font-size: 12px;
}
*/
.svc-box .vc_column-inner > .wpb_wrapper:after {
	content: 'Descargar';
	color: #000;
    transition: all .6s cubic-bezier(0.19, 1, 0.22, 1);
    position: absolute;
    right: 18px;
    bottom: 15px;
}
.svc-box.contact .vc_column-inner > .wpb_wrapper:after{
	content: 'Contactar';
	color: #fff;
}
.svc-box .vc_column-inner > .wpb_wrapper:hover:after{ color:#FFF;}

.masked .vc_single_image-wrapper{background-size: 100%!important;background-attachment: fixed!important;background-position: center top;  clip-path: inset(0 0 0 0); /* or "none" */
}

.vc_row.bg-arrow-up{ width:50px; height:auto;background-position: 90% bottom !important;background-size: 50px!important;}
a.download-btn{ width: 100%;position: relative;display: inline-block; /*max-width: 165px*/;font-weight: 100; margin-bottom:15px;}
a.download-btn:after,
a.download-btn:hover:after{ /*content: "";background-image: url('img/download-icon.png');background-size: 100%;width: 16px;height: 16px;position: absolute;right: 0px;display: block;left: initial;top: 6px;*/}

a.download-btn.contact{ border:1px solid #BC4350;border-radius:5px; width:initial; float:right!important; font-weight:500; text-transform:uppercase; letter-spacing:1px;}
a.download-btn.contact:hover{ background: transparent !important;}

.icon-box h3{ font-size: 32px !important;font-weight: 500 !important;}
.icon-sized{ width:60px;}
.icon-box ul { margin-left:20px}
.icon-box ul li{ margin-bottom: 10px;list-style-type: initial;}
.icon-box ul li::marker { color:#BC4350}


.100-title h4{
	font-weight:100!important;
}
/* /////////// CONTACTO /////////// */
body.page-id-84 .wrapper{ background-color: #fff; }
.lab-contact-form form .col-sm-6{ width: 100%; }
.lab-contact-form form .form-group { margin-bottom: 10px !important; margin-top:20px; display: flex;align-items: start;flex-wrap: wrap;}
.lab-contact-form form input,.lab-contact-form form textarea { border-bottom:  1px solid #e2e2e2; height: 48px; padding-left: 15px;flex-grow: 1;background-color: transparent;min-width: 0;width: auto;}

.lab-contact-form form .form-group textarea{ margin-top:39px !important;min-height: 82px;}
.wpforms-confirmation-container-full {
    margin: 0 !important;
	background: #BC4350 !important;
	border: none !important;
	border-radius: 4px!important;
	padding: 20px!important;
}
.wpforms-confirmation-container-full > p {
    color: #FFF !important;
}
/* /////////// TRANSLATE /////////// */
.top-header-bar {padding-bottom: 0;margin-bottom: -30px;}
.top-header-bar ul li a {font-size:12px!important; color:#fff!important;}




/* KEYFRAMES */

@keyframes mouseClicked{
        0%{
            opacity: 1;
            transform:translate(-50% , -50%) scale(0);
        }
        100%{
            opacity: 0;
            transform:translate(-50% , -50%) scale(3);
        }
    }
@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 20px;
  }
}


/* ANIMATED SCROLL DOWN ARROW */

.scroll-down {
  -webkit-animation: fade_move_down 1.8s ease-in infinite;
  -moz-animation:    fade_move_down 1.8s ease-in infinite;
  animation:         fade_move_down 1.8s ease-in infinite;
}

@-webkit-keyframes fade_move_down {
  0%   { -webkit-transform:translate(0,-8px) ; opacity: 0;  }
  100% { -webkit-transform:translate(0,8px) ; opacity: 1; }
}
@-moz-keyframes fade_move_down {
  0%   { -moz-transform:translate(0,-8px) ; opacity: 0;  }
  100% { -moz-transform:translate(0,8px) ; opacity: 1; }
}
@keyframes fade_move_down {
  0%   { transform:translate(0,-8px) ; opacity: 0;  }
  100% { transform:translate(0,8px) ; opacity: 1; }
}

/* MEDIA QUERIES */
@media (max-width:768px){
    .copyrights,
	.social-networks.rounded{ display: none;}
}

@media (max-width: 480px) {
	.intro-text lg,.intro-text md{ text-align: center;}
	.banner-text h2{font-size: 22px;line-height: 32px;}
	.servicios-box:not(.no-border) .vc_column-inner > .wpb_wrapper{border-top: 0px solid #DEDEDE; padding-top:0px}
	.wpb_wrapper .icon-box-container .icon-box-content h3,
	.servicios-box.with-icons h3 { font-size:22px;font-weight:100;}
	.vc_row.no-br-sm{ border-radius: 0 !important;}
	.vc_row.bg-arrow-up {background-image: none!important;}
	.blue-bg-section>.vc_column_container{ padding: 0;} 
	.align-left-mobile p,
	.align-left-mobile{ text-align: left !important;}
	.remove-padding-mobile > div{ padding-left:15px!important}
	.text-center-mobile { text-align:center!important;}
	.widget img{ max-width: 200px;}
	.servicios-box .vc_icon_element{ margin-left:0px !important;}
	.section-title{ margin-bottom: 20px!important;}
	div.move-bg-mobile{ background-position: 35% center !important; }
	a.download-btn.contact{ float:left!important;}

	/* /////////// TICKER /////////// */
	.ditty .ditty-layout--1_default .ditty-item__elements h3{
		font-size: 16px;
		margin-bottom: 20px;
		line-height: 22px;
		font-weight:600;
	}
	.ditty .ditty-layout--1_default .ditty-item__elements{
		min-height: initial;
	}
}