/**
Theme Name: Cointic Seguridad Informatica
Author: Cointic
Author URI: https://cointic.com.mx/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cointic-seguridad-informatica
Template: astra
*/

/* Estilos del header */

.she-header .header-superior {
	display: none;
}

.she-header .hdr-sc {
	padding-top: 0px !important;
	border: none !important;
}

.hed-men-sty .elementor-element-889b6f8 {
	border-right: none !important;
	border-left: none !important;
	border-bottom: none !important;
}

.hed-men-sty .elementor-element-707bbbd {
	border-right: none !important;
	border-left: none !important;
	border-bottom: none !important;
}

.hed-men-sty .elementor-element-fac1c97 {
	border-right: none !important;
	border-left: none !important;
	border-bottom: none !important;
}

.she-header {
	border-bottom: 1px solid #FFFFFF1A;
}

.men-had-prin .elementskit-menu-hamburger svg {
	fill: #fff !important;
}

.men-had-prin .menu-item-800 ul {
	position: fixed !important;
	left: 220px !important;
}

.men-had-prin .menu-item-807 ul {
	position: fixed !important;
	left: 220px !important;
}

.mm-mar-had {
    margin-top: 10px;
}

.men-had-prin .elementskit-dropdown svg {
	fill: #fff !important;
}

.social-fijos svg {
    fill: #fff;
	width: 17px;
    height: 17px;
	transition: .3s;
}

.social-fijos i {
    color: #fff;
	font-size: 17px;
	transition: .3s;
}

/* Estilos banner principal */

.bann-coint .premium-carousel-arrows-wrapper {
	width: 100%;
    margin: 0 auto !important;
    max-width: 1240px;
    justify-content: flex-start !important;
    position: relative;
    bottom: 190px;
    padding-left: 30px;
    margin-bottom: -55px !important;
}

.bann-coint .premium-carousel-arrows-wrapper a {
	width: 3em !important;
    height: 3em !important;
    border-radius: 50px;
    font-size: 18px !important;
}

/* Estilos boton general */

.btn-gen-new {
	text-decoration: none !important;
}

/* Estilos carrusel logos home */

.car-log-hme img {
	filter: brightness(0.8);
	transition: .3s;
}

.car-log-hme img:hover {
	filter: brightness(1);
	transition: .3s;
}

.cards-hme-coi a {
	text-decoration: none !important;
}

/* Estilos cartas de home - servicios - soluciones */

.cards-hme-coi .infobox-button i {
	rotate: 0deg !important;
	transition: .3s;
}

.cards-hme-coi:hover .infobox-button i {
	rotate: 45deg !important;
	transition: .3s;
}

.cards-hme-coi:hover .eael-infobox i {
	color: #fff !important;
	transition: .3s;
}

.cards-hme-coi:hover .eael-infobox .title {
	color: #fff !important;
	transition: .3s;
}

.cards-hme-coi:hover .eael-infobox p {
	color: #fff !important;
	transition: .3s;
}

/* Estilos cartas de marcas general */

.mar-box-ea .eael-elements-flip-box-padding {
	padding: 18px;
}

.mar-box-ea .eael-elements-flip-box-heading {
	margin-bottom: 0px;
}

.mar-box-ea .eael-elements-flip-box-content p {
	margin-bottom: 0px;
}

.mar-box-ea .eael-elements-flip-box-icon-image {
	display: none;
}

/* Estilos para que las listas de caracteristicas no se vean pixeladas en caso de imagen */

.list-marc-for .eael-feature-list-icon img {
	image-rendering: auto !important;
} 

/* Estilos de formularios */

.form-style {
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
	margin-left: 15px;
}

.form-style  p {
	margin-bottom: 10px;
}

.form-style label {
	font-family: 'Teko';
    font-size: 20px;
    font-weight: 600;
}

.form-style span {
	margin-top: 5px;
}

.med-input {
    width: 48%;
}

.med-input input {
	padding: 25px !important;
    border-radius: 15px;
    font-family: 'Rubik';
    font-weight: 300;
	font-size: 17px;
}

.med-input input:focus {
	border-style: solid;
    border-color: #006cbf;
}

.com-input {
    width: 100%;
}

.com-input textarea {
	padding: 25px !important;
    border-radius: 15px;
    font-family: 'Rubik';
    font-weight: 300;
	height: 180px;
	max-width: 100% !important;
	min-width: 100% !important;
	font-size: 17px;
}

.com-input textarea:focus {
	border-style: solid;
    border-color: #006cbf;
}

.com-input input {
	padding: 25px !important;
    border-radius: 15px;
    font-family: 'Rubik';
    font-weight: 300;
	font-size: 17px;
}

.com-input input:focus {
	border-style: solid;
    border-color: #006cbf;
}

.com-input select {
	padding: 0px 20px !important;
    height: 52px;
    border-radius: 15px;
    font-family: 'Rubik';
    font-weight: 300;
}

.form-style .wpcf7-not-valid-tip {
	font-family: 'Rubik', sans-serif !important;
    font-size: 14px !important;
}

.btn-input {
    width: 100%;
}

.btn-input input {
	border-radius: 50px;
    background: #006cbf;
    border: 2px solid #006cbf;
    font-family: 'Rubik';
    font-size: 15px;
	transition: .3s;
}

.btn-input input:hover {
	background: transparent !important;
    border: 2px solid #000 !important;
	color: #000;
}

.forti-form .med-input input:focus {
	border-color: #DA291C !important; 
}

.forti-form .com-input textarea:focus {
	border-color: #DA291C !important;  
}

.forti-form .btn-input input {
	background: #DA291C;
    border: 2px solid #DA291C;
}

.sophos-form .med-input input:focus {
	border-color: #10037C !important; 
}

.sophos-form .com-input textarea:focus {
	border-color: #10037C !important;  
}

.sophos-form .btn-input input {
	background: #10037C;
    border: 2px solid #10037C;
}

.sonic-form .med-input input:focus {
	border-color: #FF6E42 !important; 
}

.sonic-form .com-input textarea:focus {
	border-color: #FF6E42 !important;  
}

.sonic-form .btn-input input {
	background: #FF6E42;
    border: 2px solid #FF6E42;
}

.watch-form .med-input input:focus {
	border-color: #E81410 !important;
}

.watch-form .com-input textarea:focus {
	border-color: #E81410 !important;
}

.watch-form .btn-input input {
	background: #E81410;
    border: 2px solid #E81410;
}

.cisco-form .med-input input:focus {
	border-color: #0A60FF !important; 
}

.cisco-form .com-input textarea:focus {
	border-color: #0A60FF !important;  
}

.cisco-form .btn-input input {
	background: #0A60FF;
    border: 2px solid #0A60FF;
	border-radius: 50px;
}

.eset-form .med-input input:focus {
	border-color: #0096A1 !important; 
}

.eset-form .com-input textarea:focus {
	border-color: #0096A1 !important;  
}

.eset-form .btn-input input {
	background: #0096A1;
    border: 2px solid #0096A1;
	border-radius: 50px;
}

.hack-form .med-input input:focus {
	border-color: #FF5F11 !important; 
}

.hack-form .com-input textarea:focus {
	border-color: #FF5F11 !important;  
}

.hack-form .btn-input input {
	background: #FF5F11;
    border: 2px solid #FF5F11;
	border-radius: 50px;
}

.trellix-form .med-input input:focus {
	border-color: #2814FF !important; 
}

.trellix-form .com-input textarea:focus {
	border-color: #2814FF !important;  
}

.trellix-form .btn-input input {
	background: #2814FF;
    border: 2px solid #2814FF;
	border-radius: 50px;
}

.pest-coi-clie .eael-accordion-content {
	border-radius: 0px 0px 10px 10px;
}

.fil-check-post input[type="checkbox"]:checked {
	border-color: #00000033;
	background: transparent;
}

.fil-check-post input[type="checkbox"]:hover:checked {
	border-color: #00000033;
	background: transparent;
}

.fil-check-post input[type="checkbox"]:focus:checked {
	border-color: #00000033;
	background: transparent;
}

.post-grid-coi .post-wrapper {
	flex-direction: row !important;
}

.post-grid-coi .post-image {
	width: 35%;
}

.post-grid-coi .inner-content {
	width: 65%;
	align-items: flex-start;
    justify-content: center;
} 

.post-grid-coi .post-read-more {
	border-radius: 50px;
    border: 2px solid #184c9e;
}

.post-grid-coi .post-read-more:hover {
	border-color: #000;
}

.post-grid-coi .post-meta {
	display: flex;
    align-items: center;
}

.post-grid-coi .huge-calendar-02 {
	margin-left: 15px;
}

.post-grid-coi .post-image {
	font-family: "Huge Icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.post-grid-coi .post-image::before {
	display: flex;    
    position: absolute;
    color: #fff;
    font-size: 45px;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    scale: 0.5;
    opacity: 0;
    transition: .3s;
    z-index: 1;
}

.even-ico .post-image::before {
	content: "\f423";
}

.prom-ico .post-image::before {
	content: "\e9e9";
}

.capa-ico .post-image::before {
	content: "\f6fc";
}

.podc-ico .post-image::before {
	content: "\ec1c";
}

.post-grid-coi .post-wrapper:hover .post-image::before {
	scale: 1;
    opacity: 1;
	transition: .3s;
}
	
.post-grid-coi .post-image::after {
    content: "";
    background: #000000;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    transition: .3s;
}

.post-grid-coi .post-wrapper:hover .post-image::after {
    opacity: 0.5;
    transition: .3s;
}

.post-grid-coi .pagination {
	display: flex !important;
    justify-content: center !important;
}

.post-grid-coi .pagination a {
	height: 45px;
    width: 45px;
    padding: 15px;
}

.post-grid-coi .pagination span {
	height: 45px;
    width: 45px;
    padding: 15px;
}

.post-grid-coi .prev {
	display: none;
}

.post-grid-coi .next {
	display: none;
}

.podc-grid-coi .post-image {
	width: 45%;
}

.podc-grid-coi .inner-content {
	width: 55%;
}

.post-blog-coi .eael-post-grid-style-three {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.post-blog-coi .eael-grid-post-holder {
	height: 100%;
}

.post-blog-coi .eael-entry-wrapper {
	display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 0 auto;
    justify-content: center;
}

.post-blog-coi .eael-posted-by a {
	font-family: 'Rubik', sans-serif;
    font-size: 17px;
    text-decoration: none;
}

.post-blog-coi .eael-posted-on time {
	font-family: 'Rubik', sans-serif;
    font-size: 17px;
    text-decoration: none;
}

.eael-infobox .infobox-title-section {
	flex-direction: row !important;
}

.eael-infobox .infobox-content .title {
	width: 100% !important;
}

.eael-infobox .infobox-content p {
	margin-bottom: 0px !important;
}

.txt-prin-wht a {
	color: #992222;
    font-weight: 500;
	text-decoration: none !important;
}


.txt-prin-wht a:focus {
	outline: none;
}

@media (max-width:1024px) {
	
	.sty-sol-hme {
		position: relative !important;	
		top: 0px !important;
	}
		
	.men-had-prin .menu-item-800 ul {
		position: relative !important;
		left: 0px !important;
	}

	.men-had-prin .menu-item-807 ul {
		position: relative !important;
		left: 0px !important;
	}
	
	.form-style {
		margin-left: 0px;
	}
	
}

@media (max-width: 767px) {
	
	.she-header {
		top: 0px !important;	
	}
	
	.sty-sol-hme {
		position: relative !important;	
		top: 0px !important;
	}
	
	.men-had-prin .menu-item-800 ul {
		position: relative !important;
		left: 0px !important;
	}

	.men-had-prin .menu-item-807 ul {
		position: relative !important;
		left: 0px !important;
	}
	
	.med-input {
    	width: 100%;
	}
	
	.caract-box-verti .eael-infobox {
		flex-direction: column;
	}
	
	.post-grid-coi .post-wrapper {
		flex-direction: column !important;
	}

	.post-grid-coi .post-image {
		width: 100%;
	}

	.post-grid-coi .inner-content {
		width: 100%;
	} 
	
	.form-style {
		margin-left: 0px;
	}

}