/*********************************************
  Css Softpang
**********************************************/

div
{
  display: block;
  /*position: relative;*/
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*********************************
1. Css de Seccion Eventos
*********************************/

.page_section
{
  padding-top: 117px;
  padding-bottom: 117px;
}
.section_title
{

}
.section_title h1
{
  display: block;
  color: #1a1a1a;
  font-weight: 500;
  padding-top: 24px;
}
.section_title h1::before
{
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 55px;
  height: 4px;
  content: '';
  background: #ffb606;
}

/*********************************
 Events
*********************************/


.event_items
{
  margin-top: 68px;
}
.event_item
{
  margin-bottom: 56px;
}
.event_item:last-child
{
  margin-bottom: 30px;
}
.event_date
{
  width: 131px;
  height: 131px;
  border: solid 2px #ffb606;
  margin-bottom: 18px;
  border-radius: 7px;
}
.event_day
{
  font-size: 48px;
  font-weight: 700;
  color: #ffb606;
  margin-bottom: 1px;
  line-height: 1;
}
.event_month
{
  font-size: 16px;
  font-weight: 700;
  color: #ffb606;
}
.event_name a
{
  font-size: 22px;
  font-weight: 500;
  color: #1a1a1a;
}
.event_name a:hover
{
  color: #ffb606;
}
.event_location
{
  font-size: 14px;
  font-weight: 500;
  color: #1a1a1a;
  margin-top: 2px;
}
.event_content p
{
  font-weight: 500;
  color: #a5a5a5;
  margin-top: 21px;
  margin-bottom: 13px;
}
.event_image
{

}
.event_image img
{
  width: 100%;
  border-radius: 15px;
}



/*********************************
2. Css de Seccion Boxed
*********************************/

.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 2px solid #004b8e;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0px 0px 5px 0px rgb(216 216 216);
}

.box-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px;
}

.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
}

.box-header.with-border {
    border-bottom: 1px solid #f4f4f4;
}
.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}


/*********************************
8.5 Milestones
*********************************/

.milestones
{
  width: 100%;
  margin-top: -102px;
}
.milestones_container
{
  width: 100%;
  padding-top: 118px;
  padding-bottom: 107px;
  margin-top: 108px;
}
.milestones_background
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}
.milestone
{
  width: 100%;
}
.milestone_icon
{
  display: inline-block;
  width: 70px;
  height: 70px;
}
.milestone_icon img
{
  width: 100%;
}
.milestone_counter
{
  font-size: 36px;
  font-weight: 500;
  color: #ffb606;
  line-height: 1;
  margin-top: 41px;
}
.milestone_text
{
  font-size: 22px;
  font-weight: 500;
  color: #FFFFFF;
  margin-top: 3px;
}



/************
5. 991px
************/

@media only screen and (max-width: 991px)
{

  .event_date
  {
    margin-top: 30px;
  }
  .event_name
  {
    margin-top: 17px;
  }
  .event_content p
  {
    margin-bottom: 0px;
  }

  .milestone_col
  {
    margin-bottom: 80px;
  }
  .milestone_col:last-child
  {
    margin-bottom: 0px;
  }

}

/************
5. 991px
************/

@media only screen and (max-width: 991px)
{

  .event_date
  {
    margin-top: 30px;
  }
  .event_name
  {
    margin-top: 17px;
  }
  .event_content p
  {
    margin-bottom: 0px;
  }

  .milestone_col
  {
    margin-bottom: 80px;
  }
  .milestone_col:last-child
  {
    margin-bottom: 0px;
  }

}

/************
6. 991px
************/

/*@media only screen and (max-width: 991px)
{

	
}*/


/************
11. 575px
************/

/*@media only screen and (max-width: 575px)
{
	h1{font-size: 24px;}
	p{font-size:13px;}
	
	
}*/


/*CSS Elementor*/
.section-gap {
    /*padding: 120px 0;*/
}
.pb-40 {
    padding-bottom: 40px;
}
.mb-10 {
    margin-bottom: 10px;
}
.mt-40 {
    margin-top: 40px;
}
.mt-120 {
    margin-top: 120px;
}
.info-area .info-left {
    z-index: 2;
}
.info-area .info-thumb {
    overflow: hidden;
    display: inline-block;
}
.info-area .info-content {
    box-shadow: 0px 0px 50px 0px rgb(157 157 157 / 30%);
    position: relative;
    background: #fff;
    padding: 80px 100px 80px 40px;
	text-align: justify;
}

.info-area .info-content:after {
    content: "";
    box-shadow: -35.355px 35.355px 50px 0px rgb(157 157 157 / 30%);
    position: absolute;
    right: 100%;
    top: 0;
    background: #fff;
    width: 70px;
    height: 100%;
}

@media (max-width: 991px){
	.info-area .info-content {
    	padding: 30px 30px 30px 0;
	}
}
@media (max-width: 800px){
	.info-area .info-left {
    	margin-top: 0px;
    	margin-bottom: 40px;
	}
	.info-area .info-content {
    	/*text-align: center;*/
    	padding: 80px 30px 80px 0;
	}
}