/*
* @package Aaika
* @copyright (C) 2017 by Joomlastars - All rights reserved!
* @license GNU General Public License, version 2 (http://www.gnu.org/licenses/gpl-2.0.html)
* @author Joomlastars <author@joomlastars.co.in>
* @authorurl <http://themeforest.net/user/joomlastars>
*/

/* You can add new css here */
:root {
  --main-bg-color: #74386E;
  --main-bg-light:#C7AFC5;
  --hight-color:#88C5FF;
}
/*Fonts*/
@font-face { font-family: 'sanserifflf'; src: url('/sitelogiciel/templates/aaika/css/custom_fonts/SansSerifFLF.otf') format("opentype");}
@font-face { font-family: 'sanserifflf_demibold'; src: url('/sitelogiciel/templates/aaika/css/custom_fonts/SansSerifFLF-Demibold.otf') format("opentype");}
@font-face { font-family: 'sanserifflf_bold'; src: url('/sitelogiciel/templates/aaika/css/custom_fonts/SansSerifBldFLF.otf') format("opentype");}
/*Footer*/
.icon-big{
  font-size:25px;
}

/*Banner*/
.ms-btnConocenos{
  background-color: var(--main-bg-color) !important;
  border-radius:30px;
  padding:20px;
  font-size:20px;
  line-height: 25px;
  text-align: center;
  font-family:sanserifflf_demibold;
}

.ms-btnConocenos:hover{
  background-color:#333 !important;
  color: #fff !important;
}

 .ms-btnConocenos a:hover{
  color: #fff !important;
}

.i_menu {
    padding-right: 10px;
}

/* parallax section 1 */
.parallax_section1 {
	background-image: url("/sitelogiciel/images/LogicielMarketing/PaginaInicio/back2_Large_1.jpg");
 /* background-size: cover;*/
}


/*Bubbles speach css*/
.bubble {
  position: relative;
  font-family: sanserifflf;
  font-size: 20pt;
  line-height: 24px;
  width: 50%;
  background:  var(--main-bg-color);
  border-radius: 40px;
  padding: 24px;
  color: #fff;
  box-shadow: 9px 9px 3px #00000077;
}

.bubble-bottom-left:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 12px solid transparent;
  border-right: 24px solid  var(--main-bg-color);
  border-top: 12px solid  var(--main-bg-color);
  border-bottom: 20px solid transparent;
  right: 32px;
  bottom: -24px;
  box-shadow: 9px 16px 3px #00000077;
  clip-path: inset(-5px -16px -0px -5px);
}
.bubble_text{
  font-family: sanserifflf;
  font-size: 20pt;
  line-height: 35px;  
}


/*Botón Contáctanos después de las butbujas*/

.btnContactanosTemp{
 	display: flex; 
	justify-content: center;
    margin-top: 101px;;
}

.but_large1,.but_medium4 {
  background:  var(--main-bg-color); 
}

.tp-caption a:hover{
  color: #fff;
}


@media screen and (min-width: 1200px) {
.btnContactanosTemp{
  display: flex; 
  justify-content: end;
  margin-top: 0px;
}
}

/*Nuestras empresas*/
.features_sec14.features_sec14_temp {
    background: #fff;
}

.features_sec12{
      padding: 60px 0px 60px 0px;
}

.features_sec12 .box img {
    width: 230px;
  height: 230px;
  margin-bottom:0px;
}

/*Certificaciones*/
.row_black .box {
    border: 2px solid var(--main-bg-color);
}
.row_certificaciones {
    display: flex;
    flex-direction: row;
    position: relative;
    float: left;
  	justify-content: center;
  width:100%;
}

.row_certificaciones .box {
    height: 100%;
}

@media only screen and (min-width: 0px) and (max-width: 767px){
    .row_certificaciones {
        flex-direction:column;
    }}

.certificacion_logo{
  height: 120px;
}

/*Home*/
@media screen and (min-width: 767px) {
    .custom_clearfix{
      height: 100px;
  }

}

.one_fourth {  
  display: flex;
  justify-content: center;
  }


/*
.navbar-default .navbar-nav>li>a{
  color: var(--main-bg-color);
  font-weight: bold;
}
*/

/*Estilos menu con iconos*/
/*DECOMENTAR EN PRODUCCIÓN*/


li.iceMenuLiLevel_1.fa, li.iceMenuLiLevel_2.fa{
    display: flex !important;
    flex-direction: row;
    vertical-align: middle;
    align-items: center;
    padding-left: 18px;
}

li.iceMenuLiLevel_1.fa:hover:before,li.iceMenuLiLevel_1.fa.active, li.iceMenuLiLevel_1.fa:hover>a {
    color: var(--hight-color);
}

li.dropdown.iceMenuLiLevel_1>a,li.dropdown.iceMenuLiLevel_2>a {
    font-family: 'sanserifflf';
}

li.iceMenuLiLevel_1.fa,li.iceMenuLiLevel_1>a{
    font-size: 20px;
} 

li.iceMenuLiLevel_2.fa,.li.iceMenuLiLevel_2>a {
    font-size: 16px;
  max-width: 300px;
}

li.iceMenuLiLevel_2.fa{
  border-bottom: 1px solid #e6e6e6;
}

li.iceMenuLiLevel_2.fa:last-child{
  border-bottom:0px;
}

li.dropdown.iceMenuLiLevel_2>a {
    white-space: inherit;
  border-bottom:0px;
}

/*FIN PRODUCCION*/

li.dropdown.iceMenuLiLevel_2.fa:hover {
   background-color: #f3f3f3;
}


li.iceMenuLiLevel_1.fa>a.dropdown-toggle {
    padding-left: 8px;
}

li.dropdown.iceMenuLiLevel_2.fa {
    color: #727272;
}


.stcode_title8 .text{
      line-height: 46px;
}

a.social_network i {
    font-size: 20px;
}


/*Titulos*/
/*.title1 .text,.stcode_title8 .text,.features_sec2 .box h5 span{
  font-weight: bold;
}*/

/*Quienes Somos*/

.features_sec2 .box p {
    text-align: initial;
}


.page_title4 .line{
  width:200px;
  background: var(--main-bg-color); 
}
.stcode_title8 .line{
  background: var(--main-bg-color); 
}

/*Conócenos*/
.imgheader{
  background: #333 url(/sitelogiciel/images/LogicielMarketing/Conocenos/Artes_pgina_web_Logiciel-16.png) no-repeat center top;
  background-size: cover;
  padding-top: 50px; 
  background-position-x: right !important;
}


.flips3 {
    width: 230px !important; 
}

.flips3_front {
  padding: 10px;
border: 1px solid #000;
}
.one_third.middle, .one_half.middle {display: flex;justify-content: center;}

.flips3_back.flipscont3 {
    background: var(--main-bg-light);
    color: black;
}

.flips3_front.flipscont3 h5 {
    font-size: 22px;
    color: var(--main-bg-color);
}

.flips3_back.flipscont3 h5 {
    color: var(--main-bg-color);
}

.flips3_back.flipscont3 p {
    text-align: center;
}

.flips3_front.flipscont3 img {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 130px;
}


/*Títulos*/
.page_title .title {
    justify-content: center;
    display: flex;
}

.purple_back{
  background:var(--main-bg-light);
}
.page_title4 h1,.page_title4 h2,.page_title4 h3,.page_title4 h4,.page_title4 h5,.page_title4 h6{
  width:100%;
}

.page_title4 h1,.page_title4 h2{

  color: var(--main-bg-color);  !important;
}

/*Nuestro Equipo*/
.stcode_title8 .text {
  background-color: #f3f3f3;}

.features_sec9 .tbox,.features_sec9 .tbox>img {
    width: 300px;
}

.features_sec9 .tbox p {
    margin-left: 20px;
    margin-right: 20px;
}

@media only screen and (min-width: 0px) and (max-width: 992px){
.nine_width{
    width: 100%;
}}

.icon_item{
  display:flex;
  margin-left: 30px;
}
.icon_item .i_inline{
   padding-right: 10px;
  margin-top: 10px;
  font-size: 25px !important;
  color: var(--main-bg-color) !important;
  
}

.icon_item p{
  margin-top: 10px;
  text-align: justify;
}

.img_land{
  height:450px;
  padding-top: 40px;
}

/*.img_land img{
  border: 1px solid #000;
  padding: 10px;
}*/

.custom_slide .left {
  width: 50%;
  margin-left: 30px;
  margin-right: 30px;
}

.custom_slide .right {
    width: 40%;
}

.custom_slide .right img {
    float: right;
    width: 100%;
    height: 312px;
    box-shadow: 0 10px 15px 0 rgb(0 0 0 / 25%), 0 8px 27px 0 rgb(0 0 0 / 25%);
    object-fit: cover;
}

@media only screen and (min-width: 0px) and (max-width: 767px){
  .custom_slide .left ,.custom_slide .right {
    width: 80%;
     margin-left: 30px;
  margin-right: 30px;
}
  
  
}

.carousel li {
    margin-right: 0px;
}

li.custom_slide h3 {
    margin-bottom: 10px;
}

/*Iconos lista*/
.font_texto i.fa{
    color: var(--main-bg-color) !important;
}

/*Flip Boxes*/
.flips1,.flips1_back,.flips1_front{
  height: 425px;
  width: 260px;
}

.contenedor_flips {
    display: flex;
    float: left;
    width: 100%;
    flex-flow: wrap;
    justify-content: center;
    gap: 35px;
}

.flips1_front img {
    width: 260px;
  height: auto;
}

.but_small5.light:hover {
    color: var(--main-bg-color);
}

.flips1_back {
  background-color: var(--main-bg-color);
  padding: 25px;
  height: inherit;
}

.flips1_front {
    background-color: #fff;
  border:1px solid var(--main-bg-color);
      align-items: center;
    display: flex;
}

.but_small5.font_texto_small{
  color: #fff !important;
  position: absolute;
    left: calc(50% - 56.175px);
    bottom: 25px;
}

.but_small5.font_texto_small:hover{
  color: var(--main-bg-color) !important;
}

.flips1_back p.font_texto_small {
    text-align: center;
  font-family: 'sanserifflf_demibold' !important;
    font-size: 22px !important;
    line-height: 24px !important;

}

.flips1_back h4.font_subtitulo_small {
    font-family: 'sanserifflf_bold';
    font-size: 24px;
}

/*Procesos del negocio*/
.title_center_right {
    padding-top: 170px;
}

.title_center_right .title {
    justify-content: end;
}

img.img_left2.logos_apps {
    object-fit: cover;
    object-position: center;
    height: 233px ;
    width: 230px !important;
    margin-bottom: 0px;
  margin-right: 50px;
}

.tab_button{
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.tabs3.custom_tab {
    background-color: var(--main-bg-color);
    border: 1px solid var(--main-bg-color);
  margin-left: -1px;
}

.tabs3.custom_tab li a {
    background-color: var(--main-bg-color);
    color: white !important;
    border-right: 2px solid #fff;
}

.tabs3.custom_tab li.active a {
    background-color: #fff;
    color: var(--main-bg-color) !important;
}

.tabs-content3.custom_content p {
    font-size: 22px;
    margin-bottom: 90px;
}

.tabs-content3.custom_content {
    border: 1px solid var(--main-bg-color);
  margin-left: -1px;
}


/*Páginas Productos*/
.titulo_producto
{
 background-image: url(/sitelogiciel/images/LogicielMarketing/SolucionesInformaticas/Soluciones_informticas.png); 
}
    
.titulo_producto .pagenation a {
    color: #fff !important;
}

i {
    color: #fff;
}

.tbox i {
    color: var(--main-bg-color) !important;
}

.titulo_producto .pagenation {
  	color: #fff!important;
    padding-top: 15px;
    margin-bottom: -15px;
}

@media only screen and (min-width: 0px) and (max-width: 639px){
.producto_title{
    flex-direction: column;
}
    
}


/*Caracteristicas Producto*/
.st-accordion ul li > a {
    font-family: 'sanserifflf_bold';
    font-size: 20px;
}

ul.bullet_normal li {
    padding-bottom: 16px !important;
    margin-left: -56px !important;
}

.site_wrapper .st-accordion ul li > a:hover,.st-accordion ul li.st-open > a{
      color: var(--main-bg-color);
}

.st-accordion ul li {
    border-top: 0px;
    border-bottom: 1px solid var(--main-bg-color);
}

.st-content p.font_texto {
    font-size: 20px;
}

/*Beneficios y Áreas*/
.fondo_principal{
  background: linear-gradient(90deg, #fff 75%, #EDEDED 50%);
}
.fondo_secundario{
  background: linear-gradient(90deg, #fff 65%, #EDEDED 50%);
}


@media only screen and (max-width: 767px){
  .deletable{
    display:none;
  }
  
  .maring_l20 {
    margin-top: -20px;
}
  
  .fondo_principal,.fondo_secundario{
  background: linear-gradient(180deg, #fff 61.5%, #EDEDED 50%);
}
}

@media only screen and (min-width: 0px) and (max-width: 479px){
 
  .fondo_principal,.fondo_secundario{
  background: linear-gradient(180deg, #fff 59.5%, #EDEDED 50%);
}
}


.custom_cirefs .ciref {
    margin-bottom: 0px;
}

.custom_cirefs .box, .custom_cirefs .box>div.right, .custom_cirefs .box>div>p.font_texto {
    display: flex;
    align-items: center;
}

ul.bullet_normal li {
    list-style: disc;
}


ul.bullet_normal {
    padding-top: 20px;
    padding-left: 40px;
}

.ciref img {
    height: 59px;
}
.site_wrapper .ciref:hover, .site_wrapper .ciref.active {
    background: var(--main-bg-color);
}

.site_wrapper .outline-outward:hover:before, .site_wrapper .outline-outward.active:before {
    border: var(--main-bg-color) solid 1px;
}

/*Módulos*/
.pop-wrapper li{
  margin-bottom: 115px;
}

.pop-wrapper li a{
  background:#fff;
  width: 185px;
  height: 185px;
  border: 1px solid var(--main-bg-color);
}

.pop-wrapper li a img {
    height: 185px;
}

.font_texto_o{
  font: 20px sanserifflf !important;
  color: #000 !important;
}

ul.pop-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.pop-wrapper li a span {
    box-shadow: 5px 5px 2px rgb(0 0 0 / 50%);
}

.pop-wrapper li a span:before {
    margin-left: -5px;
    bottom: -15px;
    border-top: 10px solid rgba(0,0,0,0.5);
}

.pop-wrapper li a:hover span {
    bottom: 160px;
}

@media only screen and (max-width: 479px){
  .features_sec3 .box .left {
    margin-left: 0px;
    margin-right: 15px;
}
  
}


li.mod_rect a {
    border-radius: 25%;
}

/*Youtube Video*/
.container_video{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Contáctanos*/
.contactanos_banner {
    background-size: cover !important;
    height: 380px;
 	position: relative;
}

.contactanos_banner span {
    font-size: 25px;
    line-height: 45px;
    color: var(--main-bg-color);
    text-align: center;
    position: absolute;
	bottom: 160px;
    left: 435px;
}

.contactanos_banner .tab_button {
    bottom: 20px;
    right: 199px;
}

@media only screen and (max-width: 574px){
  .contactanos_banner {
    background-position:-261px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.contactanos_banner span {
    position: initial;
   margin-top: -10px;
}

.contactanos_banner .tab_button {
    position: initial;
    margin-top: 32px;
}
}

/*Footer Styles*/
.footer.style2 .qlinks p, .footer.style2 .faddress li, .footer.style2 .faddress a, .footer.style2 .qlinks a, .footer.style2 h4 {
    font-family: 'sanserifflf';
    color: #fff;
    font-size: 17px;
}

.footer.style2 h4 {
    font-family: 'sanserifflf_demibold';
    font-size: 26px;
    margin-right: 15px;
}

footer.footer.style2 {
    background: var(--main-bg-color);
}

.copyright_info.two {
    background: #000;
    color: #fff;
}

/*Contáctanos*/

.custom_contact .faddress i.fa {
    color: var(--main-bg-color);
    font-size: 30px;
    width: 32px;
    text-align: center;
}

.custom_contact .font_subtitulo {
    text-align: center;
    color: var(--main-bg-color);
}

.custom_contact .address_info  i.fa {
    color: var(--main-bg-color);
    font-size: 190px;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
}

.custom_contact .address_info.two {
    justify-content: center;
    display: flex;
    flex-direction: column;
  background: transparent;
  align-items:center;
}

h3.font_subtitulo {}

.custom_contact p.font_texto {
    text-align: center;
}

.custom_contact a.but_large4 {
    text-align: center;
    margin-top: 50px;
}

ul.faddress_contact li, ul.faddress_contact li a {
    height: 60px;
    vertical-align: middle;
    align-items: center;
    display: flex;
    flex-direction: row;
}

ul.faddress_contact li img{
  height:50px;
}

ul.faddress_contact li {
    margin-bottom: 40px;
}

.custom_contact .two_third p {
    display: none;
}

p.contact_text {
    display: block !important;
    text-align: center;
    font-size: 30px;
  color:var(--main-bg-color);
}

.custom_contact .cforms label,.custom_contact .cforms input,.custom_contact .cforms button  {
    font-family: 'sanserifflf';
    font-size: 20px;
}

.custom_contact .cforms button{
    color:#fff;
}

.class_contact {
    background: linear-gradient(90deg, var(--main-bg-light) 64%, #EDEDED 50%);
    padding-bottom: 1px;
}

@media only screen and (min-width: 0px) and (max-width: 767px){
.class_contact {
    background: linear-gradient(180deg, var(--main-bg-light) 54%, #EDEDED 50%);
}
}


.class_contact .custom_contact {
    background: transparent;
}

.custom_contact .cforms {
   
    padding: 0px 20px;
}

/*Clases fuentes*/

.font_titulo{
 font: 38px sanserifflf_bold;
}

.font_subtitulo{
  font: 35px sanserifflf_demibold;
}

.font_texto{
  font: 20px sanserifflf;
  color: #000 !important;
}


.font_subtitulo_small{
  font: 20px sanserifflf_demibold;
}

.font_texto_small{
  font: 17px sanserifflf !important;
  line-height: 20px !important;
  color: #000 !important;
}

.font_tab_header{
  font: 20px sanserifflf !important;
  color: #000 !important;
   padding-top:15px !important;
}

li.active .font_tab_header{
  color:  var(--main-bg-color) !important;
  font-family: 'sanserifflf_bold' !important;
}

.font_areas_titulo{
  color: var(--main-bg-color);
  font: 27px 'sanserifflf_demibold';
}

.font_texto_slides p, .icon_item p{
    font: 18px sanserifflf !important;
  color: #000 !important;
}

.line.custom_line{
      width: 200px;
    background: var(--main-bg-color);
}

/*Footer*/
.footer .qlinks li {
  padding: 0px;
    padding-left: 20px;
}

.footer  h5.lmb {
    color: #fff;
    font-family: 'sanserifflf_demibold';
    font-size: 22px;
  font-weight: normal;
}

.footer.style2 .faddress li {
    padding-bottom: 25px;
}


/*header*/
/*.custom_header{
  display: contents;
}
@media only screen and (min-width: 640px) and (max-width: 767px){
  .custom_header{
  display: block;
}
}
*/

.page_title_df{
  height:100px;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

html {
  scroll-behavior: smooth;
}

.st-accordion ul li > a span {
    background-image: url(/sitelogiciel/images/LogicielMarketing/htmlAsset_3.png);
    background-size: 15px;
}

#st-accordion-custom li,#st-accordion-custom-two li{
transition: all 0.3s ease-out;
}

.class_contact #system-message-container {
    position: absolute;
    top: 120px;
    left: 120px;
    right: 120px;
}

#system-message-container .alert, #system-message-container .alert h4 {
    color: var(--main-bg-color);
    background-color: var(--main-bg-light);
    border-color: var(--main-bg-color);
    text-shadow: 0 1px 0 rgb(var(--main-bg-color)/50%);
}

.ciref {
    cursor: initial;
}

.owl-item {
    width: 236px !important;
    margin-left: 50px;
}

.convertforms .cf-label{
  color: black;
  font-weight: bold;

}

.convertforms.cf-success .cf-response {
  color: var(--main-bg-color);
  background-color: var(--main-bg-light);
}


ul.bullet_normal li {
    padding-bottom: 16px;
    margin-left: -56px;
}