@font-face {
	font-family: 'Montserrat';
	src: url("../fonts/Montserrat/Montserrat-Bold.ttf");
}
@font-face {
	font-family: 'Montserrat-BI';
	src: url("../fonts/Montserrat/Montserrat-BoldItalic.ttf");
}
@font-face {
	font-family: 'Montserrat-EB';
	src: url("../fonts/Montserrat/Montserrat-ExtraBold.ttf");
}
@font-face {
	font-family: 'Montserrat-Light';
	src: url("../fonts/Montserrat/Montserrat-Light.ttf");
}
@font-face {
	font-family: 'Montserrat-Medium';
	src: url("../fonts/Montserrat/Montserrat-Medium.ttf");
}
@font-face {
	font-family: 'Montserrat-Regular';
	src: url("../fonts/Montserrat/Montserrat-Regular.ttf");
}
@font-face {
	font-family: 'CeraPro-Black';
	src: url("../fonts/CeraPro/CeraPro-Black.ttf");
}
@font-face {
	font-family: 'CeraPro-Medium';
	src: url("../fonts/CeraPro/CeraPro-Medium.ttf");
}
.mon-med{
    font-family: 'Montserrat-Medium' !important;
}
.mon-r{
    font-family: 'Montserrat-Regular' !important;
}
.mon-b{
    font-family: 'Montserrat' !important;
}
.mon-bi{
    font-family: 'Montserrat-BI' !important;
}
.mon-eb{
    font-family: 'Montserrat-EB' !important;
}
.mon-li{
    font-family: 'Montserrat-Light' !important;
}
.cer-b{
    font-family: 'CeraPro-Black' !important;
}
.cer-m{
    font-family: 'CeraPro-Medium' !important;
}
html, body {
    max-width: 100%;
    overflow-x: hidden;
}
.ccont { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: flex; 
    flex:1 0 auto; 
	
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
.div-nav
{
	position: fixed;
	width: 100%;
	z-index: 2000;
}
#sec-servicios{
	background-color: #181818;
}
#sec-marcas{
	background-image: linear-gradient(to top,  #dadada,#ffffff);
}
.b-menu{
	background-color: black;
}
.b-menu a{
	color: white;
}
.div5{
    padding: 5%;
}
.col-servs{
	padding: 2%;
}
.col-servs .card{
	height: 100%;
}
.div-headspace{
	height: 108px;
	width: 100%;
	background-color: white;
}
.banner-1{
	background-color: #0d2f47;
	/* background-image: linear-gradient(to top,  #0d2f47,#0070c0); */
	background-image: url('../img/bk-cyber.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	padding: 115px 5% 115px 5%;
}
.banner-bf{
	background-color: #b12a30;
	background-image: url('../img/bk-bfr.png');
	background-size: auto 100%;
	background-repeat: no-repeat;
	padding: 115px 5% 115px 5%;
}
#first-banners h2{
	font-size: 50px;
	text-shadow: 1px 1px 15px rgb(18, 11, 63);
}
.row-banner1{
	background-color: #ffffff;
	background-image: url('../img/banner2.png');
	background-position: top right;
	background-size: auto 100%;
	background-repeat: no-repeat;
	transition: all 0.3s ease;
}
.row-banner2{
	background-color: #dddddd;
	background-image: url('../img/banner3.png');
	background-position: top left;
	background-size: auto 100%;
	background-repeat: no-repeat;
	min-height: 300px;
	transition: all 0.3s ease;
}
/* .row-banner1:hover{
	background-image: url('../img/banner1.png');
	background-position: top right;
	background-size: 50%;
	background-repeat: no-repeat;
} */
.col-servs .card{
	border-radius: 10px;
	margin-top: 50px;
	height: 397px;
	transition: all 0.5s ease;
}
.col-servs .card:hover{
	margin-top: 0px;
	box-shadow: 0px -1px 81px -30px rgba(0,0,0,0.75);
	-webkit-box-shadow: 0px -1px 81px -30px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px -1px 81px -30px rgba(0,0,0,0.75);
	transition: all 0.5s ease;
}
.col-servs img{
	border-radius: 10px 10px 0px 0px;
}
.div-foot{
padding: 20px;
background-color: gray;
color: white;
}
.div-foot a{
	color: white;
}
.div-foot i{
	font-size: 25px;
}
#sec-marcas{
	background-color: white;
}
#contact-form input{
	border-radius: 100px;
	border-color: gray;
}
#contact-form textarea{
	border-radius: 20px;
	border-color: gray;
}
#contact-form input::placeholder, #contact-form textarea::placeholder{
	color: #424649;
	font-family: 'Montserrat-Medium' !important;
}
.img-end{
	position: absolute;
    bottom: 0px;
    width: 100%;
    margin-left: 0%;
    max-width: 500px;
}
.logo{
	padding: 5%;
}
.col-servs{
	-ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.div-all-marcas{
	background-image: linear-gradient(to top, #505050, #5c5c5c);
}
.marcas img{
	width: 100%;
	-webkit-filter: drop-shadow(0px 0px 5px rgb(49, 49, 49));
  	filter: drop-shadow(0px 0px 5px rgb(49, 49, 49));
}
/* .marcas p{
	margin-top: 15px;
} */
.product-inicio img{
	width: 85%;
	transition: all 0.3s ease;
}
.product-inicio:hover img{
	width: 100%;
}
/*.product-inicio:hover{
	background-image: url('../img/proyect/back.png');
	background-size: 100% 100%;
}*/
@media (max-width: 1700px) {
	.col-servs{
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}
}
@media (max-width: 1200px) {
	.col-servs{
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (max-width: 991px) {
	.nonphone-md{
		display: none;
	}
	.banner-1{
		background-size: auto 100%;
		background-repeat: no-repeat;
		background-position: right;
	}
}
@media (max-width: 767px) {
	.nonphone-sm{
		display: none;
	}
	.col-servs .card{
		height: auto;
	}
	.div5{
		padding: 10%;
	}
	.row-banner1{
		background-color: #ffffff;
		background-image: none;
	}
	.row-banner2{
		background-color: #d1d1d1;
		background-image: none;
	}
	.banner-1{
		padding: 15%;
		padding-top: 150px;
	}
	#first-banners h2{
		font-size: 25px;;
	}
	h1{
		font-size: 2rem;
	}
	.col-servs{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
}
@media (max-width: 575px) {
	.col-xs-6{
		-ms-flex: 0 0 50%;
    	flex: 0 0 50%;
    	max-width: 50%;
	}
}