.bdr{border:1px solid red}
/*  25B7DC */
body {
  height: 100%;
  min-height: 100%;
}
html {
  height: 100%; 
}
body {
	font-size: 14px;
	line-height: 1.5;
	color: #333;
  background: #F8F8F8;
	font-family: 'Lato', sans-serif;
  word-break: break-word;
}
section{margin:30px 0 30px 0!important;}  

.foot{
  background-color: #333;
  padding:20px 0 20px 0;
  line-height:45px;
}
.foot a{ color: #ccc; }
.foot a:hover{ color: #25B7DC; }

a{ color: #0D9BBF; }
a:hover{ color: #0C83A2; }

a img { border: none; }
img { max-width: 100%; }

.bold{
	font-weight:bold;
}
.upper{
	text-transform: uppercase;
}

iframe { border: none !important; }

.k-plain {
	display: block;
	float: left;
	margin: 4px 11px 7px 0;
	text-align: center !important;
	font-size: 38px;
	color: #FFF;
}
.k-plain img{
	width: 40px !important;
	height: 40px !important;
	margin-top:-30px;
}

.i-plain:hover { color: #777; }

/*-----FONT COLOR-------*/
.sense{color:#19BCA5;}
.black{color:#000!important;}
.grey{color:#898989!important;}
.red{color:#F46045!important;}
.blue{color:#25B7DC!important;}

/*-----FONT COLOR.-------*/

p{margin: 0!important;padding:8px 0 8px 0!important;}
h1,
h2,
h3,
h4,
h5,
h6 {
  color:#1B9ABB !important;
	font-weight: bold !important;
	line-height: 1.5;
	font-family: 'lato', sans-serif;
  margin: 20px 0 15px 0;
  text-transform: uppercase;
}

h1 { font-size: 28px; }
h2 { font-size: 26px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 12px; }

/*-----HOME-------*/
.box{padding:30px 0 50px 0}
.box ul{margin:0 !important;padding:0 !important;}
.box li{margin-left:32px;}

.fbox i{font-size:100px;color:#25B7DC;}
.gbox i:hover{color:#000;}
.fbox h4{font-size:16px;color:#666;margin-bottom:0;}
.fbox span{color:#969696;}


@media (max-width: 991px) {
	#logos  {
		text-align: center!important;
	} 
#logo img {
	display:inline!important;
	max-width: 100%;
}  
  #primary-menu-trigger{background: #fff;}
.fbox .col-md-4{margin-bottom:32px;}
  
.fbox i{font-size:86px;color:#25B7DC;}
.fbox h4{font-size:14px}
.fbox{margin-bottom:20px;}
.ibox{margin-top:50px;}
}

.top-links li a{
font-family: 'Lato', sans-serif;
font-size:10px;
color:#8C8C8C;
}

/* PRODUCT */
.productbox{
  margin-bottom:40px;
  border: 1px solid #BDD7E1;
}
.productfoot{
  padding:10px 10px 0 10px;
}
.name{
  color:#333;
  text-align:center;
  height:40px;
  font-size:16px;
  font-weight:bold;
}
.price{
  color:#D35B45;
  text-align:center;
  height:40px;
  font-size:18px;
  font-weight:bold;
}
.cartbtn{
  padding:10px 0 10px;
}
.cartbtn a{
  width:100%;

}
/* PRODUCT */

.epay{
  color:#7B7B7B;
  background:#fff;
  font-size:16px;
  font-weight:bold;
}
.epay .fa{
  color:#22C6E3;
  font-size:42px;
}
.pnm{
  color:#7B7B7B;
  background:#FBFBFB;
  line-height:30px;
  font-size:16px;
  font-weight:bold;
}
.pnm .fa{
  color:#22C6E3;
  font-size:42px;
}

.i-bordered{border:2px solid #22C6E3;}
.i-bordered i{color:#22C6E3;}


/* HOW TO USE GOCASH */
.process-steps li:before,
.process-steps li:after {
	content: '';
	position: absolute;
	top: 50px;
	left: 0;
	margin-left: -26px;
	width: 40%;
	border-top: 1px dashed #ccc;
}

.process-steps li:after {
	left: auto;
	right: 0;
	margin: 0 -26px 0 0;
}
.i-rounded,
.i-circled,
.i-bordered {
	width: 90px !important;
	height: 90px !important;
	line-height: 90px !important;
	background-color: #fff !important;
	border-radius: 90px;
}
.i-bordered .fa{
	line-height: 90px !important;
	font-size: 50px !important;
}

.nopadding{margin: 0!important;padding:0!important;}
.nopadding-top{margin-top: 0!important;padding:0!important;}
.nopadding-bottom{margin-bottom: 0!important;padding:0!important;}

.dropdown-menu{border-radius: 0;}

.slash::after {
     content: "/";
     margin:0 10px 0 10px;
     color:#ADADAD
 } 

/*-----sbox-------*/
.sbox{
border:1px solid #E7E7E7;
background:#fff;
padding:22px;
margin-bottom:8px;
line-height:24px;
}
@media (max-width: 991px) {
	.sbox{
		border:0;
		background:#fff;
		padding:0;
		margin:0;
		line-height:24px;
	}
}

/*-----eventbox-------*/
.eventbox{
  background: #fff;
  padding:20px 20px 10px 20px;
  margin-bottom:20px;
  border-radius: 5px;
  border: 1px solid #E5E5E5;
  height:480px;
}
.eventbox:hover{
  box-shadow: 2px 2px 14px #989898;
}
.eventbox .name{
 padding:10px;
 height:50px;
}
.eventbox .des{
  color:#ccc;
  height:110px;
}
.eventbox .date{
 padding-top:10px;
  text-align:right;
}

@media (max-width: 991px) {
	.eventbox{
    background: #fff;
    padding:20px 20px 10px 20px;
  height:auto;
	}
}

.date {font-size:12px;color:#ADADAD;}
.date:before {
content: "\f017";
font-family: FontAwesome;
padding-right:6px;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 0;
  border-radius: 0;
}

.upper{
  text-transform:uppercase;
}
.block:after{
  content: "|";
  margin:0 8px 0 14px;
  color:#666;
}
/*@media only screen and (max-width: 979px) {*/
@media (max-width: 991px) {
  .centerL,.centerR{float:none;text-align:center;}
  .centerL img,.centerR img{float:none;text-align:center;}
  .login{padding-top:20px;}

	.container{
	width:100%!important;
	padding:0 8px 0 8px;
	}
  .row{padding:0;margin:0}
	.xslid{
	padding:0;
	}
  #ptrigger {
    float:right;
		margin: 15px 15px;
		z-index: 1;
    font-size:14px;
	}
  section{margin:0!important;}  
  .modal-dialog {
      margin: 10vh auto 0px auto
  }
}	

form{margin:0;padding:0;}
.form-control{border-radius:0;}

.hr{
	background:#E9E9E9;
	height:1px;
	margin:4px 0 4px 0;
}

.hr:last-child {
background:#fff;
} 
/* ------------------------- */

.btn{	
  font-weight:bold;
  border-radius:0;
}

.btn-sense {
  color: #ffffff;
  background-color: #25B7DC;
}
.btn-sense.focus {
  color: #ffffff;
  background-color: #0799BD;
}
.btn-sense:hover {
  color: #ffffff;
  background-color: #0799BD;
}
.btn-default {
  color: #666;
  background-color: #F1F1F1 !important;
}

.btn-default:hover {
  color: #000;
  background-color: #E0E0E0 !important;
}
.btn-cart {
  color: #fff;
  background-color: #01A1C9 !important;
}

.btn-cart:hover {
  color: #fff;
  background-color: #0090B4 !important;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-weight: 700;
    color: #fff;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-weight: 700;
    color: #fff;
}
::-ms-input-placeholder { /* Microsoft Edge */
    font-weight: 700;
    color: #fff;
}
.td-30{width:30px}.td-40{width:40px}.td-50{width:50px}.td-60{width:60px}.td-70{width:70px}.td-80{width:80px}
.td-100{width:100px}.td-120{width:120px}.td-150{width:150px}.td-200{width:200px}.td-250{width:250px}