@charset "utf-8";
/* CSS Document */

@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/*---------@Media queries------*/
/* cuando el ancho sea inferior a 600px */
@media  (max-width: 770px) {
  .mq-mw-770{
    text-align: center !important;
    margin-right: 0em !important;
    font-size: 0.77em !important
   }
  .pt-bn-770{
    font-size: 1.9em !important;
  }
}

@media (max-width: 1044px){
  .mw-1044-ts{
    font-size: 0.77em !important;
  }
}

@media (max-width: 1900px){
  .mw-1900-ts{
    font-size: 0.88em !important;
  }
}

@media (max-width: 360px){
  .mw-600-ts{
    font-size: 0.75em !important;
  }
  .pt-bn-600{
    font-size: 1.681em !important;
  }
}

/*----------Politica-----------*/

.p-litas {
    font-size: 16px !important;
    color: #666;
    line-height: 1.65em;
    margin: 0 0 18px;
}

/*---- pop-up politics ----*/

#overbox3 {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border-radius: 0;
    z-index: 999999;
    display: block;
}
#infobox3 {
    margin: auto;
    position: relative;
    top: 0px;
    width: 100%;
    text-align:center;
    background-color: rgba(92,92,92,0.95);
}
#infobox3 p {
    /*--line-height: 58px;-*/
    font-size:14px;
    text-align:center;
		color: white;
	  padding: 15px;
}
#infobox3 p a {
    margin-right:5px;
    text-decoration:underline;
	  color: white;
}

/* --------General----------*/

.a-link-color{
  color: #1B85E2 ;
}

.no-padding{
	padding: 0;
}

.margin-top-gen{
	margin-top: 1em;
}

.margin-bot-gen{
	margin-bottom: 1em;
}


/*------ Header ------*/
.header{
	background-color: rgba(232,232,232,1.00)!important;
	padding: 0 !important;
}

.header p{
	margin: auto ;
  margin-top: 5px !important;
}

.icon-right{
	margin-right: 0;
	text-align: right;
	margin: auto;
}

.social-icon{
	font-size: 19px;
}

/*------ Nabvar ------*/

.div-navbar{
	background-color: whitesmoke !important;
	transition: 1s;
  font-size: 1.1em;
}
.black{
	background-color: rgba(220,220,220,1.00)!important;
	transition: 1s;
}
.navbar .navbar-brand{
	color: black;
	font-weight: bolder;
	font-size: 1.7em;
}
.navbar .nav-item{
	padding-left: 0.1em;
	transition: 0.4s;
}
.dropdown .dropdown-menu a{
	transition: 1s !important;
}
.dropdown .dropdown-menu a:hover{
	background-color: rgba(0,0,0,0.20);
}
.dropdown-menu{
	margin-top: -0.05px;
	border-radius: 0;
}

.navbar .nav-item a{
	color:black! important;
}
.nav-item:hover{
	background-color: rgba(0,0,0,0.20);
	/* font-weight: bold; */
	transition: 0.1s;
}
.dropdown:hover>.dropdown-menu{
	display: block;
}

.cool-link:before{ /*- antes de que comience el div cargo esto-*/
	content: '';
	display: block;
	width: 0;
	height: 2px;
	background: black;
	transition: width 0.3s;
}

.cool-link:hover:before{  /*-cuando inicie el div y el mouse este sobre el hago la transicionde ancho con retraso 0.3*/
	width: 100%;
	transition: width 0.3s;
}

.active{
	background-color: rgba(0,0,0,0.20);
	font-weight: bolder;
}

/*--------------- Slide main -------------------*/

.carousel-caption{
	position: absolute;
	background-color: #101010cf;
	border-radius: 10px;
	text-align: left;
	padding-left: 1em;
	animation-delay: 0.8s;
}

.carousel-caption h5{
	font-size: 2em;
	animation-delay: 0.9s;
}

.slide-shadow{
	background-color: #666 !important;
	background-blend-mode: multiply;   /*solapa imagen y color*/

}

.min-h-45vh{
  min-height: 45vh !important;
}


/*-------------- Banner -------------------------*/

.banner{
	background-image: url(../images/iphone-393080_1920.jpg);
	height: 120px;
	background-repeat: repeat-y;
	background-size: 100%;
	background-position: 0px -280px;
	width: 100%;
	background-color: #666 !important;
	background-blend-mode: multiply;   /*solapa imagen y color*/
}

.banner-text{

	margin-left: 15px;
	background-color: #101010cf;
	text-align: center;
	margin-top: 74px;
	width: 100%;

}

.banner-text h5{
	color: white;
	font-size: 2em;
	animation-delay: 0.9s;
}

/*--------------Div-block body-----------------*/
.styless{
	padding-top: 40px;
}

.styless a{
	text-decoration: none;
	margin-top: 1.5em;
}

/*--
.styless a:hover{
	font-weight: bolder;
	transition: 0.3s;
}-*/

/*-----------------Accordion -------------*/

/*-- h5.mb-0 button:before{
	content: "\f0a4";
	background-color: aqua;
	font-family: FontAwesome;
}  --*/

.card-header{
	padding: 10px 15px 10px 0px;
}

.mb-0 .a-plus{
	background-color: darkgray;
	padding: 10px;
}

.fas-h5 {
 color: white !important;
}

.mb-0 .a-plus:hover{
	background-color: black ;
	transition: 0.3s;
}

.check-blue-custom{
	  color: #4b91dd !important;
    font-size: 20px !important;
}

.mb-0 .a-plus: {
	background-color: black ;
	transition: 0.3s;
}

.gtt {
	background-color: transparent !important;
	text-decoration: none !important;
	color: black !important;
}


/*---- icon collapse changed --*/

.mb-0  > .a-plus:after {
  content: "\f067"; /* fa-plus */
  font-family: 'FontAwesome';
	color: white !important;

}
.mb-0  > .a-plus[aria-expanded="true"]:after {
  content: "\f068"; /* fa-minus*/
}

/*--------------Footer---------------*/

.footer{
	margin-top: 40px;
	background-color: rgba(220,220,220,1.00);
	padding: 0 !important;
}

.footer p{
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 1.1em;
	margin-top: 10px;
	text-align: left;
}

.footer #left-p-footer{
	text-align: right;
	margin-right: 3em;
}

.footer a{
	text-decoration: none;
	color:black! important;
}


.footer a:hover{
	/*font-weight: bold;*/
  color: #0766A0 !important;
}