@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratextrabold';
    src: url('fonts/montserrat-extrabold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratmedium';
    src: url('fonts/montserrat-medium-webfont.woff2') format('woff2'),
         url('fonts/montserrat-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratsemibold';
    src: url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
body{
	font-family: 'montserratbold';
}
a {
    color: white;
    text-decoration: none;
}
*:focus { outline: none; } 
.btn-call{
	font-family: 'montserratbold';
	background-color: #0F2241;
	border: 1px solid #0F2241;
	border-radius: 17px;
	color: #FFFFFF;
	padding: 10px 25px;
	width: 90%;
	
}
.padding-0{
	padding: 0px;
}
.g-bg-blue-new{
background-color: #0F2241;
	/*#0F2241!important*/
}
.family-bold{
	font-family: 'montserratbold';
}
.family-extrabold{
	font-family: 'montserratextrabold';
}
.family-medium{
	font-family: 'montserratmedium';
}
.family-regular{
	font-family: 'montserratregular';
}
.family-semibold{
	font-family: 'montserratsemibold';
}
.font-size-3{
	font-size: 1.7em;

}
.font-size-2{
	font-size: 1.2em;
}
.font-size-1-2{
	font-size: 0.9em;
}
.font-size-1{
	font-size: 0.9em;
}
.font-weight-normal{
	font-weight: normal;
}
.btn-call:hover{
	background-color: #FFFFFF;
	border: 1px solid #0F2241;	
	color: #0F2241;	
}
.btn-visit{
	font-family: 'montserratbold';
	background-color: #E52933;
	border: 1px solid #E52933;
	border-radius: 17px;
	color: #FFFFFF;
	padding: 10px 0px;
	width: 90%;
	
}
.btn-visit:hover,.btn-visit:focus{
	background-color: #FFFFFF;
	border: 1px solid #E52933;	
	color: #E52933;	
}
.btn-download{
	font-family: 'montserratbold';
	background-color: #E52933;
	border: 1px solid #E52933;
	border-radius: 17px;
	color: #FFFFFF;
	padding: 10px 0px;
	
}
.error{
	color: #E52933;
}
.btn-download:hover,.btn-visit:focus{
	background-color: #FFFFFF;
	border: 1px solid #E52933;	
	color: #E52933;	
}
.btn-access{
	font-family: 'montserratbold';
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-radius: 17px;
	color: #0F2241;
	padding: 10px 25px;
	
}
.btn-access .fa{	
	color: #E52933;	
}
.btn-access:hover,.btn-access:focus{
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;	
	color: #E52933;	
}
.g-bg-gray-blue-new{
	background-color: #0F2241;
	border-radius: 50px;
	max-width: 970px;
}
.txt-color-blue{
	color: #0F2241!important;
}
.text-rigth{
	text-align: right;
}
.text-left {
	text-align: left;
}
.line-red-sub{

	border-bottom: 3px solid #E52933;
}
.owl-nav .owl-next:hover, .owl-nav .owl-prev:hover{
	background-color: #E52933;	
}
.txt-line-80{
	line-height: 40px;
}
.txt-line-48{
	line-height: 48px;
}
.txt-justify{
	text-align: justify;
}
.hr-line-red{
	width: 25%;
	margin: 0 auto;
	border-bottom: 5px solid #E52933;
	margin: -25px auto 20px;
	opacity: 1;
}
.hr-line-red-title{
	width: 18%;
	margin: 0 auto;
	border-bottom: 5px solid #E52933;
	margin: -10px auto 20px;
	opacity: 1;
}
.hr-line-footer{
	width: 90%;
	margin: 0 auto!important;
	border-bottom: 3px solid white;
	
	opacity: 1;
}
.border-two{
	border-bottom: 1px solid #000
	!important;
	border-top: 1px solid #000
	!important;
}
.separated2 > *{
	box-shadow:  -1px -1px 0px 0px #000;
}
.border-lr{
	border-left: 1px dotted  #000;
	border-right: 1px dotted  #000;

}
.serviceshover{
	cursor: pointer;
}
.content-services{
	display: none;
}
.content-services.active{
	display: block;
}
.card-process{
	cursor: pointer;
}
.content-process{
	cursor: pointer;
	background-color: white;
	border: 2px solid #0F2241;
	border-radius: 20px;
	padding: 18px;
	width: 90%;
	margin: auto!important;
	display: block;
}
.card-process:hover .content-process ,.content-process:hover{
	background-color: #0F2241;
	color: white;	
	transition: 0.5s;
}
     .w24hrs{
    position: fixed;
    z-index: 50;
    bottom: 20px;
    right: 20px;
    width: 80px;
}
.btn-up{
	background: white;
	color: #0F2241!important;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    font-size: 40px;
    display: block;
    margin: -35px auto 0;
    text-align: center;
    z-index: 9999;
    line-height: 75px;
    position: relative;


}
.btn-up:hover{
	color: white!important;
    background: #E52933!important;
    transition: 0.5s;

}
.fixed-header.header-main{
	background: transparent;
}

.modal-header{
	border-bottom: 0px solid #e2e8f0;
}
.btn-close{
	color: #FFF;
	padding: 5px;
	right: 5px;
    position: absolute;
    top: 5px;
    font-size: 14px;
    line-height: 14px;
    background: #E52933!important;
    border-radius: 50%!important;
    z-index: 99999;
	opacity: 1;
}
.btn-close:hover{
	background: white!important;
	color: #0F2241;
	
	opacity: 1;
}

.modal-content{
	background-color: #0F2241!important;
	border-radius: 20px;
	padding: 30px;
}
.form-check{
	margin: auto;
}
.navbar-expand-lg .navbar-nav .nav-link{
	line-height: 60px;
}
.owl-main-slider .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    font-size: 0px;
}
.owl-main-slider .owl-dots {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    font-size: 0px;
}
.owl-carousel-white .owl-dots .owl-dot {
    border-color: #E52933;
    background:  #E52933;
    /*color: #0F2241!important;*/
}
.owl-carousel-white .owl-dots .owl-dot.active {
    border-color: #0F2241;
    background:  #0F2241;
}
.navbar-light .navbar-nav .nav-link{
	color: white;
}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active{
	color:#E52933 ;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: #E52933;
}
.navbar-light .navbar-nav .nav-link::after{

    flex: auto;
   	content: '';
   /* 
    margin-top: -16px;
    background-color: #E52933;
    display: block;
    height: 2px;
    */
    width: 0%;
    transition:width 1s;	
}

.navbar-light .navbar-nav .show > .nav-link::after, .navbar-light .navbar-nav .nav-link.active::after,.navbar-light .navbar-nav .nav-link:hover:after{

    content: '';
    flex: auto;
    margin-top: -16px;
    background-color: #E52933;
    display: block;
    height: 2px;
    width: 100%;
    transition:width 0.5s;	
}
.img-proceso{
	width: 100%;
	max-width: 250px;
}
.img-expertos{
	width: 80%;
	max-width: 300px;	
}
.up-content{
	position: absolute;
	text-align: center;
	left: 50%;
	margin-left: -50px; 
	margin-top: -2px;
}
    .up-content img{
    	width: 100px;
    }
.show-desktop{
	display: block!important;
}
.show-mobile{
	display: none!important;

}
.left-t{
	padding-left: 15px;
}
.btn-icon-change{
	padding: 10px 20px;
}

@media (max-width: 992px) {

	.show-desktop{
		display: none!important;
	}
	.show-mobile{
		display: block!important;
	}
	.header-main{
		top: 0px!important;
	}
	.navbar{
		padding: 10px 0!important;
		background-color: white;
	}
	.navbar-nav{
		padding: 50px 0px;
	}
	.header-top{
		display: none;
	}
	.g-bg-gray-blue-new{
		background: white!important;
		padding: 0px;
	}
	.navbar-toggler-icon {
  		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2308052f' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
   }
   .navbar-brand{
   	display: block;
   	width: 100%;
   	text-align: center;
   	margin: 0px;
   }
   .navbar-brand img{
   	    margin: auto;
    	width: 300px;
   }
   .navbar-dark .navbar-toggler,.navbar-light .navbar-toggler{
   	    position: absolute;
    	right: 0px;
    	top: 30px;
    	z-index: 9999;
   }
   .navbar-expand-lg .navbar-collapse .navbar-nav .nav-link{
   	text-align: center;
   	color: white;
   }
   .navbar-expand-lg .navbar-collapse{
   	background: #08052f;
   	color: white;
   }
   .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{
   	color: #E52933;
   }
   .fb-btn{
   	margin: auto;
   }
	.content-mobilew-buttons{
		display: block;
		width: 100%;
	}
   .btns-headers{
   	text-align: center;
   	display: inline-block;
   	width: 50%;
   }
   .btns-headers a{
   	text-align: center;
   	font-size: 12px;

   }
   .btn-ser{
/*   	text-align: center;
*/   }
   .btn-ser p{
   	/*line-height: 75px;*/
   	margin: 2px 0 0 10px;
   	/*padding-left: 20px;*/
   	font-size: 1.0em;
   }
   .accordion-item{
   	border: 1px solid transparent;
   }
    .up-content img{
    	width: 80px;
    }
   .up-content2{
   	    width: 50px;
    	position: absolute;
    	left: 50%;
    	margin-left: -25px;
    	margin-top: -2px;

   }
   .bg-cover-topc{
   	background-size: cover;
   	background-position: top center;
   }
   .ptc-100{
   	margin-top: 80px;
   }
   .mobile-margen{
   /*	padding-top: 3em;
   	padding-bottom: 3em;*/
   }
   .mobile-parrafo{
   	padding-left: 1.2em;
   	padding-right: 1.2em;
   	font-size: 0.9em;
   }
   /*.border-lr{
		border-left: 1px dotted  #000;
		border-right: 1px dotted  #000;

	}*/
  /* .img-logo-mobile{
   	width: 50%;
   	max-width: 200px;
   }*/
   .card-process-mobile{
   		width: 80%;
   		margin: auto
   		;
   }
   .img-process-2{
   	display: inline-block;
   	width: 100%;
   }
   .img-process-2 img{
   	display: inline-block;
   	margin: auto;
   }
   .content-process{
   	    margin: -10px auto 0!important;
   }
   .img-proceso{
   		width: 70%!important;
   		max-width: 200px!important;
   		margin: auto;
   }
   .navbar-light .navbar-nav .show > .nav-link::after, .navbar-light .navbar-nav .nav-link.active::after, .navbar-light .navbar-nav .nav-link:hover:after {
   		width: 30%;
   	    margin: auto;
   }
   .txt-shadow-white{
   	text-shadow: 2px 2px 3px #FFFFFF;
   }
	.bg-mobile-somos{
		background: url('../img/abouts/fondo-mobile.png')!important;
	}
	.content-services{
		background-size: cover!important;
    	background-position: center center!important;
	}
}
@media (max-width: 767px) {
	.border-two{
		border-bottom: none!important;
		border-top: none!important;
	}
	.icon-abouts{
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	.border-lr{
		border-bottom: 1px dotted  #000;
		border-top: 1px dotted  #000;
		border-left: none;
		border-right: none;

	}
	.flip-box-img {
		padding-top: 15px!important;
		padding-bottom: 15px!important;
	}
	.flip-box-content{
		padding: 1em 2em;
		font-size: 0.8em;
	} 
	.bg-mobile-somos{
		background: url('../img/abouts/fondo-mobile.png')!important;
	}
	.navbar-brand img{   	    
    	width: 250px;
   }
}
@media (max-width: 500px) {

	.btns-headers a{
		font-size: 11px;
	}
	.txt-line-48{
		line-height: normal;
	}
	.btn-ser p{
   	
   		font-size: 0.9em;
   }
   .btn-visit,.btn-call{
   		width: 98%;
   }
   .left-t{
   	padding-left: 0px;
   }
}
@media (max-width: 375px) {
	.navbar-brand img{   	    
    	width: 220px;
   }
	.btns-headers a{
		font-size: 10px;
	}
}