/* =================================== */
/*	Basic Style 
/* =================================== */

body {
    background-color: #fff;
    font-family: 'Lato', sans-serif;
    line-height: 21px;
	font-size: 13px;
    color: #000 /*#542626*/;
}

.container {
  /*width: 100%;
  max-width: 1084px;
  max-width: 60rem;*/
  margin: 0 auto;
}

ol, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

figure, p {
    margin: 0;
}

a {
    color: /*#a37272;*/ #5d5d5d;
	
   /* -webkit-transition: all .3s ease-in 0s;
       -moz-transition: all .3s ease-in 0s;
        -ms-transition: all .3s ease-in 0s;
         -o-transition: all .3s ease-in 0s;
            transition: all .3s ease-in 0s;*/
}

iframe {
    border: 0;
}

a, a:focus, a:hover {
    text-decoration: none;
    outline: 0;
}

a:focus, a:hover {
    color: #000;
}

h1, h2, h3,
h4, h5, h6 {
	font-weight: normal;
	margin: 0;
}

.clear:before,
.clear:after {
    content: " ";
    display: table;
}
 
.clear:after {
   clear: both;
}
 
.clear {
   *zoom: 1;
}

span.color {
	color: #83448b;
}

body > section,
.footer {
	padding: 10px 0;
}


.sec-title h2 {
  color: #000;
width: max-content;
margin: 0 auto;
  font-size: 33px;
  font-weight: 500;
text-align: center;
}
.sec-title h2::after {
  content: ' ';
  display: block;
  width: 70%;
  height: 2px;
  margin: 10px auto;
  background-color: #000;
}
.mb10 {
	margin-bottom: 10px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt50 {
	margin-top: 50px;
}
.mt60 {
	margin-top: 60px;
}
#preloader {
  /*background-color: rgba(62,42,98,.3);*/
  background-color: rgba(255,255,255,1);
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 1100;
}
#preloader span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 75px;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url(../img/preloader.gif);
}

/*=========================================
	Header
==========================================*/

#navigation {
 /* background-color: rgba(219, 94, 94, 0.2);*/
  background-color: rgba(255, 255, 255, 1);
  border: 0 none;
  margin: 0;
    /*-webkit-transition: background-color 800ms linear;
       -moz-transition: background-color 800ms linear;
	    -ms-transition: background-color 800ms linear;
         -o-transition: background-color 800ms linear;
			transition: background-color 800ms linear;*/
}

.navbar-nav > li { font-weight:500;}
.navbar-toggle i {
	color: #db5e5e;
}

.navbar-brand {
      padding: 5px 0 0 0;
} 
.navbar-brand img {
      max-height:50px;
}
.navbar-brand {
     margin-left:0px!important;
}


.navbar-nav li a {
	border-top: 1px solid transparent;
	font-size: 17px;
	text-transform:capitalize;
	color: #000;
	padding: 5px 10px!important;
	width: max-content;
}

.navbar-nav li a:hover {

	background-color: #fff;
border-bottom: 1px solid #000;
	/*background-color: #000;
	border-radius: 20px;
	border-top: 1px solid #61297d;
	color: #fff;
	width: max-content;*/
}

.navbar-nav li a.current,
.navbar-nav li a.active,
.navbar-nav li a:focus {
/*	box-shadow: 0 0 0 2px #fff;
outline: 2px dotted black;
	border-radius: 20px;
	color: #000;*/
	background-color: #fff;
border-bottom: 1px solid #000;
}
.desk_lang {
  top: 0px;
}
.lang_select {
  position: absolute;
  z-index: 10000;
  color: #000;
  font-size: 12px;
}
.flag {
  color: #000;
  font-size: 12px!important;
}
.flag a{
  color: #000!important;
  font-size: 12px!important;
}
.flag a:hover{
border-bottom: 0px solid #000!important;color: #5d5d5d!important;
}
.mobile_lang {
  right: 70px;
  top: 10px;
}
.lang_select img {
  border-radius: 3px;
  margin-right: 5px;
  width: 22px;
  height: auto;
}
.flag img {
  border-radius: 3px;
  margin-right: 5px;
  width: 22px;
  height: auto;
}
/*=========================================
	Slider
==========================================*/

#banner {
	padding: 0;  position:relative; margin: 60px auto 0 auto;
background-color: #c7c7c7;
max-height: 1000px;
}
#banner .img_cont {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: right;
}
#banner img { max-width: 100%;height: auto;}

#banner .cont_formu {
  position: absolute;
  text-align: center;
}
#banner .formu {
  margin: 0 auto;
}
#banner .cont_formu h3::after {
  content: ' ';
  display: block;
  width: 26px;
  height: 2px;
  margin: 10px auto 2px auto;
  background-color: #fff;
}
#banner .cont_formu .btn {
  font-size: 13px;
  font-weight: 600;
}
#banner .cont_formu h3{ line-height:1.3em;}
.span_form {
  display: block;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  margin: 5px auto 10px auto;
  font-weight: 500;
  text-align: center;
  font-size: 14px;
}
#banner .form-group {
 position:relative;
}
#sentMessage label.error {
  color: #c0392b;
  font-weight: bold;
  text-transform: none;
  margin:0;
  font-size:12px;
position: absolute;
top: 0;
right: 3px;
}
/*=========================================
Proyectos
==========================================*/

#proyectos2 {
  margin: 0 auto;
  text-align: center;
  max-width: 630px;
}
#proyectos2 img {border-radius: 15px; max-width:100%; height:auto;}
#proyectos2 h3 {
  margin: 20px auto 15px auto;
  display:block;
  font-weight: 500;
  line-height: 1.33;
}
#proyectos2 .owl-stage { margin-bottom: 25px;}

.soporte {
    background-position: center top;
    background-repeat: no-repeat;
    background-image: url(../img/proyectos/celu_soporte.png);
height: 462px;
width: 238px;
margin: 0 auto;
background-size: cover;
position:relative;

}
.soporte img { 
	max-width:100%; 
	height:auto; 
	margin-top:40px;
	margin-left:20px;

}
#accordion { text-align:center; margin:0 auto; max-width:900px;}
#accordion .panel-heading {
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 600;
	padding: 8px;
	background-color:#333 /*#a37272*/;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
#accordion .panel-heading:hover { opacity:0.8;}
#accordion  .panel { margin-bottom:35px;}

#accordion  .panel-body {
	text-align: center;
	padding: 15px;
	line-height: 25px;
	color: #000/*#542626*/;
	font-weight: 400;
	background-color:#f4f4f4 /*#e4c0bc*/;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
#accordion  .panel-default { border:none;}

.features {
 margin-top: 30px;
padding-bottom: 50px;
padding-top: 20px;
background: url(../img/fondo_ladrillos.jpg) center top no-repeat;
 /*   background-size: cover;*/

}

.col-md-4 article { padding: 10px 0px;}
.features2 {
 /*  background-color: #f4f7f9;
background-color: rgba(26, 56, 113, 0.9);*/
  padding-top: 50px;
  padding-bottom: 50px;
/*background-image:url(../img/qh/fondo.png);
background-repeat:repeat-y;
background-position:top right;
  border-bottom: 2px dotted #000;*/
}
.overflow-hidden {
    overflow: hidden!important;
}
.w-full {
    width: 100%!important;
}
/*fklex stylers*/
.flex {   display: flex !important;}
.items-center {  align-items: center !important;}
.flex-col {  flex-direction: column !important;}
.flex-row {  flex-direction: row !important;}
.flex-1 {  flex: 1 1 0% !important;}
.z-10 {  z-index: 10 !important;}
.relative {  position: relative !important;}
.container_v4 {
 margin-left:auto;
 margin-right:auto;
 padding-left:1.6rem;
 padding-right:1.6rem;
 width:100%
}
@media (min-width:640px) {
 .container_v4 {
  max-width:640px;
  padding-left:3.2rem;
  padding-right:3.2rem;
 }
}
@media (min-width:768px) {
 .container_v4 {
  max-width:768px;
  padding-left:3.2rem;
  padding-right:3.2rem;
 }
.desk_lang { right:3.2rem;}
}
@media (min-width:992px) {
 .container_v4 {
  max-width:992px;
  padding-left:3.2rem;
  padding-right:3.2rem;
 }
.desk_lang { right:3.2rem;}
}
@media (min-width:1024px) {
 .container_v4 {
  max-width:1024px;
  padding-left:4.8rem;
  padding-right:4.8rem;
 }
.desk_lang { right:4.8rem;}
}
@media (min-width:1280px) {
 .container_v4 {
  max-width:1280px;
  padding-left:4.8rem;
  padding-right:4.8rem;
 }
}
@media (min-width:1536px) {
 .container_v4 {
  max-width:1536px;
  padding-left:4.8rem;
  padding-right:4.8rem;
 }
}
/**/
.diagonal-rec-bg {
  bottom: 0;
  height: 128%;
  position: absolute;
  right: 40%;
  top: -50px;
  transform: skew(-20deg);
  width: 400px;
}
.bg-opacity-50 {
  --tw-bg-opacity: 0.8 !important;
}
.bg-light-gray {
  --tw-bg-opacity: 0.8 !important;
  background-color: rgba(244,247,249,var(--tw-bg-opacity)) !important;
}
.pqh {
  position: relative;
  z-index: 999;
}
#features2 .terru_item .imagen {position: relative;
overflow: hidden;}
#features2 .imagen img {width: 100%;
height: auto;}

@media only screen and (min-width: 768px){
	#features2 .clear p { margin-bottom:25px;}
.text-xl {
  font-size: 2rem !important;
line-height: 2.8rem !important;
}
 .terru_item {
	display: flex;
flex-direction: row;
}
#features2 .terru_item .imagen {display: inline-block;
vertical-align: top;}
#features2 .imagen img {max-width: 450px;}

.mr-8 {margin-right: 3.2rem; }

#features2 .terru_item .title-1 {font-size: 3rem !important;
line-height: 3.6rem !important;}
#features2 .terru_item p {
  font-size: 1.6rem !important;
  line-height: 2.4rem !important;
}
.order-last {
  order: 9999 !important;
}
.ml-8 {
  margin-left: 3.2rem !important;
}

}  
@media only screen and (max-width: 767px){
/*.diagonal-rec-bg { width: 300px;right: 110%;}*/
.text-xl {
  font-size: 1.8rem !important;
line-height: 2.6rem !important;
}
#features2 .terru_item .title-1 {font-size: 2.4rem !important;
line-height: 3.2rem !important;}
#features2 .terru_item p {
  font-size: 1.4rem !important;
  line-height: 2rem !important;
}
	#features2 .imagen { margin:25px auto; text-align:center;}
#features2 .imagen img {max-width: 350px;}
 .terru_item {
display: flex;
flex-direction: column !important;
}
}  

#features2 .terru_item .title-1{ font-weight:700; margin:20px 0;}

.owl-controls {
  bottom: -45px;
  margin-top: 10px;
  position: relative;
  text-align: center;
}

.owl-controls .owl-page {
  display: inline-block;
}

.owl-controls .owl-page span {
  border: 1px solid #C7CED3;
  border-radius: 20px;
  display: block;
  height: 8px;
  margin: 5px 4px;
  width: 8px;
}

.owl-controls .owl-page.active span {
  background: #062033;
  border: 0;
}
/*-------------objetivos -------------------*/
#B2 .contenedor2{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#B2{
/*  background-color: rgba(91, 89, 161, 0.6);*/
padding-top: 50px;
  padding-bottom: 15px;
}
#B2 h1.tit { color: #17a2b8; margin-bottom:40px; }

#B2 h2 {
	/*font-family: 'Raleway', sans-serif;
	font-weight:700;
	text-align:center;
	margin-bottom: 40px;*/
}

#B2 article{
  	margin: 0px 10px 20px 10px;
width: 260px;
min-height: 325px;
background-color: #000;
}

#B2 .icon3{
  display: block;
  margin-left: auto;
  margin-right: auto;

}

#B2 a { text-decoration:none; }

#B2 h3.titulo { font-weight: bold; text-align:center; font-size: 18px;  min-height: 49px; color:#fff; line-height: 1.4em;width: 98%; }
#B2 h3.titulo span {font-weight:300;}
/*.titulo_g { box-shadow: 3px -3px 5px 1px rgba(0, 0, 0, 0.1);}
.titulo_y { box-shadow: 3px -3px 8px 0px rgba(23, 162, 184, 0.2);}*/

.boton_y { position: absolute;
bottom: 20px;
width: 100%;
text-align: center;left: 0;}

#B2 .overlay button { display:block; margin: 15px auto 0 auto ; }

.button {
  border: none;
  padding: 6px 34px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.gotoc {
  border-radius:0;
  background-color: #000;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff; 
  font-weight:bold;
  font-size:17px;

}

.gotoc:hover {
  background-color: #fff;
  color: #000;
}
.button_y {
  /*background-color: #f1bf4e;  amarillo */
  background-color: #fff;
  color: #17a2b8; 
  font-weight:bold;
  font-size:16px;

}

.button_y:hover {
  background-color: #fff;
  color: #f1bf4e;
}

.button_a {
  /*background-color: #f1bf4e;  amarillo */
  background-color: #fff;
  color: #3a4e82; 
  font-weight:bold;
  font-size:16px;

}

.button_a:hover {
  background-color: #fff;
  color: #3a4e82;
}

.button_g {
  background-color: transparent;
  color: rgba(255,255,255,.5); 
  font-weight:bold;
  font-size:16px;
border: 0;
}

.button_g:hover {
  /*background-color: #fff;
  color: #9da7b1;*/
}


	
#B2 p, #B2 div.overlay {
    text-align: left;
font-weight: 600;
padding: 80px 25px;
	color:#fff;
	font-size: 14px;
    box-shadow: 5px 5px 8px 0px rgba(0, 0, 0, 0.2);


}
.overlay ul { list-style: square;
margin-left: 15px;
}
#B2 .image {
   position:relative;
   display:inline-block;
}
#B2 .overlay {
   width:100%;
   height:100%;
   background: rgba(0,0,0,.85);
   position:absolute;
   top:0;
   left:0;
   display:inline-block;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   box-sizing:border-box;
   opacity: 0;
	filter: alpha(opacity=0);
-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);
}



#B2 .image:hover .overlay {
	line-height: 1.5em;
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}
/*=========================================
proyectos
==========================================*/



/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
.text {font-size: 11px}
}

/*=========================================
Clientes
==========================================*/

#cli {
	/*background-color: #f4f7f9;*/
	padding-top: 20px;
	padding-bottom: 20px;
/*max-width: 1440px;*/
margin:0 auto;
	/*border-top: 2px dotted #000;*/
}


/*=========================================
	Contacto
==========================================*/

#contacto {
	/*background-color: rgba(155, 206, 232, 0.6);
	background:#fff;*/
	padding-top: 50px;
	padding-bottom: 50px;

background-size:cover;
}
.c1 {background: url(../img/fondo_graf1.jpg) center top no-repeat;}
.c2 {background: url(../img/fondo_graf2.jpg) center top no-repeat;}
.c3 {background: url(../img/fondo_graf3.jpg) center top no-repeat;}
/*#contacto .info div {  margin-bottom: 35px; position: relative;
}*/
.redes_tk {
  margin: 0 auto;
  text-align: center;
 
}
@media (min-width:768px) and (max-width: 1023px){
 .clefty { flex: 1.4 1 0% ; margin-left: 0 ; }
}
@media (min-width:1024px) and (max-width: 1279px){
 .clefty {flex: 1.4 1 0% ; margin-left: 1.2rem ; }
}
@media (min-width:1280px)  and (max-width: 1535px) {
 .clefty { flex: 1.4 1 0% ; margin-left: 7.2rem; }
}
@media (min-width:1536px) {
.clefty { flex: 1 1 0% ; margin-left: 22.2rem; }
}


@media only screen and (min-width: 768px){
#contacto .info  {
  display: flex;
  flex-direction: row;
	
}
.redes_tk {flex-direction: row; display: flex;align-items: center;}
.clefty {margin-right: 5.5rem; }
.crighty{flex: 1 1 0% !important;}
.crighty .formu-home { margin:0!important;}
}  

@media only screen and (max-width: 767px){
#contacto .info  {
  display: flex;
  flex-direction: column;
}
.redes_tk {width:fit-content;}
#contacto .info p {font-size: 15px;}
.clefty {flex: 1 1 0% !important;margin-bottom: 25px!important;}
.crighty{flex: 1 1 0% !important;}
    
}  

/*#contacto .info i { display:inline-block; color: #6a737b; font-weight:900; }
.chekys i { display:inline-block; color: #000; font-size:10px; padding:4px; border-radius:50px; border: 1px solid #ccc; }
.chekys h5 { display:inline-block; height:20px; margin-right:10px;  }*/
.chekys {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 20px;
font-size: 15px;
}
.chekys li{
  list-style-image: url('../img/chek.png');
}

.chekys li span { vertical-align: super;padding-left: 5px;}
.css-social {
  list-style-type: none;
  padding: 0;
  margin: 15px auto;
text-align:left;
font-size: 16px;
max-width: 290px;
}
/*.ul_gracias {
  list-style-type: none;
  padding: 0;
  margin: 0 auto 15px auto;
text-align:left;
font-size: 16px;

}
.ul_gracias div {color: #4b4e53;

font-size: 16px;
margin-bottom:10px;}
.ul_gracias div a {padding: 0 12px 0 0;
 color: #4b4e53;margin-right: 8px;}
.ul_gracias div a:hover {
  color: #4b4e53;
  margin-right: 8px;
 
}
.ul_gracias i { margin-right:5px;}*/
.redes_bot { margin: 0 16%;}
.css-social i { margin-right:5px;}
.cs-social {
  list-style-type: none;
  padding: 30px;
  margin: 0;
}
.cs-social li {
  display:inline-block;padding: 0 12px 0 0;
}
.fa-instagram { font-weight:bold;}
.location { margin-top: 20px;}
.location img {
 width: 38px;
height: 25px;
border-radius: 3px;
margin-right:12px;
}
.location i {  color:#4b4e53; margin-right:8px; font-size: 17.5px;}
/*.cs-social li.location { position:relative;}
.cs-social i {
  color:#4b4e53;
  font-size: 26px;
  position: absolute;
  top: -17px;
  left: -20px;
}*/
.cs-social li a {
 padding: 0 12px 0 0;font-size: 16px;
}
#contacto .info ul.css-social li {
  margin-bottom: 15px;
}
#contacto .info h4 { display:inline-block; margin-top:2px; font-size:18px; vertical-align: top;  }
#contacto .info h4 a { color:#3b3939;}
#contacto .info li a { color:#3b3939;}
#contacto .info li a:hover { color:#000;}
#contacto .info p { margin-top:10px; font-weight:400;}

#contacto .info span.red-between { display:inline-block; width:20px;}

#contacto .submit {
  border-radius:0;
  background-color: #000;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: #fff; 
  font-weight:bold;
  font-size:17px;

}

#contacto .submit:hover {
  background-color: #fff;
  color: #000;
}

#contacto .redes { display:inline-block; margin-left: 15px;}
#contacto label.error {
  color: #c0392b;
  font-weight: bold;
  text-transform: none;
  margin:0;
  font-size:12px;
}
#contacto .formu-home {  max-width: 350px;  padding: 20px;}
.formu-home {    
padding-left: 0;
   /* background-color: rgba(138, 192, 221, 0.8);*/
    border-radius: 0px;    
    text-align: left;
	margin: 0 auto;
	position: relative;
}
.formu-home h3 {
    color: #FFF;
    margin-top: -5px;    
	font-weight: bold;
	text-align: center;
	font-size: 17px;
line-height: 1.3em;
}
.formu-home h6 {
    color: rgba(255, 255, 255, 0.7);
    margin-top: -5px;    
	font-weight: 500;
	text-align: center;
	margin-bottom: 17px;
	font-size: 14px;
}
.formu-home h3::after {
  content: ' ';
  display: block;
  width: 26px;
  height: 2px;
  margin: 19px auto 22px auto;
  background-color: #fff;
}
.info h2 {
    color: #000;
    margin-top: -5px;    
	font-weight: 500;
	text-align: left;
	margin-bottom: 17px;
	font-size: 24px;
}
.info h2 span {font-weight:900;}
.info h2::after {
  content: ' ';
  display: block;
  width: 44px;
  height: 2px;
  margin: 19px 0 22px 0;
  background-color: #000;
}
.formu-home input.form-control {  
	height:43px;
	border-radius:0;/*
	margin: .5rem 0;
	padding: .5rem .625rem .5625rem;*/
}
textarea.form-control {  
	height:100px;
	border-radius:0;
}
.bgall {
	background-color: rgba(0, 0, 0, 0.9);
   /* 
    box-shadow: 8px 6px 8px 0px rgba(138, 192, 221, 0.6);
	 background-color: rgba(26, 56, 113, 1);*/
	box-shadow: 8px 6px 8px 0px rgba(0, 0, 0, 0.6);
	
}

.formu-home button { width:100%;  }

.footer-social {
  margin-top: 17px;
}

.footer-social li a {
  color: #cdd2d6;
  display: block;
  margin-bottom: 10px;
}

/*------GRACIAS ---------------*/

.gracias { margin-top: 63px;}
.txt_gracias h1 {
  color: #000;
  font-weight: 500;
  text-align: center;
  margin-bottom: 17px;
  font-size: 32px;
line-height: 1.3em!important;
}
.txt_gracias {text-align:center; margin-bottom: 75px!important; padding-top:30px;}
.txt_gracias h3 {font-size: 24px;line-height: 1.3em!important;}
.ul_gracias li {margin-bottom: 15px;}
.ul_gracias li a {
  color: #3b3939;
}
/*=========================================
	Footer
==========================================*/
.elfoot { display:block;}
.footer-area  {
  padding-top: 20px;
  padding-bottom: 10px; 
border-top: 1px solid #ddd;}
.footer-area .footer-copyright {
  padding-top: 8px;
padding-bottom: 13px; }
  .footer-area .footer-copyright .copyright .text {
    color: #121212;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px; 
}
/*-----------------*/
#back-top {
  bottom: 20px;
  position: fixed;
  left: 10px;
  z-index: 99999;
}

#back-top { color: #5d5d5d; }
#back-top:hover { opacity:0.8; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    /*.footer-area  {
      padding-top: 70px;
      padding-bottom: 100px; } */
}
@media (max-width: 767px) {
.txt_gracias { padding-top:0px!important;}
.footer-area .footer-copyright {
  padding-top: 8px;
padding-bottom: 13px; }
  .footer-area .footer-copyright .copyright .text {
    color: #121212;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px; 
}