/*
  You can add your own CSS in this file, this code will overwrite main stylesheet file.
*/

/*
@import url(http://fonts.googleapis.com/css?family=example);
*/

/*
If you want to change fonts decomentate and overwrite with your font name
*/

/*
body {
	font-family: 'fontName';
}
*/

/*
h1, h2, h3, h4, h5, h6 {
	font-family: 'fontName';
}
*/

/*
p {
	font-family: 'fontName';
}
*/

/*
span {
	font-family: 'fontName';
}
*/

/*
input, textarea, select, label, small {
	font-family: 'fontName';
}
*/
@font-face {
  font-family: myfont;
  src: url('/2019/fonts/HelveticaNeueLTStd Lt.otf');
}

.pricing-plan {
  background: #ffffff;
}

#totalPayContainer {
  display: none;
  background: rgb(255, 255, 255);
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  border-top: 3px #fafafa solid;
}
.alignCenter {
  text-align: center;
}
.vanbar2 {
      -webkit-transition: all 250ms;
    transition: all 250ms;
    padding: 30px 0;
    z-index: 10;
    position: relative;
    color: #007b78;
    font-size:32px;
    font-family: myfont;
    top:10px;
    position: absolute;
    text-align: center;
        width: 60%;
    left: 20%;
}
.logoiap {
    
    padding: 30px 0;
    z-index: 0;
    position: relative;
    
    font-family: Helvetica;
    top:15px;
    position: absolute;
    

    left: 10%;
}
.logompf {
padding: 30px 0;
    z-index: 0;
    position: relative;
    
    font-family: Helvetica;
    top:10px;
    position: absolute;
    

    right: 7%;
}
.textfecha {
  color: black;
    font-size:21px;
    font-family: myfont;
}
.imglogoiap {
  width: 90px;
}
.imglogompf {
  width: 190px;
}
@media screen and (max-width: 1290px) {
}
@media screen and (max-width: 1290px) {

  .textfecha {
    font-size:19px;
  }

  .logoiap {
    top: 200px;
    left: 15%;
  }
  .logompf {
    top: 200px;
    right: 5%;
}

  .imglogoiap {
  width: 70px;
  }
}
@media screen and (max-width: 800px) {
  .vanbar2 {
    font-size:22px;
  }
  .textfecha {
    font-size:17px;
  }
 
}
@media screen and (max-width: 780px) {
    .textfecha {
    font-size:14px;
  }
}
@media screen and (max-width: 600px) {
  .vanbar2 {
    font-size:18px;
    width: 100%;
    left: 0px;
    top:25px;
  }
  .textfecha {
    font-size:12px;
  }
  
}

@media screen and (max-width: 520px) {
 .logoiap {
    top:160px;
    left: 5%;
  }
  .imglogoiap {
  width: 70px;
  }

  .logompf {
    top: 150px;
    right: 5%;
}
}
@media screen and (max-width: 420px) {
  .logoiap {
    top:160px;
    left: 5%;
  }
  .imglogoiap {
  width: 60px;
}
}
/*
  And some media queries for you
*/

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {}

@media screen and (min-width: 300px) and (max-width: 400px) {
  .status {
    width: auto;
  }
  .pricing-plan .price-head h1, .pricing-plan .price-head h2, .pricing-plan .price-head h3, .pricing-plan .price-head h4, .pricing-plan .price-head h5, .pricing-plan .price-head h6 {
    font-size: 18px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
  }
  .pricing-plan .price-head .price-value {
    font-size: 16px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
  }

  header .header-content .header-text h1, header .header-content .vertical-align-middle h1, header .vertical-align .header-text h1, header .vertical-align .vertical-align-middle h1 {
    font-weight: 900;
    font-size: 35px;
}
}

.head-top {
	height:351px;
	background-position: 50% 0px !important;
	
}
@media screen and (max-width: 359px) {
	.head-top {
	/*background-image: url(/images/IAP.jpg) !important;*/
        background-color:grey;
	}
}
@media screen and (min-width: 360px) and (max-width: 411px) {
	.head-top {
        /*background-image: url(/images/IAP.jpg) !important;*/
        background-color:grey;
    }
}
@media screen and (min-width: 412px) and (max-width: 720px) {
	.head-top {
        /*background-image: url(/images/IAP.jpg) !important;*/
        background-color:grey;
    }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
	.head-top {
        /*background-image: url(/images/IAP.jpg) !important;*/
        background-color:grey;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
	.head-top {
        /*background-image: url(/images/IAP.jpg) !important;*/
        background-color:grey;
    }
}
@media screen and (min-width: 1367px) {
	.head-top {
        /*background-image: url(/images/IAP.jpg) !important;*/
        background-color:grey;
    }
}