/* Add here all your CSS customizations */
/**/

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

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/**/
:root{
	--negro: #000;
	--blanco: #fff;
	--naranja: #e9911f;
	--naranjaC: #f4a433;
	--gris: #333333;
}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
@font-face {
  font-family: "Segoe Ui";
  src: url("../fonts/segoeui.ttf");
}

@font-face {
  font-family: "Segoe Ui Bold";
  src: url("../fonts/segoeuib.ttf");
}


.l-blanca{color: #fff;}
.l-blanca-force{color: #fff!important;}
.l-negra-force{color: #000!important;}
.l-negra{color: #000;}
.l-naranja{color: #e9911f;}
.l-naranja-c{color: #f4a433;}
.l-gris{color: #333333;}
.segoe{font-family: "Segoe Ui", serif;}
.segoe-b{font-family: "Segoe Ui Bold", serif;}



body, p{font-family: "Segoe Ui", serif;}
h1, h2, h3, h4, h5, h6, span{font-family: "Segoe Ui", serif;}
a:hover{text-decoration: none;}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Fuente, pesos fuente, tamaño*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.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;}

.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-t0{margin-top: 0px;}
.m-t10{margin-top: 10px;}
.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!important;}
.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*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/



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

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Background*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.bckgd-cell-pro{background: url('../archivos/cell-pro-imou.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed;}
.bckgd-ranger-pro{background: url('../archivos/ranger-pro-imou.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; background-attachment: fixed;}
.bckgd-looc{background: url('../archivos/looc-imou.jpg'); background-size: cover; background-position: right; background-repeat: no-repeat; background-attachment: fixed;}
.bckgd-alexa{background: url('../archivos/camaras-compatibles-con-alexa.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 60vh; display: flex; align-items: center;}
.bckgd-calidad{background: #e9911f;}
.bckgd-almacenamiento{background: url('../archivos/almacenamiento-diversificado.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 80vh; position: relative;}
.bckgd-imou{background: url('../archivos/imou-cloud-app.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative;}
.bckgd-contacto{background: #333333;}

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


/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.ct-preloader-logo img{width: 140px;}
.ct-preloader .loading-break.loading-dot-1, .ct-preloader .loading-break.loading-dot-2, .ct-preloader .loading-break.loading-dot-3{background-color: #e9911f;}
.navbar-default .navbar-nav>li>a:before, .navbar-default .navbar-nav>li>a:after{border-color: #e9911f;}
.navbar-default .navbar-nav>li>a{font-family: "Segoe Ui", serif; font-weight: 500; font-size: 14px; line-height: normal; padding: 20px;}
.navbar-default .navbar-nav>li:hover a:before{top: 10px;}
.navbar-default .navbar-nav{margin-right: -15px;}
.navbar-default .navbar-nav>li:hover a:after{bottom: 10px;}
.imoud-logo-header{position: absolute; top: 50%; transform: translateY(-50%);}
.imoud-logo-header img{width: 140px;}
.flex-center{display: flex; align-items: center;}
section.section{padding: 70px 0;}

/*Slide*/
.slide-home{position: relative;}
.slide-home.item1{background-position-y: 50px;}
.slick-dots li{margin: 0 10px;}
.slick-active button{border: 2px solid #e9911f!important;}
.ct-dots--type1 .slick-dots li button{border: 2px solid #fff;}
.ct-dots--type1 .slick-dots li button:before{width: 8px; height: 8px; margin-top: -3px; margin-left: -3px; background-color: #e9911f;}
.ct-dots--type1 .slick-dots li.slick-active button:hover:before{width: 8px; height: 8px; margin-top: -3px; margin-left: -3px;}
.box-slide{position: absolute; top: 40%; left: 70%; transform: translate(-50%,-50%); background: #e9911f; padding: 20px 30px 30px; z-index: 99; width: fit-content;}
.title-slide{color: #fff; font-weight: 700; font-family: "Segoe Ui Bold", serif; font-size: 70px; margin-top: 0; margin-bottom: 10px;}
.subtitle-slide{color: #fff; font-weight: 500; font-family: "Segoe Ui", serif; font-size: 23px; margin-bottom: 0;}


/*Cell pro*/
.cards-buy{padding: 30px 0; display: flex; align-items: center;}
.cards-buy a.white{background: #fff; padding: 5px 25px;}
.cards-buy img{width: 150px; height: 45px;}
.cards-buy a:last-child{margin-left: 15px;}
.cell-pro-list ul{list-style: none; padding: 0;}
.cell-pro-list ul li{display: flex; align-items: center; margin-bottom: 30px;}
.cell-pro-list ul li:last-child{margin-bottom: 0px;}
.cell-pro-list ul li .img-service{margin-bottom: 0px; border-radius: 50%; width: 60px; height: 60px; border: 2px solid #333; position: relative; background: transparent;  margin-right: 20px;}
.cell-pro-list ul li img{width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} 
.cell-pro-list ul li .description-service{width: 70%;}
.cell-pro-list ul li .description-service ul li{padding: 0; margin-bottom: 0px;}
.description-service ul li:before{content: "\2022"; padding-right:7px; color: #fff;}

/*Ranger pro*/
.cards-buy a.transparent{background: transparent; padding: 5px 25px; border: 2px solid #e9911f;}
.ranger-pro-list ul{list-style: none; padding: 0;}
.ranger-pro-list ul li{display: flex; align-items: center; margin-bottom: 30px;}
.ranger-pro-list ul li:last-child{margin-bottom: 0px;}
.ranger-pro-list ul li .img-service{margin-bottom: 0px; border-radius: 50%; width: 60px; height: 60px; border: 2px solid #333; position: relative; background: transparent;  margin-right: 20px;}
.ranger-pro-list ul li img{width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} 
.ranger-pro-list ul li .description-service{width: 70%;}

/*Looc*/
.looc-list ul{list-style: none; padding: 0;}
.looc-list ul li{display: flex; align-items: center; margin-bottom: 30px;}
.looc-list ul li:last-child{margin-bottom: 0px;}
.looc-list ul li .img-service{margin-bottom: 0px; border-radius: 50%; width: 60px; height: 60px; border: 2px solid #fff; position: relative; background: transparent;  margin-right: 20px;}
.looc-list ul li img{width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);} 
.looc-list ul li .description-service{width: 70%;}

/*Alexa*/
.comment-alexa{text-shadow: 2px 3px 2px rgba(255,255,255,.7);}

/*Calidad 1080P*/
.block-img-calidad .box-img-calidad:nth-child(2){margin-left: 80px; margin-right: 80px;}
.box-img-calidad{display: inline-block;}
.box-img-calidad img{margin-bottom: 30px;}

/*Almacenamiento*/
.disclaim-almacenamiento{position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); font-style: italic; margin-bottom: 0px;}

/*imou cloud*/
.box-qr{margin-top: 100px; margin-bottom: 100px;}
.box-qr p{text-shadow: 2px 3px 2px rgba(0,0,0,.7);}
.block-img-qr{display: flex; align-items: center; justify-content: center;}
.block-img-qr .download-app a{display: block;}
.block-img-qr .download-app a:first-child{margin-bottom: 20px;}
.qr, .download-app{margin: 0 15px;}
.service-imou-cloud .img-service{width: 80px; height: 80px; border: 2px solid #fff; border-radius: 50%; position: relative; margin: 0 auto 20px;}
.service-imou-cloud .img-service img{width: 40px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.disclaim-imou{font-style: italic; margin-bottom: 0px; color: #fff; font-family: "Segoe Ui", serif; font-weight: 500;}
.imou-icons-hover{margin-bottom: 25px;}
.imou-icons-hover:hover .img-service{filter: drop-shadow(2px 4px 6px #333); background: #fff; transition: .5s linear; box-shadow: 2px 2px 2px #333; transform: skewY(5deg); transform: rotate3d(10, 10, 10, 360deg);}

/*instalación y configuración*/
.box-lap{margin-top: 40px;}
.btn-video{background: #e9911f; font-family: "Segoe Ui", serif; font-weight: 700; color: #fff; padding: 10px 15px;}
.btn-video:hover{background: rgba(233, 145, 31, .5); color: #fff; transition: .5s linear;}

/*Contacto*/
.section-contacto{padding: 0 0 70px 0;}
.flex-info-contact{display: flex; align-items: center; justify-content: center;}
.ct-address.ct-address--descendingMotive .ct-address-item:nth-child(1){background-color: #e9911f;}
.ct-address.ct-address--descendingMotive .ct-address-item:nth-child(2){background-color: #f4a433;}
.block-icon-contact{display: flex; align-items: center; margin-top: 25px;}
.block-icon-contact .box-icon-i{margin-right: 25px; width: 70px; height: 70px; border-radius: 50%; background: transparent; position: relative; border: 1px solid #fff;}
.block-icon-contact:hover .box-icon-i{background: #fff; transition: .5s linear;}
.block-icon-contact .box-icon-i i{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 40px; font-weight: 500;}
.btn-form{background: #e9911f; color: #fff; position: absolute; top: 50%; right: 1%; padding: 10px 40px; transform: translateY(-50%); border-radius: 50px; z-index: 9; cursor: pointer;}
.btn-form:hover{background: rgba(233, 145, 31, .5); color: #fff; transition: .5s linear;}
.ct-contactForm .form-control, .ct-contactForm .selectize-input{border: 2px solid #fff;}
.ct-contactForm .form-control:focus{border-color: transparent;}
.box-info-contact i{font-size: 40px; margin-right: 30px;}
.ct-address .ct-address-item:hover .box-info-contact i{-webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}
.mensaje-form{position: absolute; bottom: -60px; color: #fff; left: 5%; font-size: 18px; font-family: "Segoe Ui", serif;}

/*Footer*/
footer{background: #e9911f;}
.footer-padding{padding: 30px 0;}
.flex-footer{display: flex; align-items: center;}
.footer-left{text-align: left; margin-bottom: 0;}
.footer-center{text-align: center;}
.footer-right{text-align: right;}
.logo-leadme{width: 175px;}


/*Logo Header*/ 


/*Redes Desktop*/
.cont-info-float{position: fixed; top: 40%; right: 20px; z-index: 99;}
.info-float img{width: 50px; display: block; margin: 10px 0; filter: drop-shadow(1px 3px 2px black);}
.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);}
}

/**/



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

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





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

}

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

}

@media screen and (max-width: 800px){
	.flex-center{display: block;}
	.text-center-sm{text-align: center !important;}
	.cont-info-float{display: none;}
	.navbar.navbar-dark{background: #fff;}
	.navbar-scrolled .navbar.navbar-dark{background: #fff;}
	.ct-menu-mobile .navbar .navbar-header{padding-top: 10px;}
	.ct-menu-mobile .navbar .navbar-header img{width: 140px;}
	.navbar.navbar-dark .nav.navbar-nav li a{color: #e9911f;}
	body.ct-menu-effect .navbar-beacon{background: #fff;}
	body.navbar-scrolled.ct-menu-effect .navbar-beacon{background: #fff;}
	body.ct-menu-effect .navbar-beacon li a{color: #333;}

	.slide-home.item1{background-position-y: 50px; background-position-x: 14%;}
	.slide-home.item2{background-position-x: 25%;}
	.slide-home.item3{background-position-x: 20%;}
	.slide-home.item4{background-position-x: 25%;}

	.box-slide{transform: translate(-50%,-50%); top: 50%; left: 50%; width: 90%; background: rgba(233, 145, 31, .7);}
	.title-slide{font-size: 30px;}
	.subtitle-slide{font-size: 18px;}
	.description-service{width: 70%;}
	.block-img-calidad .box-img-calidad:nth-child(2){margin-left: 0px; margin-right: 0px;}
	.box-img-calidad img{width: 90px;}
	.disclaim-almacenamiento{width: 90%; margin: 0 auto; text-align: center;}
	.box-qr{margin-top: 50px; margin-bottom: 50px;}
	.imou-icons-hover{margin-bottom: 35px;}
	.btn-video{width: fit-content;}
	.block-icon-contact{margin-bottom: 30px;}
	.flex-info-contact{display: block; text-align: center;}
	.flex-info-contact .box-info-contact i{margin-right: 0; margin-bottom: 10px;}
	.btn-form{right: 2%; padding: 5px 40px;}
	
	
	/*bckgd*/
	.bckgd-cell-pro{background-position-x: 64%; position: relative;}
	.bckgd-cell-pro:before{content:""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(233, 145, 31, .70);}
	.bckgd-ranger-pro{background-position-x: 29%; position: relative;}
	.bckgd-ranger-pro:before{content:""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255,255,255,.75);}
	.bckgd-looc{background-position-x: 85%; position: relative;}
	.bckgd-looc:before{content:""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(51, 51, 51, .7);}
	.bckgd-imou{background-position-x: 63%;}
	.bckgd-imou:before{content:""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.75);}
	section.section.bckgd-alexa{display: flex; align-items: baseline; background: url('../archivos/camaras-compatibles-con-alexa-movil.jpg'); height: 98vh; background-position-x: 18%;} 
	.bckgd-almacenamiento{background: url('../archivos/almacenamiento-diversificado-movil.jpg'); background-position-x: 65%; background-size: cover!important; background-position-y: -50px; min-height: 80vh;}

	/*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: #029246; width: 33.333333%; padding: 10px 0;}
	.phone-phone{background: #e8911e; width: 33.333333%; padding: 10px 0;}
	.mail-phone{background: #333332; width: 33.333333%; padding: 10px 0;}
	/*end*/

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

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

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

}

@media only screen and (max-width: 479px){
	.ct-mediaBox .embed-responsive-16by9{width: 334px; height: 220px;}
	.ct-mediaBox img{max-width: 340px;}
	.ct-mediaBox .ct-mediaBox-poster, .ct-mediaBox .ct-embed .embed-responsive-item, .ct-embed .ct-mediaBox .embed-responsive-item{width: 255px; height: 161px; left: 11.9%; top: 5%;}
	.ct-embed .ct-playButton{top: 70%; background: rgba(233, 145, 31, .7);}
}


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