.toppage-margin{
  margin-top: 80px; /*120*/
}
@media screen and (min-width: 768px) and (max-width: 991px){
  .toppage-margin{
    margin-top: 55px; /*104*/
  }
}
@media screen and (min-width: 992px) and (max-width: 1199px){
  .toppage-margin{
    margin-top: 60px; /*140*/
  }
}
@media screen and (min-width: 1200px){
  .toppage-margin{
    margin-top: 60px;
  }
}
@media screen and (max-width: 559px){
  .toppage-margin{
    margin-top: 53px;
  }
  .mob-nv475{
    display: none;
  }
  .mob-v475{
    display: block;
  }
  .site-header > .topbar{
    font-size: 12px;
  }
}


tr.white-borders td{
    border-right: 1px solid white;
}

header, .full-width {
  width: 100%;
}
.banner-margin{
margin-top:-20px;
margin-left:auto;
margin-right:auto;
}
.wrap {
  width: 80%;
  max-width: 24em;
  margin: 0 auto;
  padding: 0.25em 0.625em;
}
div.contents{
  /*margin-left:4%;margin-right:4%;margin-bottom:4%;margin-top:4%;*/
  margin-bottom:2%; overflow: auto; padding: 1%; 
    font-family: Calibri, Gotham-black, Open Sans, Verdana, Arial Narrow,Arial,sans-serif;
}

.div-layout{
  position:relative;
  
}
.div-fullSize{width:100%;}
.easy-text{text-align:left; font-size:11pt;}
.easy-ul{text-align:left; margin-left:-40px; font-size:11pt; list-style-position: inside; min-height:140px;}
.otherCards-ul{text-align:center; margin:auto; font-size:11pt; list-style-position: inside; padding: 0;}
.easy-buttons{list-style-type: none; margin-left:24px; white-space: nowrap;}
.otherCards-buttons{list-style-type: none; white-space: nowrap; margin-bottom: 30px;}
.stamp{ border:3px solid Red; color:Red; text-align: center; z-index: 999; width:180px; 
padding-left: 16px;padding-right: 16px; margin-left: 246px; margin-top: -55px; line-height: 1;
  transform: rotate(25deg);
  -webkit-transform: rotate(-25deg);
  -webkit-transform-origin:bottom left;
  -moz-transform: rotate(-25deg); 
  -moz-transform-origin: bottom left;
  -o-transform: rotate(-25deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform-origin: bottom left;
}
.stamp-text{ white-space:nowrap; font-size: 10pt; margin: auto ;}
.stamp-text-large{ white-space:nowrap; font-size: 22pt; margin: auto ;}
.main-grid{max-width:900px;}
.main-grid-wide{max-width:1000px;}
#wrapper{width:999px; height:auto; margin:0 auto; margin-left: auto; margin-right: auto;}
p.bottomspace {
  padding-bottom: 25px
}
.margin-top{margin-top: 10px;}
.clearer{clear:both;}
.noborder{
  border:0px solid Black ;
}
.mainTable{
  text-align:center; margin: 0 auto; width: 100%; max-width:900px;
  font-family: Calibri, Gotham-black, Open Sans, Verdana, Arial Narrow,Arial,sans-serif;
}
div.mainTable table{
  width: 100%;  margin-left: auto;
  margin-right: auto; margin-bottom:20px;
  box-sizing:border-box; /* causes item size to include border and padding */
  -moz-box-sizing:border-box; /*for browser compatibility*/
}
div.mainTable td{
  text-align:center; padding: 20px ;   margin-left: auto;
  margin-right: auto;
}
div.mainTable li{
  font-size:11pt;
  line-height: 1.42857;
}
.floatLeft{float:left;}
.floatRight{float:right;}
#fontColor-Gray td{color:#949494;}

#jetStyle td{white-space: nowrap; padding-left: 7px; padding-right:7px;}
.jetStyleTitle{color:#A60F0F; text-align: center; font-size:11pt;}
#logo{float:left; margin-left:-40px;}
.logo{ height: auto; width: 280px; margin-top: -21px;
}.logo2{ height: 65px; width: auto; margin-top: -10px; margin-left:5px;
}
#lowOpacity{
  opacity: 0.45;
}
#img-size img{
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
  z-index:1;/*height:740px;*/ width: 100%; height: 100%;
}
.card-size{
  width:85%; height: auto; display:block;
  max-height: 230px;
  max-width: 360px;
}
.card-size2{
  width:81%; height: auto; display:block;
  max-height: 184px;
  max-width: 292px;
}
.card-align{ margin: 5px;}
.card-table{width:100%; max-width: 900px; margin:auto;}
.center-margin{margin:auto ;}
.td-center{width:100%; text-align:center;}
.div-inline{display: inline-block;}
.span-easy{margin-left:60px;}

.small_logo2{width:70px;}
.small_logo3{width:140px;}
.otherCards-align{white-space:nowrap; margin: auto;}
.cardText-div{min-width:547px; max-width: 606px; vertical-align: top;}
.small_logo{width:80px;}

.nowrap{
  white-space:nowrap;
}
.top-align{vertical-align: top;}
.layer {
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:2;
  opacity:.2;
}
.note{font-size:7pt;
}
.sliderText{
text-align:right; float:right;
font-family: Calibri, Gotham-black, Open Sans, Verdana, Arial Narrow,Arial,sans-serif;
color:#2F2E30; float:right; margin-right: -5%; margin-bottom: 20%;
}
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.news-box{/*border:solid 1pt;*/ background-color: white; width:440px;height:299px;
   padding-bottom: 14px; margin-top:14px;
}
.blog-div{  margin-left: 15px; width:100%; padding-top: 7px;}
.blog-link{color: #555581; font-size: 12pt; font-weight:bold;}
.blog-text{font-size: 14pt; white-space: nowrap; font-weight: bold;}
.blog-title{ display: inline-block; text-decoration: underline; width: 320px; line-height: 2; width: 340px;}
.blog-title2{ display: inline-block; text-decoration: underline; width: 320px; line-height: 1.5; width: 340px;}
.red-link{color:#A60F0F;}
.blogs-box{
background:url('../images/C-I-M-B in Blogs.png');
background-repeat:no-repeat; /*min-height: 360px; max-height: 380px; width: 100%;*/
background-color:White;
/*background-size: contain;*/ background-size:  100% auto;
height:340px;
}
.blog-header{
  padding: 7px;
  background-color: #CD1F26;
  background: rgb(169,3,41);
  background: -moz-linear-gradient(top, rgba(169,3,3,1) 0%, rgba(143,2,20,1) 44%, rgba(109,0,12,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,3,1)), color-stop(44%,rgba(143,2,20,1)), color-stop(100%,rgba(109,0,12,1)));
  background: -webkit-linear-gradient(top, rgba(169,3,3,1) 0%,rgba(143,2,20,1) 44%,rgba(109,0,12,1) 100%);
  background: -o-linear-gradient(top, rgba(169,3,3,1) 0%,rgba(143,2,20,1) 44%,rgba(109,0,12,1) 100%);
  background: -ms-linear-gradient(top, rgba(169,3,3,1) 0%,rgba(143,2,20,1) 44%,rgba(109,0,12,1) 100%);
  background: linear-gradient(to bottom, rgba(169,3,3,1) 0%,rgba(143,2,20,1) 44%,rgba(109,0,12,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
  border-color: #fd8a17;
}
.blog-header p{
  padding-left:10px;
  color:White;
  font-size:14pt;
}

.left-align{
 text-align:left !important;
}
.right-align{
 text-align: right !important;
}
.div-size{min-width:300px; max-width:300px; margin: auto;}
.div-size2{min-width:600px; max-width:600px; margin: auto;}
.div-size3{min-width:250px; max-width:250px;}

.thumbnail-default{
  max-width: 300px;max-height:514px; min-width: 236px; min-height: 514px;
  width:100%; height: 100%; margin: auto ;
}
.thumbnail-default2Home{
  min-height: 202px; max-height: 260px; z-index: 1;
  width:100%; height: 100%; margin: auto;
}
.thumbnail-default2{
  min-height: 300px; max-height: 300px; z-index: 1;
  width:100%; height: 100%; margin: auto;
}
.thumbnail-default3{
  min-height: 320px; max-height: 320px; z-index: 1;
  width:100%; height: 100%; margin: auto;
}
.thumbnail-default4Home{
  z-index: 1;width:100%; height: 100%; margin: auto;
}
.thumbnail-margin{margin-bottom: 15px;}
.icon-margin{
  padding:1%;
}
.bottomCaption{
   /* margin-top:220px;*/ padding: 5%; text-align: left; /*vertical-align: bottom;*/
  position: relative;
  min-height: 222px;
} 
.caption-button{
  /*  position: absolute;
  bottom: 2px;*/
  
}
.caption-text{
  font-size: 10pt;
  min-height: 130px; margin-top: 228px; /*186 px on small screen*/
}
.caption-text p{
  margin-bottom:10px; display: block;
  height: 100%;
}
.icon-text{font-size: 10pt; text-align: center !important; margin-top: 5px; display: inline-block; width:100%;}

.btn-align{
  right: 10px;
  bottom: 12px;
  float: right;
  position: absolute;
}

.btn-align2{
  right: auto; left:auto;
  bottom: 5px;
  float: none;
  position: relative;
}
.div-btn-align2{
  margin-left:-64px;
  margin-top:18px;
}
.div-C-I-M-BCard{ margin-left:auto;margin-right:auto; margin-bottom:25px; padding: 10px; width: auto; max-width: 900px; min-width: 240px;}

h3.up{
  margin-bottom: 1%; font-size:16pt;
}
.video{
   width:420px;height:300px; display: block; margin:auto; background-color: Black; margin-left: 10px;
}
.eGift{
   width:100%;height:600px; display: block; margin:auto; background-color: Black; margin-left: 10px;
}
.cebuPacMobile {display:none; }

/*image collage*/
  .collage-cell-big{  
    height: 360px;  
   /*   height:auto;
    width:auto;*/
    padding-left: 2px;  
    padding-right: 2px;  
  }  
    
  .collage-cell-small{
   /* height:auto;
    width:auto;*/
    height: 300px; 
    padding-left: 2px;  
    padding-right: 2px;  
    padding-top: 4px;  
  }
.white-text{
  color:White;
  font-family: Calibri, Gotham-black, Open Sans, Verdana, Arial Narrow,Arial,sans-serif;
}
.text-size-big{
  font-size:28pt;
}
.text-size-small{
  font-size:14pt;
}
.middleCaption{
  margin-top:100px;
}


.modal-content{ font-size:11pt;}


.footer-custom{
  position:relative; /*float:right;*/ bottom:0px;
  width:100%;
  min-height:30px;   /* Height of the footer */
  min-width: 600px;
  /*background:transparent;*/
  /*background-color:#6b6b6b;*/
  background: rgb(169,3,41); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(169,3,3,1) 0%, rgba(143,2,20,1) 44%, rgba(109,0,12,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,3,1)), color-stop(44%,rgba(143,2,20,1)), color-stop(100%,rgba(109,0,12,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(169,3,3,1) 0%,rgba(143,2,20,1) 44%,rgba(109,0,12,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(169,3,3,1) 0%,rgba(143,2,20,1) 44%,rgba(109,0,12,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(169,3,3,1) 0%,rgba(143,2,20,1) 44%,rgba(109,0,12,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(169,3,3,1) 0%,rgba(143,2,20,1) 44%,rgba(109,0,12,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
  border-color: #fd8a17;
  /*white-space: nowrap;*/ display: block; right: 0;
  margin-top: 23px; margin-left: auto; margin-right: auto;
  text-align:center;
  padding-top: 12px;
}
.navfooter ul{
  margin: 1% 6% 1% 1%;  /*12% right*/
  list-style-type: none;
  position: relative;
  width: 99%;
  display: block;
  text-align:center;
} 
.navfooter ul li { display: inline; }
.navfooter ul li a {
  text-decoration: none;
  color:white; /*#700404;*/
  font-family: Calibri, Gotham-black, Open Sans, Verdana, Arial Narrow,Arial,sans-serif;
  padding-right:1%; padding-left:1%;
}
.navfooter ul li a:hover {
  /*color:#626262;*/ color:#FD8A17;

}
.footerleft{float:left; margin-left: 15px;  }
.footerright{float:right; white-space: nowrap; display: block; margin-right: 5px; }
.fbText{font-family:Arial,sans-serif; font-size:9pt; display: inline-block; text-align: left; vertical-align: middle; cursor: pointer;}
.fbText:hover{color:#FD8A17;}
.text-red{color: Red;}
.text-white{color:white;}
.text-lightRed{color:#CC2B2B;}
.fb-icon{ display: inline-block; vertical-align: middle; cursor: pointer;}

/* content tabs */
#customTab1 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
  color:#2F2E30;
  font-family: Calibri, Gotham-black, Open Sans, Verdana, Arial Narrow,Arial,sans-serif;
}
#customTab1 .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  color: white;
  background-color: #A60F0F;
}
#customTab1 .tab-content {
  color : #2F2E30;
  background-color: white;
  padding : 3%;
  text-align: justify;
 /* overflow: auto;*/
/*min-width: 616px*/
}

.customTab-content{
  text-align:justify;
  font-size: 11pt; margin-right: 4%; list-style-position: outside;
}
.listStyle-disc{
  list-style-type: disc;
}
.listStyle-square{
  list-style-type: square;
}
.listStyle-circle{
  list-style-type: circle;
}
.listStyle-decimal{
  list-style-type: decimal;
}
.listStyle-lowerAlpha{
  list-style-type: lower-alpha;
}
.listStyle-lowerRoman{
  list-style-type: lower-roman;
}
.listStyle-none{
  list-style-type: none;
}

.check{
  list-style-image: url('../images/check-mark-red-small.png');
  list-style-type: none;
}

.banner-div a{
  opacity:.4;
  float: right
}
.banner-div a:hover{
  opacity:.8;
}
.banner-div{
  margin-top: -45px;
  margin-right: 5px;
  position: relative;
  display: block;
  width: auto;
  height: auto;
  z-index: 100;
  right
}
.center-align{
    margin-left: auto;
    margin-right: auto;
}
.center-text{text-align:center;}
/* table*/
.custom-table {
  padding:0px;
  width:90%;
  border:1px solid #d1d1d1;
    
  -moz-border-radius-bottomleft:0px;
  -webkit-border-bottom-left-radius:0px;
  border-bottom-left-radius:0px;
  
  -moz-border-radius-bottomright:0px;
  -webkit-border-bottom-right-radius:0px;
  border-bottom-right-radius:0px;
  
  -moz-border-radius-topright:0px;
  -webkit-border-top-right-radius:0px;
  border-top-right-radius:0px;
  
  -moz-border-radius-topleft:0px;
  -webkit-border-top-left-radius:0px;
  border-top-left-radius:0px;
}.custom-table table{
    border-collapse: collapse;
    border-spacing: 0;
  width:100%;
  height:100%;
  margin:0px;padding:0px;
}.custom-table tr:last-child td:last-child {
  -moz-border-radius-bottomright:0px;
  -webkit-border-bottom-right-radius:0px;
  border-bottom-right-radius:0px;
}
.custom-table table tr:first-child td:first-child {
  -moz-border-radius-topleft:0px;
  -webkit-border-top-left-radius:0px;
  border-top-left-radius:0px;
}
.custom-table table tr:first-child td:last-child {
  -moz-border-radius-topright:0px;
  -webkit-border-top-right-radius:0px;
  border-top-right-radius:0px;
}.custom-table tr:last-child td:first-child{
  -moz-border-radius-bottomleft:0px;
  -webkit-border-bottom-left-radius:0px;
  border-bottom-left-radius:0px;
}.custom-table tr:hover td{
  
}
.custom-table tr:nth-child(odd){ background-color:#d2d2d2; }
.custom-table tr:nth-child(even)  { background-color:#ffffff; }.custom-table td{
  vertical-align:middle;
  border:1px solid #d1d1d1;
  border-width:0px 1px 1px 0px;
  text-align:left;
  padding:7px;
  font-size:10pt;
  font-family: Calibri, Gotham-black, Open Sans, Verdana, Arial Narrow,Arial,sans-serif;
  font-weight:normal;
  color:#000000;
}.custom-table tr:last-child td{
  border-width:0px 1px 0px 0px;
}.custom-table tr td:last-child{
  border-width:0px 0px 1px 0px;
}.custom-table tr:last-child td:last-child{
  border-width:0px 0px 0px 0px;
}
.custom-table th{
  background-color:#d2d2d2;
  border:0px solid #d1d1d1;
  text-align:center;
  border-width:0px 0px 1px 1px;
  font-size:11pt;
  font-family: Calibri, Gotham-black, Open Sans, Verdana, Arial Narrow,Arial,sans-serif;
  font-weight:bold;
  color:black;
}
/*.custom-table tr:first-child:hover td{
  background-color:#d2d2d2;
}*/
.custom-table tr:first-child td:last-child{
  border-width:0px 0px 1px 1px;
}
.custom-table td{
  text-align:center;
  font-size: 10pt;
}
.default-font{
    font-size:11pt;
  font-family: Calibri, Gotham-black, Open Sans, Verdana, Arial Narrow,Arial,sans-serif;
}
.table-leftAlign{
  text-align:left;
}
.table-rightAlign{
  text-align:right;
}
.table-centerAlign{
  text-align:center !important;
}
.table-center { margin: auto; }

.qa{
    font-size:11pt;
  font-family: Calibri, Gotham-black, Open Sans, Verdana, Arial Narrow,Arial,sans-serif;
    color:Blue;
}
.qa-content{
  padding:1%;
}
.faq-content{
  padding:1%;
  font-size:11pt;
  font-family: Calibri, Gotham-black, Open Sans, Verdana, Arial Narrow,Arial,sans-serif;
}


div.scroll{
  width: 100%; height: 160px; overflow-y: scroll;
  font-size:11pt; border:solid thin rgb(165,165,165) ;
  color:rgb(148,148,148);
}
ul.termsandconditions{
  font-size:11pt; color:rgb(132,132,132);
}
.title{
  color:#700404; font-size:14pt !important; font-weight: bold;
}
.subtitle{
  color:#700404;
}
ul.inline li{
  display: inline;
}
.note{font-size:8pt;}
.smallNote{
  font-size:9pt;
}
.smallNote ul{
  font-size:9pt;
}
.smallNote p{
  font-size:9pt;
}
.smallNote a{
  font-size:9pt;
}
.table-indent{
  margin-left:40px;
}
.table-padding{
  padding-left:40px !important;
}
.table-padding td,th{
  padding-right:8px;
  padding-left:8px;
}
p.indent{
  margin-left:30px;
}
ul.indent li{
  margin-left:20px;
}
ul.padding li{
  padding-right: 30px;
}

.table-leftAlign th{
  text-align:center;
}
.table-leftAlign td{
  text-align:left;
}
.table-centerAlign td{
  text-align:center;
}
.table-border td {border:solid 1px; -moz-box-sizing: border-box;}
.cell-size td{width:76px;}
.border li{border:solid 1px; -moz-box-sizing: border-box;}


/* PLAIN TABLE*/
.plain-table {
  padding:0px;
  width:90%;
    border:0;
  
  -moz-border-radius-bottomleft:0px;
  -webkit-border-bottom-left-radius:0px;
  border-bottom-left-radius:0px;
  
  -moz-border-radius-bottomright:0px;
  -webkit-border-bottom-right-radius:0px;
  border-bottom-right-radius:0px;
  
  -moz-border-radius-topright:0px;
  -webkit-border-top-right-radius:0px;
  border-top-right-radius:0px;
  
  -moz-border-radius-topleft:0px;
  -webkit-border-top-left-radius:0px;
  border-top-left-radius:0px;
}.plain-table table{
    border-collapse: collapse;
    border-spacing: 0;
  width:100%;
  height:100%;
  margin:0px;padding:0px;
}.plain-table tr:last-child td:last-child {
  -moz-border-radius-bottomright:0px;
  -webkit-border-bottom-right-radius:0px;
  border-bottom-right-radius:0px;
}
.plain-table table tr:first-child td:first-child {
  -moz-border-radius-topleft:0px;
  -webkit-border-top-left-radius:0px;
  border-top-left-radius:0px;
}
.plain-table table tr:first-child td:last-child {
  -moz-border-radius-topright:0px;
  -webkit-border-top-right-radius:0px;
  border-top-right-radius:0px;
}.plain-table tr:last-child td:first-child{
  -moz-border-radius-bottomleft:0px;
  -webkit-border-bottom-left-radius:0px;
  border-bottom-left-radius:0px;
}.plain-table tr:hover td{
  background-color:#ffffff;
  

}
.plain-table td{
  vertical-align:middle;
  
  background-color:#ffffff;

  border:1px solid #d1d1d1;
  /*border-width:0px 1px 1px 0px;*/
  text-align:center;
  padding:7px;
  font-size:11pt;
  font-family: Calibri, Gotham-black, Open Sans, Verdana, Arial Narrow,Arial,sans-serif;
  font-weight:normal;
  color:#000000;
}.plain-table tr:last-child td{
  /*border-width:0px 1px 0px 0px;*/
}.plain-table tr td:last-child{
  /*border-width:0px 0px 1px 0px;*/
}.plain-table tr:last-child td:last-child{
  /*border-width:0px 0px 0px 0px;*/
}
.plain-table tr:first-child td{
  background-color:#d1d1d1;
  /*border:0px solid #000000;*/
  text-align:center;
  /*border-width:0px 0px 0px 0px;*/
  font-size:11pt;
  font-family: Calibri, Gotham-black, Open Sans, Verdana, Arial Narrow,Arial,sans-serif;
  font-weight:bold;
  color:#000000;
}
.plain-table tr:first-child:hover td{
  background-color:#d1d1d1;
}
.plain-table tr:first-child td:first-child{
  /*border-width:0px 0px 0px 0px;*/
}
.plain-table tr:first-child td:last-child{
  /*border-width:0px 0px 0px 0px;*/
}

div.twoColumns{
  width:auto; display:inline-block; margin-right: 20px; vertical-align: top;
}
.calc-input{
  min-width:210px;
}
.btn-disabled{
  color: gray;  pointer-events: none;
}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}


/*SIDE BAR*/
#applyNow_btn { 
  height: auto; 
  width: 118px; 
  position: fixed; 
  top: 18%;
  /*right:-46px;*/ right:0;
  padding:0;
  z-index: 999;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -webkit-transform-origin:bottom right;
  -moz-transform: rotate(-90deg); 
  -moz-transform-origin: bottom right;
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  transform-origin: bottom right;
}

#applyNow_btn a { 
  display: block;
  height: auto; 
  width: auto; 
  font-family: Calibri, Gotham-black, Open Sans, Verdana, Arial Narrow,Arial,sans-serif;
  font-size: 15pt; 
  text-decoration: none; 
  color: #FFF;
  background-color: #A60F0F;
  border-color: #700404;
  border-radius: 7px 7px 2px 2px;
  white-space: nowrap;
  text-align:center;
}
#applyNow_btn a:hover { 
  color: #ffffff; 
  background-color: #FF0000; 
  border-color: #700404; 
}



/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
  }
}

/*Apply Now Application Form CSS by Francis*/
.uppercase {
  text-transform: uppercase;
}
.adjustcell {
  padding-right: 4px; 
  padding-left: 4px;
}
.adjustlabel {
  padding-top: 0px !important;
}
.adjustMarginHeaderLabel{
  margin-left: 00px !important; 
  margin-right: 0px !important; 
  margin-bottom: 0px !important;
}
.adjustMarginRow{
  margin-left: 7px !important; 
  margin-right: 7px !important; 
  margin-bottom: 15px !important;
}
.adjustMarginBottom{
  margin-bottom: 0px !important;
}
.adjustPaddingLastRow{
  padding-bottom: 7px !important;
}
.adjustPanelPadding{
  padding: 0px !important; 
  border-bottom-width: 0 !important;
}

.panel-default > .panel-heading-custom {
  background: #A60F0F; 
  color: #fff; 
}

.changePanelBorderColor{
  border-color: #A60F0F !important;
}

.adjustWellPadding{
  padding: 5px 0px !important;
}
.applyNowLinkColor{
    color: #A60F0F;
    text-decoration:underline;
}
.applyNowButtonColor{
  border-color: #A60F0F;
  background-color: #A60F0F;
}
.applyNowButtonColor:hover,
.applyNowButtonColor:focus,
.applyNowButtonColor:active{
  background-color: #FF0000;
  border-color: #FF0000;
}
.applyNowButtonColor:active:hover,
.applyNowButtonColor:active:focus{
  background-color: #db0000;
  border-color: #db0000;
}

.alignLeft{
  text-align:left !important;
}

.adjustpaddingRight{
  padding-right: 0px; 
}

.adjustCheckboxMarginTop{
  margin-top: 2px !important;
}

.adjustTblCheckBox{
  padding-left: 20px !important;
}

.adjustC-I-M-BClientChkBox{
  margin-left: 22px !important;
}

.adjustPaddingLeftRight15 {
    padding-right: 15px !important; 
    padding-left: 15px !important;
}

a:hover {
 cursor:pointer;
}
li.nostyle {
  list-style-type: none;
}
/*END*/

.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
background-color:White;
z-index:1;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
/*background-color:rgba(0,0,0,0.5);*/
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
z-index:2;
}

.hovereffect img {
  width: auto;
  max-height: 100%;
  display: block;
  position: relative;
-webkit-transition:all .1s linear;
transition:all .1s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .1s ease-in-out;
transition:all .1s ease-in-out;
/*margin:43% 0 0;*/
top: 50%;
bottom: 50%;
margin-top: 0;
position: relative;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
/*-ms-transform:scale(1.1);
-webkit-transform:scale(1.1);
transform:scale(1.1);*/
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.1s;
transition-delay:.1s;
}



.hovereffect2 {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background-color:White;
  z-index:1;
}
.hovereffect2 .overlay {
  text-align:justify;
  width: 100%;
  position: absolute;
  overflow: hidden;
  left: 0;
  top: auto;
  bottom: 0;
  padding: 1em;
  height: 100%;
  background: white;
    opacity:0.85;
  color: black;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
    z-index:2;
}

.hovereffect2 img {
  /*max-height:300px;*/
  /*max-width:380px;*/
  width: auto;
  max-height: 100%;
  display: block;
  position: relative;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}
.hovereffect2 img.partnership {
  max-height:auto;
  max-width:70px;
  width:auto;
  height:auto;
}
.hovereffect2 div.info {
  position: relative;
  margin-top: auto 5px;;
  width:100%;
  padding: 10px;;
}
.hovereffect2:hover img {
-webkit-transform: translate3d(0,-10%,0);
  transform: translate3d(0,-10%,0);
}
.hovereffect2 .view {
  top: 62%;
  width: 100%;
  bottom: 0;
  height: 80px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position:absolute; /*relative;*/
  font-size: 12pt;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  -webkit-transform: translateY(45px);
  -ms-transform: translateY(45px);
  transform: translateY(45px);
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.hovereffect2:hover .view {
  display:none;
  opacity:0;
}
.hovereffect2 h2 {
  width: 100%;
  margin-bottom:5px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
  /*float: left;*/
  margin: 0px;
  display: inline-block;
}
.hovereffect2 p {
  margin:7px;
  font-size:10pt;
}
.hovereffect2 p.dti {
  font-size:7pt;
  bottom: -85px;
  position: absolute;
}
.hovereffect2 p.asianic{
  bottom:-25% !important; 
}
.hovereffect2 p.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  text-transform: uppercase;
  color: #fff;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
}
.hovereffect2 p.info:hover {
  box-shadow: 0 0 5px #fff;
}


.hovereffect2 p.icon-links a {
  float: right;
  color: #3c4a50;
  font-size: 1.4em;
}

.hovereffect2:hover p.icon-links a:hover,
.hovereffect2:hover p.icon-links a:focus {
  color: #252d31;
}

.hovereffect2 h2,
.hovereffect2 p.icon-links a {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,200%,0);
  transform: translate3d(0,200%,0);
}

.hovereffect2 p.icon-links a span:before {
  display: inline-block;
  padding: 8px 10px;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


.hovereffect2:hover .overlay,
.hovereffect2:hover h2,
.hovereffect2:hover p.icon-links a {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect2:hover h2 {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.hovereffect2:hover p.icon-links a:nth-child(3) {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}

.hovereffect2:hover p.icon-links a:nth-child(2) {
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.hovereffect2:hover p.icon-links a:first-child {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}


@media screen and (max-width: 935px){
/*@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)*/
  .text-size-big{font-size: 14pt;}
  .text-size-small{font-size: 7pt;}
  .btn{margin-right:1%;}
  a.btn{font-size: 8pt;}

  .mainTable td,tr,th{float: none; width: 100%;}
  
  div.mainTable table{width:100%;}
  .news-box{width:360px; height: 240px;}
  .video{width:360px; height: 240px; margin-left: auto; margin-right: auto;}
  .div-C-I-M-BCard{padding:15px 0px 15px 0px;}
  .easy-text{ font-size:11pt; margin-left:20px;}
  .easy-ul{font-size:8pt; margin-left:-20px;}
  .easy-check{width:17px;}
  /*.card-size{width:85%;}*/
  .span-easy{margin-left:30px;}
  .thumbnail-default{ min-height: 454px;max-height: 454px;}
  .btn-align{bottom:40px;}
  .caption-text {min-height:144px; margin-top: 220px; font-size: 10pt;}
  div.mainTable li{font-size:11pt;}
  .div-btn-align2{margin-left:-83px;margin-top:5px;}
  .card-align{margin:auto;}
  .card-table{max-width: 100%;}
  .footer-custom{min-width:100%; text-align: center; margin: auto ; padding-top: 10px;}
  .footerright{float:none; margin: auto; white-space:normal;}
  .footerleft{float:none; margin: auto;  }
  .navfooter ul{margin:1% 1% 1% 1%; padding:1%;}
  .modal-content{ font-size:11pt;}
  #applyNow_btn a {font-size: 11pt; width: 78px; }
  /*#trackApp_btn a {font-size: 11pt; width: 150px; }*/
  /*#trackApp_btn {top: calc(18% + 115px); -webkit-top: -webkit-calc(18% + 115px); -moz-top: -moz-calc(18% + 115px); -o-top: -o-calc(18% + 115px);}*/
  #trackApp_btn a {font-size: 11pt; width: 235px; }
  #trackApp_btn {top: calc(18% + 65px); -webkit-top: -webkit-calc(18% + 65px); -moz-top: -moz-calc(18% + 65px); -o-top: -o-calc(18% + 65px);}
  .blog-div{margin:auto; text-align: center; margin-top: 15px;}
  .blog-header p{ text-align: center; }
  .blog-link{font-size: 11pt;}
  .blog-text{font-size: 11pt;}
  .blog-title {width: 335px; line-height: 1.5}
  .stamp{margin-left:157px;}
  .card-size2{margin:0;}
  .otherCards-ul{text-align:left;}
  .easy-ul{min-height:101px; font-size: 9pt;}
  .card-size2{width:35%;}
  .hovereffect2 h2{width:auto;}
  .hovereffect2 .view{top:62%;}
  .hovereffect2 p.asianic{bottom:-85% !important; }
  /*  .hovereffect a.info{margin-top:15%;}*/
  .div-size{min-width:100%; max-width:100%;}
  .div-size2{min-width:100%; max-width:100%;}
  .cebuPac {display:none; }
  .cebuPacMobile {display:block; }
  
}
@media screen and (max-width: 400px){
  .thumbnail-default{ min-height: 434px;max-height: 434px;}
  .thumbnail-default3{ min-width: 240px;max-width: 300px;}
  .thumbnail-default2{ min-width: 240px;max-width: 300px; }
  .thumbnail-default2Home{ min-width: 240px;max-width: 300px; }
  .div-size{min-width:240px; max-width:300px;}
  .div-size2{min-width:240px; max-width:300px;}
  .video{width:226px; height: 160px;margin-left: auto; margin-right: auto;}
  /*.card-size{width:75%;}*/
  .easy-text{ margin-left:26px;}
  .easy-ul{margin-left:auto;}
  .easy-buttons{ margin:auto;}
  .icon-margin{padding:3%;}
  h3.up{font-size: 14pt;}
  .blogs-box{height:131px;}
  .blog-title {width: 206px;}
  .blog-header p{ font-size: 10pt;}
  .blog-div{margin-top: 7px;}
  .otherCards-align{white-space:normal;}
  .stamp{margin-left:121px;}
  .news-box{width:100%;}
  .footer-custom{font-size:9pt;}
  .hovereffect2 div.info{padding:0;}
  .hovereffect2 h2{width:100%;}
  .hovereffect2 .view{top:60%;}
  .hovereffect2 p.asianic{bottom:-58% !important; }
  
  .cebuPac {display:none; }
  .cebuPacMobile {display:block; }
   /* .hovereffect a.info{margin-top:35%;}*/
  /*  .hovereffect2 img{min-width:240px; max-width:300px; max-height: 300px; min-height: 240px;}*/
}
.text-normal{
  font-weight: normal;
}
ol.parentheses-alpha {
  list-style: none;
}
}
.text-italic{
  font-style: italic;
}
.text-left{ text-align:left; }
.text-center{ text-align:center; }
.text-right{ text-align:right; }
.font30{font-size:30px !important;}
.font24{font-size:24px !important;}
.font16{font-size:16pt !important;}
.font15{font-size:15pt !important;}
.font14{font-size:14pt !important;}
.font12{font-size:12pt !important;}
.font11{font-size:11pt !important;}
.font10{font-size:10pt !important;}
.font9{font-size:9pt !important;}
.font8{font-size:8pt !important;}
.font7{font-size:7pt !important;}