@font-face {
    font-family: "Source Sans Pro" ;
    src: url("../fonts/SourceSansPro-Regular.otf") format("opentype");
}

body{
	font-family: "Source Sans Pro";
	font-size: 21px;
	color: #6c757d!important;
}

header{
	background-color: #fff !important;
}

footer{
	height: 70px;
	color: #f2f2f2;
	font-size: 15px;
}
img{
	width: 100%;
}


nav{
	
    font-weight: 600;
    font-style: normal;
}

.active{
	color: #1151B3 !important;
}

.active:hover{
	color: #9198a0 !important;
}

nav li{
	padding-left: 50px;
}

nav a{
	color: #9198a0 !important;
}

nav a:hover{
	color: #1151B3 !important;
}

h1{

	font-weight: 900;
    font-style: normal;
    font-size: 32px;
   	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
}

#services{
	
	background-image:url(../../assets/img/nosotros.png); 
	-webkit-background-size: cover;
   -moz-background-size: cover;
   background-repeat: no-repeat;
   height: 100%;
   width: 100%;

}
#btn-service{
	width: 150px; 
	padding-top: 650px;
	 padding-bottom: 110px;
	 opacity: 0.8;

}

#servicetitle{
	padding-top: 110px;
	color: #fff;
}

 #title{
 	font-size: 40px;
 	
 }

 #btn-service:hover{
opacity: 1;
 }


.container{
	font-size: 18px;
}
#return{
	font-size: 15px;
}
.all-container{
	padding-left: 205px;
	padding-right: 205px;
	padding-top: 110px;
	padding-bottom: 110px;
}
.navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}

#img-top{
	padding-top: 30px;
	padding-bottom: 28px;
}

#img-top img{
	width: 170px;
	height: 170px;
}

#img-btn{
	position: absolute;
}

#cabecera{
	 width: 100%;
	}
#video {
	 left: 0;
	 top: 0;
	 width: 100%;
	 height: auto;
	 z-index: -10;
	 visibility: visible;
}

#img-us img{
	width:100%; 
	height:100%;
	position: absolute;


}


#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(53, 49, 121);
    background: rgba(52, 55, 144, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 9px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}

#btn-center{
	position: absolute;
	padding-top: 15
  font-size: 18px;
}



/*tables*/
@media screen and (max-width:1024px) and (min-width:768px) {
	#img-top{
		padding-top: 35px;
		padding-bottom: 25px;
	}
	#img-top img{
		width: 85px;
		height: 85px;
	}

	#img-us img{
		height: 540px; 
		

	}
	footer{
	height:80px;
	color: #fff;
}
	.morado {
	    padding-right: 0px;
	    background-color: #C5C8DD;
	    font-size: 15px;
	}



	.all-container{
		padding-left: 100px;
		padding-right: 100px;
		padding-top: 55px;
		padding-bottom: 55px;
	}


}

/*escritorios*/
@media screen and (max-width:1200px){
    /* reglas CSS */

   /* */
    #services{
		background-image:url(../../assets/img/nosotros.png);
		width: 100%;
		height: 600px;
	}

	#servicetitle{
	padding-top: 10px;
	color: #fff;
}

}

/*moviles*/
@media screen and (max-width:480px) and (min-width:320px) {
	#img-top{
		padding-top: 35px;
		padding-bottom: 25px;
	}
	#services{
		background-image:url(../../assets/img/nosotros.png);
		width: 100%;
		height: 200px;
	}
	#servicetitle{
	padding-top: 15px;
	color: #fff;
	}

	#btn-service{
    	width: 150px;
    	padding-top: 60px;
    	padding-bottom: 110px;
		opacity: 0.8;
	}
	
	
	#img-top img{
		width: 85px;
		height: 85px;
	}
	#img-us img{
		height: 250px; 
		

	}

	.all-container{
		padding-left: 55px;
		padding-right: 55px;
		padding-top: 55px;
		padding-bottom: 55px;
	}



	footer{
	height:80px;
	color: #fff;
	font-size: 10px;
	}

	
}