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

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/**/
:root{
	--verde: #82c457;
	--gris: #e6e6e6;
	--negro: #000000;
	--blanco: #ffffff;
}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

.l-blanca{color: #fff;}
.l-blanca-force{color: #fff!important;}
.l-negra-force{color: #000000!important;}
.l-negra{color: #000000;}
.l-verde{color: #82c457;}
.l-gris{color: #e6e6e6;}

body, p{font-family: 'Open Sans', sans-serif!important;}
h1, h2, h3, h4, h5, h6{font-family: 'Muli', sans-serif!important;}
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-53{font-size: 53px!important;}
.fs-54{font-size: 54px!important;}
.fs-55{font-size: 55px!important;}
.fs-56{font-size: 56px!important;}
.fs-57{font-size: 57px!important;}
.fs-58{font-size: 58px!important;}
.fs-59{font-size: 59px!important;}
.fs-60{font-size: 60px!important;}
.fs-61{font-size: 61px!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;}

.p-r60{padding-right: 60px;}

.m-r0{margin-right: 0px;}

.m-a20{margin: 20px;}

.m-tb20{margin: 20px 0;}
.m-tb30{margin: 30px 0 !important;}
.m-tb40{margin: 40px 0;}
.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{font-size: 20px; background: #82c457; color: #fff; border-radius: 10px; padding: 10px 15px; border: none; display: inline-block; margin: 5px 0;}
.btn-slide:hover{background: rgba(130, 196, 87, .75); color: #fff; box-shadow: 2px 2px 2px 2px rgba(130, 196, 87, .5); overflow: visible; transition: .5s linear; }
.btn-slide:active, .btn-slide:focus{color: #fff;} 
.btn-send{font-size: 20px; background: #82c457; color: #fff; border-radius: 10px; padding: 10px 40px; border: none; display: inline-block; margin: 5px 0; cursor: pointer;}
.btn-send:hover{background: rgba(130, 196, 87, .75); color: #fff; box-shadow: 2px 2px 2px 2px rgba(130, 196, 87, .5); overflow: visible; transition: .5s linear; }
.btn-send:active, .btn-send:focus{color: #fff;} 
.btn-black{font-size: 16px; background: #000; color: #fff; border-radius: 10px; padding: 10px 15px; border: none; display: inline-block;}
.btn-black:hover{background: rgba(0, 0, 0, .75); color: #fff; box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, .5); overflow: visible; transition: .5s linear; }
.btn-black:active, .btn-black:focus{color: #fff;} 
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Background*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.bckgd-testimonial{background-size: cover; background-position: center; background-repeat: no-repeat;}



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

/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
	/*Slider*/
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.logo-riviera{width: 140px;}
.content-slider{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.title-slide{font-size: 60px; color: #fff; font-weight: 700; line-height: normal; margin-bottom: 10px; margin-top: 0;}
.subtitle-slide{font-size: 30px; color: #82c457; font-weight: 700; line-height: normal; margin-bottom: 30px;}
/*<-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><-><->*/
.nav-fixed{position: fixed !important; background: #000; transition: .5s linear; z-index: 99999!important;}
.flex-menu{display: flex; align-items: center;}
.flex-center{display: flex; align-items: center;}
.open{font-family: 'Open Sans', sans-serif!important;} /*Font-weight / Regular: 400; Bold: 700;*/
.muli{font-family: 'Muli', sans-serif!important;} /*Font-weight / Regular: 400; Bold: 700;*/
.header-transparent{position: absolute; top: 0; left: 0; width: 100%; z-index: 9999;}
.disenio-boutique-img{position: absolute; left: 15%; top: 0; width: auto; height: 100%; padding: 50px 0;}
.tab-content>.active{display: flex; align-items: center;}
.icons-facts{width: 90px;}
.flex-gallery{display: flex; align-items: center;}
.gallery-slider .owl-item img{width: auto; margin: 0 auto;}
p.stat-count.highlight.l-verde.muli.lh-normal:before{content: attr(data-prepend) "";}
.flex-acerca-de{display: flex; align-items: center;}
.logo-nosotros{width: 220px;}
.list-acerca-de{list-style: none; padding: 0 0 0 15px;}
.list-acerca-de li:before{content: "\2022"; color: #000000; font-weight: bold; display: inline-block;  width: 1em; margin-left: -1em;}
.list-tipo{list-style: none; padding: 0 0 0 15px;}
.list-tipo li:before{content: "\2022"; color: #000000; font-weight: bold; display: inline-block;  width: 1em; margin-left: -1em;}
.testimonial-slider .item .client-content{min-height: 270px;}
.form-control{padding: 6px 0;}
.contact i{margin-right: 10px;}
.icon-rounded{background: #000; color: #fff; border-radius: 50%; width: 30px; height: 30px; display: inline-block; text-align: center; padding: 5px;}
.icon-rounded i{margin-right: 0;}
.icon-rounded:hover i{color: #82c457;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background: transparent; border: none;}
.aboutus-area .nav.nav-tabs a:hover{border: none;}
.aboutus-area .nav.nav-tabs a{border: none;}
.aboutus-area .nav.nav-tabs li.active a{border: none;}
.desktop-hidden{display: none;}
/*Logo Header*/ 


/*Redes Desktop*/
.cont-info-float{position: fixed; top: 30%; 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{background: #82c457;}
.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: #000!important; opacity: 1;}
:-ms-input-placeholder {color: #000!important;}
::-ms-input-placeholder {color: #000!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){
	.mobile-header-block .logo-area{text-align: right;}
	.nav-fixed{width: 100%;}
	.flex-center{display: block;}
	.text-center-sm{text-align: center !important;}
	.cont-info-float{display: none;}
	.flex-menu{display: block;}
	.flex-gallery{display: block;}
	.flex-acerca-de{display: block;}
	.tab-content>.active{display: block;}
	.disenio-boutique-img{width: 300px; left: 50%; transform: translate(-50%);}
	.logo-riviera{width: 100px; padding: 10px 0;}
	.content-slider{width: 100%;}
	.title-slide{font-size: 40px;}
	.subtitle-slide{font-size: 20px;}
	.logo-nosotros{width: 110px; margin: 0 auto 30px;}
	.footer-padding {padding: 30px 0 70px 0;}
	.topbutton{bottom: 70px;}
	.desktop-hidden{display: block;}
	.mobile-hidden{display: none;}
	.btn-center{transform: translateX(50%);}
	.gallery-area .gallery-slider > div.owl-nav > div{left: 0; width: 100%; top: 110%;}
	.gallery-area .gallery-slider > div.owl-nav > div.owl-prev i{position: absolute; left: 43%; top: 0;}
	.gallery-area .gallery-slider > div.owl-nav > div.owl-next i{position: absolute; left: 53%;}
	.bckgd-testimonial{background-position-x: 80% !important;}
	.icons-facts{width: 50px;}
	.fun-fects-area{padding: 70px 0 20px 0!important;}
	.fun-fects-area:before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.30);}



	
	



	/*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: #000000; width: 20%; padding: 10px 0; border-right: 1px solid #fff;}
	.phone-phone{background: #000000; width: 20%; padding: 10px 0; border-right: 1px solid #fff;}
	.mail-phone{background: #000000; width: 20%; padding: 10px 0; border-right: 1px solid #fff;}
	.instagram-phone{background: #000000; width: 20%; padding: 10px 0; border-right: 1px solid #fff;}
	.facebook-phone{background: #000000; width: 20%; padding: 10px 0;}
	/*end*/

	/**/
	.m-b0-sm{margin-bottom: 0px;}
	.m-b10-sm{margin-bottom: 10px !important;}
	.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;}
	.p-r0-sm{padding-right: 0;}
	.w-space-normal-sm{white-space: normal;}
	.w-space-pre-sm{white-space: pre-line;}
	.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-20-sm{font-size: 20px!important;}
	.fs-25-sm{font-size: 25px!important;}
	.fs-35-sm{font-size: 35px!important;}
	.fs-40-sm{font-size: 40px!important;}

	/*Footer*/
	.flex-footer{display: block;}
	.footer-left{text-align: center;}
	.footer-center{margin: 5px 0 35px;}
	.footer-right{text-align: center;}
}

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

}