
body {
	background-color: #ffffff;
}

#header .navbar-inner {
    background-image: url("../uploads/images/Camaleon-GIF.gif");
    background-repeat: no-repeat;
    background-position: 250px -3px;
	background-size: contain;
    margin-top: 0px;
    padding-top: 30px;
}
	
.container-dark a, .container-dark h1, .container-dark h2, .container-dark h3, .container-dark h4, .container-dark h5, .container-dark h6, .container-image a, .container-image h1, .container-image h2, .container-image h3, .container-image h4, .container-image h5, .container-image h6 {
    color: #000;
}

.side-options.side-options-right {
    left: auto;
    right: -270px;
}
	
.side-options {
    width: 270px;
    left: -200px;
    position: fixed;
    z-index: 2000;
    top: 360px;
    -webkit-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
}
	
span a:hover {
	background-color: #E76E70;
}
	
.project-heading .thumbnail-home {
    margin: 0 10px 0 10px;
}
	
.title-home {
    position: relative;
    z-index: 10;
    margin-bottom: 10px;
    margin-left: 10px;
	margin-right: 10px;
    color: #ffffff;
    padding-right: 17px;
}
	
.text-home {
    margin-bottom: 30px;
    margin-right: 20px;
    margin-left: 10px;
}
	
ul.plus>li:before {
	content:"\f067";
	font-family:FontAwesome;
	font-weight:400;
	font-style:normal;
	text-decoration:inherit;
	-webkit-font-smoothing:antialiased;
	padding:0 6px 0 0;
}
	
.social .posts a {
	margin: auto;
}

/* PARA X */

.social a img {
	margin-top: -3px	
}

/* --- */
	
section.posts {
    margin-bottom: 15px;
}
	
.page-slider-wrap .btn {
    background-color: rgba(0, 92, 185, 1.0);
}
	
h4 {
	font-size: 22px;
	line-height: 26px;
	color: #005cb9;
}

.fontw {
	font-weight: 700
}

.upper {
	text-transform: uppercase
}
	
.iconbox-content p {
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: 600;
}
	
.btn {
    background-color: #fff;
    border: 1px solid #016aa9;
    color: #004D7C;
}
	
.btn2 {
    background-color: #004D7C;
    border: 1px solid #016aa9;
    color: #FFFFFF;
}

.btn-round-azul {
    color: #FFFFFF;
    font-size: 12.5px;
    text-decoration: none;
    padding: 12px;
    background-color: #005cb9;
    border-radius: 30px;
    border: none;
    display: inline-block;
	min-width: 100px
}

.btn-round-azul:hover {
	background-color: #000000;
	color: #FFFFFF
}
	
.title.title-main h4 {
	text-transform: none;
	font-weight: 600;
	font-size: 18px;
}
	
.title.title-main {
	margin-bottom: 10px;
}
	
.text-mini {
	color: #808080;
	font-weight: 600;
}

.text-mini p.chico {
	font-size: 10px; 
	line-height: 12px
}
	
.row.row-inline>* {
    vertical-align: top;
}
	
article.post-latest {
    margin-bottom: -15px;
}
	
.accordion-heading {
	text-align: center;
}	
	
.accordion .accordion-heading a {
    padding-left: 0px;
    color: #4D4D4D;
	font-weight: 600;
}
	
.accordion-content .text p {
	font-size: 14px;
    color: #808080;
	font-weight: 500;
}
	
.form-inner {
	background: auto;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
	
.form-inner form {
    background-color: #005cb9;
    -webkit-box-shadow: 0 0 0px rgba(0, 0, 0, 0);
    box-shadow: 0 0 0px rgba(0, 0, 0, 0);
}
	
.carousel-wrap {
    margin-bottom: 0px;	
}
	
ul:first-child {
    margin-top: 20px;
	margin-left: 20px;
}
	
.text {
    margin-right: 0px;
}	
	
ul {
    margin: 20px 0;
	margin-left: 20px;
    padding: 0;
    line-height: 27px;
}
	
ul.plus>li {
    list-style: none;
    padding: 0 0 0 24px;
    position: relative;
    margin: 5px 0;
	font-weight: 600;
}
	
ul.plus>li:before {
    content: "\f067";
}
	
ul.plus>li:before {
    left: 0;
    top: 1px;
    position: absolute;
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}
	
.plus li:before {
    color: #005cb9;
}
	
.col-sm-4 {
	margin-bottom: 50px;
}

.col-md-4.video-mini {
	padding-left: 10px; 
	padding-right: 10px;
}

.col-md-4.video-mini-2 {
	padding-left: 10px; 
	padding-right: 10px;
	margin-bottom: 0;
}
	
.iconbox.iconbox-list .iconbox-content {
    margin-left: 0;
}	
	
.margin-env {
	margin-top:-45px; 
	margin-bottom: 0;
}
	
.margin-tips { 
	margin-top: 60px; 
	padding-left: 5px; 
	padding-right: 5px;
}

.margin-video-bottom {
	/*margin-top: -160px;*/
	margin-top: -195px;
	z-index: 10;
}
	
.alinea-derecha	{
	text-align: right;
}
	
.alinea-izquierda	{
	text-align: left;
}
	
.pepe {
	height:600px;
}

.logo-veritas {
    opacity: 1.0;
}
	
span a:hover {
	background-color: rgba(50,50,50,0.0);
}
	
.project-action li {
	float: none;
    top: 50%;
	opacity: 100%;
    left: 50%;
    transform: translateX(-50%);
	margin-left: 0
}
	
.lightbox.btn {
    border: none;
    background: rgba(0, 92, 185, .8);
    color: #ffffff;
}
	
#main-menu>li>a {
    border-left: 0px;
}
	
.social a.youtube:before {
	font-family:FontAwesome;
	content:"\f167";
}
	
.social a {
    background-color: rgba(50,50,50,0.0);
}
	
.social a.facebook:hover {
	background-color: rgba(50,50,50,0.0);
}

.social a.twitter:hover {
	background-color: rgba(50,50,50,0.0);
}

/* PARA X */

.social a.twitterx:hover {
	background-color: rgba(50,50,50,0.0);
}

/* --- */
	
.social a.pinterest:hover {
	background-color: rgba(50,50,50,0.0);
}
	
.social a.youtube:hover {
	background-color: rgba(50,50,50,0.0);
}

.social a.linkedin:hover {
	background-color: rgba(50,50,50,0.0);
}

#main-menu>li .fa-facebook {
	font-size: 20px;
}
	
#main-menu>li .fa-twitter {
	font-size: 20px;
}

#main-menu>li .fa-youtube {
	font-size: 25px;
}

#main-menu>li .icomoon-instagram {
	font-size: 20px;
}

#main-menu>li .fa-pinterest {
	font-size: 20px;
}

#main-menu>li .fa-linkedin {
	font-size: 20px;
}

/* PARA X */

#main-menu>li img {
	vertical-align: top
}

#main-menu>li img:hover {
	/*opacity: 0.5*/
	/*filter: invert(16%) sepia(99%) saturate(7404%) hue-rotate(4deg) brightness(95%) contrast(118%);*/
	filter: invert(16%) sepia(99%) saturate(0%) hue-rotate(0deg) brightness(20%) contrast(99%);
	/*filter: grayscale(1) invert(.9);
	opacity: 0.7*/
}

/* ---- */
	
.mar-btn {
	margin-top: 60px;
    color: #fff;
}
	
.mar-btn:hover {
	color: #3A2E88;
}
	
.container-dark .row a {
	color: #ffffff;
}

.page-slider-wrap #page-slider .btn {
	color: #ffffff;
}

.blanco {
	color: #FFFFFF
}

.negro {
	color: #000000
}

.azul {
	color: #005cb9
}

.right-icon {
	margin-right: 50px;
}

.left10 {
	margin-left: 10px;
}

.left30 {
	margin-left: 30px;
}

.pad10 {
	padding-left: 10px; 
	padding-right: 10px
}

.pad-top0 {
	padding-top: 0
}

.pad-top30 {
	padding-top: 30px
}

.pad-top40 {
	padding-top: 40px
}

.pad-top50 {
	padding-top: 50px
}

.pad-top60 {
	padding-top: 60px
}

.pad-top-videos {
	padding-top: 70px
}

.pad-bot20 {
	padding-bottom: 20px
}

.pad-bot30 {
	padding-bottom: 30px
}

.pad-bot40 {
	padding-bottom: 40px
}

.bot0 {
	margin-bottom: 0
}

.bot10 {
	margin-bottom: 10px
}

.bot15 {
	margin-bottom: 15px
}

.bot25 {
	margin-bottom: 25px
}

.bot30 {
	margin-bottom: 30px
}

.bot40 {
	margin-bottom: 40px
}

.bot50 {
	margin-bottom: 50px
}

.top0 {
	margin-top: 0
}
.top5 {
	margin-top: 5px;
}
.top15 {
	margin-top: 15px;
}
.top30 {
	margin-top: 30px;
}

.container-out.pad30-vert {
	padding-top: 30px;
	padding-bottom: 30px;
}

.pad-icons-contact {
	padding-top: 40px;
	padding-bottom: 40px;
}

.back-blanco {
	background-color: #FFFFFF;
}

.back-gris-video {
	background-color: #f2f4f5;
	/*background-color: #f3f3f5;*/
}

.back-gris-oscuro {
	background-color: #141414;
}

.back-celeste {
	background-color: #00a8ff;
}

.back-az {
	background-color:#0078c1; 
}

.back-az3 {
	background-color:#005c9a; 
	padding-top: 50px; 
	padding-bottom: 30px
}

.back-asesoramiento {
	background-image: url(../uploads/images/PlaviMostrador-1_Mancha.png);
    background-repeat: no-repeat;
    background-size: 100% !important;
    background-position: 40% 100%;
}

.title.title-section.text-center {
	text-align: center
}

.text-center {
	text-align: center
}

.titulo-azul-section {
    font-size: 45px;
    line-height: 45px;
    letter-spacing: 1px;
    font-family: 'Bowlby One SC';
}

.title.title-section h1, .title.title-section h2, .title.title-section.bot0 {
	margin-bottom: 0
}

#mancha h1 {
	font-size: 32px;
	line-height: 38px;
	font-weight: 700
}

.title.title-section h2.titulo-azul-section {
	margin-bottom: 20px;
}

h2 {
	font-weight: 700;
}

/* REDES Y WHATSAPP */

.btn-round-verde {
    color: #FFFFFF;
    font-size: 12.5px;
    text-decoration: none;
    padding: 12px;
    background-color: #00c032;
    border-radius: 30px;
    border: none;
    display: inline-block;
}

.btn-round-verde:hover {
	background-color: #000000;
	color: #FFFFFF
}

.icon-whatsapp {
	background-image: url(../imagenes/whatsapp-btn.png);
    margin-left: 0;
    margin-right: 5px;
    margin-top: -1px;
	width: 20px;
    height: 20px;
	background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
}

.cont-icon-text {
	display: inline-block;
	width: 175px;
	height: 60px;
}

.icon-big {
    /*float: left;*/
    display: inline-block;
    /*width: 16.6666%;*/
	width: 90px;
    height: 90px;
}

.icon-big-whatsapp {
	/*display: inline-block;*/
	float: left;
	width: 60px;
    height: 60px;
}

.icon-big-whatsapp-text {
	/*display: inline-block;*/
	float: left;
	width: 115px;
    height: 60px;
	text-align: left;
	padding-left: 10px;
}

.icon-big i {
	font-size: 54px;
	color: #FFFFFF;
}

.container-out .icon-big a {
	display: block
}

.container-out .icon-big a:hover i {
	color: #000000;
}

.whatsapp {
    background-image: url('../imagenes/whatsapp.png');
    width: 56px;
    height: 56px;
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
	background-color: #005c9a;
}

.whatsapp:hover {
  background-image: url('../imagenes/whatsapp-hover.png');
}

p.sat {
	color: #FFFFFF;
	line-height: 15px;
	text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
	margin: 5px 0 0 0;
}

p.redes {
	color: #FFFFFF;
	line-height: 15px;
	text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
	margin: 0 0;
	/*float: left;*/
	float: none;
	width: auto;
    height: auto;
	padding-bottom: 10px;
    padding-top: 10px;
}

.redes-title {
	width: 450px; 
	text-align: center;
	/*text-align: left;*/
	/*margin-left: 15px;*/ 
	margin-bottom: 5px; 
	display: inline-block;
}

.title.title-section p.size-cont {
	font-size: 23px;
    font-weight: 700;
    line-height: 1.2;
    width: 340px;
    margin: auto;
    margin-bottom: 60px;
}

.title.title-section p.size-video {
	font-size: 23px;
    font-weight: 700;
    line-height: 1.2;
    margin: auto;
}

.mobile-videos {
	display: none
}

/* VIDEO BACKGROUND */

/* quita márgenes por defecto */
  html, body { margin: 0; padding: 0; }

/* si el #videoback está DENTRO de un .container, forzá el sangrado lateral */
  .full-bleed {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  #videoback .row {
    position: relative;
    z-index: 2;
    color: #fff;
    text-align: center;
	max-width: 1090px; /* mío */
    margin: auto; /* mío */  
    /*padding-top: 50px;*/ 
  }
	
  #videoback {
	position: relative; 
	width: 100vw; 
	height: 130vh; 
	height: 130svh; 
	overflow: hidden; 
  }
	
  #videoback video { 
	position: absolute; 
	inset: 0; 
	width: 100%; 
	height: 100%; 
	object-fit: cover; 
  }
	
  #videoOverlayBtn {
    position:absolute; 
	inset:auto 0 10%; 
	margin:auto; 
	width:max-content;
    z-index:20; 
	background:rgba(0,0,0,.55); 
	color:#fff; 
	border:0; 
	border-radius:999px;
    padding:.6rem 1rem; 
	font-weight:600; 
	display:none; 
	cursor:pointer;
  }

/*desktop*/

@media (max-width: 1199px) {
	
	.titulo-azul-section {
        font-size: 35px;
        line-height: 35px;
    }
	
}


@media (max-width: 991px) {
	
#header .navbar-inner {
    background-position: 150px -5px;
}
	
#header .logo img {
    margin-top: -8%;
    margin-left: 20px;
}	
	
.col-md-4.video-mini {
	width: 33.33333333%;
	float: left;
}
	
.col-md-4.video-mini-2 {
	width: 100%;
	float: left;
	/*margin-bottom: 0;*/
}
	
#videoback .row {
    padding-left: 10px;
	padding-right: 10px
}
	
.margin-video-bottom {
    margin-top: -160px;
}
	
.desktop-videos {
	display: none
}
	
.mobile-videos {
	display: inline-block
}

.pad-top60-mobile {
	padding-top: 60px
}	
	
}
	
@media (min-width: 768px) {
	
.tato {
    width:102.5%;
}
	
.diego {
    background-color: white;
}
	
.container-out:last-child {
    margin-bottom: 0px;
}
	
.container-out:first-child {
    margin-top: 0px;	
}
	
.container-out+.container-out {
    margin-top: 0px;
}
	
.cajaComprar {
    margin-bottom: 70px; 
    padding-top: 20px;
    /*height: 238;*/
}
	
.container-image {
	overflow:hidden;
	background-attachment:fixed;
	background-position:center center;
	background-size:contain;
	-webkit-background-size:contain
}
	
.col-protege {
	width: 20%;
}

.col-proteccion {
	width: 60%;
}

.col-decoracion {
	width: 40%;
}
	
}
	
/*///////////*/
	
@media (max-width:767px) {
	
.tato {
    width:109%;
}
	
.diego {
    background-color: black;
}
	
.margin-env {
	margin-top: 0; 
	margin-bottom: 0;
}
	
.iconbox.iconbox-list .iconbox-content {
    margin-left: 0px;
}
	
.visible {
	display: none;
}
	
.alinea-derecha	{
	text-align: center;
}
	
.alinea-izquierda {
	text-align: center;
}
	
.alinea-centro {
	text-align: center;
}
	
.cajaComprar {
    margin-bottom: 7px; 
    padding-top: 30px;
    /*height: 400px;*/
}
	
.container-image {
	overflow:hidden;
	background-attachment:fixed;
	background-position:center center;
	background-size:contain;
	-webkit-background-size:contain
}
	
.mar-btn {
	margin-top: 20px;
}
	
.col-protege {
	width: 100%;
}
	
.col-proteccion {
	width: 100%;
}

.col-decoracion {
	width: 100%;
}
	
}
	
/*mobile*/
	
@media (max-width: 768px) {
	
.tato {
    width:107%;
}
	
.diego {
    background-color: red;
}
	
.social-resp {
	display: none;
}
	
.collapse.in {
	display: flex;
}
	
#main-menu i.carret {
	opacity: 0.0;
}
	
#main-menu>li .fa-facebook {
	font-size: 15px;
}
	
#main-menu>li .fa-twitter {
	font-size: 15px;
}

#main-menu>li .fa-youtube {
	font-size: 18px;
}

#main-menu>li .icomoon-instagram {
	font-size: 15px;
}

#main-menu>li .fa-pinterest {
	font-size: 15px;
}
	
#main-menu>li .fa-linkedin {
	font-size: 15px;
}
	
/* PARA X */	
	
#main-menu>li img {
	width: 16px;
	vertical-align: middle;
	margin-top: -4px;
	margin-left: 3px
}
	
/* ---- */	
	
#main-menu>li {
	padding-left: 7px;
	padding-right: 7px;
}
	
#main-menu ul.dropdown>li>a {
    font-size: 12px;
    letter-spacing: 1px;
}
	
.cajaComprar{
    margin-bottom: 20px; 
    padding-top: 0px;
    /*height: 170px;*/
}
	
.cajaComprar h1 {
	font-size: 30px;
	line-height: 36px;
}
	
.container-image {
	overflow:hidden;
	background-attachment:scroll;
	background-position:center center;
	background-size:contain;
	-webkit-background-size:contain
}
	
.btn-big-resp {
	width: 180px;
	height: 30px;
}	
	
.agranda {
	font-size: 12px;
	padding-top: 8px;
}	
	
}	
	
.form-control, select {
    color: #888;
	line-height: 20px;
    border-radius: 2px;
    border: 1px solid #f1f1f1;
    background-color: #f9f9f9;
    padding: 15px 25px;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: inline-block;
    -webkit-transition: all linear .1s;
    transition: all linear .1s;
    resize: none;
    font-size: 16px;
    margin-top: 20px;
}
	
.form-field label {
    color: #fff;
}
	
 select {
       
  background-image:
    linear-gradient(45deg, transparent 50%, #0078c1 60%),
    linear-gradient(135deg, #0078c1 40%, transparent 50%) !important;
  background-position:
    calc(100% - 30px) 23px,
    calc(100% - 20px) 23px,
    100% 0;
  background-size:
    10px 10px,
    10px 10px;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
}
	
.iso {
    width: 63px;
    margin-left: 10px;
}
	
.roboto {
    font-family:'Roboto';
}
	
.fancybox-wrap .btn.next {
    margin-left: 15px;
    left: 90%;
}
	
.fancybox-wrap .btn.prev {
    margin-left: 15px;
    right: 90%;
}

@media (max-width:479px) {
	
h1 {
    font-size: 30px;
    line-height: 36px;
}
	
#mancha h1 {
	font-size: 28px;
    line-height: 32px;
}	
	
h2 {
    font-size: 28px;
    line-height: 32px;
}

h4 {
    font-size: 18px;
    line-height: 24px;
}
	
.container-out.bot0-resp {
	margin-bottom: 0
}	
	
.titulo-azul-section {
    font-size: 30px;
    line-height: 30px;
}
	
.title {
	padding-right: 0
}
	
.title.title-section.cajaComprar {
	margin-top: 0
}	
	
/* REDES Y WHATSAPP */
	
.title.title-section p.size-cont {
    width: 100%;
	margin-bottom: 20px
}	
	
.icon-big {
	width: 60px;
    height: 70px;
}	
.icon-big i {
	font-size: 40px;
}
.right-icon	{
	margin-right: 30px;
}
	
.thumbnail iframe {
	height: 300px;
}	
	
.mobile-videos .thumbnail iframe {
	height: 100vh !important;
}
	
/* VIDEO BACKGROUND */
	
.title.title-section p.size-video {
    font-size: 20px;
}
	
#videoback .title.title-section {
	margin-top: 0
}	
	
#videoback {
	height: 75vh; 
	height: 75svh; 
}
	
.pad-top60-mobile {
	padding-top: 30px
}
	
.margin-video-bottom {
    margin-top: -100px;
}	
	
}

@media (max-width:320px) {
	
/* REDES Y WHATSAPP */	
	
.icon-big {
	width: 50px;
    height: 70px;
}	
.icon-big i {
	font-size: 32px;
}
	
.titulo-azul-section {
    font-size: 23px;
}
	
/* MENU CAMALEON */	
	
#header .navbar-inner {
    background-position: 110px -5px;
}	
	
#header .logo img {
    margin-top: -4%;
    margin-left: 10px;
    width: 100px;
}	
	
/* VIDEO BACKGROUND */
	
.title.title-section p.size-video {
    font-size: 18px;
}
	
.title.title-section h2.titulo-azul-section {
    margin-bottom: 10px;
}	
	
/*#videoback {
	height: 70vh; 
	height: 70svh;
}*/
	
/*.margin-video-bottom {
    margin-top: -100px;
}*/
	
}
