/**************** Hsoting  *******************/
.hosting,
.aplications {
	position: relative;
	padding: 100px 0px;
}
.descrip_hosting {
	display: flex;
	justify-content: center;
	align-items: center;
}
.descrip_hosting p {
	text-align: justify;
	color: #000;
	padding: 0px 10px;
	margin-top: 5px;
}



.nuestros_p {
	background:#f4f4f4;
}
.ventajas {
	background:#f4f4f4;
	/*border-top:1px solid #353535;
	border-bottom:1px solid  #F0AF11;*/
	margin-top: 100px;
}
.nuestros_p h1,
.ventajas h1,
.aplications h1 {
	color:  #353535;
	font-size: 28px;
	margin-top: 10px;
}
.nuestros_p h1 {
	margin-top: 35px !important;
}
/*.nuestros_p .border-top {
	background-image: linear-gradient(45deg, #353535 61%, transparent 49%);
	height: 2px;
}
.nuestros_p .border-bottom {
	background-image: linear-gradient(45deg, transparent 31%, #F0AF11 9%);
	height: 2px;
	top: 98%;
	position: relative;
}*/

.feature-box-02 .icon {
	float: none !important;
	/*border-radius: 90px;*/
	height: 70px !important;
	width: 70px !important;
	line-height: 78px !important;
	text-align: center !important;
	margin-right: 0px !important;
	background: #F0AF13 !important;
	color: #ffffff !important;
	margin-bottom: 20px !important;

	border-top-left-radius: 90px !important;
	border-top-right-radius: 90px !important;
	border-bottom-left-radius: 0 !important;

	left: 50%;
 position: relative;
 margin-left: -35px !important;
}
.info h5 {
	text-align: center;
	min-height: 50px;
}
.mb-80 {
 margin-bottom: 20px !important;
}
.mt-50 {
 margin-top: 30px !important;
}

/***********************  Ventajas   *******************************/
.ventajas {
	background: #fff !important;
	position: relative;
	display: flex;
	justify-content: center;
	align-items:center;
	/*min-height: 100vh;*/
}
.ventajas h1 {
	/*display: inline;*/
	display: inline-block;
	padding-bottom: 2px;
	border-bottom: 1px solid #F0AF11;
	border-bottom-right-radius: 25px;
	position: relative;
	margin-bottom: 40px;
}
.ventajas h1::after {
	right: -120px;
}
.ventajas h1::before {
	left: -120px;
}
.ventajas h1::after,
.ventajas h1::before {
	top: 0;
	color:  #F0AF11;
	margin: auto;
	content: "\f219";
	font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 text-decoration: inherit;
	height: 6px;
	position: absolute;
}


.ventajas .borders::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transform: skew(1deg,1deg);
}
.ventajas .borders:hover i {
	transform:  translateY(-20%);
	transition: all 1s linear;
}
.pricing {
	box-shadow: none;
}
.ventajas i {
	margin-bottom: 20px;
	transition: all .50s ease-out;
}
.ventajas .text-description {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 16px;
}
.ventajas .bottom-m3 {
	position: relative;
	overflow: hidden;
	z-index: 2;
}


.ventajas .bottom-m4 .pricing {
	background: #353535;
	border: .5px groove #F0AF11;
	min-height: 425px;
}
.ventajas .bottom-m4 .pricing .pricing-title {
	/*position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;*/
	/*transition: 0.5s;*/
	z-index: 1;
}
/*.ventajas .bottom-m4 .pricing:nth-child(1) .pricing-title {
	background: #F0AF11;
}*/
.ventajas .bottom-m4 .pricing .pricing-title {
	top: 0;
	left: 0;
	width: 90px;
	height: 80px;
	/*border-radius: 50%;*/
	
	border-top: 90px solid #f0af11;
	border-left: 90px solid #353535;
	border-right: 90px solid #353535;
	border-bottom: 0px solid #353535;
	position: absolute;
	right: 0;
	margin: 0 auto;
	transition: 0.1s ease-in-out;
}
.ventajas .bottom-m4 .pricing .pricing-title .fa {
	position:  absolute;
	top: 25%;
	left: 50%;
	transform:  translate(-50%, 50%);
	font-size: 45px;
	transition: 0.5s;
	color:  #fff;

	background: #353535;
	padding: 30px;
	border-radius: 90px;
	border-top-left-radius: 90px !important;
	border-top-right-radius: 90px !important;
	border-bottom-left-radius: 0 !important;
}
.ventajas .bottom-m4 .pricing .pricing-title .fa {
	font-size: 35px;
	top: 12.5%;
	background: transparent !important;
	padding: 0;
	margin-top: -80px;
}
.ventajas .bottom-m4 .pricing .text-description {
	position:  absolute;
	top: 12.5%;
	
	text-align: center;
	padding: 12px;
	transition: 0.5s;
}
/*.ventajas .bottom-m4 .pricing:hover .text-description {
	top: 1000px;
	opacity: 1;
}*/
.ventajas .bottom-m4 .pricing .text-description h5 {
	color: #fff;
	margin: 0 0 10px;
	margin-top: 25px;
}
.ventajas .bottom-m4 .pricing .text-description p {
	margin: 0;
	padding: 0;
	text-align: justify;
	color: #fff;
	font-size: 13px;
}
.ventajas .bottom-m4 .pricing .text-description .section-title {
	margin-bottom: 0px;
}








/******************************** Aplicaciones *******************************************/

.aplications {
	position: relative;
}
.aplications h1 {
	margin-bottom: 50px;
	position: relative;
}

.aplications .wrapper {
	display:  inline-block;
	width: 100%;
	border-bottom: 1px solid #F0AF11;
}
.aplications .wrapper:last-child {
	border-bottom: none;
}
.aplications .wrapper .col-md-4 {
	border-right: 1px solid #353535;
	display: inline-block;
	min-height: 80px;
	line-height: 80px;
}
.aplications .wrapper .col-md-4:last-child {
	border-right: none;
}
.aplications .wrapper .col-md-4 img {
	max-height: 60px;
	max-width: 140px;
	opacity: .3;
	transition: all 1s ease-in-out;
	display: block;
	margin:  0 auto;
}
.aplications .wrapper .col-md-4 img:hover {
	opacity: 1;
	transition: all .55s ease-in;
	transform: scale(1.2);
}

@media only screen and (max-width: 1024px) {
	.info h5 {
		min-height: 50px;
	}
	.ventajas .bottom-m4 .pricing {
		min-height: 500px;
	}
}

@media only screen and (max-width: 816px) {
	.hosting, .aplications {
		padding: 50px 0px;
	}
	.info h5 {
		line-height: 18px;
		min-height: 60px;
		justify-content: center;
  align-items: center;
  display: flex;
	}
	.feature-box-02 .icon {
		margin-left: -35px !important;
	}
	.feature-box-02 .info p {
		font-size: 14px !important;
 	line-height: 1.4;
	}

	.aplications .wrapper .col-md-4 {
		min-height: 55px;
  width: 232px;
	}
}


@media (max-width: 640px) {
	.descrip_hosting video {
		margin-bottom: 20px;
	}
	.descrip_hosting,
	.ventajas {
		display: block;
		height: auto;
	}
	.nuestros_p h1 {
		font-size: 38px;
	}
	.nuestros_p h1 span {
		padding: 0px;
	}
	.nuestros_p .mb-80 {
  margin-bottom: 10px !important;
	}
	.nuestros_p .mt-50 {
	 margin-top: 30px !important;
	}
	.ventajas .cajones {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.ventajas h1::before {
		left: 10px;
		top: -40px;
	}
	.ventajas h1::after {
		right: 10px;
		top: -40px;
	}
	.aplications h1 {
		font-size: 30px;
	}
	.aplications h1 span {
		display: none;
	}
	.aplications .wrapper {
		border-bottom: none;
	}
	.aplications .wrapper .col-md-4 {
		display: block;
		border-right: none;
	}
}

@media only screen and (max-width: 416px) {
	.hosting, .aplications {
		padding: 25px 0px;
	}
	.nuestros_p h1 {
  font-size: 26px;
  margin-top: 15px !important;
  margin-bottom: 15px;
	}
	.info h5 {
		min-height: 40px;
	}
	.nuestros_p .mt-50 {
  margin-top: 0px !important;
	}
	.aplications h1 {
  font-size: 26px;
  margin-bottom: 20px;
	}
	.aplications .wrapper .col-md-4 {
  width: auto;
  min-height: 75px !important;
  height: 100%;
	}
	.aplications .wrapper .col-md-4 img {
		max-height: 100px!important;
	}

}