
body{background-color:#fff;font-family: 'Questrial', sans-serif;margin:0;padding:0;}
/*loader*/
.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 10000;
background: url('img/button-loader.gif') 50% 50% no-repeat rgb(249,249,249);
opacity: 1.6;
}
.load
{
position:absolute;
top:40%;
left:40%;
right:0;
bottom:0;
margin:auto;
}
@media screen and (max-width: 480px) {
  .load{
position:absolute;
top:10%;
left:0%;
right:0;
bottom:0;
margin:auto;
width:85px;
height:85px;}  
}
/*lang change fixed */
.lang-change a {
position:fixed;
right:-65px;
transition: 0.3s;
padding: 15px;
width: 100px;
text-decoration: none;
font-size: 20px;
color: white;
border-radius: 5px 0 0 5px;
z-index:1;
}
.lang-change a:hover{right: 0;}
.es {top: 100px;text-align:center;}
.en {top: 210px;text-align:center;}
/*colors*/
:root{
--orange-dental:#F39C12;
--salmon-light:#FFA07A;
--dark-blue:#212F3C;
--grey-one:#616A6B;
--blue-grey:#E7F3FF;
--grey-two:#566573;
--grey-three:#D5D8DC;
}
/*font-size*/
.f8{font-size:8px;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f26{font-size:26px;}
.f27{font-size:27px;}
.f30{font-size:30px;}
.f35{font-size:35px;}
.f60{font-size:60px;}
/*box-color*/
.bx-blue{background-color:#0A668D;padding:5px;color:#fff;}
.bx-orange{background-color:var(--orange-dental);padding:5px;color:#fff;}
.bx-salmon{background-color:var(--salmon-light);padding:5px;color:#fff;}
.bx-salmon-d{background-color:rgba(245,215,179,1);background-image: linear-gradient(to bottom, #FFA07A , #FFEED7);padding:5px;color:#fff;}
.bx-dark{background-color:var(--dark-blue);padding:5px;color:#fff;}
.bx-grey{background-color:var(--grey-one);padding:5px;color:#444;}
.bx-purple{background-color:#BB8FCE;padding:5px;}
.bx-dark-blue{background-color:#052E5D;padding:5px;}
/*box-line*/
.bx-salmon-linet{border-top:5px solid var(--salmon-light);}
.bx-salmon-linel{border-left:5px solid var(--salmon-light);}
.bx-salmon-liner{border-right:5px solid var(--salmon-light);}
.bx-salmon-lineb{border-bottom:5px solid var(--salmon-light);}
.bx-grey-lineb{border-bottom:5px solid var(--grey-one);}
/*titulos color*/
.titulo_principal{font-family: 'Playfair Display', serif;font-style:italic;}
.title-salmon{font-weight:bold;color:var(--salmon-light);}
.title-blue{font-weight:bold;color:#0A668D;}
/*color text*/
.white{color:#fff!important;}
.dark-blue{color:#1C2833;}
/*ajustes de texto*/
.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}
.just{text-align:justify;}
.no-link{text-decoration:none;}
/*tabs-salmon*/
.tab-salmon{
    border:none;
    border-radius:10px 10px 0px 0px;
    background-color:var(--salmon-light);
    color:white!important;
    box-shadow:none;
}
.tab-salmon a{
    text-decoration:none;
    color:white; 
}
.tab-salmon:hover{
    box-shadow:none!important;
}
/*button only */
.bthe-outline-salmon
{
display: inline-block;
font-weight: 400;
color:#fff;
text-align: center;
text-decoration:none;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: .2rem solid white;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 2.5rem;
transition: color .15s 
}
.bthe-outline-salmon:hover
{
background-color:white;
color:var(--dark-blue);
text-decoration:none;
transition:.2s; 
}
/*button blue */
.bthe-outline-blue
{
display: inline-block;
font-weight: 400;
color:#444;
text-align: center;
text-decoration:none;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: .2rem solid #0A668D;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 2.5rem;
transition: color .15s 
}
.bthe-outline-blue:hover
{
background-color:#0A668D;
color:white;
text-decoration:none;
transition:.2s; 
}
/*boton dos*/
.bthe-salmon
{
display: inline-block;
font-weight: 400;
background-color:var(--salmon-light);
color:var(--dark-blue);
text-align: center;
text-decoration:none;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 2.5rem;
border:none!important;
box-shadow:none!important;
transition: color .15s 
}
.bthe-salmon:hover
{
background-color:var(--grey-one);
color:var(--grey-three);
text-decoration:none;
transition:.2s; 
}
/*boton tres*/
.bthe-what
{
display: inline-block;
font-weight: 400;
background-color:#25d366;
color:white;
text-align: center;
text-decoration:none;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: .375rem .75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 2.5rem;
border:none!important;
box-shadow:none!important;
transition: color .15s 
}
.bthe-what:hover
{
background-color:var(--grey-one);
color:var(--grey-three);
text-decoration:none;
transition:.2s; 
}
/*whatapp*/
.what {
  display: none;
  position: fixed;
  bottom: 20px;
  left: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color:var(--salmon-light);
  color: white;
  cursor: pointer;
  padding: 20px;
  text-align:center;
  border-radius: 4px;
}

.what:hover {
  background-color: #555;
}

/*inputs unidental para todos los formularios */
.input-line input, textarea, select{
width:100%!important;
padding:10px 5!important;
font-size:18px!important;
margin-bottom:30px!important;
border:none!important;
border-bottom:1px solid salmon!important;
outline:none!important;
background-color:transparent!important; 
resize:none!important;


}
.input-line label{

position:absolute!important;  
top:0!important;
left:0!important;
padding:10px 5!important;
font-size:18px!important;
color:#566573!important;
pointer-events:none!important;
transition:.5s!important; 


 }
 .input-line input:focus ~ label,
 .input-line input:valid ~ label {
top:-25px!important;
left:0!important;
color:salmon!important;
font-size:12px!important;

 }
 .input-line textarea:focus ~ label,
 .input-line textarea:valid ~ label{
top:-25px!important;
left:0!important;
color:salmon!important;
font-size:12px!important;

 }
.input-line select:focus ~ label,
.input-line select:valid ~ label{
top:-25px!important;
left:0!important;
color:salmon!important;
font-size:12px!important;

 }
/*///////////////////////box overlay/////////////////////////////////*/
.box-over {
  position: relative;
  width: 100%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: var(--salmon-light);
}

.box-over:hover .overlay {
  opacity: 1;
}

.text-box-hover {
  color: white;
  font-size: 15px;
  position:relative;
  left:127px;
  top:75px;
  padding-left:5px;
  padding-right:5px; 
  /*top: 50%;*/
  /*left: 50%;*/
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}






/*////////////card-presentacion//////////////////*/







/*/////////////////////////////////////////////////////////////////////////////*/
.greyo {color:#616A6B;}
.jt{text-align:justify;}
.line-up{border-top:1px solid #D5D8DC;}
.line-down li{border-bottom:1px solid #616A6B;}
.link-footer{padding-left:0;margin-left:0;}
.link-footer li{list-style-type:none;}
.link-footer li a{text-decoration:none;color:#616A6B;}

/*//////////////////////////////menu//////////////////////////*/
.menu > li{position: relative;display: inline-block;}
.menu > li > a{display: block;padding: 15px 20px;color: #ffff;text-decoration: none;font-size:12px;}
.menu li a:hover{color: #fff;background-color:#F39C12;transition: all .3s;}
/* Submenu*/
.submenu{position:absolute;padding-left:0;background: #333333;width:150%;visibility: hidden;
opacity: 0;transition: opacity 1.5s;z-index:1;}
.submenu li a{display: block;padding:10px;color: #fff;text-decoration: none;text-align:left;}
.menu li:hover .submenu{visibility: visible;opacity: 1;}





/*///////////////////////////////////////////////////////////////////////////*/

/*SOCIAL MEDIA STYLO*/
.rednetu ul{
display:flex;
position:absolute;
top: 50%;
left: 50%;
transform:translate(-50% -50%);
}
.rednetu li{
list-style-type:none;
display:inline-block;
}
.rednetu a{
width:50px;
height:50px;
background-color:#212F3C;
text-align:center;
line-height:45px;
font-size:30px;
margin:0 5px;
display:block;
border-radius:50%;
position:relative;
overflow:hidden;
border: 3px solid #fff;  
}
a .faaa{
position:relative;
color:#fff;
transition:.5s; 
line-height: 1.3!important;
}
a:hover .faaa{
transform:rotateY(360deg);  
}
.befa a:before
{
content:'';
position:absolute;
top:100%;
left:0;
width:100%;
height:100%;
background-color:white;
transition:.5s; 
}
.befa a:hover:before
{
top:0; 
}
.color-neta li:nth-child(1) a:before
{
  background-color:#3b5999;
}
.color-neta li:nth-child(2) a:before
{
  background-color:#cd201f;
}
.color-neta li:nth-child(3) a:before
{
  background-color:#25D366;
}

/*///////////////////////////////////////////////////*/
.rednet ul{
display:flex;
position:absolute;
top: 50%;
left: 50%;
transform:translate(-50% -50%);
}
.rednet li{
list-style-type:none;
display:inline-block;
}
.rednet a{
width:50px;
height:50px;
background-color:#0A668D;
text-align:center;
line-height:45px;
font-size:30px;
margin:0 5px;
display:block;
border-radius:50%;
position:relative;
overflow:hidden;
border: 3px solid #fff;  
}
a .faa{
position:relative;
color:#fff;
transition:.5s; 
line-height: 1.3!important;
}
a:hover .faa{
transform:rotateY(360deg);  
}
.bef a:before
{
content:'';
position:absolute;
top:100%;
left:0;
width:100%;
height:100%;
background-color:white;
transition:.5s; 
}
.bef a:hover:before
{
top:0; 
}
.color-net li:nth-child(1) a:before
{
  background-color:#3b5999;
}
.color-net li:nth-child(2) a:before
{
  background-color:#cd201f;
}
.color-net li:nth-child(3) a:before
{
  background-color:#25D366;
}

/*------------------------target--------------------*/
.target{
position:relative;
width:300px;
height:400px;
background-color:transparent; 
overflow:hidden;
}
.point,
.toggle{
position:absolute;
width:50px;
height:50px;
bottom:20px;
right:20px;
outline:none;
z-index:10;
}
.point{
opacity:0;  
}
.toggle{
pointer-events:none;
border-radius:50%;
background-color:#fff;
transition:0.5s;
text-align:center;
line-height:45px;
font-size:36px;
box-shadow:0 0 0 0px #207EE1;  
}
.point:checked~.toggle
{
box-shadow:0 0 0 500px #012F5F; 
transform:rotate(225deg);
}
.imgbx,
.details
{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.details
{
padding:20px;
box-sizing:border-box;
z-index:11;
pointer-events:none;
transition:0.5s;
opacity:0; 
color:#fff; 
}
.point:checked ~ .details
{
opacity:1;
transition-delay:0.5s;  
}

/*decoration plus*/
.plus:hover{color:orange;transform:rotate(225deg);transition:0.5s;}


























/*inputs*/
.uni-input{
	width:90%;
	height:5%;
	background-color:#Fff;
	color:#212529;padding:10px;
	font-size:22px;
}
.uni-input:focus{background-color:#fff!important;outline:none!important;}
.uni-input-area{
	width:90%;
	height:auto;
	background-color:var(--grey-three);
	color:#212529;padding:10px;
	font-size:22px;
	resize:none;
	border:none;
}
.btn-uni{background-color:#F7EADD!important;color:#2F1800!important;}
.btn-uni:hover{background-color:#eccfd1!important;color:#2F1800!important;}

.comment{background-color:rgba(44, 62, 80,);}
.beig{background-color:#F39C12;color:#332b2a;}
.beig_txt{color:#F39C12;}

   
/*colapse*/
.uni-color{background-color:var(--salmon-light)!important;}
.uni-color-blue{background-color:#0A668D!important;}

  
}
/*boton de la seccion de 8 cuadros*/
.box_text{background-color:var(--salmon-light);font-size:25px;color:white;}
.box_arrow{background-color:#17202A;text-align:center;font-size:25px;line-height:60px;color:#fff;}
.box_link{text-decoration:none!important;}
/*button*/
.bttn
    {
font-family:arial;
text-transform:uppercase;
font-size:30px;
width:240px;
height:60;
border-radius:80px;
line-height:60px;
text-align:center;
border:3px solid var(--salmon-light);
display:block;
text-decoration:none;
margin:300px auto;   
color:#E67E22;
position:relative;
overflow:hidden;
background-color:transparent;
transition:.3s 
}
.bttn:before
{
content: '';
width:100%;
height: 100%;
position:absolute;
background-color:#E67E22;
opacity:.5;
top:-100%;
left:0;
z-index:-1;
transition:.3s 
}
.bttn:after
{
content: '';
width:100%;
height: 100%;
position:absolute;
background-color:#E67E22;
top:-100%;
left:0;
z-index:-1;
transition:.3s;
transition-delay:.2s;  
}
.bttn:hover
{
    color:#fff;
}
.bttn:hover:before
{
 top: 0;
}
.bttn:hover:after
{
 top: 0;
}


/*boton desplegable*/
.dropbtn {
    
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}


/*efecto parallax*/
.sec1
{
background-image:url(img/01.jpg);
background-size:cover;
background-position: center;
background-attachment:fixed;  
}
.sec2
{
background-image:url(img/02.jpg);
background-size:cover;
background-position:center center;
background-attachment:fixed;  
}
.sec3
{
background-image:url(img/03.jpg);
background-size:cover;
background-position:center center;
background-attachment:fixed;  
}