body{ /* style of BODY */

}


#pushcontentwrapper{ /* wrapper around page content other than menu markup */
    position: relative;
    width: 100%;
    -moz-transition: left 100ms ease-in-out, right 100ms ease-in-out; /* Content wrapper transition. Actual duration controlled by script */
    -webkit-transition: left 100ms ease-in-out, right 100ms ease-in-out;
    transition: left 100ms ease-in-out, right 100ms ease-in-out;
}


.pushmenu{ /* shared class for horizontal push menu */
    background-color:rgba(29, 29, 29, 0.99);
    width: 280px; /* default menu width */
    height: 100%;
    position: fixed;
    z-index: 1000;
    font-size: 16px;
    top: -100%;
    clear: both;
    display: block;
    visibility: 'hidden';
    /*overflow-y: auto;*/
    -moz-transition: all 100ms ease-in-out; /* Menu transition. Actual duration controlled by script */
    -webkit-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

.pushmenu.left{ /* Additional push menu style when orientation is "left" */
   /* border-right: 2px solid #7190be;
    box-shadow: 8px 0 5px rgba(174, 174, 174, .8);*/
    padding: 0 10px;
}


.pushmenu.right{ /* Additional push menu style when orientation is "right" */
    border-left: 4px solid black;
    box-shadow: -8px 0 5px rgba(174, 174, 174, .8);
    width: 300px;
}


.pushmenu .closebutton{ /* label button inside UL to close menu */
    position: absolute;
    right: 9px;
    top: 12px;
    cursor: pointer;
    font-size:30px;
    text-align: center; color: #b4b4b4;
    }

.pushmenu .closebutton:hover{
    color: #fff;
}


.pushmenu a{
color: white;
}

.pushmenu h2{
    color:#e6e6e6;
    /*font-family: 'Rosario', sans-serif;*/
    font-size: 1.3em;
    /*letter-spacing: 5px;*/
    border-bottom: 1px solid gray;
    padding-bottom:10px;
    /*text-transform: uppercase;*/
}



.pushmenu ul.mainnav{ /* Push menu main UL style */
    padding: 0;
    margin: 0;
    list-style: none;
    font-family: 'Rosario', sans-serif;
    font-weight: bold;
}

.pushmenu ul.mainnav li{
    margin-bottom: 10px;
}

.pushmenu ul.mainnav a{
    font-size: 1.2em;
    padding: 13px;
    padding-left: 25px;
    display: block;
    color: #6c6a6a;
    text-decoration: none;
}

.pushmenu ul.mainnav a i{ /* Fontawesome icon style */
    margin-right: 5px;
}


.pushmenu  ul.mainnav a:hover{
    background: #5493c0;
    color: white;
}

.pushmenu.open + .menutoggler{ /* Style of menu toggler when menu is opened */
    opacity: 0.3;
}


/* ######### CSS for fixed menu toggler ######### */

.menutoggler { /* fixed toggler that toggles menu visibility */
    font-size: 38px;
    font-weight: bold;
    position: fixed;
    background: transparent;
    top: 150px;
    text-shadow: 1px 1px 2px gray;
    left: 0;
    z-index: 500;
    padding: 2px 5px;
    background: #eee;
    border: 1px solid transparent;
    cursor: pointer;
	display:none;
}

.menutoggler:hover{
    border: 1px solid gray;
}


.menutoggler.right{ /* Additional fixed toggler style when menu orientation is "right" instead of "left" */
    left: auto;
    right: 0;
}

/* ######### CSS for sample animated drawer button style  ######### */

.animateddrawer{
	font-size: 10px; /* to change size of animated drawer, simply adjust this property value ONLY */
  width: 4em; /* width of button */
  height: 4em; /* height of button */
  outline: none;
  display: block;
  position: relative;
}

.animateddrawer:before, .animateddrawer:after{
  position: absolute;
  content: '';
  display: block;
  width: 100%;
  height: 1em; /* height of top and bottom drawer line */
  background: #003399;
  border-radius: 2px;
  top: 0;
  left: 0;
  opacity: 1;
  transition: all 0.3s ease-in;
}

.animateddrawer:after{
  top: auto;
  bottom: 0;
}

.animateddrawer span{
  width: 100%;
  height: 1em; /* height of middle drawer line */
  background: #003399;
  position: absolute;
  top: 50%;
  margin-top: -0.5em; /* set this to - half of middle drawer line height */
  border-radius: 2px;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition: all 0.3s ease-in 0.3s;
}

.animateddrawer span::after{
  content: '';
  display: block;
  width: 100%;
  height: 10px; /* height of middle drawer line */
  background: #003399;
  border-radius: 2px;
  position: absolute;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  transition: all 0.3s ease-in 0.3s;
}

.animateddrawer.open:before{ /* style when .open class is added to button */
  top: 50%;
  margin-top: -0.5em; /* set this to - half of top drawer line height */
  opacity: 0;
}

.animateddrawer.open:after{ /* style when .open class is added to button */
  bottom: 50%;
  opacity: 0;
}

.animateddrawer.open span{ /* style when .open class is added to button */
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animateddrawer.open span:after{ /* style when .open class is added to button */
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.slidebu {position: absolute; right: -138px; background: rgb(255, 118, 0); padding: 10px 25px 10px 15px;  top: 350px; font-size: 1.35em}
.slidebu a:hover, .slidebu a:visited, .pushmenu a:hover, .pushmenu a:visited {text-decoration:none !important}
.slidebu i{bottom: 1px;position: relative;right: -12px;}

/********************/
.other-service {background:rgb(255, 255, 255);min-height:70px; padding:15px 10px;margin: 0 0 15px;border-radius: 3px}
.other-service h2 {color:#7b7b7b;font-size:1em;font-weight: bold; margin:0 5px;line-height:1.5em;border:none; padding-bottom:0}
.other-service i{margin-right: 4px;font-size: 2em;color:#ff7600;display: block;vertical-align: middle;padding-top: 0px;margin-left: 0px}
.other-service a{color:#7b7b7b;display: inline-block;padding: 6px 0 0 10px;font-size: 1.2em;line-height: 27px;}
.other-service ul {
	float:right;
	width:12%;
	margin-top:-20px
}
.other-service ul li {
	margin-bottom:5px
}
.other-service .description {
	padding-right:2%;
	display: inline-block;
	float:left;
	width:81%;
	font-size:1.1em;
}
.other-service .search {
	padding-top:10px;
}
.other-service .search img {
	float:left;
	width:10%;
	max-width:29px;
	box-sizing:border-box;
	margin: 0 6px 0 0;
}

.other-service .search i { font-size: 2.4em;float:left;margin: 0 6px 0 0;color:#666;}
.other-service .search input[type="text"] {
	width:75%;
	margin:0 5px;
	height:30px;
	float:left;
	box-sizing:border-box;
	
}
.other-service .search input[type="button"], .other-service .search input[type="submit"] {
	width:13%;
	height: 30px;
	max-width:30px;
	margin:0 0 0 6px;
	float:left;
	text-indent:-99999px;
	box-sizing:border-box
}
.brd-right{border-right: 1px solid #f1f1f1;}

.block-title-w {
    text-align: center;
    margin: 0 0 30px 0;
    color: #666666;
}

.block-title-w h2{
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #666;
  /*font-weight: bold;*/
  margin-top:18px;
}
.block-title-w span.sub-title{
  font-size: 16px;
  margin-bottom: 25px;
  display: block;
}
.block-title-w span.icon-title{
  display: block;
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-top: -25px;
}
.block-title-w span.icon-title > span{
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d6d6d6;
  position: absolute;
  top: 50%;
  z-index: 90;
} 
.block-title-w span.icon-title i{color: #25bce9;padding: 5px; border: 1px solid #d6d6d6;border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;-o-border-radius: 50%;font-size: 26px;position: relative;z-index: 100;background-color: #fff; padding: 11px 0; width: 50px; height: 50px;}
.other-service .search input[type="button"], .other-service .search input[type="submit"] {
   width: 0;height: 0;max-width: 0;margin: 0;float: left;text-indent: -99999px;box-sizing: border-box;border: none;background: transparent;padding: 0}

.verify-btn:before{content: "\f02a"; font-family: 'FontAwesome'; color:#ff7600; font-size: 1.5em; margin: -2px 0 0 10px; float: left}
.track-btn:before{content:"\f002"; font-family: 'FontAwesome'; color:#ff7600; font-size: 1.5em; margin: -2px 0 0 10px; float: left}

.pad0 {
    padding: 0px !important;
}

/*VLE List & Registration*/
.vle-registration .well {padding: 15px;margin: 0;border-radius: 0;box-shadow: none;border:0;text-align:center;background: #000;}
.vle-registration .well:hover{/*background:#B1D8F7;*/ cursor:pointer; box-shadow:none;}
.vle-registration i {margin-right: 4px;font-size: 2em;color: #22b862;display: block;vertical-align: middle;padding-top: 0px;margin-left: 0px;}
.vle-registration a {/*font-family: 'OswaldRegular';*/padding: 0px;font-size: 1.2em;color:#ff983f; line-height:27px;}
.vle-registration a small {/*font-family: 'OswaldLight';*/font-size: 0.8em;color: #292929;}
.vle-registration .well:hover a {text-decoration:none; color:#fff;}
.vle-registration .well:hover span i {color:#2E638D;}
.vle-registration .well a {display: inline-block;padding:6px 0 0 10px}
.vle-list .well{color:#1c6468; background:#000; border:none}
.vle-list .well a{color:#ff983f}

.clearfix { clear: both;}