/*RESET------------------------------------------------------------ */
html, body, 
.container,
.cbp-fbscroller,
.cbp-fbscroller section { height: auto !important; }
html, body, div, /*span,*/ applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
label {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; /*background: transparent;*/ 	font: normal 100% 'Bahnschrift', 'Signika', 'Arial', sans-serif;}
ol, ul, li {list-style: none;/*	float:left;*/}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none;}
:focus {outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {	border-collapse: collapse; border-spacing: 0; }

/*TAGS ------------------------------------------------------------ */
body {
	margin:0; padding:0; line-height: 1;
	background: #FFF;
	font-family: 'Bahnschrift', 'Signika', 'Arial', sans-serif;
	font-size: 62.5%/62.5%;
	color:#e5e5e5;
	-webkit-text-size-adjust: none;
	overflow-x: hidden;
}

table {border:0;padding:0;margin:0;}
td {text-align:left;background-repeat:no-repeat;}
img {display:inline-block;}

strong a{ font-family:  'Bahnschrift', 'Signika', 'Arial', sans-serif;}

strong, h1, h2, h3, h4, h5, h6{ font-family: 'Bahnschrift', 'Signika', 'Arial', sans-serif; }

a	{color:#08aaf8; /*font-family: 'Libre Franklin', sans-serif;*/}
a, a:link 	{
	text-decoration:none; 
	-webkit-transition: color 0.2s ease-in-out;
	-moz-transition: color 0.2s ease-in-out;
	-o-transition: color 0.2s ease-in-out;
	transition: color 0.2s ease-in-out;
}

a img{
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

p{
	font-family: 'Bahnschrift', 'Signika', 'Arial', sans-serif;
	font-size:16px;
	line-height:2;
	color:#000000;
	font-weight: 400;
}

h1{ font-size:50px; margin:0 0; line-height:1.1; color:#474444; font-weight:700; letter-spacing: -2px; text-transform:uppercase;}
h2{ font-size:40px; margin:0 0; line-height:1.1; color:#444; font-weight:700;}
h3{ font-size:26px; margin:0 0; line-height:1.25; color:#444; font-weight:400;}
h4{ font-size:33px; margin:0 0; line-height:1.25; color:#444; font-weight:200;}
h5{ font-size:16px; margin:0 0; line-height:1.25; color:#444; font-weight:200;}

.grey{ color:#333 !important; }

.blue{color:#08aaf8;}

.img-resp{ display:block; margin:15px auto; max-width:100%; width:auto;}

#product, #banner, #registro, #contacto, #footer{ visibility: hidden; }

.form-control, .input-group { margin-bottom:25px;}

form { margin-top:25px}

/*******************/
/******tooltip******/
/*******************/
a.tooltip {
  position: relative;
  display: inline;
}
a.tooltip h3 {
  position: absolute;
  left:-25px;
  color: #FFFFFF;
  text-transform:uppercase;
  height: auto;
  text-align: center;
 font: normal 14px/16px 'Bahnschrift', 'Signika', 'Arial', sans-serif;
 padding:0px;
}
a.tooltip span {
  position: absolute;
  top:30px;
  width:580px;
  color: #FFFFFF;
  background: url(../images/back-box-01.png);
  border: solid #999 1px;
  height: auto;
  text-align: left;
  visibility: hidden;
	font-family: 'Bahnschrift', 'Signika', 'Arial', sans-serif;
	font-size:12px;
 padding:6px;
}

a.tooltip span:after {
  content: '';
  position: absolute;
  top: -12%;
  left: 43%;
  margin-left: -85px;
  width: 0; height: 0;
  border-bottom: 6px solid #999;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
a:hover.tooltip span {
  visibility: visible;
  top:25px;
  left: 95%;
  margin-left: -100px;
  z-index: 999;
  width:400px;
}

/*****************/
/* Clases útiles */
/*****************/
.clearAll {
	display:block;
	clear:both;
	line-height:1px;
	height:1px;
	font-size:1px;
	clear:both;
	width:100%;
}
.clear { clear: both; }
.float-left { float: left; }
.float-right { float: right; }
.hiden { visibility:hidden; }
.noscroll {	overflow-x: hidden; }
.borders {  position: relative; border: 2px solid #fff; }
.borders:before {
   content: " ";
   position: absolute;
   z-index: -1;
   top: 5px;
   left: 5px;
   right: 5px;
   bottom: 5px;
   border: 2px solid #fff;
}

.visibility{
	visibility: hidden;
}

.animated{
	visibility: visible!important;
}
.delay{
    -webkit-animation-delay: 0.4s; /* Chrome, Safari, Opera */
    animation-delay: 0.4s;
}

.delay-6s{
    -webkit-animation-delay: 0.6s; /* Chrome, Safari, Opera */
    animation-delay: 0.6s;
}

.ir-arriba {
	display:none;
	padding: 5px 11px;
    background: #b7b7b7;
    font-size: 18px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
	transition: background-color all 0.3ss;
	z-index: 99999;
}
.ir-arriba:hover{ background-color:#08aaf8;}


.c_on{ display:block !important;}

.c_active{
	color: #FFF !important;
    background: #009ed6 !important;
	font-family: 'Bahnschrift', 'Signika', 'Arial', sans-serif;
}

.underline{ text-decoration:underline;}

/*********************************************************************************/
/* 									  NAV        	                             */
/*********************************************************************************/

#menu-home{ 
	display:block; 
	text-align:center; 
	margin-top:0px; 
	background: rgb(255 255 255 / 80%); 
	
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 9;
} 

#menu{ display:block; text-align:center; margin-top:50px; } 

#logo{
	float:none;
	display:inline-block;
	text-align: center; 
    margin-top: 15px;
    margin-bottom: 10px;
}

.cotiza{ text-align:right;}

#nav {
	text-align: left; 
    margin-top: 18px;
    margin-bottom: 10px;
}

#nav ul{
	text-align: center; 
    
    margin: auto;
}

#nav li:first-child{}
#nav li{
	display:inline-block;
	width: 24.4%;
	float: none;
	position:relative;
}
#nav li a{
    text-transform: uppercase;
	font-family: 'Bahnschrift', 'Signika', 'Arial', sans-serif;
	display: inline-block;
	padding: 15px 5px;
	margin-right: 1px;
	color: #777777;
	font-size: 18px;
	font-weight:600;
	line-height: 1;
	text-decoration: none;
	outline: none;
	position: relative;
	cursor:pointer;
}
#nav li a:hover{ color:#08aaf8;	}

.navbar-toggle collapsed{}
	
.navbar-toggle{
	background:#08aaf8 !important; 
	float:none; display:inline-block; text-align:right;
	margin-top: 10px !important;
}
	
.navbar-toggle.collapsed{background:#545454 !important;}
	
.navbar-toggle .icon-bar{ background:#FFF;}

.navbar-collapse{ 
  padding:0px !important;
  display: block;
  width: 100%;
}

.btn-lg{
	background: #08aaf8;
    display: inline-block;
    margin: auto;
    padding: 12px 40px;
    border: none;
    border-radius: 35px;
	
    font-family: 'Bahnschrift', 'Signika', 'Arial', sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
/*	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.7);*/
	transition:0.3s all ease-in-out !important;
}

.btn-lg:hover, .btn-lg:focus { color:#fff !important; background:#007bc9 !important; }
.opciones { text-align:center; margin:25px auto}
/*********************************************************************************/
/* 									  HEAD        	                             */
/*********************************************************************************/

#head{
	position: relative;
	background:url(../images/head-grey.jpg) no-repeat center; 
	background-size:cover; 
	min-height: 100vh;
	height: auto;
}
#head-form{ 
background: rgb(103,172,98);
background: linear-gradient(0deg, rgba(103,172,98,1) 0%, rgba(97,162,92,1) 80%, rgba(90,149,86,1) 100%);
}
#head-contact{
	background:url(../images/head-contact.jpg) no-repeat center; 
	background-size: cover;
}

#head-list h1, #head-list h3, #head-contact h1, #head-contact h3, #head-int h1, #head-int h3, #head-form h1 { color:#fff}



.grey-bg .slide-txt, .grey-bg .slide-txt h1, .grey-bg .slide-txt h3 {color:#474444 !important;}

.slide-txt {
    width: 90%;
    margin: auto;
    height: auto;
    color: #FFF;
    z-index: 99;
    text-align: center;
    position: relative;	
}

.slide-txt img{ 
	width: auto; 
	max-width: 100%; 
    text-align: center;
    margin: auto;
}

.slide-txt h1{ padding-bottom:15px; padding-top:10px; color:#474444; text-shadow: -2px 4px 9px rgba(0,0,0,0.3);  }
.slide-txt h3{ color:#474444; text-shadow: -2px 4px 9px rgba(0,0,0,0.3);  padding-bottom:10px; font-weight: 400; }
.slide-txt .btn-lg{ margin-top: 0px; font-weight: 400;   }
.outline { background-color: transparent !important; border: solid 1px #fff !important}
.slide-img{	width:100%;}

.slide-txt-top { 
    padding-top: 10%;
    padding-bottom: 5%; 
}

.slide-txt-bottom {
	margin-top: -15px;
	margin-bottom: 30px;
	

}



#slide_head{ text-align: center;}


#bar-top {	
	height:50px; 
	background-color: #08aaf8
	}
#bar-top .row .col-xs-3  {	
	height:50px;
	padding-top:11px
}
#bar-top a {
	font-family: 'Bahnschrift', 'Signika', 'Arial', sans-serif;
	font-weight:400;
	font-size:17px;
	text-decoration: none;
	color: #5e5e5e;
	 }
#bar-top a:hover { color:#fff !important ;}

.border-r { border-right: solid 1px #FFFFFF}


/*********************************************************************************/
/* 							    PRODUCT	      			                         */
/*********************************************************************************/
#product{
	padding: 40px 15px 40px 15px;
	text-align:center;
}

#product h2{
	text-transform:uppercase;
}
#product h3{
    margin-bottom: 60px;
    margin-top: 10px;
	font-size:18px;
}
#product p{
	font-family: 'Bahnschrift', 'Signika', 'Arial', sans-serif;
	font-size:24px; 
	line-height: 1.1; 
	margin-bottom:35px; 
	font-weight: 400; 
	text-align: center;
}

#category{ display: block; text-align: center; margin: auto; margin-bottom: 30px; }

#category li{
	width: 18%;
	margin: 1%;
	float: left;
	padding: 20px;
	display: inline-block;
	background: #ededed;
	overflow: hidden;
	transition:0.3s all ease-in-out;
	
	box-shadow: 4px 8px 12px 0px rgba(110,110,110,0.4);
	-webkit-box-shadow: 4px 8px 12px 0px rgba(110,110,110,0.4);
    -moz-box-shadow: 4px 8px 12px 0px rgba(110,110,110,0.4);
}

#category li img{
	width: auto;	
	transition:0.3s all ease-in-out;
}

#category li:hover{
	background: #777777;
	
}


#category li:hover img{
	transform: scale(0.9);
	
}

.category-txt{
	font-size:18px;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	
	
}


.cont_gal{
	width: 100%;background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(229,230,230,1) 50%, rgba(255,255,255,1) 100%);
}

.gal-img img{ width: auto; max-width: 100%; border-left: 4px solid #08aaf8; border-bottom:4px solid #08aaf8;  }

.gal-txt, .gal-img{
	width: 49.6%;
	display: inline-block;
    vertical-align: middle;
}

.gal-txt{
	font-size: 24px;
	font-weight: 500;
	color: #444;
	text-transform: uppercase;
	padding: 50px;  
}

.gal-txt-left{ 
	text-align: right;	
}
.gal-txt-right{ 
	text-align: left;	
}



@media screen and (max-width: 767px)  {
	
	.cont_gal{ 
		max-width: 380px; 
		margin: auto;
		background: none;
	}
	
	.gal-txt{  padding: 40px 15px 10px;	}
	
	.gal-txt, .gal-img{ text-align: center; width: 100%; }
	
	.gal-img img{ border:none;}
	
}



/**************************************/
/* 				 LIST	             */
/************************************/

#data { background: #f5f5f5; }
#data .col-lg-6 { padding-left:8%}
#data table { width:100%}
#data table td{ padding:1% 0}
.bg-admin { background:url(../images/bg-admin.png) no-repeat 8% 50%; background-size: auto; padding:5% 0}
.bg-prop { background:url(../images/bg-prop.png) no-repeat 8% 50%; background-size: auto; padding:5% 0}
.bg-concept { background:url(../images/bg-concept.png) no-repeat 8% 50%; background-size: auto; padding:5% 0}
#cont { margin:50px 0;}
#cont p{ color:#777}
#cont h4{ padding-bottom:25px}
#cont .table th { font-weight: bold; color:#08aaf8 }
#cont .table td { color:#666}
.tabla-pagos { min-width:300px; margin:auto; overflow:auto}
#cont .pagination { margin:auto}
#cont input, #cont textarea { margin:2.5% 0; }
#cont select { margin:1.5% 0 0 }
form { margin-bottom:50px}
#tit { margin:2.5% 0}
#beneficios { background-color:#f5f5f5; padding:2.5% 0}
#beneficios h2, #beneficios h3 { margin:2.5% 0}
#beneficios .col-xs-4 { padding: 0 2.5% }
.faqs{
	font-size: 16px;
	color: #08aaf8;
	text-transform: uppercase;
	font-weight: 700;
	display:block;
	margin-top:2.5%;
	}
a.pago { width:100%; display: block; background-color:#f5f5f5; border: solid 1px #c2c2c2; border-radius:5px; padding-bottom:3%; margin-bottom:10px }
a.pago:hover { background-color:#fafafa}
.jumbotron { margin:25px auto 10px; padding:25px auto 0px;}

#pagos .radio,#pagos .checkbox { margin-top:10px}



/**************************************/
/* 				 BANNER	             */
/************************************/
#banner{
	background:url(../images/banner_bg.jpg) center no-repeat;
    background-size: cover;
	padding:6vw 0px 8vw 0px;
}
.green{ color:#08aaf8; }

.total { margin: 20px 0; padding:1%; text-align:center; background-color:#e5f3e4}
.total h2 { font-weight:100 }
.total h5 { padding-top:12px}

#banner h2, #banner h3{ color:#fff; }

#banner h2{
	text-transform:uppercase;
    line-height: 1.4;
    margin-bottom: 40px;
}
#banner .green{ font-weight:600; }
	
#banner ul li{
	background:url(../images/logo_meetws.png) no-repeat left center; 
	background-size: 30px;
    padding-left: 40px;
	padding-top:8px;
	padding-bottom:8px;
	margin-top:8px;
	color:#ccc;
    font-size: 18px;
}

#banner ul{ margin-bottom:40px; }

.cancel { background-color: transparent !important; border: solid 2px #08aaf8 !important; color: #08aaf8;  margin-top:10px }

.enviar { border: solid 2px #08aaf8 !important; padding-left:55px; padding-right:55px; margin-top:10px }

#banner .btn-lg{
	position: relative; 
	font-weight: 600; 
	font-family: 'Bahnschrift', 'Signika', 'Arial', sans-serif;
	padding: 15px 50px; 
    padding-left: 70px;
    font-size: 18px;
}

#banner .fa-2x{ 
	position: absolute; 
    top: 14px;
    left: 14px;
    font-size: 28px;
}

.modal-header .close {
    margin-top: -8px !important;
}

.close {
    font-size: 30px !important;
}

.modal-header {
    padding: 20px 15px !important;
}


/**************************************/
/* 				 CONTAC            */
/************************************/

#cont{
	text-align:center;
	
	
}

#cont h2{
	text-transform:uppercase; 	
}
#cont h3{ font-size: 20px; color: #777; }

/**************************************/
/* 				 CONTACTO            */
/************************************/

#contacto {
	background:#08aaf8;
	padding:4vw 0px;
	text-align:center;
	
}

#contacto h2{
	color:#fff;
	text-transform:uppercase;
	margin-bottom:35px;
	font-size: 34px;
}


.btn-2{
    border: 3px solid #fff;
    display: inline-block;
    margin: auto;
    padding: 12px 25px;
    border-radius: 8px;
    font-family: 'Bahnschrift', 'Signika', 'Arial', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    transition: 0.3s all ease-in-out !important;	
}
.btn-2:hover, .btn-2:focus{ background: #fff !important; color:#08aaf8 !important; }


.caret-select{ position: relative; }

.caret-select  .fa-angle-down{
    top: 17px;
    right: 20px;
    width: 30px;
    height: 18px;
    background: #fff;
    position: absolute;
	pointer-events: none;
	color:#999;
}


/*********************************************************************************/
/* 									FOOTER      	                             */
/*********************************************************************************/
#footer{ 
	padding: 25px 0px; text-align:center; background:#222222; color:#ececec; font-family: 'Bahnschrift', 'Signika', 'Arial', sans-serif;
	position: absolute;
    width: 100%;

}

.logo-foot{ 
	position: relative;
	top: -60px;
    margin-bottom: -40px;
	width: auto;
	max-width: 100%;
}

#footer a{ color:#ececec; font-family: 'Bahnschrift', 'Signika', 'Arial', sans-serif;}

#footer ul{ margin:20px 0px;}

#footer ul li{
	font-family: 'Bahnschrift', 'Signika', 'Arial', sans-serif;
	display: inline-block;
	color:#ececec;
	font-size:16px;
    padding: 0px 4px;
}

#footer svg{ margin-right:5px;}

/*********************************************************************************/
/* 									MOBILE      	                             */
/*********************************************************************************/
@media screen and (max-width: 1200px)  {	
	#registro ul li img { width: 60px; }
	#banner h2{ font-size: 38px; }
}

@media screen and (max-width: 991px)  {
  .registro-txt{	
    max-width: 445px;
	margin:auto;
  }
  #registro { padding-bottom: 6vw; }
  
  .slide-txt { width: auto; }

}

.desk{ }
.mob{ display:none;}

@media screen and (max-width: 767px)  {	
	.desk{ display:none;}
	
	.mob{ display:block;}
	
	#menu{ text-align:left;}
	
	#logo {
      max-width: 170px;
	  text-align: left;
	  margin-top: 10px;
	  margin-bottom: 10px;
	}

	#nav ul{ padding:15px 0px;}
	
	#nav li {
		display: block;
		width: 100%;
		max-width: 170px;
		float: none;
		margin: auto;
	}
	
	#nav{ margin-bottom:0px; margin-top:5px;}
	
	#banner{padding: 55px 15px;}
	
    #banner h2 { margin-bottom: 25px; }
	
	#category{ max-width: 360px; margin-left: auto; margin-right: auto;}

	#category li{
		width: 96%;
		margin: 2%;
	}
	
	#contacto {  padding: 50px 0px;  }
	
	.caret-select .fa-angle-down { top: 9px; }
	
	#footer { padding: 40px 0px; }
}
@media screen and (max-width: 640px)  {
  #contacto h2 { font-size: 24px; }
	
	
  #banner h2 { font-size: 20px; }
  
  h1{ font-size:36px;letter-spacing: 0px;}
  h2{ font-size:28px; }
  h3{ font-size:18px;}
  
  .slide-txt{
	width: 100%;
    max-width: 370px;
    margin: 0vw auto;
    padding-top: 80px;
  }
  
  #product { padding: 50px 15px 70px; }

  .-2{ font-size: 14px; }
	
  #head{ background:url(../images/head_mob.jpg) no-repeat center;}

}
@media screen and (max-width: 480px)  {
  #banner ul li {
	font-size:15px;
	background-size: 25px;
	padding-left: 35px;
	padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 8px;
  }
.total h5 { padding-top:0px}
  
}

@media screen and (min-width: 768px) and (max-width: 991px)  {
	
}

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

}


/***/

.ico-ws {
    position: fixed;
    right: 7px;
    bottom: 60px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    z-index: 1000;
}
.ico-ws a {
    height: 50px;
    width: 50px;
    line-height: 52px;
    text-align: center;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    background: #3ce059;
    color: #fff;
    border-radius: 50%;
    font-size: 16px;
    padding-top: 5px;
}
.ico-ws .fa-whatsapp {
    color: #fff !important;
    font-size: 33px !important;
}