/*** STYLES PROCEDIMIENTOS NUEVOS ***/



 .btns-top-p {
    position: absolute;
    top: 10%;
    right: 0;
    left: 0;
    text-align: center;
    z-index:333;
  }

   .btns-top-p .content-btns-p {
    background: #fff;
    display: inline-block;
    border-radius: 45px;
    padding: 10px 25px;
   }

   .btns-top-p .content-btns-p a {

    color: #0041a8;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    background: transparent;
    padding: 13px 30px;
    border-radius: 30px;
    display: inline-block;

   }

   .btns-top-p .content-btns-p a.active {
      background: #0041a8;
      color: #fff;
   }

.contents-p-new {display:flex;align-items:center;justify-content:space-between;height:92vh;margin-top:auto;width:100%;}
.contents-p-new .content-left-p-new {
	height: 100%;
    flex: 0 0 50%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 50px 100px 50px 50px;
    background-size: cover !important;
    background-position: 400px 0px !important;
    background-repeat: no-repeat !important;
    background-color: #001447 !important;
    transition:.6s;
}

.contents-p-new .content-left-p-new.background-animate {
	background-position: 15px 0px !important;
	transition:.6s;
}

.contents-p-new .content-left-p-new h3 {
	color: #fff;
	font-family: "Saira Semi Condensed", sans-serif;
	font-size: 67px;
	text-transform: uppercase;
	font-weight:200;
	transform: translate(-40px, 0px);
	opacity:0;
	transition:.6s;
}
.contents-p-new .content-left-p-new p {
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	margin: 0;
	max-width: 75%;
	transform: translate(-40px, 0px);
	opacity:0;
	transition:.6s;
}

.contents-p-new .content-left-p-new .animate-texts-transition {
	opacity:1;transform: translate(0px, 0px);transition:.6s;
}

.contents-p-new .content-right-p-new {    display: flex
;
    align-items: center;height:100%;flex:0 0 50%;background: linear-gradient(187deg, rgba(223, 225, 232, 1) 23%, rgba(255, 255, 255, 0) 64%);}

.content-right-p-new svg {max-width: 25%;margin-left: 20%;transform: translate(-30px, 0px);opacity:0;transition:.6s;}
.content-right-p-new .aboslte-contant {left:45%}

.content-right-p-new .absolute-text-title {
	position: absolute;
	left: 5%;
	top: 5%;
}

.content-right-p-new .absolute-text-title h4 {
	font-family: GeogrotesqueCyr-Medium;
	color: #000;
	margin: 0;
	font-size: 30px;
	opacity:0;
	transition:.6s;
	transform: translate(0px, -30px);
}

.content-right-p-new .absolute-text-title.animate-title-p h4 {
	opacity:1;
	transform: translate(0px, 0px);
	transition:.6s;
}
.content-right-p-new svg.animate-svg-transition {opacity:1;transform: translate(0px, 0px);transition:.6s;}


@media screen and (max-width: 1440px) {
	.content-right-p-new svg {margin-left:14%;}
	.content-right-p-new .aboslte-contant {left:37%;}
}

 @media (max-width: 768px) {

 	header {background:#fff !important}

 	body {background-image:none !important;}

 	.absolute-title-p .content-right {
     padding: 30px 0px 10px;
     
 	}

 	.contents-p-new .content-left-p-new h3 {
 		font-size:45px;
 	}

 	.contents-p-new .content-left-p-new {
 		margin-top: 15%;
 		padding: 100px 50px 50px 50px
 	}

 	.contents-p-new .content-left-p-new p {
 		font-size:18px;
 		max-width:100%;
 	}


    .main-layout {
      flex-direction: column;
      height:auto;
    }

    .main-layout .swiper-pagination {
      bottom: 2.4vw;
    }

    .slider-section {
      flex: 1 1 100%;
      width: 100%;
      padding:0px;
      margin-top:35%;
    }

     .info-panel {
      flex: 1 1 100%;
      width: 100%;
      margin-top: 25px;
      padding: 40px 50px;
      border-radius: 15px;
    }

    .swiper-slide {
      width: 90%;
      height: 55vh !important;
    }

    .btns-top-p .content-btns-p {
      padding:10px;
    }

    .btns-top-p {
      top:8%;
    }

    .btns-top-p .content-btns-p a {padding:13px 15px}

    .contents-p-new {flex-direction:column;height: auto;overflow:hidden;}
    .content-right-p-new svg {max-width:60%;margin-left: 5%;}

  }