/* Add here all your CSS customizations */
/*Estilos para Camic*/

/*******************************************************************************************************/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
                               /* C S S    B Y    A G R A  :P */
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
/********************************************************************************************************/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Colores Camic*/
:root{
	--azul-c: #29abe2; /*botones*/
	--azul: #0071bc;
	--azul-f: #263672;
	--gris: #4d4d4d;
	--negro: #000;
	--blanco: #fff;
}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

.l-blanca{color: #fff;}
.l-blanca-force{color: #fff!important;}
.l-negra-force{color: #000!important;}
.l-azul-f-force{color: #263672!important;}
.l-negra{color: #000;}
.l-azul-c{color: #29abe2;}
.l-azul{color: #0071bc;}
.l-azul-f{color: #263672;}
.l-gris{color: #4d4d4d;}



body, p{font-size: 16px; font-family: 'Montserrat', sans-serif!important;}
h1, h2, h3, h4, h5, h6, span{text-transform: none; font-family: 'Montserrat', sans-serif!important;}
a:hover{text-decoration: none;}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Fuente, pesos fuente, tamaño*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.montse{font-family: 'Montserrat', sans-serif!important;} /*400, 500, 600, 700*/
.upper{text-transform: uppercase !important;}
.w-300{font-weight: 300!important;}
.w-400{font-weight: 400!important;}
.w-500{font-weight: 500!important;}
.w-600{font-weight: 600!important;}
.w-700{font-weight: 700!important;}
.fs-12{font-size: 12px!important;}
.fs-13{font-size: 13px!important;}
.fs-14{font-size: 14px!important;}
.fs-15{font-size: 15px!important;}
.fs-16{font-size: 16px!important;}
.fs-17{font-size: 17px!important;}
.fs-18{font-size: 18px!important;}
.fs-19{font-size: 19px!important;}
.fs-20{font-size: 20px!important;}
.fs-21{font-size: 21px!important;}
.fs-22{font-size: 22px!important;}
.fs-23{font-size: 23px!important;}
.fs-24{font-size: 24px!important;}
.fs-25{font-size: 25px!important;}
.fs-26{font-size: 26px!important;}
.fs-27{font-size: 27px!important;}
.fs-28{font-size: 28px!important;}
.fs-29{font-size: 29px!important;}
.fs-30{font-size: 30px!important;}
.fs-31{font-size: 31px!important;}
.fs-32{font-size: 32px!important;}
.fs-33{font-size: 33px!important;}
.fs-34{font-size: 34px!important;}
.fs-35{font-size: 35px!important;}
.fs-36{font-size: 36px!important;}
.fs-37{font-size: 37px!important;}
.fs-38{font-size: 38px!important;}
.fs-39{font-size: 39px!important;}
.fs-40{font-size: 40px!important;}
.fs-41{font-size: 41px!important;}
.fs-42{font-size: 42px!important;}
.fs-43{font-size: 43px!important;}
.fs-44{font-size: 44px!important;}
.fs-45{font-size: 45px!important;}
.fs-46{font-size: 46px!important;}
.fs-47{font-size: 47px!important;}
.fs-48{font-size: 48px!important;}
.fs-49{font-size: 49px!important;}
.fs-50{font-size: 50px!important;}
.fs-51{font-size: 51px!important;}
.fs-52{font-size: 52px!important;}
.lh-normal{line-height: normal;}

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Margin, padding*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.p-no-margin{margin: 0 !important;}
.justi-p{text-align: justify;}
.w-space-pre{white-space: pre-line !important;}

.p-tb25{padding: 25px 0;}
.p-tb40{padding: 40px 0;}
.p-tb50{padding: 50px 0;}
.p-tb60{padding: 60px 0;}
.p-tb70{padding: 70px 0;}
.p-tb80{padding: 80px 0;}
.p-tb90{padding: 90px 0;}
.p-tb100{padding: 100px 0;}
.p-tb110{padding: 110px 0;}
.p-tb120{padding: 120px 0;}

.p-t20{padding-top: 20px;}
.p-t30{padding-top: 30px;}
.p-t40{padding-top: 40px;}
.p-t50{padding-top: 50px;}
.p-t60{padding-top: 60px;}
.p-t70{padding-top: 70px;}
.p-t80{padding-top: 80px;}
.p-t90{padding-top: 90px;}
.p-t100{padding-top: 100px;}


.p-b20{padding-bottom: 20px;}
.p-b30{padding-bottom: 30px;}
.p-b40{padding-bottom: 40px;}
.p-b50{padding-bottom: 50px;}
.p-b60{padding-bottom: 60px;}
.p-b70{padding-bottom: 70px;}
.p-b80{padding-bottom: 80px;}
.p-b90{padding-bottom: 90px;}
.p-b100{padding-bottom: 100px;}

.m-a20{margin: 20px;}

.m-tb50{margin: 50px 0;}
.m-tb60{margin: 60px 0;}
.m-tb70{margin: 70px 0;}
.m-tb80{margin: 80px 0;}
.m-tb90{margin: 90px 0;}
.m-tb100{margin: 100px 0;}
.m-tb110{margin: 110px 0;}

.m-t20{margin-top: 20px;}
.m-t30{margin-top: 30px;}
.m-t40{margin-top: 40px;}
.m-t50{margin-top: 50px;}
.m-t60{margin-top: 60px;}
.m-t70{margin-top: 70px;}
.m-t80{margin-top: 80px;}
.m-t90{margin-top: 90px;}
.m-t100{margin-top: 100px;}

.m-b0{margin-bottom: 0px;}
.m-b5{margin-bottom: 5px;}
.m-b10{margin-bottom: 10px;}
.m-b20{margin-bottom: 20px;}
.m-b25{margin-bottom: 25px;}
.m-b30{margin-bottom: 30px;}
.m-b40{margin-bottom: 40px;}
.m-b50{margin-bottom: 50px;}
.m-b60{margin-bottom: 60px;}
.m-b70{margin-bottom: 70px;}
.m-b80{margin-bottom: 80px;}
.m-b90{margin-bottom: 90px;}
.m-b100{margin-bottom: 100px;}

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Buttons*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.btn-slide{background: #29abe2; padding: 5px 35px; border: 1px solid #29abe2; color: #fff;}
.btn-slide:hover{background: transparent; color: #29abe2; transition: all .5s ease-in-out; letter-spacing: 1px;}
.btn-enviar{background: transparent; border: 3px solid #29abe2; padding: 5px 35px; color: #263672; cursor: pointer; max-width: fit-content; margin: 0 auto;}
.btn-enviar:hover{background: #29abe2; border: 3px solid #29abe2; color: #fff; transition: all .5s ease-in-out;}
.btn-enviar2{background: transparent; border: 3px solid #29abe2; padding: 5px 35px; color: #263672; cursor: pointer; max-width: fit-content; margin: 0 auto;}
.btn-enviar2:hover{background: #29abe2; border: 3px solid #29abe2; color: #fff; transition: all .5s ease-in-out;}
.btn-azul{background: #29abe2; padding: 10px 35px; border: 1px solid #29abe2; color: #fff; cursor: pointer; max-width: fit-content;}
.btn-azul:hover{background: transparent; color: #29abe2; transition: all .5s ease-in-out;}
.btn-azul-large{background: #29abe2; padding: 10px 75px; border: 1px solid #29abe2; color: #fff; cursor: pointer; max-width: fit-content;}
.btn-azul-large:hover{background: transparent; color: #29abe2; transition: all .5s ease-in-out;}
.btn-azul-outline{background: transparent; border: 3px solid #29abe2; padding: 5px 35px; color: #263672; cursor: pointer; border-radius: 0;}
.btn-azul-outline:hover{background: #29abe2; border: 3px solid #29abe2; color: #fff; transition: all .5s ease-in-out;}



/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Background*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.bckgd-azul-c{background: #29abe2;}
.bckgd-azul{background: #0071bc;}
.bckgd-azul-f{background: #263672;}
.bckgd-gris{background: #e4f1f9;}



/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Slider*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.title-slide span{font-size: 45px!important;}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
html:not(.sticky-header-active) #header.header-transparent-dark-bottom-border .header-body{border-bottom: none;}
#header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a, #header .header-nav.header-nav-line.header-nav-light-text nav > ul > li > a{color: #263672;}
#header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active{color: #29abe2;}
#header .header-nav-main.header-nav-main-square nav > ul > li:hover > a{color: #29abe2 !important;}
html .bg-color-dark, html .bckgd-white{background: #!important;}
.content-grid-item{background: #fff!important;}
.content-grid .content-grid-item:before{border-left: 1px solid #29abe2;}
.content-grid .content-grid-item:after{border-bottom: 1px solid #29abe2;}
.custom-content-grid .counters strong{font-size: 35px;}
.custom-content-grid .counters .counter.margin-style-2{margin-left: 50px;}
.counters{min-width: 280px;}
.counters label{font-size: 16px;}
.counter-icon{width: 40px;}
.ghost-img-que-hacemos{height: 100%; position: absolute; top: 0; left: 0; padding: 50px 0;}
.icon-beneficios{width: 40px;}
.benefits-box{min-height: 110px;}
.process-connecting-line .connecting-line{background: #29abe2; top: 10px; left: 30px; right: 30px;}
.cont-hexagono{width: 60px; position: relative; text-align: center;}
.icon-hexagono-iniciar{position: absolute; top: 40%; left: 50%; width: 60px; height: 60px; transform: translate(-50%, -50%); z-index: 1; margin-bottom: 10px;}
.flex-contacto{display: flex; align-items: center;}
.info-box-footer{margin-bottom: 25px;}
.hover-azulc:hover{color: #29abe2;}
.ghost-img-contacto{height: 90%; position: absolute; top: 10%; left: 50%; transform: translateX(-50%);}
.process .process-step-circle-content{z-index: 2; position: relative;}
.flex-center{display: flex; align-items: center;}
.arrow-large{position: relative;}
.arrow-large:before{content: ""; position: absolute; top: 50%; height: 3px; width: 150px; background: #fff; right: -25px;}
.arrow-large:after{content: ""; position: absolute; top: 15%; right: -35px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff;}
.box-center-services{align-items: center;}
.testimonial.testimonial-with-quotes blockquote p{padding: 0 70px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #29abe2;}
.icon-footer{font-size: 35px; color: #29abe2; margin-bottom: 15px;}
.icon-footer.phone{transform: rotate(90deg);}
.info-footer-box a{display: block;}
.box-map{height: 600px;}
.contact-form{padding: 0 70px; margin-top: 40px;}
.form-control, .form-control:focus{background: transparent; border: none; border-bottom: 1px solid #fff; border-color: #fff; color: #fff!important;}
.box-header-sections{position: relative; height: 100%;}
.box-header-sections p{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.flex-service-description{display: flex; align-items: center;}


/*Logo Header*/ 
.logo-camic{width: 250px;}

/*Redes Desktop*/
.cont-info-float{position: fixed; top: 40%; right: 20px; z-index: 99;}
.info-float img{width: 50px; display: block; margin: 10px 0;}
.cont-redes-phone{display: none;}

/*Animation*/
.info-float:hover img{animation: move linear 2s infinite;}

@keyframes move{
	0%{transform: translateX(-10px);}
	50%{transform: translateX(10px);}
	100%{transform: translateX(-10px);}
}

/**/


/*Footer*/
.footer-padding{padding: 30px 0;}
.flex-footer{display: flex; align-items: center;}
.footer-left{text-align: left;}
.footer-center{text-align: center;}
.footer-right{text-align: right;}

.logo-leadme{width: 175px;}

/*Form*/


/*placehold*/
::placeholder {color: #fff!important; opacity: 1;}
:-ms-input-placeholder {color: #fff!important;}
::-ms-input-placeholder {color: #fff!important;}

/*Scrollbar*/
/*::-webkit-scrollbar{width: 12px;}
::-webkit-scrollbar-track {border-radius: 0px;}
::-webkit-scrollbar-thumb {border-radius: 0px; -webkit-box-shadow: inset 10px 10px 200px #35a8e0; }*/





/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Responsive*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
@media screen and (min-width: 1700px){

}

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

}

@media screen and (max-width: 800px){
	#header .header-btn-collapse-nav{background: #29abe2;}
	#header .header-nav-main.header-nav-main-mobile-dark:before{background-color: #fff;}
	#header .header-nav-main nav > ul{padding-top: 0; padding-bottom: 0;}
	.title-slide span{font-size: 35px!important; line-height: normal!important;}
	.custom-content-grid .counters .counter.custom-sm-counter-style .counter-icon{left: 10%;}
	.custom-content-grid .counters .counter.custom-sm-counter-style.margin-style-2{margin-left: 40px;}
	.custom-content-grid .counters .counter.custom-sm-counter-style{padding-left: 0;}
	.process-connecting-line .connecting-line{display: none;}
	.process .process-step-circle-content{z-index: 2; position: relative;}
	.icon-hexagono-iniciar{z-index: 1;}
	.benefits-box{margin: 20px 15px;}
	h1{font-size: 35px;}
	.p-tb80{padding: 40px 0;}
	.p-t80{padding-top: 40px;}
	.btn-slide{left: 60%!important; width: 170px!important;}
	.ghost-img-contacto{display: none;}
	.slide1 .tp-bgimg{background-position-x: 45%!important;}
	.slide2 .tp-bgimg{background-position-x: 55%!important; background-position-y: 100px!important; background-image: url('../archivos/slider/expertos-en-contabilidad-mobile.jpg')!important;}
	.slide3 .tp-bgimg{background-position-x: 45%!important;}
	.flex-center{display: block;}
	.arrow-large:before, .arrow-large:after{display: none;}
	.testimonial.testimonial-with-quotes blockquote p{padding: 0 15px; margin-bottom: 0;}
	.box-header-sections{overflow: hidden;}
	.header-contables, .header-fiscales, .header-legales{width: 560px; max-width: 600px;}
	.box-header-sections p{text-align: center;}
	.img-service-description{width: 200px;}
	#testimonios .parallax-background{background-position-x: 73%!important; height: 100% !important;}
	#testimonios .owl-carousel{margin-bottom: 0;}
	.testimonial.testimonial-with-quotes blockquote:after{right: 0;}
	.testimonial.testimonial-with-quotes blockquote:before{left: 0;}
	.block-button{display: block; margin: 0 auto;}
	.contact-form{padding: 0 15px;}


	
	.text-center-small{text-align: center !important;}
	
	



	/*Redes Phone*/
	.cont-redes-phone{display: block; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999;}
	.cont-redes-phone .cont-style{border-top: 1px solid #fff; display: flex; align-items: center;}
	.whats-phone{background: #009245; width: 33.333333%; padding: 10px 0;}
	.phone-phone{background: #0071bc; width: 33.333333%; padding: 10px 0;}
	.mail-phone{background: #263672; width: 33.333333%; padding: 10px 0;}
	/*end*/

	/**/
	.m-b0-small{margin-bottom: 0px;}
	.m-b10-small{margin-bottom: 10px;}
	.m-b25-small{margin-bottom: 25px !important;}
	.m-b30-small{margin-bottom: 30px !important;}
	.m-b40-small{margin-bottom: 40px !important;}
	.p-tb40-small{padding: 40px 0 !important;}
	.p-tb80-small{padding: 80px 0;}
	.w-space-normal-small{white-space: normal;}
	.m-t25-small{margin-top: 25px;}
	.m-t40-small{margin-top: 40px;}
	.p-b0-small{padding-bottom: 0;}
	.p-b30-small{padding-bottom: 30px;}
	.p-b40-small{padding-bottom: 40px;}
	.p-lr15-small{padding-left: 15px!important; padding-right: 15px!important;}
	.fs-16-small{font-size: 16px!important;}
	.fs-25-small{font-size: 25px!important;}

	/*Footer*/
	.footer-padding{padding: 25px 0 75px;}
	.flex-footer{display: block;}
	.footer-left{text-align: center;}
	.footer-center{margin: 5px 0 25px;}
	.footer-right{text-align: center;}
	.cont-info-float{display: none;}
}

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

}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->
