/*
Description: Maharlika Services Ltd.
Author: Norman Reginald A. Quijano
Author URL: http://www.noerksallies.com/
Version: 1.0
*/

/* Reset */
html, body,
sub, sup,
fieldset, legend, img{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* Reset */

/* Fonts */
@font-face {
    font-family: "OSReg";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
}
@font-face {
    font-family: "OSBold";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg");
}
@font-face {
    font-family: "OSLight";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#OpenSansBold") format("svg");
}
/* Fonts */

/* Contents */

body {font-family: OSReg,sans-serif;margin: 0;padding: 0;background-color: #f5f5f5;}

.bold{font-family: OSBold,sans-serif;}
.regular{font-family: OSReg,sans-serif;}
.oslight{font-family: OSLight,sans-serif;}
.pright15{padding-right: 15px !important;}
.no-bmargin{margin-bottom: 0px !important;}
.no-tmargin{margin-top: 0px !important;}
.mt8{margin-top: 8px;}
.mt10{margin-top: 10px;}
.nopadding{margin: 0px;padding: 0px !important;}
.tmargin20{margin-top: 20px;}
.mb40{margin-bottom: 40px !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.pt40{padding-top: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.rmargin{margin-right:5px;}
.no-pl{padding-left: 0px !important;}
.fblue{color: #1286ff;} .fgreen{color: #d5de43;} .fwhite{color: #fff;} .fred{color: #ff0000 !important;}.fwhite{color: #fff !important;}
.fdgray{color: #29292b !important;}
.btn-msl{background-color: #1286ff;}
.no-bg{background: transparent !important;}

/* Font Size */
.size10{ font-size: 10px; }
.size11{ font-size: 11px; }
.size12{ font-size: 12px; }
.size13{ font-size: 13px; }
.size14{ font-size: 14px; }
.size16{ font-size: 16px; }
.size18{ font-size: 18px; }
.size20{ font-size: 20px !important; }
.size22{ font-size: 22px !important; }
.size23{ font-size: 23px !important; }
.size24{ font-size: 24px !important; }
.size30{ font-size: 30px; }
.size36{ font-size: 36px; }
.size40{ font-size: 40px; }
.size48{ font-size: 48px; }
.size60{ font-size: 60px; }
.size72{ font-size: 72px; }
.size80{ font-size: 80px; }
.size90{ font-size: 90px; }


.top-bar{font-size: 1em !important;padding:10px 0;background: #1286ff none repeat scroll 0 0;border-bottom: 1px solid #d5de43;color:#fff; width: 100%;}

.uppercase{text-transform: uppercase;}

.btn-login {
    border: 2px solid #fff;
    color: #1286ff;
    background-color: #fff;
    padding: 2px 15px;
    text-decoration: none;
    text-transform: uppercase;
	 transition: all 0.5s ease 0s;
	 margin-left: 10px;
	 border-radius: 5px;
}
.btn-login:hover {
    background-color: #d5de43;
    border: 2px solid #d5de43;
    color: #fff;
    text-decoration: none;
}
.btn-send-money {
    border: 2px solid #d5de43;
    color: #fff;
    background-color: #d5de43;
    padding: 2px 15px;
    text-decoration: none;
    text-transform: uppercase;
	 transition: all 0.5s ease 0s;
	 margin-left: 10px;
	 border-radius: 5px;
}
.btn-send-money:hover {
    background-color: #fff;
    border: 2px solid #fff;
    color: #1186ff;
    text-decoration: none;
}
/* Buttons */
.btn-border {
    border: 2px solid #fff;
    color: #fff;
    background-color: transparent;
    padding: 15px 55px;
    text-decoration: none;
    text-transform: uppercase;
	 transition: all 0.5s ease 0s;
}
.btn-border:hover {
    background-color: #1186ff;
    color: #fff;
    text-decoration: none;
    border: 2px solid #1186ff;
}
.btn-border-white {
    border: 2px solid #fff;
    color: #fff;
    background-color: transparent;
    padding: 15px 55px;
    text-decoration: none;
    text-transform: uppercase;
	 transition: all 0.5s ease 0s;
}
.btn-border-white:hover {
    background-color: #fff;
    color: #1186ff;
    text-decoration: none;
    border: 2px solid #fff;
}
.btn-blue {
    border: 2px solid #1186ff;
    color: #fff;
    background-color: #1186ff;
    padding: 15px 55px;
    text-decoration: none;
    text-transform: uppercase;
	 transition: all 0.5s ease 0s;
}
.btn-blue:hover {
    background-color: #d5de43;
    color: #fff;
    text-decoration: none;
    border: 2px solid #d5de43;
}

/* Social Media */
.social{
  text-align: right;
}
.social-share{
 display: inline-block;
 list-style: none;
 padding: 0;
 margin: 0;
}
ul.social-share li {
  display: inline-block;
}
ul.social-share li a {
  display: inline-block;
  color: #fff !important;
  background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 2px;
  transition: all 0.5s ease 0s;
}
ul.social-share li a:hover {
  background: #d5de43;
  color: #fff;
}

/* Navigation */
.top-nav{
   background: rgba(249, 249, 249, 1) none repeat scroll 0 0;
	height: auto;
	box-shadow: 0 3px 10px -4px #8f8f8f;
	overflow: hidden;
   z-index: 1000;
}
.navbar-affixed-top {
    top: -32px;
}
.navbar-affixed-top.affix-top {
    transition: all 0.5s ease-out 0s;
}
.navbar-affixed-top.affix {
    box-shadow: 0 0 5px #ccc;
    position: fixed;
    top: 0;
    transition: all 0.5s ease-out 0s;
    width: 100%;
    z-index: 1000;
}
body.boxed .navbar-affixed-top.affix {
    position: static;
}
/* Maharlika Menu */
.bs-maharlika {
    margin: 0 -10px 20px;
    overflow: hidden;
}
.bs-maharlika-list {
    list-style: outside none none;
    padding-left: 0;
}
.bs-maharlika li {
    background-color: #f9f9f9;
    border: 1px solid #fff;
    float: left;
    font-size: 10px;
    height: auto;
    line-height: 1.4;
    padding: 10px;
    text-align: center;
    width: 25%;
}
.bs-maharlika .m-icons {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 5px;
}
.bs-maharlika .maharlika-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}
.bs-maharlika li:hover {
    background-color: #0a79fe;
    color: #fff;
}
@media (min-width: 768px) {
	.bs-maharlika {
    	margin-left: 0;
    	margin-right: 0;
	}
	.bs-maharlika li {
    	font-size: 12px;
    	width: 12.5%;
	}
}

/* Menu Items */
.menu-active{
    background: rgba(233, 233, 48, 1) none repeat scroll 0 0;
}
.menuitem {
    background: #546543 none repeat scroll 0 0;
    min-height: 120px;
    text-align: center;
}
.menuitem a {
    color: #29292b;
    text-decoration: none;
    width: 100%;
}
.menuitem a i {
    display: block;
    padding-top: 20px;
    text-align: center;
}
.menuitem a i::before {
    color: rgba(0, 0, 0, 0.6);
    font-size: 40px;
    margin: 0;
}
.menuitem a span {
    display: block;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.hvr-sweep-to-bottom {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color;
    vertical-align: middle;
}
.hvr-sweep-to-bottom::before {
    background: #2098d1 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleY(0);
    transform-origin: 50% 0 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
}
.hvr-sweep-to-bottom:active, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:hover {
    color: #29292b;
}
.hvr-sweep-to-bottom:active::before, .hvr-sweep-to-bottom:focus::before, .hvr-sweep-to-bottom:hover::before {
    transform: scaleY(1);
}
.hvr-sweep-to-bottom::before, .hvr-sweep-to-right::before {
    height: 120px;
}
.hvr-sweep-to-bottom::before {
    background: rgba(233, 233, 48, 1) none repeat scroll 0 0;
}
.ui-menu-color{
	background-color: transparent;
}

/* Intro First Image */
.intro{
	width: 100%;
	height: auto;
	color: #fff;
	padding-top: 30px;
	padding-bottom: 20px;
	background: rgba(0,0,0,1) url("../img/customer-cover.jpg") no-repeat fixed top / cover ;
	margin: 0 auto;
	text-align: center;
}
.careers{
	width: 100%;
	height: auto;
	color: #fff;
	padding-top: 220px;
	padding-bottom: 190px;
	background: rgba(0,0,0,1) url("../img/office-cover.jpg") no-repeat scroll center center / cover ;
}
.intro h1, .partners h1, .services h1, .careers h1{
	font-size: 40px;
	text-align: center;
}
.partners{
	width: 100%;
	height: auto;
	color: #29292b;
	padding-top: 80px;
	padding-bottom: 80px;
   background: rgba(245, 245, 245, 1) none repeat scroll 0 0;
}
.partners hr{
	height: 3px;
	width: 50px;
	margin: 20px auto 20px auto;
	background-color: #1186ff;
}
.services{
	width: 100%;
	color: #fff;
	padding-top: 80px;
	padding-bottom: 40px;
   background: rgba(17, 133, 255, 1) none repeat scroll 0 0;
   margin: 0 auto;
   text-align: center;
   height: auto;
}
.services2{
	width: 100%;
	color: #fff;
	padding-top: 60px;
   background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
   margin: 0 auto;
   text-align: center;
   height: auto;
}
.services hr{
	height: 3px;
	width: 50px;
	margin: 20px auto 20px auto;
	background-color: #fff;
}
.services h3{
	font-size: 24px;
	margin: 10px 0px;
}
/* Remittance Icons */
.money-remittance, .cargo, .travel-and-tours{
	width: 150px;
	height: 150px;
	border-radius: 100%;
	border: 2px solid #fff;
	line-height: 150px;
	margin: 0 auto;
	text-align: center;
}
.money-remittance img{
	line-height: 150px;
	vertical-align: middle;
}
.icon {
    border: 2px solid #1186ff;
    border-radius: 80px;
    color: #1186ff;
    display: inline-block;
    font-size: 20px;
    height: 150px;
    line-height: 150px;
    width: 150px;
}
.icon2 {
    border: 2px solid #fff;
    border-radius: 80px;
    /* background: rgba(255, 255, 255, 1) none repeat scroll 0 0; */
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 150px;
    line-height: 150px;
    width: 150px;
}
.box-simple img{
	line-height: 150px;
}
.box-simple i{
	line-height: 150px;
}
.box-simple {
    margin-bottom: 40px;
    text-align: center;
}
.box-simple img{
	margin-top: 40px;
}
.box-simple .icon {
    border-color: #1186ff;
    color: #1186ff;
    transition: all 0.2s ease-out 0s;
}
.box-simple h3 {
    color: #fff;
    font-size: 24px;
    line-height: 1.5;
    text-transform: uppercase;
}
.box-simple:hover .icon {
    transform: scale(1.1, 1.1);
}
.box-simple:hover .icon i {
    transform: scale(1, 1);
}
.footer {
    background-color: #1186ff;
    color: #fff;
    padding-bottom: 20px;
    padding-top: 20px;
    text-align: center;
}
.footer a {
    color: #fff;
    text-decoration: none;
    transition: all 0.5s ease 0s;
}
.footer a:hover {
    color: #e7e732;
    text-decoration: none;
}
.footer p{
	margin: 0 0 10px;
}

.header-title{
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
   background: rgba(233, 233, 48, 1) none repeat scroll 0 0;
   text-decoration: none;
}
.header-title h1{
	font-size: 25px;
	text-align: left;
	color: #29292b;
}
.header-title h3{
	font-size: 20px;
	text-align: left;
	color: #29292b;
}
.header-title a{
	text-decoration: none;
}

.restricted{
   background: rgba(255, 0, 0, 1) none repeat scroll 0 0;
   text-decoration: none;
	padding-bottom: 3px;
	padding-top: 3px;
	border-radius: 4px;
}

.packing-tips{
   background: rgba(18, 134, 255, 1) none repeat scroll 0 0;
   text-decoration: none;
	padding-bottom: 3px;
	padding-top: 3px;
	border-radius: 4px;
}
.header-title h2{
	font-size: 20px;
}
.bg-gray{
	width: 100%;
	height: auto;
	color: #29292b;
	padding-top: 20px;
	padding-bottom: 20px;
   background: rgba(245, 245, 245, 1) none repeat scroll 0 0;
}
.bg-gray h2{
	font-size: 30px;
	margin-bottom: 20px;
   margin-top: 0px;
}
bg-gray p{
	margin: 0 0 10px;
}
.blue-hr{
	height: 3px;
	width: 50px;
	background-color: #1186ff;
}

/* Money Remittance */
.money-remittance-cover{
	width: 100%;
	height: auto;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	background: rgba(0,0,0,1) url("../img/money-remittance-cover.jpg") no-repeat scroll center center / cover ;
}
.cargo-cover{
	width: 100%;
	height: auto;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	background: rgba(0,0,0,1) url("../img/cargo-cover.jpg") no-repeat scroll center center / cover ;
}
.cargo-cover-page{
	width: 100%;
	height: auto;
	color: #fff;
	padding-top: 100px;
	padding-bottom: 100px;
	background: rgba(0,0,0,1) url("../img/cargo-cover-page.jpg") no-repeat scroll center center / cover ;
	/* text-shadow: 1px 1px 0 #000, -1px 1px #000, 1px -1px 0 #000, -1px -1px #000, 2px 2px 2px #000; */
}
.travel-and-tours-cover{
	width: 100%;
	height: auto;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	background: rgba(0,0,0,1) url("../img/travel-and-tours-cover.jpg") no-repeat scroll top center / cover ;
}
.travel-and-tours-cover-page{
	width: 100%;
	height: auto;
	color: #fff;
	padding-top: 100px;
	padding-bottom: 100px;
	background: rgba(0,0,0,1) url("../img/travel-and-tours-cover.jpg") no-repeat scroll top center / cover ;
}
.video-blog-cover{
	width: 100%;
	height: auto;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	background: rgba(0,0,0,1) url("../img/video-blog-cover.jpg") no-repeat scroll center center / cover ;
}
.video-blog-cover-page{
	width: 100%;
	height: auto;
	color: #fff;
	padding-top: 100px;
	padding-bottom: 100px;
	background: rgba(0,0,0,1) url("../img/video-blog-cover.jpg") no-repeat scroll center center / cover ;
	/* text-shadow: 1px 1px 0 #000, -1px 1px #000, 1px -1px 0 #000, -1px -1px #000, 2px 2px 2px #000; */
}
.map-cover{
	width: 100%;
	height: auto;
	color: #fff;
	padding-top: 50px;
	padding-bottom: 50px;
	background: rgba(0,0,0,1) url("../img/map-cover.jpg") no-repeat scroll center center / cover ;
}
.map-cover a{
	color: #1186ff;
	text-decoration: none;
}
.map-cover a:hover{
	color: #e7e732;
	text-decoration: none;
}
.mrbg{
   background: rgba(255, 255, 255, 0.6);
	color: #fff;
	padding: 20px;
	border-radius: 5px;
}
.mrbg-black{
   background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 20px;
	border-radius: 5px;
}
.mrbg-white{
   background: rgba(255, 255, 255, 1);
	color: #fff;
	padding: 20px;
	border-radius: 5px;
	margin-top: 60px;
}
.cargobg-white{
   background: rgba(255, 255, 255, 1);
	color: #fff;
	padding: 20px;
	border-radius: 5px;
	margin-top: 30px;
}
.mrbg-blue{
   background: rgba(18, 134, 255, 0.5);
	color: #fff;
	padding: 20px;
	border-radius: 5px;
}
.text-shadow{
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.hide{
	display: none;
}
#others{
	display: block;
}
/* Selector */
    ::selection {
    background:#e7e732;
    color:#fff;
    }

    ::-moz-selection {
    background:#e7e732;
    color:#fff;
    }

    ::-webkit-selection {
    background:#e7e732;
    color:#fff;
    }

/* Full color border */
.bborder{
	background-color: #1286ff;
	color: #fff;
	padding: 10px 0px;
	text-align: center;
}

/* 5 Column Grid */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}
.breadcrumb {
	background-color: transparent;
   color: #29292b;
   font-size: 12px;
   list-style: outside none none;
   width: 100%;
   border-radius: 0px;
   margin-bottom: 0px;
}
.panel {
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    margin-bottom: 20px;
    overflow: hidden;
}
.panel-group {
    margin-bottom: 0px;
}
.panel-default > .panel-heading {
   background-color: #1286ff;
   border-color: transparent;
   color: #333;
}
.panel-default {
   border-color: transparent;
   background-color: #fff;
}
.table-hover > tbody > tr:hover {
    background: rgba(245, 245, 245, 1) none repeat scroll 0 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0px 15px 0px 15px;
}
.table {
    margin-bottom: 5px;
    max-width: 100%;
    width: 100%;
}
.panel-heading {
    border-bottom:0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px 15px;
}
.tpadding{
	padding-left: 15px;
	padding-right: 15px;
}

/* Login Page */
.login-bg{
	border: 1px solid #b7daff;
	background-color: #cfe7ff;
	border-radius: 5px;
	padding: 10px 15px;
	color: #121214;
	letter-spacing: 1px;
}

/* Modal Content */
.modal-content {
    background-clip: padding-box !important;
    background-color: #1286ff !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 6px !important;
    /* box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); */
    outline: 0 none !important;
    position: relative;
}
.modal-body {
    padding: 15px;
    position: relative;
    background-color: #fff !important;
}
/* Modal Content 2 */
.modal-content2 {
    background-clip: padding-box !important;
    background-color: #ff0000 !important;
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 6px !important;
    /* box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); */
    outline: 0 none !important;
    position: relative;
}
.modal-body2 {
    padding: 15px;
    position: relative;
    background-color: #fff !important;
}

.blue-tooltip + .tooltip > .tooltip-inner {background-color: #009fd6;font-size:18px;font-family: OSReg,sans-serif; text-transform: uppercase;}
.blue-tooltip + .tooltip > .tooltip-arrow { border-top-color:#009fd6; }

.video-align{
	display: block;
	margin: 0 auto;
}