/*fonts*/

@font-face {
  font-family: 'MyriadWebPro-Bold';
  src: url('../fonts/MyriadWebPro-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/MyriadWebPro-Bold.woff') format('woff'), url('../fonts/MyriadWebPro-Bold.ttf')  format('truetype'), url('../fonts/MyriadWebPro-Bold.svg#MyriadWebPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular/Poppins-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/Poppins-Regular/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular/Poppins-Regular.ttf')  format('truetype'), url('../fonts/Poppins-Regular/Poppins-Regular.svg#Poppins-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
  background: #FFF;
  padding: 0;
  margin: 0;
}

.box-logo{ position: absolute; top: 10px; left: 10px; background-color: #1B259E;   border-radius: 0px 25px 0px 0px; box-shadow: 6px 6px 8px rgba(0,0,0,0.5);   position: fixed; z-index: 480; width: auto; height: auto; padding: 35px 15px; }

.fixed-top{ box-shadow: -6px 6px 8px rgba(0,0,0,0.5); }

h2{ color: #084371; text-transform: uppercase; font-weight: 700; font-size: 35px; line-height: 45px; margin-bottom: 30px; }
h3{ color: #1E1E1E; text-transform: uppercase; font-weight: 700; font-size: 1.8em; line-height: 1em; margin-bottom: 40px; }

hr.line{ margin-bottom: 1.7rem; border-top: 4px solid #1E1E1E; margin-right: 150px; }

.carousel h2{ font-family: 'Montserrat', sans-serif; font-size: 46px; line-height: 56px; font-weight: 600; color: #FFF; text-shadow: 8px 8px 12px #585858; margin-bottom: 10px; text-transform: inherit; }
.carousel p{ color: #FFF; font-family: 'Montserrat', sans-serif; font-size: 22px; line-height: 32px; font-weight: 500; margin-top: 10px; margin-bottom: 10px; }

a.circle-map{ width: 110px; height: 110px; border-width: 0px; background-color: #eaea15; border-radius: 60px; padding: 14px; position: relative; display: block; text-align: center; color: #000; font-size: 18px; line-height: 18px; font-weight: 700; text-decoration: none; }
a.circle-map:hover{ background-color: #e2e214; }

.btn-inline{ font-size: 16px; font-weight: 700; color: #1b259e; background: transparent; border-radius: 0; border: 3px solid #1b259e;  padding-left: 28px; padding-right: 28px; }
.btn-inline:hover, .btn-mirano:active, .btn-mirano:focus{ background: transparent; color: #222762; border-radius: 0; border: 3px solid #222762 !important; }

.btn-mirano{ font-size: 22px; color: #FFF !important; background: #1b259e; border-radius: 0; border: 4px solid #FFF; -webkit-box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.5); box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.5); padding-left: 28px; padding-right: 28px; }
.btn-mirano:hover, .btn-mirano:active, .btn-mirano:focus{ background: #101db9 !important; border-radius: 0; border: 4px solid #FFF !important; -webkit-box-shadow: 2px 3px 6px 1px rgba(0,0,0,0.5) ; box-shadow: 2px 3px 6px 1px rgba(0,0,0,0.5); padding-left: 28px; padding-right: 28px; }
.btn-mirano span{ font-weight: 800; }
.carousel-indicators{ bottom: 14%; }	
.carousel-indicators li{ position: relative; display: inline-block; width: 15px; height: 15px; padding: 0 !important; border-radius: 100px; background-clip: inherit !important; opacity: 1; -webkit-box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.5); box-shadow: 2px 3px 4px 1px rgba(0,0,0,0.5); margin: 0; margin-right: 8px; margin-left: 8px; border-top: 0px solid transparent;     border-bottom: 0px solid transparent; }
.carousel-indicators .active{ background: #f2f216; }

.form-control::placeholder { color: #a9aaaf; }

.navbar-light a.logo{ border-bottom: 0px !important; }
.navbar-light .nav-item a{ color: #1b259e !important; font-weight: 600; border-bottom: 2px solid #1b259e; margin-right: 25px; font-size: 16px; letter-spacing: 0.5px; }
.navbar-light .nav-item a:hover{ color: #1d2ac8 !important; }
.navbar-light .navbar-nav{ width: 100%; display: block !important; text-align: center;  }
.navbar-light .navbar-nav li.nav-item{ display: inline-block; }
.navbar-light .navbar-nav .dropdown-menu { background-color: #1b259e !important; border-radius: 0 !important; padding-top: 10px; padding-bottom: 10px; text-align: center; }
.navbar-light .navbar-nav .dropdown-menu a{ color: #FFF !important; border-bottom: 0px !important; }
.navbar-light .navbar-nav .dropdown-menu a:hover{ color: #F2F216 !important; }
.navbar-light .navbar-nav .dropdown-menu a.dropdown-item{ letter-spacing: -1px; }
.navbar-light .navbar-nav .dropdown-menu a.dropdown-item:hover{ background: transparent !important; }

.logo-inter{ position: absolute; top: 50%; left: 50%; margin-top: -80px; margin-left: -80px; z-index: 100; }
.nav-desktop{ width: 100%; text-align: center; }
.navbar-toggler{ font-size: 1.75rem; border: 0px solid transparent !important; }
.fa-bars{ color: #1B259E; }

.proyectos{ padding-top: 30px; }

.bloque-white{ background: #FFF; padding-bottom: 40px; }
.bloque-blue{ background: #1B259E; padding: 26px 0; margin-top: 20px; margin-bottom: 40px; color: #FFF; }
.bloque-blue h2{ text-transform: capitalize; line-height: 38px; font-size: 35px; color: #FFF; margin: 10px 0; }
.bloque-blue ul{ color: #FFF; margin:0; padding: 0; font-weight: 500; list-style: none; }
.bloque-blue .line-white{  }
.align-inline{ margin-top: 20px; text-align: left; }

.box-tag-blue{ color: #FFF; border-width: 0px; background-color: #1B259E; border-radius: 50px 0px 0px 0px; position: relative; padding: 51px 60px 25px 51px; }
.box-tag-blue h2{ color: #FFF; }
.box-tag-blue h5{ font-size: 22px; line-height: 24px; margin: 20px 0; }
.box-tag-blue .space{ margin-bottom: 45px; }

.proteccion{ padding-top: 30px; margin-bottom: -50px; }
.proteccion h2{ color: #000 }
.proteccion h5{ color: #000; margin: 30px 0; }
.proteccion .tip{ font-weight: 700; }
.bloque-bannerp{ position: relative; height: 450px; clear: both; display: block; background-image: url('../images/image-desktop.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }

.modal-content{ padding: 20px; }
.modal-title{ line-height: 35px; }
.modal-header{ border-bottom: 0; }
.lin{ text-decoration: underline; color: #000; }
.lin:hover{ color: #084371; }
.bar-button{ height: 80px; }
.bar-yellow{ color: #1B259E; font-size: 22px; line-height: 24px; text-align: center; border-color: #787878; background-color: #F2F216; border-radius: 0px 0px 10px 10px; padding: 10px 20px; position: relative; font-weight: 700; display: inline-block; margin: 0 auto; margin-bottom: 50px; }
.bar-yellow{ position: absolute; width: 330px; left: 11%; }
.bar-yellow.blue{ background-color: #1B259E; color: #FFF; }
.tag-t-blue{ min-height: 100px; background-color: #1B259E; border-radius: 0px 25px 0px 0px;
    padding: 10px; color: #FFFFFF; font-weight: 700; position: relative; margin-bottom: 10px; }
.btn_popup_element{ color: #FFF; font-size: 22px; font-weight: 700; border-width: 0px; border-color: transparent; background-color: #B20B77; padding: 10px; display: block; text-decoration: none !important; margin-bottom: 8px; }
.btn_popup_element.tm{ background-color: #f2f216; color: #000; }
.btn_popup_element.tm:hover { background-color: #eaea0e !important; color: #000; }
.btn_popup_element.tm:hover .clip_frame{ background-color: #eaea0e !important; color: #000; }
.btn_popup_element img { margin-top: -13px; }
.clip_frame{ width: 25px; height: 25px; background-color: #FFFFFF; border-radius: 20px; position: relative; float: right; margin-top: 5px; }
.btn_popup_element:hover{ color: yellow; }
.btn_popup_element:hover .clip_frame{ background-color: yellow; }
 
.mc-field-group { margin-bottom: 14px; }
.mc-field-group label{ font-size: 18px; line-height: 26px !important; }
.ali{ display: inline; font-size: 16px !important; }

.bar-t{ display: block; }
.bar-t-movil{ display: none !important; }

.header-top{ position: relative; width: 100%; padding: 12px; height: 84px; background-color: #FFF; }
.header-top h3.titular{font-family: Gill Sans,Gill Sans MT,sans-serif; color: #0f4279; font-size: 13px;line-height: 13px; margin: 16px 0; font-weight: 500;}
 .indicates-required{ color: red; margin-bottom: 15px; }
 .strong-field{ margin-top: 10px; }
.listr{ display: block;clear: both;width: 100%;margin-top: 10px;padding: 0;list-style: none; }
.listr input{ margin-right: 10px; }
p, ul{ font-size: 17.5px; color: #000; text-align: justify; letter-spacing: -0.5px; }
ul.list-item{ padding-left: 20px; }
.icons-det img{ display: inline-block; width: 100%; color: #666666; }
.icons-det span{ line-height: 16px; font-size: 18px; font-weight: 700; color: #000; }
.logo-pucp{ position: relative; margin-top: 40px; }
.co-spacer-b{ padding-bottom: 40px; }
.colb-image{ padding: 0 !important; }
.capa-opacity{ position: relative; width: 100%; height: 100%; background-color: rgba(0,0,0,0.2); }
a.bvideo{ position: absolute; width: 240px; right: 20px; background-color: #1B259E; color: #FFF; font-size: 22px; line-height: 24px; text-align: center; border-radius: 0px 0px 10px 10px; padding: 10px 0; text-decoration: none; color: #FFF !important; font-weight: 700; text-transform: uppercase; }
.datos{ padding: 70px 0; }
.btn-edit{ padding: 10px 16px; background: #961826 !important; border: 0 !important; font-weight: 700; font-size: 28px; line-height: 28px; border-radius: 18px; }
.btn-edit2{ padding: 13px 34px; background: #961826 !important; border: 0 !important; font-weight: 600; font-size: 25px; line-height: 25px; border-radius: 46px; }
.btn-edit.two{ font-weight: 600; font-size: 22px; line-height: 28px; border-radius: 18px; }
.btn-edit:hover, .btn-edit:focus, .btn-edit2:hover, .btn-edit2:focus{ background: #bb1225 !important; }
.sp{ margin-top: 20px; margin-bottom: 20px; }
.input-color{  }
.input-color:hover, .input-color:focus{ background-color: #0067af; color: #FFF }
.font-bold{ font-weight: 700 !important; }
.color-blue{ color: #1B259E; }
.no-margin{ margin-right: 0px !important; margin-left: 0px !important; }
.no-bo-margin{ margin-bottom: 0; }
.no-m-margin{ margin-bottom: 18px; }
a.btn-brochure{ z-index: 308; width: 202px; color: #FFF !important; font-size: 20px; line-height: 20px; font-weight: 700; text-transform: uppercase; text-align: center; border-style: solid; border-width: 6px; border-color: #FFFFFF; background-color: #B20B77; border-radius: 0px 25px 0px 0px; padding: 14px 20px; position: absolute; display: table-cell; vertical-align: middle; left: 50%;  margin-left: -101px; margin-top: -38px; text-decoration: none !important; }
a.btn-brochure:hover{ background-color: #c50280; }

.titular-footer{ text-shadow: inherit !important; margin-top: 100px; }
.carousel-caption.box-footer{ display: inline-block; margin-top: 60px; }
.spacer-btn{ padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; }
.bar-black{ position: relative; background: #000; color: #FFF; padding: 14px 0; margin-top: 20px; margin-bottom: 40px; }
.bar-black p{ font-size: 15px; line-height: 17px; }
.asterisk{ color: red; font-weight: 700; }

footer{ background:#FFF; padding: 30px 0; border-top: 2px solid #1B259E; margin-top: 50px; clear: both; }
footer p{ color: #1B259E !important; line-height: 1.5; font-weight: 500; text-align: right; }
footer .logo-footer{ margin-bottom: 16px; }

.fixed-right-icon{ z-index: 482; width: 69px; height: 102px; box-shadow: -6px 6px 8px rgba(0,0,0,0.5); border-width: 0px; background-color: #FFFFFF; border-radius: 10px 0px 0px 10px; padding-top: 12px; padding-bottom: 12px; position: fixed; top: 90px; right: 0px; color: #1B259E; text-align: center; }
.fixed-right-icon a{ display: block; margin-bottom: 10px; }
.fixed-right-icon a:hover{ opacity: 0.8; }

.modal-thnks{ font-size: 43px !important; line-height: 40px !important; font-weight: 700 !important; margin-top: 30px !important; margin-bottom: 30px !important; }
.sub-thnks{ margin-bottom: 40px; font-size: 1.8rem; }
.ths{ background: #b20b77 !important; border-radius: 70px !important; font-size: 1.5rem !important; line-height: 0.7 !important; color: #FFF !important; opacity: 1 !important;  padding: 1rem 1rem !important; padding-top: 0.8rem !important; }
.ths{ font-size: 1.5rem !important; font-weight: 700 !important; line-height: 0.7 !important; color: #FFF !important; }
a.bt-morado{ font-size: 22px; text-transform: uppercase; text-align: center; border-color: transparent; background-color: #b20b77 !important; box-shadow: 6px 6px 8px rgba(0,0,0,0.5); color: #FFF; font-weight: 700; padding: 10px 20px; border-radius: 10px !important; text-decoration: none !important; }
/*.modal-backdrop{ background: transparent; }
.modal.cphone-popup{  }*/

.custom-control-label{ font-size: 13px; line-height: 20px; }

.back-to-top { cursor: pointer; position: fixed; bottom: 120px; right: 20px; display:none; border-radius: 150px !important; z-index: 900; }
.back-to-top.btn-primary { background-color: #0f4279; border-color: #0f4279; }

/*Tabs*/
.list-group .titular-proyect{ 
	float: left; margin-bottom: 0; 
}
.list-group {
	/*display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: row;*/
	display: block;
	padding-left: 0;
	margin-bottom: 0;
	text-align: right;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 24px;
	font-weight: 700;
}
.list-group-item {
	display: inline-block;
	border: 0;
	width: auto;
	background: transparent;
	color: #1B259E;
	text-decoration: underline;
	margin-left: 40px;
}
.list-group-item.active, .list-group-item:hover, .list-group-item:focus {
	z-index: 2;
	color: #fff;
	background-color: #1B259E;
	border-color: #1B259E;
	text-decoration: none;
}
#list-tab {
  margin: 0px 0 20px 0;
}
#list-tab p {
  margin-bottom: 26px;
}
#nav-tabContent p {
  margin-bottom: 20px;
}

.header-movil{ display: none; }

/* Makes images fully responsive */

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}

/*Hover Images*/

/*CSS3 Hover Effects Styles*/
.image_filter { margin-bottom: 30px; }
a.oters-color{ background-color: #46402891; }
.image_filter a {
	/*display: flex;
  	flex-direction: row;
	float: left;
	margin: 10px;*/
	position: relative;
	display: block;
    flex-direction: row;
	/*box-shadow: 0 5px 9px 0 rgba(0, 0, 0, 0.3);*/
}

.image_filter a img {
	/*display: flex;*/
	-webkit-transition: all 0.5s;
}

.image_filter a img:hover {
	-webkit-filter: none;
}

.image_filter a img.brightness:hover {
	-webkit-filter: brightness(1);
}

.im-caption {
	font-size: 1em;
  	letter-spacing: 0px;
  	color: #FFF;
	position: absolute;
  	/*background: rgba(0, 0, 0, 0.3);*/
	padding: 5px;
	bottom: 0;
	left: 4%;
	text-transform: uppercase;
}
.im-caption span{ display: block; clear: both; text-shadow: 4px 4px 8px #0000008f; }
.im-caption .i-proyect{ font-size: 18px; line-height: 18px; margin-bottom: 18px; }
.im-caption .t-proyect{ font-size: 27px; line-height: 27px; }
.im-caption .n-proyect{ font-size: 20px; line-height: 26px; }
.im-caption .u-proyect{ font-size: 14px; line-height: 18px; }

/* .................................................. CSS3 Filters */
.grayscale {-webkit-filter: grayscale(60%);}
.brightness {-webkit-filter: brightness(0.8);}
.brightness:hover {-webkit-filter: brightness(0.4) !important;}
.blur {-webkit-filter: blur(2px);}
.saturate {-webkit-filter: saturate(4);}
.huerotate {-webkit-filter: hue-rotate(180deg);}
.contrast {-webkit-filter: contrast(150%);}
.opacity {-webkit-filter: opacity(50%);}
.sepia {-webkit-filter: sepia(30%);}
.invert {-webkit-filter: invert(100%);}

/* .................................................. Oters */
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

@media (min-width: 768px) {
.bd-placeholder-img-lg {
  font-size: 3.5rem;
}
}

/* ------------------- Carousel Styling ------------------- */

.ico-whtspp{ display: none !important; }
.v-desktop{ display: block; }
.v-movil{ display: none !important; }

@media (min-width: 0px) and (max-width: 320px) {

}
@media (min-width: 0px) and (max-width: 499px) {
  .header-top{ padding: 10px 15px; height: 58px;}
  .header-top h3.titular{font-size: 13px;line-height: 13px; margin: 16px 0;}
  .header-top img.logo-pucp-bar{ height: 38px !important; } 
  .bar-t{ display: none; }
  .bar-t-movil{ display: block !important; }
  .header-top .col-md-6.text-right{ text-align: left !important; padding: 0 !important; }
  .bar-t-movil{ background-color: #0f4279; padding: 10px 15px; height: 50px; }
  .bar-t-movil h3{ font-family: Gill Sans,Gill Sans MT,sans-serif; color: #FFF; font-size: 13px;line-height: 13px; font-weight: 500; margin-bottom: 0; }

  .logo-pucp{ width: 130px !important; }
  .cimage01{ background-image: url('../images/banner-top.jpg'); }
  .cimage02{ background-image: url('../images/banner-footer.jpg'); background-position: top right; background-size: 280%; background-color: #000; }

  .carousel-caption{ margin-right: 0; background-color: rgba(0, 0, 0, 0.2); padding-left: 20px; padding-right: 20px; }
  .carousel-caption.cap-w-2{ margin-top: 26%; margin-right: 0%; }

  .carousel-item { height: 550px; }
  .carousel-item > img { height: 550px; }

  .carousel h2{ font-size: 33px; line-height: 30px; }
  .carousel p{ font-size: 18px; line-height: 22px; }
  .padd-inter{ padding-left: 10px; padding-right: 10px; }
  .carousel h2.titular-footer{ margin-top: 70px !important; padding-left: 20px; padding-right: 20px; }
  .bar-black { margin-bottom: 0; }
  .bar-black p{ text-align: center; }
  .bar-black .text-right{ text-align: center !important; }

  .datos{ padding: 60px 0; }

  .spinner5 {  }
}
@media (min-width: 500px) and (max-width: 767px) {
  .header-top{ padding: 10px 15px; height: 58px;}
  .header-top h3.titular{font-size: 13px;line-height: 13px; margin: 16px 0;}
  .header-top img.logo-pucp-bar{ height: 38px !important; } 
  .bar-t{ display: none; }
  .bar-t-movil{ display: block !important; }
  .header-top .col-md-6.text-right{ text-align: left !important; padding: 0 !important; }
  .bar-t-movil{ background-color: #0f4279; padding: 10px 15px; height: 50px; }
  .bar-t-movil h3{ font-family: Gill Sans,Gill Sans MT,sans-serif; color: #FFF; font-size: 13px;line-height: 13px; font-weight: 500; margin-bottom: 0; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .carousel-caption.cap-w-2{ margin-right: 30%; }
  .bar-black p{ padding-left: 10px; text-align: center; }
  .bar-black .text-right{ text-align: center !important; }
}
@media (min-width: 992px) and (max-width: 1199px){ 
	.carousel-item{ height: 650px; }
	.carousel-caption{ margin-top: 22%; }
	.carousel-caption.cap-w-2{ margin-top: 12%; }
}
@media (min-width: 1200px) and (max-width: 1366px){ 
	.carousel-item{ height: 650px; }
	.carousel-caption{ margin-top: 22%; }
	.carousel-caption.cap-w-2{ margin-top: 12%; }
}
@media (min-width: 1367px) and (max-width: 1440px){ 
	.carousel-item{ height: 650px; }
	.carousel-caption{ margin-top: 22%; }
	.carousel-caption.cap-w-2{ margin-top: 12%; }
}
@media (min-width: 1441px) {

}

.block {
  height: 40px;
  width: 50px;
  border-radius: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0; 
  transition: all 1s ease;
/* background-image: linear-gradient(90deg, #fd5581, #fd8b55);
 box-shadow: 0 2px 18px 0 rgba(248, 94, 122, 0.39), 0 1px 2px 0 rgba(248, 91, 124, 0.33);*/   
}

.cta {
  height: 40px;
  width: 50px;
  cursor: pointer; }

.toggle-btn {
  height: 4px;
  width: 25px;
  background-color: #1b259e;
  position: relative;
  top: 50%;
  left: 0;
  margin: auto;
  transition: all 0.3s ease-in-out; }
  .toggle-btn:before {
    content: "";
    height: 4px;
    width: 25px;
    box-shadow: 0 -10px 0 0 #1b259e;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out; }
  .toggle-btn:after {
    content: "";
    height: 4px;
    width: 25px;
    box-shadow: 0 10px 0 0 #1b259e;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease-in-out; }

.active .toggle-btn {
  background-color: transparent;
  transition: all 0.2s ease-in-out; }
  .active .toggle-btn:before {
    top: 0;
    transition: all 0.3s ease-in-out; }
  .active .toggle-btn:after {
    top: 0;
    transition: all 0.3s ease-in-out; }
.active .type1:before {
  left: 6px;
  transform: translateY(6px) rotate(-45deg); }
.active .type1:after {
  top: 0;
  left: 6px;
  transform: translateY(-8px) rotate(45deg); }