body, html {
  height: 100%;
  width: 100%;
  margin: 0;
}
img{
    image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}

#solucion img.logo-trade{
    width:180px;
    height:auto;
    max-width: 180px!important;
    margin-top: -25px!important;
}
.principal{
	 width: 100vw;
    height: calc(100vh - 210px);
    min-height: 100%;
    box-sizing: border-box!important;
    overflow-x: hidden!important;
    overflow-y: hidden!important;
}
.navbar{
	-webkit-box-shadow: 0px 4px 30px 1px #dbd8ca; 
box-shadow: 0px 4px 30px 1px #dbd8ca;
}
.navbar-brand img{
	max-width:89px!important;
	height: auto!important;
	image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
.mr-auto, .mx-auto {
    margin-right: 0px !important;
    margin-left: auto!important;
}
.navbar-nav a{
	font-family: 'DM Sans', sans-serif!important;
}
.navbar-nav.mr-auto li{
	margin:0em 1.6em!important;
	font-size:16px!important;
}
p{
	font-family: 'DM Sans', sans-serif!important;
	font-size: 1.1em!important;
    text-align: center;
    line-height: 1.3em;
}
h2{
	font-family: 'Montserrat', sans-serif!important;
	margin: 0.8em 0!important
}
.bold600{
	font-weight: 600!important;
}
.bold700{
	font-weight: 700!important;
}
.bold800{
	font-weight: 800!important;
}
.bold900{
	font-weight: 900!important;
}
.section-header .display-4{
	margin-top:0px!important;
}
body.inicio .carousel-item{
   min-height:676px!important; 
}
.solucion-tit{
	font-family: 'Montserrat', sans-serif!important;
	color:#2B2B2B!important;
	text-align:center!important;
	font-size:1.3em!important;
	min-height: 80px!important;
	display: block!important;
    padding: 10px 0px!important;
	
}
.number-title{
	font-family: 'Montserrat', sans-serif!important;
	color:#808285!important;
	text-align:center!important;
	font-size:1em!important;
}
hr.solucion-line{
	margin-top: 0px!important;
	border-top: 1px solid #ee5657!important;
}
.solucion-tit.last {
    padding: 0px 5px 0px 0px!important;
}
#aviso-home{
	background-color:#FFF8EE!important;
	border-radius:10px;
	margin-top:-35px!important;
	min-height:180px!important;
}
.aviso-bg{
	background-color:#003366!important;
	padding-bottom:35px!important;
	background-image:url("../images/bg_white.jpg")!important;
	background-repeat:repeat-x!important;
	background-position:top!important;
	margin-top: 95px!important;
}
.aviso-bg h2{
	font-family: 'Montserrat', sans-serif!important;
	margin: 8% 20px!important;
	font-size: 1.8em!important;
}
.aviso-bg .contactanos-link{
	margin-top: 120px!important;
    float: right!important;
    margin-right: 20px!important;
    font-size: 20px!important;
	color:#2B2B2B!important;
	margin-bottom: 30px!important;
}
.aviso-bg .contactanos-link svg{
	display:inline!important;
	width:30px!important;
	height:30px!important;
	margin-left: 10px!important;
	fill:#EE5657!important;
}
#Footer{
	background-color:#012849!important;
	color:#fff!important;
	min-height: 100px!important;
	text-align: left!important;
	padding-right: 10%!important;
}
#Footer div p{
	text-align: left!important;
	line-height: 100px!important;
	padding-left: 10%!important;
	margin-bottom: 0px!important;
	font-size: 14px!important;
}
#Footer div ul{
	float:right!important;
	margin-bottom: 0px!important;
}
#Footer div ul li{
	list-style:none!important;
	float:left!important;
	line-height: 100px;
	vertical-align: middle!important;
	margin-left: 10px!important;
	margin-right: 10px!important;
}
#Footer div ul li .social-icon{
	fill:#fff!important;
}

/*-----banner------*/
.carousel-item {
  height: 65vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-item .display-4{
	font-family: 'Montserrat', sans-serif!important;
}
.display-4 {
    font-size: 2.5rem!important;
}
.carousel-caption {
    position: absolute;
    right: 15%;
    top: 180px!important;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}
.carousel-caption p{
	font-size: 1.5em!important;
	max-width: 60%!important;
	margin-left: auto!important;
	margin-right: auto!important;
	margin-top:20px!important;
}
.banner-button{
	font-family: 'Montserrat', sans-serif!important;
	display: inline-block!important;
	background-color: #1C577A!important;
	color:#fff!important;
	padding:5px 15px!important;
	border-radius: 20px!important;
	font-weight: 800!important;
	font-weight: 600!important;
	font-size: 1.4em!important;
	margin-top: 20px!important;
}
.carousel-indicators {
	bottom: 100px!important;
}
.carousel-indicators li {
   /* box-sizing: content-box;*/
	background-clip:border-style!important;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 14px!important;
    height: 14px!important;
    margin-right: 7px!important;
    margin-left: 7px!important;
    border-radius: 28px!important;
    cursor: pointer;
    overflow: hidden;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
    opacity: .5;
    transition: opacity 0.6s ease;
}
.scroll-down {
  opacity: 1;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}
.scroll-down {
  position: absolute;
  bottom: 6px;
  left: 50%;
  margin-left: -64px;
  display: block;
  width: 59px;
  height: 32px;
  border: 0px;
  background-size: 14px auto;
  border-radius: 50%;
  z-index: 999999999;
  -webkit-animation: bounce 2s ;
  animation: bounce 2s ;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}

.scroll-down:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - -2px);
    display: block;
    width: 12px;
    height: 12px;
    content: url(../images/banner-scroll.png);
    border: 0px;
    image-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
}
/*-------------------------------SERVICIOS---------------------------------*/
.section-header {
	height:335px!important;
	background-color: #a1a1a1!important;
}
.section-header h2.display-4 {
    vertical-align: middle;
    text-align: center;
    display: block;
    padding: 10% 8%;
    color: #fff;
}
@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
	.section-header{
		display: block;
		margin: 15% auto!important;
	}
}

.section-header.servicios{
	background-image: url("../images/servicios_itstrade.jpg")!important;
	background-position: center center!important;
	
}
.soluciones-page #soluciones{
	margin: 5% 0px!important;
}
#soluciones .solucion-content{
    border: #1C577A solid 2px!important;
    padding: 25px 5px!important;
    border-radius: 16px!important;
	margin: 0px 5px!important;
	min-height:270px!important;
	position: relative!important;
}
.soluciones-page #soluciones .solucion-tit,.soluciones-page #soluciones .number-title{
	text-align: left!important;
	margin-left: 15px;
}
.soluciones-page #soluciones .solucion-tit {
    margin-bottom: 0px!important;
    height: 60px;
    max-height: 60px;
}
.soluciones-page #soluciones p {
    text-align: left!important;
    margin-left: 15px!important;
    margin-right: 15px!important;
    margin-bottom: 0px!important;
    font-size: 14px!important;
    height: 80px!important;
}

.no-padding{
	padding:0px 5px!important;
	font-size:14px!important;
}
.solucion-content hr.solucion-line {
    margin-top: 0px!important;
	margin-left: 15px!important;
	margin-right: 15px!important;
    border-top: 1px solid #A7A9AC!important;
}
.link-servicios {
    text-align: right!important;
    margin-left: 15px;
    padding-right: 34px;
    width: 100%;
    display: block;
	position: absolute!important;
    height: 270px;
    top: 0px;
    left: -10px;
}
.link-servicios svg{
	position: relative;
    top: 223px;
    right: -11px;
}
/*-------------------------------NOSOTROS---------------------------------*/
.section-header.nosotros{
	background-image: url("../images/nosotros_itstrade.jpg")!important;
	background-position: center center!important;
	
}
.nosotros-line{
	margin-top: 50px!important;
	border-top: 1px solid #ee5657!important;
}
#nosotros{
	text-align: center!important;
}
#nosotros .certificado-tit{
	color:#1C577A!important;
	font-style: italic!important;
	font-family: 'DM Sans', sans-serif!important;
	margin-bottom:20px!important;
	margin-top:20px!important;
}
/*-------------------------------CONTACTO----------------------------------*/
.contact-info {
	margin-bottom: 80px!important;
}
.contact-info h2, .contact-info p{
	text-align: left!important;
}
.contact-info svg{
	fill:#1C577A!important;
	max-width: 32px!important;
	width: auto!important;
	float:left!important;
	height: 32px!important;
	display: block;
	margin-bottom: 32px!important;
	margin-right: 15px!important;
}
.contact-info svg + p{
	float:left!important;
}
.contact-info svg:last-child{
	clear:both!important;
}
.contact-info hr{
	clear:both!important;
	margin: 25px 0px!important;
}
.contact-info hr{
	clear:both!important;
}
.contact-info hr{
	margin-top: 0px!important;
	border-top: 1px solid #ee5657!important;
}
.formulario{
	margin: 18% 0% 15% 15%!important;
	float: right;
}
.formulario input{
	border:1px solid #1c577a!important;
	border-radius:20px!important;
	background-color: #fff!important;
	color:#2b2b2b!important;
	width:550px!important;
	height: 40px!important;
	margin-bottom:20px!important;
	padding-left: 20px!important;
}
.formulario textarea{
	border:1px solid #1c577a!important;
	border-radius:20px!important;
	background-color: #fff!important;
	color:#2b2b2b!important;
	width:550px!important;
	height: 128px!important;
	margin-bottom:20px!important;
	resize:none!important;
	padding-left: 20px!important;
	padding-top: 5px!important;
}
.formulario input[type="submit"]{
	background-color: #1c577a!important;
	max-width: 90px!important;
	color:#fff!important;
	font-weight: 700!important;
	float:right!important;
	padding: 0px!important;
}
.formulario textarea:focus, .formulario input:focus{
    outline: none;
}
/*-------------------------------SOLUCION INDIVIDIAL---------------------------------*/
#solucion .pic{
	width: 486px!important;
	height: 500px!important;
	margin-bottom: 40px!important;
}
.consultoria{
	background-image: url("../images/consultoria_itstrade.jpg");
	background-size: cover;
	background-position: center;
}
.herramientas {
    background-image: url("../images/herramientas_digitales.jpg");
    background-size: cover;
    background-position: center;
}
.permisos {
    background-image: url("../images/permisos_certificaciones_itstrade.jpg");
    background-size: cover;
    background-position: center;
}
.desarrollo {
    background-image: url("../images/desarrollo.jpg");
    background-size: cover;
    background-position: center;
}

#solucion .number-title{
	text-align: left!important;
	font-size: 1.8em!important;
}
#solucion .solucion-tit{
	font-size: 2.4em!important;
    min-height: 40px!important;
    padding: 0px!important;
    margin-top: 0px!important;
    text-align: left!important;
}
#solucion hr{
	margin-top: 0px!important;
	border-top: 1px solid #ee5657!important;
	margin-bottom: 25px!important;
	text-align: left;
	margin-left: 0px!important;
}
#solucion p{
	text-align: left!important;
	font-size: 1.0em!important;
}
#solucion h3{
	font-size: 1.3em!important;
}
#solucion .masinfo{
	color: #fff!important;
    background-color: #1c577a!important;
    padding: 3px 15px;
    border-radius: 26px;
    font-family: 'Montserrat', sans-serif!important;
    display: inline-block;
    text-align: right;
    margin-bottom: 41px;
	float:right!important;
	font-weight: 600!important;
}
#solucion .masinfo:hover, #solucion .last-link:hover{
	text-decoration: none;
}
#solucion .last-link{
	clear: both!important;
	display: inline-block;
	float:right!important;
	margin-top:-20px!important;
	color:#2b2b2b!important;
	font-weight: 700!important;

}
.logos-solucion{
    padding: 0px 15%!important;
    width: 486px!important;
}
.logos-solucion img{
    float:left;
    margin:0px 20px;
}
.logos-solucion img:last-child {
    max-width:158px!important;
    padding-top: 3px;
    height:auto!important;
}
.nav-serv .link-servicios{
	
    text-align: center!important;
    margin-left: 0px;
    padding-right: 0px;
    width: 55px!important;
    height: 23px!important;
    display: block;
    position: inherit!important;
    top: 0px!important;
    right: 0px!important;
}
.nav-serv .link-servicios svg{
    width:23px!important;
    height:23px!important;
}
.link-servicios-full svg{
	fill:#1c577a!important;
	width:36px!important;
	height: 34px!important;
	margin: 20px 0px!important;
}
.nav-serv .link-servicios:first-child{
	transform: rotate(180deg)!important;
}
.nav-serv .link-servicios svg {
    position: relative;
    top: 0px!important;
    right: 0px!important; 
}
.nav-serv{
	padding:20% 0% 20% 3%!important;
}
#solucion .solucion-content ul{
	padding: 18px!important;
	color:#ee5657!important;
}
#solucion .solucion-content ul li{
	text-align: left!important;
	font-size: 1.0em!important;
	color:#ee5657!important;
	margin-bottom: 15px;
}
#solucion .solucion-content ul li:nth-child(4) b, 
#solucion .solucion-content ul li:nth-child(5) b{
    text-decoration:none!important;
    color: #2b2b2b!important;
}
#solucion .solucion-content ul li b, #solucion .solucion-content ul li b a{
	/* color:#1c577a!important;
	text-decoration: underline!important;*/
	text-decoration:none!important;
    	color: #2b2b2b!important;
}
#solucion .solucion-content ul li span{
	color:#2b2b2b!important;
}
.form-container{
	position:relative;
}
#validacion{
	display:none;
    position: absolute;
    top: 218px;
    width: 100%;
    text-align: center;
    background-color: #fff;
}