/*------------------------------------------------------------------
[ 1 ]*/
@font-face {
	font-family: Roboto-Regular;
	src: url('../fonts/Roboto/Roboto-Regular.ttf'); 
  }
  
  @font-face {
	font-family: Roboto-Medium;
	src: url('../fonts/Roboto/Roboto-Medium.ttf'); 
  }
  
  @font-face {
	font-family: Roboto-Bold;
	src: url('../fonts/Roboto/Roboto-Bold.ttf'); 
  }
  
  @font-face {
	font-family: Roboto-Black;
	src: url('../fonts/Roboto/Roboto-Black.ttf'); 
  }
  
  /*------------------------------------------------------------------
  [ 2 ]*/
  @font-face {
	font-family: Lato-Regular;
	src: url('../fonts/Lato/Lato-Regular.ttf'); 
  }
  
/*para los titulos*/
.how2 {
	height: 50px;
	border: 1px solid #e6e6e6;
	padding: 0 18px;
	position: relative;
  }
  .how2-cl1::before {
	background-color: #C50F15;
  }
  
  .how2-cl3::before {
    background-color: #2f3037;
}
.how2::before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: calc(100% + 2px);
    top: -1px;
    left: -1px;
}
.f1-m-2 {
    font-family: Roboto-Medium;
    font-size: 18px;
    line-height: 1.333333;
    padding-top: 10px;
}
  .section-title-underline {
	color: #FFF;
	font-size: 18px;
	font-family: Roboto-Medium;
	text-align: center;
  }
  
  .section-title-underline span {
	display: inline-block;
	border-bottom: 4px solid #51be78;
  }

.f1-s-1 {
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 1.7;
}
.tab01-link {
    padding-left: 10px;
    white-space: nowrap;
}
.tab01-title {
    padding-right: 25px;
  }
.cl9 {
    color: #2f3037;
}
.cl12 {
    color: #B10104;
}

.how2-cl1::before {
	background-color: #B10104;
  }
  
.services-inner-box{
	padding: 30px;
  background: #C50F15;  
  border: 1px solid #fff;
	margin-bottom: 10px;
	border-radius: 50px 50px 0px 50px;
	position: relative;
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
  height: 125px;
}
.services-inner-box h2{
	font-weight: 600;
	position: relative;
    z-index: 1;
    color: #FFFFFF;
}
.services-inner-box p{
	font-size: 14px;
	position: relative;
	z-index: 1;
}

.services-inner-box::after{
	background: #fff;
	width: 0px;
	height: 0px;
	content: "";
	position: absolute;
	right: 0px;
	bottom: 0px;
	border-radius: 50px 50px 0px 50px;
	transition: all 0.3s ease-in-out 0s;
	z-index: 0;
}
.services-inner-box:hover::after{
	width: 100%;
	height: 100%;
  transition: all 0.3s ease-in-out 0s;
}

.services-inner-box:hover .ser-icon i{
	color: #C50F15;
}

.services-inner-box:hover h2{
	color: #C50F15;
	transition: all 0.3s ease-in-out 0s;
}
.services-inner-box:hover p{
	color: #ffffff;
}



.services-inner-box2{
	padding: 30px;
  background: #109331; 
  border: 1px solid #fff;
	margin-bottom: 10px;
	border-radius: 50px 50px 0px 50px;
	position: relative;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
    min-height: 125px;
}
.services-inner-box2 h2{
	font-weight: 600;
	position: relative;
    z-index: 1;
    color: #FFFFFF;
}
.services-inner-box2 p{
	font-size: 14px;
	position: relative;
	z-index: 1;
}

.services-inner-box2::after{
	background: #fff;
	width: 0px;
	height: 0px;
	content: "";
	position: absolute;
	right: 0px;
	bottom: 0px;
	border-radius: 50px 50px 0px 50px;
	transition: all 0.3s ease-in-out 0s;
	z-index: 0;
}
.services-inner-box2:hover::after{
	width: 100%;
	height: 100%;
  transition: all 0.3s ease-in-out 0s;
}

.services-inner-box2:hover .ser-icon i{
	color: #109331;
}

.services-inner-box2:hover h2{
	color: #109331;
	transition: all 0.3s ease-in-out 0s;
}
.services-inner-box2:hover p{
	color: #ffffff;
}


.services-inner-box3{
	padding: 30px;
  background: #2f3037;  
  border: 1px solid #fff;
	margin-bottom: 10px;
	border-radius: 50px 50px 0px 50px;
	position: relative;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
    min-height: 125px;
}
.services-inner-box3 h2{
	font-weight: 600;
	position: relative;
    z-index: 1;
    color: #FFFFFF;
}
.services-inner-box3 p{
	font-size: 14px;
	position: relative;
	z-index: 1;
}

.services-inner-box3::after{
	background: #fff;
	width: 0px;
	height: 0px;
	content: "";
	position: absolute;
	right: 0px;
	bottom: 0px;
	border-radius: 50px 50px 0px 50px;
	transition: all 0.3s ease-in-out 0s;
	z-index: 0;
}
.services-inner-box3:hover::after{
	width: 100%;
	height: 100%;
  transition: all 0.3s ease-in-out 0s;
}

.services-inner-box3:hover .ser-icon i{
	color: #2f3037;
}

.services-inner-box3:hover h2{
	color: #2f3037;
	transition: all 0.3s ease-in-out 0s;
}
.services-inner-box3:hover p{
	color: #ffffff;
}


.tupa{
	padding: 30px;
  background: #E77D16;  
  border: 1px solid #fff;
	margin-bottom: 10px;
	border-radius: 50px 50px 0px 50px;
	position: relative;
    transition: all 0.3s ease-in-out 0s;
    cursor: pointer;
    min-height: 125px;
}

.tupa h2{
	font-weight: 600;
	position: relative;
    z-index: 1;
    color: #FFFFFF;
}
.tupa p{
	font-size: 14px;
	position: relative;
	z-index: 1;
}

.tupa::after{
	background: #fff;
	width: 0px;
	height: 0px;
	content: "";
	position: absolute;
	right: 0px;
	bottom: 0px;
	border-radius: 50px 50px 0px 50px;
	transition: all 0.3s ease-in-out 0s;
	z-index: 0;
}
.tupa:hover::after{
	width: 100%;
	height: 100%;
  transition: all 0.3s ease-in-out 0s;
}

.tupa:hover .ser-icon i{
	color: #E77D16;
}

.tupa:hover h2{
	color: #E77D16;
	transition: all 0.3s ease-in-out 0s;
}
.tupa:hover p{
	color: #ffffff;
}

.ser-icon{
	text-align: center;
	position: relative;
	z-index: 1;
}
.ser-icon i{
	font-size: 30px;
	color: #fff;
}

.f1-s-1 {
    font-family: Roboto-Regular;
    font-size: 14px;
    line-height: 1.7;
}

.tab01-link {
    padding-left: 10px;
    white-space: nowrap;
}

*, :after, :before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	line-height: unset;
	font-size: unset
}
li, ul {
	margin: 0;
	list-style-type: none
}
input, label, textarea {
	display: block;
	outline: 0;
	border: none;
	margin: 0
}
button {
	outline: 0;
	border: none;
	background: 0 0;
	cursor: pointer
}
button:focus {
	outline: 0
}

.fs-12 {
	font-size: 12px
}
.trans-03 {
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
.flex-col-s-c, .flex-col-s-e, .flex-col-s-s, .flex-col-s-st, .flex-col-wr-s-c, .flex-col-wr-s-e, .flex-col-wr-s-s, .flex-col-wr-s-st, .flex-colrev-s-c, .flex-colrev-s-e, .flex-colrev-s-s, .flex-colrev-s-st, .flex-colrev-wr-s-c, .flex-colrev-wr-s-e, .flex-colrev-wr-s-s, .flex-colrev-wr-s-st, .flex-row-s-c, .flex-row-s-e, .flex-row-s-s, .flex-row-s-st, .flex-row-wr-s-c, .flex-row-wr-s-e, .flex-row-wr-s-s, .flex-row-wr-s-st, .flex-rowrev-s-c, .flex-rowrev-s-e, .flex-rowrev-s-s, .flex-rowrev-s-st, .flex-rowrev-wr-s-c, .flex-rowrev-wr-s-e, .flex-rowrev-wr-s-s, .flex-rowrev-wr-s-st, .flex-s-c, .flex-s-e, .flex-s-s, .flex-s-st, .flex-wr-s-c, .flex-wr-s-e, .flex-wr-s-s, .flex-wr-s-st, .jus-s {
	justify-content: flex-start
}
.ali-c, .flex-c-c, .flex-col-c-c, .flex-col-e-c, .flex-col-s-c, .flex-col-sa-c, .flex-col-sb-c, .flex-col-wr-c-c, .flex-col-wr-e-c, .flex-col-wr-s-c, .flex-col-wr-sa-c, .flex-col-wr-sb-c, .flex-colrev-c-c, .flex-colrev-e-c, .flex-colrev-s-c, .flex-colrev-sa-c, .flex-colrev-sb-c, .flex-colrev-wr-c-c, .flex-colrev-wr-e-c, .flex-colrev-wr-s-c, .flex-colrev-wr-sa-c, .flex-colrev-wr-sb-c, .flex-e-c, .flex-row-c-c, .flex-row-e-c, .flex-row-s-c, .flex-row-sa-c, .flex-row-sb-c, .flex-row-wr-c-c, .flex-row-wr-e-c, .flex-row-wr-s-c, .flex-row-wr-sa-c, .flex-row-wr-sb-c, .flex-rowrev-c-c, .flex-rowrev-e-c, .flex-rowrev-s-c, .flex-rowrev-sa-c, .flex-rowrev-sb-c, .flex-rowrev-wr-c-c, .flex-rowrev-wr-e-c, .flex-rowrev-wr-s-c, .flex-rowrev-wr-sa-c, .flex-rowrev-wr-sb-c, .flex-s-c, .flex-sa-c, .flex-sb-c, .flex-wr-c-c, .flex-wr-e-c, .flex-wr-s-c, .flex-wr-sa-c, .flex-wr-sb-c {
	align-items: center
}

.titulo-primary {
	color: #2f3037;
	font-size: 30px;
	font-family: "Nunito Sans", Arial, sans-serif;
	margin: 0 0 7.5px;
	font-weight: bold;
}

.border-primary {
	position: relative; }
	.border-primary h2 {
	  font-weight: 700 !important; }
	.border-primary:after {
	  position: absolute;
	  content: "";
	  width: 80px;
	  height: 3px;
	  background: #F4B142; }
	.border-primary.text-center:after {
	  left: 50%;
	  -webkit-transform: translateX(-50%);
	  -ms-transform: translateX(-50%);
	  transform: translateX(-50%); }
	.border-primary.text-left:after {
	  -webkit-transform: translateX(0%);
	  -ms-transform: translateX(0%);
	  transform: translateX(0%); }