/*------------- Global Classes ---------------*/


@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../fonts/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
  width: 100%;
  color: #333;
  font-size: 13px;
  line-height: 1.6;
  font-family: "Open Sans", Arial, sans-serif;
}


html {
  width: 100%;
  height: 100%;
  overflow-x:hidden;
}




a,
a:focus,
a:hover,
a:active {
  outline: 0 !important;
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}


.navbar-fixed-bottom .navbar-collapse,
.navbar-fixed-top .navbar-collapse {
  max-height: 100%;
}

/*Thematic Break
------------------------------------*/
hr {
	margin: 30px 0;
}

hr.hr-xs {
	margin: 10px 0;
}

hr.hr-md {
	margin: 20px 0;
}

hr.hr-lg {
	margin: 40px 0;
}

/*Headings
------------------------------------*/
h1 {
	font-size: 28px;
	line-height: 35px;
}
h2 {
	font-size: 24px;
	line-height: 33px;
}
h3 {
	font-size: 20px;
	line-height: 27px;
}
h4 {
	line-height: 25px;
}
h5 {
	line-height: 20px;
}
h6 {
	line-height: 18px;
}

.font-open-sans {
	font-family: "Open Sans", Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 5px;
	text-shadow: none;
	font-weight: normal;
	font-family: "Open Sans", Arial, sans-serif; 
}

.field-validation-error {border-color: #d31919 !important;box-shadow: none;color: #d31919 !important;}



input{ text-transform: lowercase; }
input:first-letter{ text-transform: uppercase; display:inline-block; }  


@media (min-width:320px) and (max-width:480px){
    h1{font-size:20px !important;}
}

/*------------- Front End (Home Page + Landing Pages + News) Classes ---------------*/


.btnlogout {
    position: absolute;
    top: 27px;
    right: 22px;
    line-height: 24px;
}

.btnlogout a{color:#333; font-family:'Open Sans'}

.topmost{position:relative; width:100%; height:100%; min-height:765px;}
.innertopmost{
        position: relative;
    width: 100%;
    height: 100%;
    min-height: 480px;
}
.grBg{
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: skewY(-10deg);
    transform-origin: 0;
    position:absolute;
    height:100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#04449c+0,0092eb+100 */
background: #04449c; /* Old browsers */
background: -moz-linear-gradient(left, #04449c 0%, #0092eb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #04449c 0%,#0092eb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #04449c 0%,#0092eb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04449c', endColorstr='#0092eb',GradientType=1 ); /* IE6-9 */
z-index: -9;
}

.inergrBg{
        width: 100%;
    height: 100%;
    overflow: hidden;
    transform: skewY(-9deg);
    transform-origin: 0;
    position: absolute;
    height: 100%;
    background: #04449c;
    background: -moz-linear-gradient(left, #04449c 0%, #0092eb 100%);
    background: -webkit-linear-gradient(left, #04449c 0%,#0092eb 100%);
    background: linear-gradient(to right, #04449c 0%,#0092eb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04449c', endColorstr='#0092eb',GradientType=1 );
    z-index: -9;
}


/* Top Header
---------------------------------- */
.header-top{ background-color:transparent; padding: 20px 0 3px 0; min-height:60px; color:#fff; font-size:12px;font-weight: 900; border-bottom:1px solid; border-color:rgba(255,255,255, 0.3)}
.header-top p{color:#fff !important;}
.header-top i{font-size:12px; color:#fff;}
.header-top ul{-webkit-padding-start: 0px !important;}
.header-top ul li{display:inline-block; list-style:none; float:right;}
.header-top ul li a{color:#fff; font-size:11px; font-weight:900;   padding:0 10px;}
.menu-topright{padding-top: 2px; }
.menu-topright ul{ margin:0; float:right;}
.menu-topright ul{ margin:0; float:right;}
.menu-topright ul li{list-style: none; float: left; padding-left: 7px; padding-right: 8px; line-height: 12px;}
.menu-topright ul li a{ color:#fff; text-decoration:none;     font-size: 12px;  font-family: 'open_sansregular';}
.logo{ float:left; width:30%; margin-bottom: 2px;}
.navbar-toggle{margin-top: 25px;}
.logocls {
    margin-top: 10px;
    display: block;
    float: left;
    background-image: url(https://cdn.interpayafrica.com/content/images/logo-w.png);
    width: 136px;
    height: 47px;
    margin-bottom: 15px;
}

@media(min-width:768px) and (max-width:990px){
    .logocls{float:none !important; text-align:center; margin: 0 auto;}
    .navbar-header{float:none !important;}
}

.app-mockup {
    display: block;
    background-repeat: no-repeat;
    background-position: right 0px;
    width: 43%;

    position: absolute;
    right: 0;
}

.imgoverlay {
    display: block;
    background-image: url(https://cdn.interpayafrica.com/content/images/overlayheader.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 628px;
    position: absolute;
    /* top: 0; */
    left: 0;
    max-width: 100%;
    z-index: -1;
    background-size: cover;
    bottom: 0px;
    right: 0px;
}


.display-table {
    width: 100%;
    height: 100%;
    display: table;
}

.display-table h1{
        font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-weight: 400;
    text-align: left;
    line-height: 1.2;
    margin-bottom: 40px;
    font-size:50px;
}

.display-table h1 strong{font-weight:900;}
.display-table p{
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    line-height: 1.4;
    margin-bottom: 40px;
    opacity:0.7;
    
}


.table-cell {
    display: table-cell;
    vertical-align: middle;
}

.ptb-115 {
    padding-top: 4%;
    padding-bottom: 115px;
}


.mb-15 {
    margin-bottom: 15px;
}

.topheadbtn {
    background: #fff;
    margin: 10px;
    color: #000;
    font-size: 16px;
    cursor: pointer;
    font-weight: 500;
    padding: 10px 25px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
    width: auto;
    border-radius: 25px;
}

.topheadbtn:hover{background:#0dd49b; color:#fff; text-decoration:none;}


.topheadbtn2 {
    background: #0dd49b;
    margin: 10px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    font-weight: 500;
    padding: 10px 25px;
    position: relative;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
    width: auto;
    border-radius: 25px;
}

.topheadbtn2:hover{background:#fff; color:#000; text-decoration:none;}




.affix {
    background-color: #fff !important;
    border: none;
    box-shadow: 0 0px 4px rgba(0,0,0,0.4);
    position: fixed !important;
    top: 0px;
    padding: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}



.affix .navbar-default .navbar-nav>li>a.active, .affix .navbar-default .navbar-nav>li>a:hover{
    background-color:#026ec6; color:#fff;
}

.affix  .navbar-default .navbar-nav>li>a{
    color:#026ec6;
    font-weight:700;}

    .affix .logocls {
        display: block;
        float: left;
        background-image: url(https://cdn.interpayafrica.com/content/images/logo.png);
        width: 136px;
        height: 47px;
    }


@media (max-width: 767px) and (min-width: 320px) {

    .header-top {text-align: center;}
    .header-top ul li {text-align: center;float: none;}
}
.navbar-default .navbar-nav>li>a.active, .navbar-default .navbar-nav>li>a:hover {
    color: #333;
    background-color: #fff;
}


.header {
      background-color:transparent;
      color: white;
      text-align: center;
      width:100%;
      box-sizing:border-box;
      z-index:99 !important;
      position: relative;
      transition: all .5s ease .25s;
      padding: 30px;
      padding-left: 10px;
      padding-right: 10px;
    }
.mtopbot{margin-top:40px; padding-bottom:40px;}

/*Header
------------------------------------*/
/*Containers*/
@media (min-width: 768px) and (max-width: 991px) {
  .interpay .menu-container {
    width: 720px;
  }
}

@media (max-width: 991px) {
  .interpay .menu-container:before,
  .interpay .menu-container:after {
    content: " ";
    display: table;
  }

  .interpay .menu-container:after {
    clear: both;
  }

  .interpay > .navbar-default > .container {
    width: inherit;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .interpay > .navbar-default > .container > .navbar-header,
  .interpay > .navbar-default > .container > .navbar-collapse {
    margin-left: 0;
    margin-right: 0;
  }
}

/*Navbar Logo*/
.interpay .navbar-brand {
  background-image:url('https://cdn.interpayafrica.com/Content/images/Logos/INlogo2.png'); background-repeat:no-repeat; display:block; width: 175px; margin-top:1px; }

.top-contact-block a.buynowbut {    color: #444;    padding: 7px 20px;    border-radius: 25px;    margin-top: 25px;    background: #fff;    transition: all 0.3s ease;}


.interpay .navbar-brand span {
  color: #eebd14 !important;
}

@media (max-width: 768px) {
  .interpay .navbar-brand {
    padding-left: 0;
  }
}

/*Navbar Toggle*/
.interpay .navbar-toggle {
  border: none;
  margin-right: 3px;
  padding-right: 0;
}

.interpay .navbar-toggle:hover,
.interpay .navbar-toggle:focus {
  background: none;
}

.interpay .navbar-toggle .icon-bar {
  background: #fff;
}

.interpay .navbar-toggle .icon-bar {
  height: 1px;
  width: 25px;
  font-size: 22px;
  background: #fff;
  margin-bottom: 7px;
}

.interpay .navbar-toggle .icon-bar:last-child {
  margin-bottom: 0;
}



/*Navbar*/
.interpay {
  border-bottom: none;
  background: rgba(255,255,255,1);
  border-bottom:1px solid rgba(255,255,255,0.1);
}
.interpay .container {
  position: relative;
}

.interpay .navbar-nav > li > a {
  color: #000;
  font-size: 15px;
  text-transform: uppercase;
  padding: 17px 15px 13px;
}




.interpay .navbar-nav > li > a:hover {
  z-index: 1;
  color: #eebd14 !important;
}

.interpay .navbar-nav > li > a:focus {
  color: #eebd14;
}

.interpay .navbar-nav > .active > a,
.interpay .navbar-nav > .active > a:hover,
.interpay .navbar-nav > .active > a:focus,
.interpay .dropdown-menu > .active > a,
.interpay .dropdown-menu > .active > a:hover,
.interpay .dropdown-menu > .active > a:focus,
.interpay.top-nav-collapse .dropdown-menu > .active > a,
.interpay.top-nav-collapse .dropdown-menu > .active > a:hover,
.interpay.top-nav-collapse .dropdown-menu > .active > a:focus {
  z-index: 1;
  background: none;
  color: #eebd14 !important;
}



/*Responsive Navbar*/
@media (max-width: 991px) {
  /*Responsive code for max-width: 991px*/
  .interpay .navbar-header {
    float: none;
  }

  .interpay .navbar-toggle {
    display: block;
  }

  .interpay .navbar-collapse.collapse {
    display: none !important;
  }

  .interpay .navbar-collapse.collapse.in {
    display: block !important;
  }

  .interpay .navbar-nav {
    margin: 0 0 5px;
    float: none !important;
  }

  .interpay .navbar-nav > li {
    float: none;
  }

  .navbar-default .navbar-nav > li > a {
    text-align: left;
  }

  .navbar-default .navbar-nav > li > a::before {
    content: '';
  }
}

@media(min-width: 992px) {
  .interpay.navbar {
    padding: 12px 0;
    -webkit-transition: background .3s ease-in-out,padding .3s ease-in-out;
    -moz-transition: background .3s ease-in-out,padding .3s ease-in-out;
    transition: background .3s ease-in-out,padding .3s ease-in-out;
  }

  .interpay.top-nav-collapse {
    /* Customize the look and feel of the collapsed top nav here */
    padding: 7px 0;
  }
}

@media (max-width: 768px) {
  .interpay .navbar-nav > li > a:before {
    content: " ";
  }
}


/*Navbar*/
@media (min-width: 992px) {
  .interpay.navbar .navbar-nav {
    float: right;
  }
  .interpay-style-2.navbar .navbar-nav {
    float: left;
    margin-left: 25px;
  }
}


.otcbtn{background:#0dd49b; color:#fff !important; padding:15px !important; }
.otcbtn:hover{background:#01aef0 !important; color:#fff !important; cursor:pointer; text-decoration:none;}
.otcbtn:focus{background:#01aef0 !important; color:#fff !important; cursor:pointer; text-decoration:none;}

/* Breadcrumb */

.breadcrum{ padding:15px 0px; min-height:40px;}
.breadBg
{
    display:block; min-height: 60px; 
    background: rgba(255,255,255,0.1);

}







.breadcrum h2 {font-weight: bold;    float: left;    margin: 15px 0; padding-left:15px;    font-size:24px; color:#fff;}
.breadcrum p { float: right; padding-top: 20px; color:#fff; font-size:15px; padding-right:15px}
.breadcrum a {color: #0dd49b;text-decoration: none; ;}






.featuredsection {background:#fff; padding-top:60px; padding-bottom:60px; text-align:center;}
.featuredsection h3{color:#444444; font-size:20px; font-weight:400; text-align:center; font-weight:300; margin-bottom:20px;}
.featuredsection .icon{width:125px; height:125px; background:#e5e5e5; border-radius:50%; margin:0 auto; padding-top: 28px;}
.featuredsection .icon:hover{width:125px; height:125px; background:#01325b; border-radius:50%; margin:0 auto; padding-top: 28px; color:#ff5900;}:
.featurespliter{border-bottom:1px solid #c2c2c2; width:70px; margin:0 auto;}
.featuredsection p{font-size:15px; color:#888888; text-align:center; margin-top:10px;}



/* Top Log-Reg */
.log-reg-block {
  float: right;
  list-style: none;
  margin: 0;
  padding: 0;
}
.log-reg-block > li {
  float: left;
  position: relative;
}
.log-reg-block a {
  color: #eee;
  font-size: 12.5px;
  text-transform: uppercase;
  padding: 17px 15px 13px 15px;
  display: block;
  line-height: 20px;
}
.log-reg-block a:hover {
  color: #eebd14;
  z-index: 1;
}
.log-reg-block a:before {
  color: #eee;
  content: "\f10c";
  font-family: FontAwesome;
  font-size: 4px;
  left: -3px;
  margin-right: 6px;
  position: absolute;
  z-index: 2;
}
.log-reg-block a.cd-signin:before {
  content: "";
}
.top-nav-collapse .log-reg-block a,
.top-nav-collapse .log-reg-block a:before {
  color: #777;
}

@media (max-width: 992px) {
  .interpay .navbar-nav > li.cd-log_reg {
    opacity: 0.5;
  }
}

/* Dropdown Menu */
.interpay .dropdown-menu,
.interpay.top-nav-collapse .dropdown-menu {
  border: none;
  background: none;
  box-shadow: none;
  float: none;
}
.interpay .navbar-nav a.dropdown-toggle {
  color: #fff !important;
}
.interpay.top-nav-collapse .navbar-nav a.dropdown-toggle {
  color: #777 !important;
}
.interpay .dropdown-menu .active > a,
.interpay .dropdown-menu li > a:hover {
  background: none;
  filter: none !important;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.interpay .dropdown-menu li > a:focus {
  background: none;
  filter: none !important;
}
@media (min-width: 992px) {
  .interpay .dropdown-menu,
  .interpay.top-nav-collapse .dropdown-menu {
    padding-top: 12px;
    min-width: 200px;
    border-radius: 0;
    z-index: 9999 !important;
    top: 100%;
  }
  .interpay.top-nav-collapse .dropdown-menu {
    padding-top: 7px;
  }
  .interpay .navbar-nav > li.dropdown:hover > .dropdown-menu {
    display: block;
  }
  .interpay .open > .dropdown-menu {
    display: none;
  }
  .interpay .dropdown-menu > li {
    background: rgba(0, 0, 0, 0.4);
  }
  .interpay.top-nav-collapse .dropdown-menu > li {
    background: #fff;
  }
  .interpay .dropdown-menu > li:first-child {
    padding-top: 15px;
  }
  .interpay .dropdown-menu > li:last-child {
    padding-bottom: 15px;
  }
  .interpay .dropdown-menu > li > a {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    padding: 6px 25px;
  }
  .interpay.top-nav-collapse .dropdown-menu > li > a {
    color: #777;
  }
  .interpay.top-nav-collapse .dropdown-menu > li > a:hover {
    color: #eebd14;
  }
}
@media (max-width: 991px) {
  .interpay .dropdown-menu {
    position: relative;
  }
  .interpay .dropdown-menu a {
    color: #fff !important;
    padding: 10px 20px;
    background: none !important;
  }
  .interpay.top-nav-collapse .dropdown-menu > li > a {
    color: #777 !important;
  }
  .interpay .dropdown-menu a:hover,
  .interpay.top-nav-collapse .dropdown-menu > li > a:hover {
    color: #eebd14 !important;
  }
}

/* Top Contacts Block */
.top-contact-block {
  float: right;
  padding: 9px 0 0 20px;
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
}
.top-contact-block i {
  display: inline-block;
  width: 30px;
  height: 30px;
  color: #fff;
  border: solid 1px #fff;
  border-radius: 50% !important;
  text-align: center;
  padding-top: 7px;
  margin-right: 5px;
}
.top-nav-collapse .top-contact-block i {
  color: #777;
  border-color: #777;
}
.top-contact-block a {
  color: #fff;
  position: relative;
  top: 7px;
}
.top-contact-block a:hover {
  text-decoration: none;
}
.top-nav-collapse .top-contact-block a {
  color: #fff;
  background: #2a2c73;
  padding: 7px 20px
}
@media (max-width: 991px) {
  .top-contact-block {
    position: absolute;
    top: 10px;
    right: 70px;
    float: none;
    padding: 0;
  }
  .top-nav-collapse .top-contact-block a{display:none !important;}
}
@media (max-width: 480px) {
  .top-contact-block {
/*    position: static;
    padding: 8px 0 14px;
    text-align: right;*/
    display: none;
  }
}

/* Login Block Simple */
.log-reg-block-simple {
  float: right;
  padding: 10px 0 4px 20px;
  line-height: 20px;
  text-transform: uppercase;
}
.log-reg-block-simple .btn-u {
  font-size: 12.5px;
  color: #fff;
  border: solid 1px #fff;
  background: none;
  padding: 5px 13px;
}
.top-nav-collapse .log-reg-block-simple .btn-u {
  color: #777;
  border-color: #777;
}
.log-reg-block-simple .btn-u:hover,
.top-nav-collapse .log-reg-block-simple .btn-u:hover {
  color: #fff;
  background: #eebd14;
  border-color: #eebd14;
}

@media (max-width: 991px) {
  .log-reg-block-simple {
    position: absolute;
    top: 10px;
    right: 60px;
    float: none;
    padding: 0;
  }
}

/* Lang Block */
.lang-block {
  float: right;
  background: rgba(0,0,0,0.6);
  padding: 6px 13px 4px 13px;
  margin: 10px 0 0 20px;
  font-size: 12.5px;
  text-transform: uppercase;
  line-height: 20px;
  position: relative;
}
.mega-hover__current {
  display: inline-block;
  position: relative;
  padding-right: 15px;
}
.mega-hover__current:before {
  color: #fff;
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top: 0;
}
.lang-block ul {
  list-style: none;
  padding: 0 13px 5px;
  margin: 0;
  background: rgba(0,0,0,0.6);
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
}
.mega-hover-list {
  display: none;
}
/*.lang-block:hover {
  cursor: pointer;
}*/
.lang-block:hover .mega-hover-list {
  display: block;
}
.lang-block a {
  color: #fff;
}
@media (max-width: 991px) {
  .lang-block {
    float: none;
    background: rgba(0,0,0,0.6);
    display: inline-block;
    position: absolute;
    top: 0;
    right: 60px;
  }
}

/*Fixed Header*/
.interpay.top-nav-collapse {
  background: #fff;
  box-shadow: 0 0 3px #b5b5b5;
}

.interpay.top-nav-collapse .interpay .navbar-nav > .active > a, .interpay .navbar-nav > .active > a:hover, .interpay .navbar-nav > .active > a:focus, .interpay .dropdown-menu > .active > a, .interpay .dropdown-menu > .active > a:hover, .interpay .dropdown-menu > .active > a:focus, .interpay.top-nav-collapse .dropdown-menu > .active > a, .interpay.top-nav-collapse .dropdown-menu > .active > a:hover, .interpay.top-nav-collapse .dropdown-menu > .active > a:focus{color:#ff5900;}


@media (max-width: 768px) {
  .interpay.top-nav-collapse {
    padding: 0;
  }
}

.interpay.top-nav-collapse .navbar-brand,
.interpay.top-nav-collapse .navbar-nav > li > a,
.interpay.top-nav-collapse .navbar-nav > li > a:before {
  color: #777;
}

.interpay.top-nav-collapse .navbar-brand {
    /*color: #777 !important;*/
    background-image: url('https://cdn.interpayafrica.com/Content/images/Logos/logo.png');
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    width: 175px;
    margin-top: 1px;
}





/*Navbar Toggle*/
.interpay.top-nav-collapse .navbar-toggle .icon-bar {
  background: #555;
}

.interpay.top-nav-collapse .navbar-toggle:hover .icon-bar {
  background: #eebd14;
}

/*Slides*/
.rs-caption-1 {
    font-size: 50px;
    font-family: Raleway;
    font-weight: 100;
    color: #fff;
    line-height: 65px;
    text-transform: uppercase;
    position: relative;
}



@media (max-width: 768px) {
  .rs-caption-1:after,
  .rs-caption-1:before {
    content: "";
  }
}

.rs-caption-1:after {
  right: 4%;
}

.rs-caption-1:before {
  left: 4%;
}

.rs-caption-2 {
  font-size: 52px;
  font-family: Raleway;
  font-weight: 100;
  color: #fff;
  text-align: center;
  margin-bottom:50px;
}

@media (max-width: 768px) {
  .rs-caption-1,
  .rs-caption-2
  {
    font-weight: normal;
  }
  .btn-u-light{font-size:14px !important; display:block; margin-top:30px !important;}
    .blockz {
        display: block !important;
        
        margin-left: 10% !important; width:150px;
    }
  .blockz1{display:block !important; margin-right:10% !important; width:150px;}
}



/*Button Styles
------------------------------------*/
.btn:focus {
    outline: 0px dotted #333 !important;
    outline: 0px auto -webkit-focus-ring-color !important;
}

input, button, select, textarea {
    outline: 0px dotted #333 !important;
    outline: 0px auto -webkit-focus-ring-color !important;
}

.btn {
	box-shadow: none;
}
.btn-u {
	border: 0;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	font-weight: 500;
	padding: 8px 10px;
	position: relative;
    text-align:center;
	white-space: nowrap;
	display: inline-block;
	text-decoration: none;
    width:190px;
    border-radius:25px;
}
.btn-u:hover {
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

.btn-u-light {
	color: #eebd14;
    margin:10px;
    font-size:18px;
}
.btn-u-light:hover {
    color:#fff;
    text-decoration:underline;
    cursor:pointer;
}
.lgbtn{width:auto !important}

.btn-u-yellow {
	color: #fff;
    border: solid 2px #12a3c4;
    background:#12a3c4;
    
    padding: 13px 30px !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}
.btn-u-yellow:hover {
    background:#fff;
    border: solid 2px #fff;
    color: #12a3c4;
    
}

.btn-u-login {
	color: #fff;
    border: solid 2px #2a2c73;
    background:#2a2c73;
    width:auto;
    padding:10px 30px;
    text-align:center;
    font-size:15px;
    font-family:Open Sans;
    border-radius:25px;
    margin:10px;
    float:left;
}
.btn-u-login:hover {
    background:#eebd14;
    border: solid 2px #eebd14;
    color: #fff;
}

.btn-u-forget {
	color: #333;
    border: solid 2px #eebd14;
    background:#eebd14;
    width:45%;
    padding:10px 30px;
    text-align:center;
    font-size:15px;
    font-family:Open Sans;
    border-radius:25px;
    margin:10px;
    float:left;
}
.btn-u-forget:hover {
    background:#2a2c73;
    border: solid 2px #2a2c73;
    color: #fff;
    text-decoration:none;
}


.btn-u-home {
	color: #fff;
    border: solid 2px #1f2533;
    background: #1f2533;
    width:100%;
    padding:10px 30px;
    text-align:center;
    font-size:15px;
    font-family:Open Sans;
    border-radius:25px;
    display: block;
}
.btn-u-home:hover {
    background:#eebd14;
    border: solid 2px #eebd14;
    color: #fff;
    text-decoration:none;
}


#login .forgetpassword a{color:#2a2c73; font-size:15px; font-family:Open Sans; text-align:left;}
#login .forgetpassword a:hover{color:#eebd14; font-size:15px; font-family:Open Sans; text-align:left; text-decoration:none;}




@media (min-width:320px) and (max-width:479px){
    .btn-u{width:auto !important; font-size:12px !important; padding:8px 10px !important;}
    .btn-u-lighty{position:relative; right:10px !important;}
    .btn-u-yellow{position:relative; left:10px !important;}
}

@media (min-width:480px) and (max-width:749px){
    .btn-u{width:auto !important; font-size:12px !important; padding:8px 10px !important;}

}

@media (min-width:750px) and (max-width:990px){
    .btn-u{width:auto !important; font-size:14px !important; padding:8px 10px !important;}

}

/*Intro Section
------------------------------------*/
/*Intro Section*/
.intro-section {
  background: #222;
}

.intro-section:after {
  width: 100%;
  height: 100%;
  position: absolute;
}

/*About Section
------------------------------------*/
/*About Section*/
.about-section {  padding-top: 0px;  padding-bottom: 0;}
#about p{ font-size:18px; font-family:"Droid Serif", 'Open Sans'; text-align:center; line-height:28px; color:#fff; font-weight:600; font-style:italic; padding:40px 10%; }
#aboutpk p{ font-size:30px; font-family:"Open Sans", 'arial'; text-align:center; line-height:40px; color:#fff; font-weight:700; padding:30px 5%; }
.quotebg{background:#034069; padding:20px;}
.quotepkbg {
    background: #034069;
    padding: 50px 0;
    background-image: url('https://cdn.interpayafrica.com/Content/images/quoteBg.jpg');
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
}
.quotebg1{background:#09142f; padding:20px;}
.bg-grey {background: #f7f7f7;border-top: solid 1px #eee;border-bottom: solid 1px #eee;}
.quoteimg-left {
    background-image: url('https://cdn.interpayafrica.com/Content/images/quotes-left.png');
    display: block;
    width: 48px;
}
.quoteimg-right {
    background-image: url('https://cdn.interpayafrica.com/Content/images/quotes-right.png');
    display: block;
    width: 48px;
}
@media (min-width:320px) and (max-width:767px){
    #about p {font-size: 18px !important;line-height: 26px !important;padding: 40px 2% !important;}
    #aboutpk p {font-size: 18px !important;line-height: 26px !important;padding: 40px 2% !important;}
}

#intro {padding:30px 0PX 80PX 0PX;}
#intro h2{font-size:28px; color:#333; text-align:left; line-height:36px;}
#intro p{ font-size:15px; font-family:"Open Sans", arial; text-align:left; line-height:28px; color:#fff; font-weight:400; padding:10px 0px; color:#777; }


/*Services Section
---------------------------------------*/
.featurebg {
    background: url(https://cdn.interpayafrica.com/content/images/featureBg.png);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position-x: center;
}
#services{    padding-top: 60px;    position: relative;    text-align: center;    padding-bottom: 100px;}

#services h2 {
    color: #273f5b;
    font-size: 48px;
    position: relative;
    padding-bottom: 40px;
    font-family: Roboto, Arial, sans-serif;
    text-align: center;
}



#services p{
     font-size: 16px;
    font-weight: normal;
    color: #707070;
    font-family: "Raleway","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: none;

}

.mobimg {
    background: url(https://cdn.interpayafrica.com/content/images/mobimg.png);
    background-position: right top;
    background-repeat: no-repeat;
    position: absolute;
    top: 120px;
    height: 100%;
    width: 100%;
    z-index: 1;
    right: 62%;
    float: left;
}
#services .image{max-width:100%; text-align:center; margin:0 auto; margin-top:60px;}
.service-box {text-align: center;	margin-bottom: 40px;}
.service-block{min-height: 170px; padding: 40px 15px; background: #ecf5fe; border:1px solid #cfe1ef; margin-bottom: 30px; transition: background 200ms ease-in-out; -webkit-box-shadow: 0px 0px 15px 0px rgba(207,218,215,0.5);-moz-box-shadow: 0px 0px 15px 0px rgba(207,218,215,0.5);box-shadow: 0px 0px 15px 0px rgba(207,218,215,0.5);  transition: all 0.3s ease 0.0s; }
.service-box .service-block h3{color:#273f5b; margin-top: 30px;line-height: 26px; text-transform:uppercase; font-size: 20px;font-weight: 500; font-family: Roboto,"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;}
.service-box .service-block p{color:#666; font-weight:100; font-size:15px; line-height:20px; text-align:center; overflow: hidden; font-family: Roboto,"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; }
.service-box .service-block h3:before
{
        left: 56%;
    height: 4px;
    width: 30px;
    content: " ";
    margin-left: -35px;
    position: relative;
    bottom: 30px;
    background: #0dd49b;
    display: block;
}
.service-box .service-block:hover{background:#0092eb;-webkit-box-shadow: 0px 0px 15px 0px rgba(207,218,215,0.5);-moz-box-shadow: 0px 0px 15px 0px rgba(207,218,215,0.5);box-shadow: 0px 0px 15px 0px rgba(207,218,215,0.5);     transform: scale(0.9);}
.service-box .service-block:hover h3{color:#fff !important;}
.service-box .service-block:hover p  {color:#fff !important;}
.service-box .service-block:hover h3:before{background: #fff;}
.service-box .service-block .service-icon {	padding: 19px 30px;	text-align: center;    width: 85px;    height: 85px;    line-height: 90px;    margin-bottom: 40px;    transition: all 0.4s ease-in-out;}



.service-box .service-block i .pr {
    background-image: url('https://cdn.interpayafrica.com/Content/images/coins-payment.png');
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    display: inline-block;
    transition: background 200ms ease-in-out;
}

.service-box .service-block:hover i .pr {
    background-image: url('https://cdn.interpayafrica.com/Content/images/coins-payment-hover.png');
    transition: background 200ms ease-in-out;
}

.service-box .service-block i .col {
    background-image: url('https://cdn.interpayafrica.com/Content/images/handmoney.png');
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    display: inline-block;
    transition: background 200ms ease-in-out;
}

.service-box .service-block:hover i .col {
    background-image: url('https://cdn.interpayafrica.com/Content/images/handmoney-hover.png');
    transition: background 200ms ease-in-out;
}

.service-box .service-block i .rec {
    background-image: url('https://cdn.interpayafrica.com/Content/images/rec.png');
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    display: inline-block;
    transition: background 200ms ease-in-out;
}

.service-box .service-block:hover i .rec {
    background-image: url('https://cdn.interpayafrica.com/Content/images/rec-hover.png');
    transition: background 200ms ease-in-out;
}

.service-box .service-block i .dis {
    background-image: url('https://cdn.interpayafrica.com/Content/images/disicon.png');
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    display: inline-block;
    transition: background 200ms ease-in-out;
}

.service-box .service-block:hover i .dis {
    background-image: url('https://cdn.interpayafrica.com/Content/images/disicon-hover.png');
    transition: background 200ms ease-in-out;
}


@media (max-width:1024px){
    #services .col-md-offset-4{margin-left:0px;}
    #services .col-md-8{width:100%;}
}

@media (min-width:990px) and (max-width:1800px){
    #services img{opacity:0.1}
}

/*Services Section for Pakistan Website*/

#servicespk{padding-top:60px; position:relative; text-align:center;}
#servicespk h2 {
    color: #444;
    font-size: 28px;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 20px;
    text-transform: uppercase;
   font-family: "Raleway","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}

#servicespk h2:after {
    bottom: 0;
    left: 50%;
    height: 5px;
    width: 60px;
    content: " ";
    margin-left: -35px;
    position: absolute;
    background: #eebd14;
}

#servicespk p{
     font-size: 16px;
    font-weight: normal;
    color: #707070;
    font-family: "Raleway","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: none;
}
#servicespk img{max-width:100%}
#servicespk .image{max-width:100%; text-align:center; margin:0 auto; margin-top:60px;}

.service-boxpk {text-align: center;	margin-bottom: 40px;}
.service-blockpk{min-height: 170px;    padding: 20px 0px;     background: #fff;  margin-bottom: 30px; }
.service-boxpk .service-block h3{margin-top: 30px;line-height: 26px; font-size: 19px;font-weight: 500; font-family: "Raleway","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; text-transform: none;}
.service-boxpk .service-block p{color:#555; font-weight:100; font-size:15px; line-height:20px; text-align:center; overflow: hidden;}
.service-boxpk .service-block i.icon-bg-u {background: #e5e5e5; }
.service-boxpk .service-block:hover, .service-boxpk .service-block:hover p{background:#fff; color:#000 !important;}
.service-boxpk .service-block:hover i.icon-bg-u{color: #fff; background:#72c02c; }
.service-boxpk .service-block .service-icon {	padding: 19px 30px;	font-size: 50px;	text-align: center;    width: 85px;    height: 85px;    line-height: 90px;    margin-bottom: 40px;    transition: all 0.4s ease-in-out;    margin-right:10px;}




.service-boxpk .service-block i .pr {
    background-image: url('https://cdn.interpayafrica.com/Content/images/coins-payment.png');
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
    transition: background 200ms ease-in-out;
}

.service-boxpk .service-block:hover i .pr {
    background-image: url('https://cdn.interpayafrica.com/Content/images/coins-payment-hover.png');
    transition: background 200ms ease-in-out;
}

.service-boxpk .service-block i .col {
    background-image: url('https://cdn.interpayafrica.com/Content/images/handmoney.png');
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
    transition: background 200ms ease-in-out;
}

.service-boxpk .service-block:hover i .col {
    background-image: url('https://cdn.interpayafrica.com/Content/images/handmoney-hover.png');
    transition: background 200ms ease-in-out;
}

.service-boxpk .service-block i .rec {
    background-image: url('https://cdn.interpayafrica.com/Content/images/rec.png');
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
    transition: background 200ms ease-in-out;
}

.service-boxpk .service-block:hover i .rec {
    background-image: url('https://cdn.interpayafrica.com/Content/images/rec-hover.png');
    transition: background 200ms ease-in-out;
}

.service-boxpk .service-block i .dis {
    background-image: url('https://cdn.interpayafrica.com/Content/images/disicon.png');
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    display: inline-block;
    transition: background 200ms ease-in-out;
}

.service-boxpk .service-block:hover i .dis {
    background-image: url('https://cdn.interpayafrica.com/Content/images/disicon-hover.png');
    transition: background 200ms ease-in-out;
}



/* Message Section* - Investor PAge
--------------------------------------*/

#message{padding:70px 0px; position:relative; text-align:left;}
#message h3 {
    margin-top: 30px;
    line-height: 26px;
    font-size: 24px;
    font-weight: 500;
    font-family: "Raleway","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: none;
    color: #455a64;
}



#message p{
     font-size: 15px;
    font-weight: normal;
    color: #67757c;
    font-family: "Raleway","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: none;
    font-weight:400;
}
#message img{max-width:100%}


/*benefit Section
---------------------------------------*/

#benefit{padding-top:200px; margin-top:100px;}
#benefit img{width:100% !important;}
.benefitbg-1{width: 100%;
    height: 100%;
    overflow: hidden;
    transform: skewY(166deg);
    transform-origin: 0;
    position: absolute;
    height: 100%;
    background: #0092eb; display:block; }

.benefitbg-2{width: 100%;
    height: 100%;
    /*overflow: hidden;*/
    transform: skewY(-10deg);
    transform-origin: 0;
    position: relative;
    height: 100%;
    background: #ecf5fe; padding:200px 0px; }



.benefitbg-3{
        width: 100%;
    height: 100px;
    overflow: hidden;
    /* transform: skewY(-12.9deg); */
    transform-origin: 0;
    position: relative;
    /* height: 100%; */
    background: #0dd49b;
    z-index: -99999999;
    transform: skewY(167.2deg);
}

.benefit-content{transform: skewY(10deg); }
.benefit-block{position:relative; padding:50px 0px; width:100%;}

.benefit-block .benefit-container{
        padding-left: 20px;
    padding-right: 20px;
    position:relative;
}

.benefit-block .benefit-container::before{
    content: " ";
    display: table;
}


@media (min-width: 1601px) {
 .benefit-block .benefit-container{ width: 1600px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;}
 .deskscreen{left:50%;}
}

@media (min-width: 1025px) {
 .benefit-container {
        max-width: 100%;
        margin: 0 auto;
        padding-left: 0;
    padding-right: 0;
    }
}

@media(min-width: 1024px){
.benefit-container {
    padding-left: 0;
    padding-right: 0;
}
}

@media (max-width: 768px){
.benefit-container{
    max-width: 720px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    }

}

#benefit h2 {
    color: #273f5b;
    font-size: 48px;
    position: relative;
    padding-bottom: 10px;
    font-family: Roboto, Arial, sans-serif;
    text-align:center;

}

#benefit h3 {
    color: #072436;
    font-size: 36px;
    position: relative;
    padding-bottom: 10px;
    font-family: Roboto, Arial, sans-serif;
    text-align:left;
    font-weight: 500;

}

.title {
    z-index: 1;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

#benefit p {
    font-size: 15px;
    font-weight: 200;
    color:#2b2b30;
    text-align:center;
    padding:0px 25%;
    font-family: Roboto, Arial, sans-serif;

}

#benefit ul{-webkit-padding-start: 0px !important; padding-left: 0px;}

#benefit ul li {
    font-size: 18px;
    font-weight: 400;
    color:#2b2b30;
    text-align:left;
    line-height:25px;
    list-style:none;
    margin-bottom:30px;
    border-bottom:1px solid #d8e5ef;
    padding:15px;
    transition: background 200ms ease-in-out;
    transform: scale(1);
    transition: all 200ms ease-in;
}

#benefit ul li:hover {
    background:#fff; border-bottom:0px;
    transition: background 200ms ease-in-out;
    transition: all 200ms ease-in;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(185,202,215,0.5);
    -moz-box-shadow: 0px 0px 15px 0px rgba(185,202,215,0.5);
    box-shadow: 0px 0px 15px 0px rgba(185,202,215,0.5);
    border-radius:6px;
    
    transform: scale(1.1);
    font-size: 20px;
    font-weight: 400;
}




@media (min-width:320px) and (max-width:767px){
    #benefit p{padding:0 10px !important;}
}

.deskscreen {
    position: absolute;
    right: -100px;
    left: 50%;
    background: url("https://cdn.interpayafrica.com/content/images/desk-interpay-screen.png");
    background-repeat: no-repeat;
    background-position: left top;
    height: 100%;
    width: 100%;
    display: block;
    transition: opacity 0.5s ease-in;
}



.tabscreen {
    background: url(https://cdn.interpayafrica.com/content/images/tab-interpay-screen.png);
    background-position: right top;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    height: 100%;
    width: 100%;
    z-index: -2;
    right: 50%;
    float: left;
    min-height: 800px;
}


/* Team Member - Investor Page 
    ------------------------------*/
.owl-carousel-6 .item{margin:10px; }

.ourTeam {
    background: #0092eb;
    padding: 60px 0px;
}

.ourTeam h1 {
    color: #fff;
    margin: 0 0 50px 0;
    text-align:center;
}

.ourTeam .i {
   
}

.ourTeam .i .c {
    background: #fff;
    -webkit-box-shadow: 0 4px 0 #2b86ac;
    -moz-box-shadow: 0 4px 0 #2b86ac;
    box-shadow: 0 4px 0 #2b86ac;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: relative;
    overflow: hidden;
    padding-bottom: 110px
}

.ourTeam .i .c .wrap {
    position: relative
}

.ourTeam .i .c .wrap img {
    width: 100%;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.ourTeam .i .c .wrap .info {
    padding: 20px 0;
    position: absolute;
    top: 100%;
    width: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.ourTeam .i .c .wrap .info .name {
    margin: 0;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 700;
    margin: 0 0 8px 0
}

.ourTeam .i .c .wrap .info .position {
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
    color: #555659
}

.ourTeam .i .c .more {
    position: absolute;
    bottom: -100%;
    width: 100%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease
}

.ourTeam .i .c .more p {
    margin: 10px 18px 30px 18px;
    line-height: 12px;
    font-size: 11px;
    text-align: justify;
    top: -440px;
    position: absolute;
}

@media (min-width:601px) and (max-width:767px){
    .ourTeam .i .c .more p {margin: 70px 18px 30px 18px !important; line-height: 15px !important;}
}


.ourTeam .i .c .more .socials {
    margin: 0 0 20px 0
}

.ourTeam .i .c .more .socials a {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 22px;
    font-size: 2.2rem;
    color: #fff;
    margin: 0 0 0 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 3px 0 rgba(0, 0, 0, .1)
}

.ourTeam .i .c .more .socials a:first-child {
    margin: 0
}

.ourTeam .i .c .more .socials a.facebook {
    background: #3262b9
}

.ourTeam .i .c .more .socials a.facebook:hover {
    background: #2d57a5
}

.ourTeam .i .c .more .socials a.twitter {
    background: #3dd7e5
}

.ourTeam .i .c .more .socials a.twitter:hover {
    background: #27d2e2
}

.ourTeam .i .c .more .socials a.google-plus {
    background: #e23535
}

.ourTeam .i .c .more .socials a.google-plus:hover {
    background: #de2020
}

.ourTeam .i .c .more .socials a.linkedin {
    background: #069
}

.ourTeam .i .c .more .socials a.linkedin:hover {
    background: #005580
}

.ourTeam .i .c:hover img {
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    opacity: 0
}

.ourTeam .i .c:hover .info {
    top: 0
}

.ourTeam .i .c:hover .more {
    bottom: 0
}


/*
    Timeline - Investor Page
----------------------------------------*/
.timelinebg{padding: 90px 0;
    position: relative;
    background:#fff;}


.timelinebg h2 {
    color: #273f5b;
    font-size: 48px;
    position: relative;
    padding-bottom: 10px;
    font-family: Roboto, Arial, sans-serif;
    text-align: center;
}

.timelinebg p {
    font-size: 15px;
    font-weight: 200;
    color: #2b2b30;
    text-align: center;
    padding: 25px;
    font-family: Roboto, Arial, sans-serif;
}

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 42%;
  float: left;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 20px;
  position: relative;
  background: #0092eb;
    border: 1px solid #cfe1ef;
  -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1); 
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1); 
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
    font-size: 15px;
    text-align: justify;
    font-family:"Raleway","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    color:#fff;
    font-weight:normal;
}

.timeline > li > .timeline-panel:hover {
  width: 44%;
  float: left;
  border: 1px solid #0dd49b;
  border-radius: 5px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0px 5px 33px 0px rgba(82, 156, 219,0.17);
  -moz-box-shadow: 0px 5px 33px 0px rgba(82, 156, 219,0.17);
  box-shadow: 0px 5px 33px 0px rgba(82, 156, 219,0.17);
  background: rgba(0,255,255, 0.1);
  z-index: 2;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1.1);   
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
    transform: scale(1.1);
    font-weight: 500;
    color:#333;
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #0dd49b;
  border-right: 0 solid #0dd49b;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel::after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #0092eb;
  border-right: 0 solid #0092eb;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:hover::after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #0dd49b;
  border-right: 0 solid #0dd49b;
  border-bottom: 14px solid transparent;
  content: " ";
}


.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}


/*benefit Section
---------------------------------------*/

#benefitpk{background:#f4f4f4; padding:60px 0px ; display:block; }

#benefitpk h2 {
    color: #333;
    font-size: 48px;
    position: relative;
    padding-bottom: 10px;
    font-family: "Open Sans", Arial, sans-serif;
    text-align:center;
    font-weight: 700;
    line-height:60px;
}

#benefitpk h3 {
    color: #333;
    font-size: 36px;
    position: relative;
    padding-bottom: 10px;
    font-family: "Open Sans", Arial, sans-serif;
    text-align:left;
    font-weight: 700;
    line-height:48px;
}

.title {
    z-index: 1;
    position: relative;
    text-align: center;
    margin-bottom: 30px;
}

#benefitpk p {
    font-size: 17px;
    font-weight: normal;
    color:#666;
    text-align:center;
    padding:0px 22%;
}

#benefitpk ul{-webkit-padding-start: 30px !important;}

#benefitpk ul li {
    font-size: 15px;
    font-weight: normal;
    color:#666;
    text-align:left;
    line-height:24px;
    list-style:none;
    margin-bottom:30px;
}

#benefitpk ul li:before {
    position: absolute;
    content: "\f14a";
    left: 10px;
    display: block;

    font-size: 20px;
    color: #72c02c;
    font-family: FontAwesome;
}


@media (min-width:320px) and (max-width:767px){
    #benefitpk p{padding:0 10px !important;}
}


/*Faqs Section
---------------------------------------*/

#faq{padding:0px; text-align:center;} 
#faq h2 {
    margin-top: 30px;
    line-height: 26px;
    font-size: 24px;
    font-weight: 500;
    font-family: Raleway, HelveticaNeue, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
    color: rgb(69, 90, 100);
}



#faq p{font-size:17px;}
#faq .openacbtn a {
    color: #fff !important;
    padding: 12px 30px;
    border-radius: 30px;
    background: #eebd14;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    width: auto;
    font-family: Open Sans;
    position: relative;
    left: 0px;
    right: 0px;
    margin: -30px auto;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 40px;
    border:2px solid #eebd14;
}

#faq .openacbtn a:hover {
    background: #2a2c73;
    text-decoration:none;
    cursor:pointer;
    border:2px solid #fff;
}

#faq .navigation{padding-top:0;margin-top:0; text-align:left !important;}
#faq .navigation .nav-tabs{list-style:none;padding:0;border:none;position:relative}
#faq .navigation .nav-tabs li{padding:0px;text-align:center;     margin: 10px;}
#faq .navigation .nav-tabs li a{border-radius:2px; font-size:20px; font-weight:900; background: rgba(0,146,235,0.3); color: rgba(255,255,255,0.9); border-radius: 50%;}
#faq .navigation .nav-tabs li a{padding: 20px 30px; font-size:22px; border:0; }
#faq .navigation .nav-tabs li a:hover{ background: rgba(13,212,155,1); border:0; color:#fff; font-size:22px;}
#faq .navigation .nav-tabs li.active a{color:#fff; background-color: #0092eb;     border-radius: 50%;     opacity: 1; box-shadow: 10px 0 10px 0 rgba(0, 131, 255, 0.2);}
#faq .navigation .nav-tabs li.active a{padding: 20px 30px; text-align:center;}
#faq .navigation .nav-tabs li.active a i:before{position:relative;color:#fff; display:block;}
#faq .tab-pane h3{color:#444; font-size:36px; text-align:left !important; line-height:70px; padding-left:10px;}
#faq .tab-pane ul{-webkit-padding-start: 0px !important; margin-left:0px;}
#faq .tab-pane ul li{text-align:left; color:#555; font-size:15px; line-height:26px; font-weight:normal; list-style: none !important; padding-left: 30px;}
#faq .tab-pane ul li:before {    position: absolute;    content: "\f0da";    left: 0;    display: block;    width: 12px;    height: 12px;    font-size: 18px;    color: #0092eb;    font-family:FontAwesome;    left: 12px;}
#faq .innerTB{padding-top:10px;padding-bottom:10px;position:relative}
#faq .innerAll{padding:10px;position:relative}.innerL{padding-left:10px;position:relative}
#faq innerR{padding-right:10px;position:relative}.innerT{padding-top:10px;position:relative}
@media (max-width:768px) {
    #faq .navigation .nav-tabs li {height:100px;}
    #faq .navigation .nav-tabs li a, #faq .navigation .nav-tabs li a:hover{font-size: 18px; padding: 20px 10px !important; vertical-align:middle;}
    #faq .navigation .nav-tabs li {width: 46% !important; margin: 2px;}
    #faq .openacbtn a{font-size:18px;}
}


#faq .panel{border:0px !important}


#developer .navigation{padding-top:0;margin-top:0; text-align:left !important;}
#developer .navigation .nav-tabs{list-style:none;padding:0;border:none;position:relative}
#developer .navigation .nav-tabs li{padding:0px;text-align:center;     margin: 10px;}
#developer .navigation .nav-tabs li a{border-radius:2px; font-size:20px; font-weight:900; background: rgba(0,146,235,0.3); color: rgba(255,255,255,0.9); border-radius: 10%;}
#developer .navigation .nav-tabs li a{padding:34px 30px; font-size:22px; border:0; width: 100px;  height: 100px;}
#developer .navigation .nav-tabs li a:hover{ background: rgba(13,212,155,1); border:0; color:#fff; font-size:22px;}
#developer .navigation .nav-tabs li.active a{color:#fff; background-color: #0092eb;     border-radius: 10%;     opacity: 1; box-shadow: 10px 0 10px 0 rgba(0, 131, 255, 0.2);}
#developer .navigation .nav-tabs li.active a{padding:34px 30px; text-align:center;}
#developer .navigation .nav-tabs li.active a i:before{position:relative;color:#fff; display:block;}
#developer .tab-pane h3{color:#444; font-size:36px; text-align:left !important; line-height:70px; padding-left:10px;}
#developer .tab-pane ul{-webkit-padding-start: 0px !important; margin-left:0px;}
#developer .tab-pane ul li{text-align:left; color:#555; font-size:15px; line-height:26px; font-weight:normal; list-style: none !important; padding-left: 30px;}
#developer .tab-pane ul li:before {    position: absolute;    content: "\f0da";    left: 0;    display: block;    width: 12px;    height: 12px;    font-size: 18px;    color: #0092eb;    font-family:FontAwesome;    left: 12px;}
#developer .innerTB{padding-top:10px;padding-bottom:10px;position:relative}
#developer .innerAll{padding:10px;position:relative}.innerL{padding-left:10px;position:relative}
#developer innerR{padding-right:10px;position:relative}.innerT{padding-top:10px;position:relative}
@media (max-width:768px) {
    #developer .navigation .nav-tabs li {height:100px;}
    #developer .navigation .nav-tabs li a, #developer .navigation .nav-tabs li a:hover{font-size: 18px; padding: 34px 30px; !important; vertical-align:middle;}
    #developer .navigation .nav-tabs li {width: 46% !important; margin: 2px;}
    #developer .openacbtn a{font-size:18px;}
}


#faq .panel{border:0px !important}




#intro .col-md-4 img{border-radius:6px;}

/*Accordion v1
------------------------------------*/
/*.accordion .panel-heading {	padding: 0;	box-shadow: none;    text-align:left;}
.accordion .panel-heading a {	display: block;	font-size: 14px;	padding: 5px 15px;	background: #fff;    border-radius: 6px;    color:#555;    font-weight:400;}
.accordion .panel-heading a:hover, .accordion .panel-heading a:focus {	display: block;	font-size: 14px;	padding: 5px 15px;	background: #f5f5f5;    border-radius: 6px;    color:#555;    text-decoration:none;}
.acc-icon a.accordion-toggle i {	color: #555;	margin-right: 8px;}
.acc-icon a.accordion-toggle:hover i {	color: #39414c;}
.accordion .panel-default {    border-radius: 6px !important;}
.accordion .panel-default ul li{width:auto; position:relative; padding-left:15px; padding-right:15px; color:#333;}*/
.accordion .panel-heading { padding: 0; box-shadow: none;    text-align:left;}
.accordion .panel-heading a { display: block; font-size: 16px; padding: 10px 15px; border-radius: 6px; background:#fff;  color:#333;  font-weight:500;}
.accordion .panel-heading a:hover{text-decoration:none; } 
.accordion .panel-heading a:active{border-radius: 6px 6px 0px 0px !important; background:#2a2c73;  color:#fff; } 
.accordion .panel-heading a:focus { display: block; font-size: 16px; padding: 10px 15px; background: #fff;    border-radius: 6px 6px 0px 0px;    color:#0092eb;    text-decoration:none;}
.accordion .panel-default {    border-radius: 6px !important;}
.accordion .panel-default ul li{position:relative; padding-left:15px; padding-right:15px; color:#fff;}
.accordion .panel{    background: #fff; color: #333 !important; font-size: 15px; boder:0px;}

.panel-heading .accordion-toggle:after {
    font-family: FontAwesome;
    content: "\f146";
    float: right;
    color: #0dd49b;
    font-size: 18px;
    width: 24px;
    height: 24px;
    background:#fff;
    padding: 0px 2px 0px 9px;
}
.panel-heading .accordion-toggle.collapsed:after {

    content: "\f0fe";   
    padding: 0px 2px 0px 9px;
}


/*Parallax Twitter (Owl Carousel)
------------------------------------*/
.parallax-twitter {
    color: #fff;
    padding: 100px 0;
    position: relative;
    text-align: center;
    background: #333 url(https://cdn.interpayafrica.com/HomePages/images/twitterbg.png) 50% 0 fixed; /*../images/twitterbg.png*/
    background-size: cover;
    background-position: center center;
}

/*Parallax Payment Partners
------------------------------------*/

#paypartner h2 {
    color: #fff;
    font-size: 28px;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-family: "Open Sans", Arial, sans-serif;
    text-align:center;
}

#paypartner h2:after {
    bottom: 0;
    left: 50%;
    height: 5px;
    width: 70px;
    content: " ";
    margin-left: -35px;
    position: absolute;
    background: #eebd14;
}

.title {
    z-index: 1;
    position: relative;
    text-align: center;
    margin-bottom: 60px;
}

#paypartner p {
    font-size: 17px;
    font-weight: 200;
    color:#fff;
    text-align:center;
}


.parallax-paypartner {
    color: #fff;
    padding: 100px 0;
    position: relative;
    text-align: center;
    background: #333 url('https://cdn.interpayafrica.com/Content/images/marchantbg.jpg') 50% 0 fixed;
    background-size: cover;
    background-position: center center;
}

.parallax-paypartner:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(0,0,0,0.5);
}

.parallax-paypartner:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  /*background: url(../images/gridtile.png) repeat;*/
}

.parallax-paypartner-in {
  z-index: 1;
  position: relative;
}


#paypartner{text-align:center;}
#paypartner ul{-webkit-padding-start: 0px; list-style:none; margin-bottom:0px; padding-left:0px;}
#paypartner ul li{display:inline-block; margin:10px 10px 0px 10px;}
#paypartner ul li a{color:#eebd14; font-weight:700; font-size:16px; text-align:left; line-height:36px;}
#paypartner ul li a:hover{color:#fff; text-decoration:none;}
#paypartner ul li img{max-width:100%; margin-bottom:30px; -webkit-transition: all 200ms ease;  transition: all 200ms ease;}
#paypartner ul li img:hover{-webkit-transform: scale(1.1) rotate(360deg); transform: scale(1.1) rotate(360deg);}

/*Parallax Busy Internet
------------------------------------*/

#busyinternet h2 {
    color: #fff;
    font-size: 28px;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-family: "Open Sans", Arial, sans-serif;
    text-align:center;
}

#busyinternet h2:after {
    bottom: 0;
    left: 50%;
    height: 5px;
    width: 70px;
    content: " ";
    margin-left: -35px;
    position: absolute;
    background: #eebd14;
}

.title {
    z-index: 1;
    position: relative;
    text-align: center;
    margin-bottom: 60px;
}

#busyinternet p {
    font-size: 17px;
    font-weight: 200;
    color:#fff;
    text-align:center;
}


.parallax-busyinternet {
    color: #fff;
    padding: 100px 0;
    position: relative;
    text-align: center;
    background: #333 url(https://cdn.interpayafrica.com/HomePages/images/mainwall.jpg) 50% 0 fixed;
    background-size: cover;
    background-position: center center;
}

.parallax-busyinternet:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(0,0,0,0.5);
}

.parallax-busyinternet:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  /*background: url(../images/gridtile.png) repeat;*/
}

.parallax-busyinternet-in {
  z-index: 1;
  position: relative;
}


.busy-box {text-align: left;margin-bottom: 10px;}
.busy-block{min-height: 40px;   padding: 10px;	}
.busy-box .busy-block a{color:#eebd14; font-weight:400; font-size:30px; text-align:left; line-height:36px;}
.busy-box .busy-block p{color:#555; font-weight:100; font-size:15px; line-height:20px; text-align:left; overflow: hidden;}
.busy-box .busy-block i.icon-bg-u {color: #eebd14; margin-top:5px;}
.busy-box .busy-block:hover, .busy-box .busy-block:hover a, .busy-box .busy-block:hover p{color:#fff !important; text-decoration:none;}
.busy-box .busy-block:hover i.icon-bg-u{color: #fff;  }
.busy-box .busy-block .busy-icon {	float: left;	padding: 0;	font-size: 35px;	text-align: center;    width: 30px;    height: 30px;    line-height: 30px;    margin-bottom: 10px;    transition: all 0.4s ease-in-out;    margin-right:10px;}




.parallax-twitter:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(0,0,0,0.5);
}

.parallax-twitter:before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  /*background: url(../images/gridtile.png) repeat;*/
}

.parallax-twitter-in {
  z-index: 1;
  position: relative;
}

/*Twitter Block (owl-controls)*/
.parallax-twitter-in ul {
  margin: 0;
}

.parallax-twitter-in li {
  color: #fff;
}

.parallax-twitter-in li p {
  color: #fff;
  font-size: 18px;
  font-weight: 200;
}

.parallax-twitter-in li a {
  color: #eee;
  text-decoration: underline;
}

.parallax-twitter-in li a:hover {
  text-decoration: none;
}

.parallax-twitter-in li span {
  color: #ddd;
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
}

.parallax-twitter-in .owl-page {
  width: 18px;
}


i.icon-bg-blue {
	background: #3498db; border:0; color:#fff;
    width:60px;
    height:60px;
    font-size:30px;
    padding-top: 15px;
}


/*Our Partner
------------------------------------*/

#partner {
    padding-top: 60px;
    position: relative;
}
#partner h2 {
    color: #444;
    font-size: 28px;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-family: "Open Sans", Arial, sans-serif;
    text-align:center;
}

#partner h2:after {
    bottom: 0;
    left: 50%;
    height: 5px;
    width: 60px;
    content: " ";
    margin-left: -35px;
    position: absolute;
    background: #eebd14;
}

#partner p{font-size:17px;}


#partner ul{padding-left:0px;-webkit-padding-start: 0px !important;}
#partner ul li{    list-style: none; display: inline-block;    background: #fff;    margin: 10px;    padding:10px;    border: 1px dashed #ccc;    width: 216px;    text-align: center; -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media (min-width:320px) and (max-width:767px){
    #partner ul li{max-width:42% !important; padding: 0px !important; -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;}
}


/*Owl Carousel - Testimonials v3
------------------------------------*/
/*Testimonials Section*/
.testimonials-v3 {
    padding: 100px 0;
    font-family: "Open Sans", Arial, sans-serif;
    background: #333 url(https://cdn.interpayafrica.com/Content/HomePages/images/clientbg.jpg) 50% 0 fixed;
    background-size: cover;
    background-position: center center;
    margin-top: 40px;
}

.testimonials-v3 ul {
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
}

.testimonials-v3 li img {
  width: 150px;
  height: 150px;
  margin-bottom: 10px;
  padding: 3px !important;
  border: solid 5px #fff !important;
}

.testimonials-v3 li > p {
  font-size: 16px;
}

.testimonials-v3 .testimonials-v3-title {
  font-size: 22px;
  font-weight: 200;
  margin-bottom: 20px;
}

.testimonials-v3 .testimonials-v3-title p {
  color: #2a2c73;
  margin-bottom: 0;
}

.testimonials-v3 .testimonials-v3-title span {
  color: #333;
  display: block;
  font-size: 14px;
}

/*Testimonials Owl Navigation*/
.testimonials-v3 .owl-pagination {
  display: none;
}

.testimonials-v3 .owl-buttons .owl-prev,
.testimonials-v3 .owl-buttons .owl-next {
  padding: 13px;
  position: relative;
  margin: 15px 2px 0;
  background: #2a2c73;
  display: inline-block;
}

.testimonials-v3 .owl-buttons .owl-prev:after,
.testimonials-v3 .owl-buttons .owl-next:after {
	top: 0;
	color: #bbb;
	font-size: 16px;
	position: absolute;
	font-weight: normal;
	display: inline-block;
	font-family: FontAwesome;
}

.testimonials-v3 .owl-buttons .owl-prev:after {
  left: 10px;
  content: "\f104";
}

.testimonials-v3 .owl-buttons .owl-next:after {
  right: 10px;
  content: "\f105";
}

.testimonials-v3 .owl-buttons .owl-prev:hover:after,
.testimonials-v3 .owl-buttons .owl-next:hover:after {
  color: #fff;
}

.testimonials-v3 .owl-buttons .owl-prev:hover,
.testimonials-v3 .owl-buttons .owl-next:hover {
  background: #eebd14;
  transition: background 0.4s ease-in-out;
}


/* Partner Logos Page
---------------------------------------*/

/* Portfolio */
.portfolio-title {
	margin-bottom: -10px;
}

.portfolio-title a {
	display: inline-block;
}

.portfolio-title .fa, .portfolio-title .icons {
	font-size: 1.7em;
}

.portfolio-title .portfolio-nav {
	margin-top: 11px;
}

.portfolio-title .portfolio-nav-all {
	margin-top: 9px;
}

.portfolio-title .portfolio-nav {
	text-align: right;
}

.portfolio-title .portfolio-nav a {
	width: 40%;
}

.portfolio-title .portfolio-nav-all .fa,
.portfolio-title .portfolio-nav-all .icons {
	font-size: 2em;
}

.portfolio-title .fa-angle-right {
	text-align: right;
}

.portfolio-title .portfolio-nav-prev {
	text-align: left;
}

/* Portfolio Info */
.portfolio-info {
	margin: 2px 0 10px;
	float: right;
}

.portfolio-info ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.portfolio-info ul li {
	display: inline-block;
	border-right: 1px solid #E6E6E6;
	color: #B1B1B1;
	padding-right: 8px;
	margin-right: 8px;
	font-size: 0.9em;
}

.portfolio-info ul li:last-child {
	border-right: 0;
	padding-right: 0;
	margin-right: 0;
}

.portfolio-info ul li a {
	text-decoration: none;
	color: #B1B1B1;
}

.portfolio-info ul li a:hover .fa-heart {
	color: #E53F51;
}

.portfolio-info ul li .fa, .portfolio-info ul li .icons {
	margin-right: 4px;
}

/* Portfolio List */
ul.portfolio-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.portfolio-list .portfolio-item {
	position: relative;
	margin-bottom: 35px;
}

ul.portfolio-list.portfolio-list-no-margins {
	margin-left: 15px;
	margin-right: 15px;
}
  
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */

.single-content{
    width: 212px;
    height: 252px;
    float: left;
    margin: 10px;
    background:#fff;
    padding:10px;
    
}
    .single-content:hover {box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.2);border-radius:8px;
    }

.filters{
  width: 100%;
  position: relative;
  bottom: 0;
  text-align: left;
  }
 .filters ul{
    list-style: none;
    padding: 20px 0
    }
  .filters ul li{
      display: inline;
      padding: 10px 15px;
      font-size: 16px;
      color: #636363;
      font-weight: 500;
      cursor: pointer;
      background:#f5f5f5;
      border-radius:4px;
      border:1px solid #ccc;

     }
    .filters ul li:hover {
        background-color: #337ab7;
            color:#fff;
            border:1px solid #337ab7;
    }
      
.filters ul li.active {
            background-color: #337ab7;
            color:#fff;
            border:1px solid #337ab7;
    }

.circlez img{transition:all 0.3s ease; border-radius:50%; border:1px solid #ccc; padding:4px; -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s; opacity: 1;
    -webkit-transition-property: border-radius;
    transition-property: border-radius;}

.circlez:hover img
        {
            border-radius:10px; 
        }

.circlez::after{
    content: ' ';
    position: absolute;
    width: 183px;
    height: 184px;
    top: 14px;
    left: 15px;
    background: rgba(0,0,0,0.2);
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    border-radius: 10px; 

}

.circlez:hover:after {
    opacity:1;
}

.single-content .thumb-info-title {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background-color: transparent;
    color: #6d6d6d;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -1px;
    padding: 8px 15px;
    position: relative;
    z-index: 2;
    max-width: 100%;
    text-align: center;
    display:block;
    margin-top: 10px;
    border-radius:6px;
}



.single-content .thumb-info-inner {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
}


.single-cont-bg{width:222px; height:300px; float:left; background:#fff; border-radius:6px; margin-bottom: 10px;}
.single-cont-bg:hover{box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);}

.innercir{position:relative; height:230px;}


.grid .grid-item{margin-top:40px;}

/* Thumb Info */
.thumb-info {
	display: block;
	position: relative;
	text-decoration: none;
	max-width: 100%;
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 50%;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.thumb-info .thumb-info-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	border-radius: 50%;
	margin: 4px;
	overflow: hidden;
	display: block;
	position: relative;
}

.thumb-info .thumb-info-wrapper:after {
	content: "";
	background: rgba(23, 23, 23, 0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 4px;
	bottom: -4px;
	color: #FFF;
	left: -4px;
	position: absolute;
	right: -4px;
	top: -4px;
	display: block;
	opacity: 0;
	z-index: 1;
}

.thumb-info .thumb-info-action-icon {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: #CCC;
	border-radius: 0 0 0 25px;
	display: inline-block;
	font-size: 25px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: -100px;
	text-align: center;
	top: -100px;
	width: 50px;
	z-index: 2;
}

.thumb-info .thumb-info-action-icon i {
	font-size: 24px;
	left: 3px;
	position: relative;
	top: -4px;
	color: #FFF;
}

.thumb-info .thumb-info-inner {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	display: block;
}

.thumb-info .thumb-info-inner em {
	display: block;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
}



.thumb-info .thumb-info-title {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: rgba(23, 23, 23, 0.8);
	bottom: 20%;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	left: 22%;
	right:22%;
	letter-spacing: -1px;
	padding: 5px 15px;
	position: absolute;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	border-radius:25px;
	z-index: 2;
	max-width: 100%;
	text-align:center;
}

.thumb-info .thumb-info-type {
	background-color: #CCC;
	border-radius: 2px;
	display: inline-block;
	float: left;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 8px -2px -15px -2px;
	padding: 2px 9px;
	text-transform: none;
	z-index: 2;
}

.thumb-info .owl-carousel {
	z-index: auto;
}

.thumb-info .owl-carousel .owl-dots {
	z-index: 2;
}

.thumb-info img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 3px;
	position: relative;
	width: 100%;
}

.thumb-info:hover .thumb-info-wrapper:after {
	opacity: 1;
}

.thumb-info:hover .thumb-info-action-icon {
	right: 0;
	top: 40px;
}

.thumb-info:hover .thumb-info-title {
	background: #000;
}

.thumb-info:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
    border-radius:50%;
}

.thumb-info.thumb-info-no-zoom:hover img {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.thumb-info.thumb-info-lighten .thumb-info-wrapper:after {
	background: rgba(23, 23, 23, 0.25);
}

.thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after {
	display: none;
}

.thumb-info.thumb-info-centered-icons .thumb-info-action {
	-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
	transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	transform: translate3d(0, -10px, 0);
	top: 50%;
	left: 3px;
	right: auto;
	bottom: auto;
	width: 100%;
	height: 40px;
	margin-top: -20px;
	text-align: center;
	position: absolute;
	opacity: 0;
	z-index: 2;
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon {
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	transition: all 0.1s ease;
	position: relative;
	z-index: 2;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	width: 40px;
	height: 40px;
	line-height: 33px;
	border-radius: 50%;
	margin-right: 3px;
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon i {
	position: static;
	font-size: 18px;
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon:hover {
	-webkit-transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-o-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
}

.thumb-info:hover.thumb-info-centered-icons .thumb-info-action {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.thumb-info:hover.thumb-info-centered-icons .thumb-info-action-icon {
	position: relative;
}

.thumb-info.thumb-info-centered-info .thumb-info-title {
	background: transparent;
	left: 5%;
	width: 90%;
	-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
	transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	transform: translate(0%, -30%);
	top: 50%;
	bottom: auto;
	opacity: 0;
	text-align: center;
	padding: 0;
	position: absolute;
}

.thumb-info.thumb-info-centered-info .thumb-info-type {
	float: none;
}

.thumb-info.thumb-info-centered-info:hover .thumb-info-title {
	opacity: 1;
	transform: translate(0%, -50%);
}

.thumb-info.thumb-info-bottom-info .thumb-info-title {
	background: #FFF;
	left: 0;
	width: 100%;
	max-width: 100%;
	-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
	transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	transform: translate3d(0, 100px, 0);
	top: auto;
	bottom: 0;
	opacity: 0;
	padding: 15px;
	text-shadow: none;
	color: #777;
}

.thumb-info.thumb-info-bottom-info .thumb-info-type {
	float: none;
	background: none;
	padding: 0;
	margin: 0;
}

.thumb-info.thumb-info-bottom-info:hover .thumb-info-title {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.thumb-info.thumb-info-bottom-info:hover img {
	-webkit-transform: translateY(-18px);
	-moz-transform: translateY(-18px);
	-ms-transform: translateY(-18px);
	-o-transform: translateY(-18px);
	transform: translateY(-18px);
}

.thumb-info.thumb-info-bottom-info-dark .thumb-info-title {
	background: -webkit-linear-gradient( bottom , rgba(23, 23, 23, 0.8) 0, transparent 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(to top, rgba(23, 23, 23, 0.8) 0, transparent 100%) repeat scroll 0 0 transparent;
	color: #FFF;
}

.thumb-info.thumb-info-push-hor img {
	-webkit-transform: translatex(-18px);
	-moz-transform: translatex(-18px);
	-ms-transform: translatex(-18px);
	-o-transform: translatex(-18px);
	transform: translatex(-18px);
	width: calc(100% + 19px);
	max-width: none;
}

.thumb-info.thumb-info-push-hor:hover img {
	-webkit-transform: translatex(0);
	-moz-transform: translatex(0);
	-ms-transform: translatex(0);
	-o-transform: translatex(0);
	transform: translatex(0);
}

.thumb-info.thumb-info-hide-info-hover .thumb-info-wrapper:after {
	opacity: 0.65;
}

.thumb-info.thumb-info-hide-info-hover .thumb-info-title {
	opacity: 1;
	top: 50%;
}

.thumb-info.thumb-info-hide-info-hover .thumb-info-type {
	float: none;
}

.thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after {
	opacity: 0.1;
}

.thumb-info.thumb-info-hide-info-hover:hover .thumb-info-title {
	opacity: 0;
}

.thumb-info.thumb-info-no-borders, .thumb-info.thumb-info-no-borders img {
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
}

.thumb-info.thumb-info-no-borders .thumb-info-wrapper {
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
}

.thumb-info.thumb-info-no-borders .thumb-info-wrapper:after {
	border-radius: 0;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}

.thumb-info.thumb-info-preview .thumb-info-wrapper:after {
	display: none;
}

.thumb-info.thumb-info-preview .thumb-info-image {
	min-height: 232px;
	display: block;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
	transition: background-position 0.8s linear 0s;
}

.thumb-info.thumb-info-preview:hover .thumb-info-image {
	transition: background-position 2.5s linear 0s;
	background-position: center bottom;
}

.thumb-info.thumb-info-preview.thumb-info-preview-short:hover .thumb-info-image {
	transition: background-position 1s linear 0s;
}

.thumb-info.thumb-info-preview.thumb-info-preview-long:hover .thumb-info-image {
	transition: background-position 5s linear 0s;
}


#partnerlist{padding:70px 0}








/*Contact
---------------------------------------*/


#contact{background:#fff;  padding-top: 30px;  padding-bottom: 10px; }

#contact h2 {
  color: #0092eb;
  font: 48px "Open Sans",sans-serif;
  margin-bottom: 15px;
  padding-bottom: 15px;
  position: relative;
  text-transform:capitalize;
  font-weight:100;
  display: inline-block;
}
#contact span{    display: inline-block;
    margin-right: 20px;
    top: 15px;
    position: relative;}
#contact i{color:#0dd49b; font-size:40px; text-align:left; display:inline-block}
@media (min-width:320px) and (max-width:480px){
    #contact h2{font-size:32px;}
}

/*Footer Section
---------------------------------------*/

.footer-v3 .footer {
    padding: 40px 0px;
    background: #04449c;
    background: -moz-linear-gradient(left, #04449c 0%, #0092eb 100%);
    background: -webkit-linear-gradient(left, #04449c 0%,#0092eb 100%);
    background: linear-gradient(to right, #04449c 0%,#0092eb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04449c', endColorstr='#0092eb',GradientType=1 );
}

.footer-v3 .footer h3{color:#fff;}
.footer-v3 .footer ul{    -webkit-padding-start: 0px !important; padding-left:0px;}
.footer-v3 .footer ul li{list-style:none;}
.footer-v3 .footer ul li a{color:#fff;}
.footer-v3 .footer ul li a:hover{color:#0dd49b; text-decoration:none;}
.footer-v3 .footer ul li a:before{
        content: "\f105";
        color:#0dd49b;
        margin-right:5px;
        line-height: 24px;
        font-family: fontawesome;
}
.footer-v3 .copyright {
    padding: 20px 0px;
    background: #0f284a;
    text-align:center;
}
.footer-v3 .copyright p{color:#fff;}
.footer-v3 .copyright a{color:#0dd49b;}


.footer-v3 p{color:#fff; padding-top:12px;}
.footer-v3 p i{color:#fff; }
.footer-v3 span{color:#fff;     line-height: 28px;    text-align: left;    overflow: hidden;}
.footer-v3 span a{color:#0dd49b;     line-height: 28px;    text-align: left;    overflow: hidden;}
.footer-v3 span i{color:#0dd49b; float:left; padding:5px 10px 10px 0px;}

.footer-v3 .socialmedia ul{margin-left:0px;-webkit-padding-start: 0px !important; list-style:none; margin-top:5px;}
.footer-v3 .socialmedia ul li{display: inline-block;
	margin: -1px 1px 5px 0;
	padding: 0;
	border-radius: 100%;
	overflow: visible;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);}
.footer-v3 .socialmedia ul li i{color:#0dd49b; font-size:14px;padding-top: 6px;}
.footer-v3 .socialmedia ul li a:before{display:none;}

.footer-v3 .socialmedia ul li a{-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	background-color:#fff;
    border:2px solid #fff;
	border-radius: 100%;
	display: block;
	height: 36px;
	line-height: 36px;
	width: 36px;
	text-align: center;
	color: #333 !important;
	text-decoration: none;}
.footer-v3 .socialmedia ul li a:hover{-webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease; background-color:#034069;
    border:2px solid #034069;}









.btn-upload {
    color: #fff;
    background-color: #236d91 !important;
    border-color: #236d91 !important;
    border-radius:0px 4px 4px 0px !important;
}

.btn-upload:hover {
    color: #fff;
    background-color: #195c7d !important;
    border-color: #195c7d !important;
    border-radius:0px 4px 4px 0px !important;
}

.btn-u-lighty {
    border: solid 2px #fff;
    background:#fff;
    margin:10px;
    color:#000 ;
}
.btn-u-lighty:hover {
    background:#eebd14;
    border: solid 2px #eebd14;
    color:#fff;
}
@media (min-width: 768px) {
    #paythroughotc .modal-dialog {
        margin: 230px auto !important;
        width: 600px;

    }
}
/*Newly Added*/
.mdclosebtn {
    color: #fff !important;
    padding: 6px 20px;
    border-radius: 30px;
    background: #cf1818;
    font-weight: 500;
    font-size: 16px;
    width: auto;
    font-family: Open Sans;
    position: relative;
    left: 0px;
    right: 0px;
    cursor: pointer;
    display: inline-block;


}
.mdclosebtn:hover {
    background: #970909;
    text-decoration:none;
    cursor:pointer;
}

.mdsendbtn {
    color: #fff !important;
    padding: 6px 20px;
    border-radius: 30px;
    background: #0092eb;
    font-weight: 500;
    font-size: 16px;
    width: auto;
    font-family: Open Sans;
    position: relative;
    left: 0px;
    right: 0px;
    cursor: pointer;
    display: inline-block;


}
.mdsendbtn:hover {
    background: #1751ac;
    text-decoration:none;
    cursor:pointer;
}

.modal-content input {
    height: 40px;
    padding: 6px 10px;
    background: #fff;
    color: #666;
    font-weight: 400;
    border-radius: 8px;
    border: 1px solid #d4d4d4;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-transform: capitalize;
}

input[type="radio"], input[type="checkbox"]{
    width:24px;
    height:24px;
    margin-right:10px;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    background-color: #fff;
}

#getpayable span{position: relative;top: -6px;}
.search i {
    font-size: 18px;
    color: #2a2c73;
    position: absolute;
    top: 10px;
    right: 25px;
} 

.infoout label{line-height:30px;}



.table.table-bordered thead tr th:first-child {
    /*background-color: #161a25 !important;*/
    line-height: 40px;
    padding-bottom: 10px;
    color:#000;
}



#editpayable input {
    height: 36px;
    padding: 6px 20px;
    background: #fff;
    /* color: #666; */
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    margin: 0px;
}




.modal-title i{color:#eebd14; margin-right:10px;}

.check label{margin-left:10px; top:-3px; text-align:left; font-weight:normal;  position:relative;}
/*FRA Login Page On Interpay CSS*/
.mb-xs a{color:#2a2c73 !important; font-size:16px; font-family:Open Sans; font-weight:500; padding:10px;}
.mb-xs a:hover{color:#eebd14 !important; cursor:pointer; text-decoration:none;  }

.btn-u-login {
 color: #fff;
    border: solid 2px #2a2c73;
    background:#2a2c73;
    width:45%;
    padding:10px 30px;
    text-align:center;
    font-size:15px;
    font-family:Open Sans;
    border-radius:25px;
    margin:10px;
    float:left;
}
.btn-u-login:hover {
    background:#eebd14;
    border: solid 2px #eebd14;
    color: #fff;
}

.btn-u-forget {
 color: #333;
    border: solid 2px #eebd14;
    background:#eebd14;
    width:45%;
    padding:10px 30px;
    text-align:center;
    font-size:15px;
    font-family:Open Sans;
    border-radius:25px;
    margin:10px;
    float:left;
}
.btn-u-forget:hover {
    background:#2a2c73;
    border: solid 2px #2a2c73;
    color: #fff;
    text-decoration:none;
}
/*PIP Partner
------------------------------------*/

#pippartner {
    padding: 60px 0;
    position: relative;
    border-top: 1px solid #dae4ea;
}

#pippartner h2 {
    color: #444;
    font-size: 28px;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 20px;
    font-family: "Open Sans", Arial, sans-serif;
    text-align:center;
}

#pippartner p{font-size:17px;}


#pippartner ul{padding-left:0px;-webkit-padding-start: 0px !important;}
#pippartner ul li{    list-style: none; display: inline-block; -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

#pippartner ul li a{  background: #fff;   border: 1px dashed #ccc; margin: 8px;    padding:10px;    width: 120px; height:90px; display:block; text-align: center; 

    position: relative;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    transition: 0.3s;
    top: 0;
}
#pippartner ul li a:hover{ background-color: #fff; box-shadow: 0 2px 46px rgba(0,0,0,.1);   border: 1px dashed #6d6d6d; border-radius:8px;     box-shadow: 0 20px 25px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 2px 25px rgba(0,0,0,0.15);
    top: -4px; }




@media (min-width:320px) and (max-width:767px){
    #pippartner ul li{max-width:42% !important; padding: 0px !important; -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;}
}



/*ppt - People Pension Trust
------------------------------------*/

#ppt{background:#fff; padding:0px; margin:0px; font-size:16px;}
#ppt .logo{max-width:100%; text-align:left; height:100%; padding:10px 0; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}
#ppt .logo1{max-width:100%; text-align:center; height:100%; padding:10px 0; vertical-align:middle;     margin: 0 auto; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}
#ppt .logo2{max-width:100%; text-align:right; height:100%; padding:35px 0px; vertical-align:middle; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}

@media (max-width:990px){
#ppt .landingnav .col-md-4{    width: 33.33333333%; float:left}
#ppt .logo{text-align:left !important; padding:10px 0 !important; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease; }
#ppt .logo1{text-align:left !important;-webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}
#ppt .logo2{text-align:left !important; padding:5px 0px !important; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}
}

#ppt .intro p{ font-size:16px; font-family:Open Sans; text-align:left; line-height:28px; color:#333; font-weight:100; padding:10px; }
#ppt .bgcolor {background: #ef3c25; }
#ppt .bgcolor p { color:#fff; font-size:28px; font-family:Open Sans; text-align:center; line-height:36px; font-weight:100; padding:30px 20px; }

@media (min-width:320px) and (max-width:767px){
#ppt .intro p {font-size: 18px !important;line-height: 26px !important;padding: 40px 2% !important;}
}

#ppt .feature{text-align:left; padding-top:60px; padding-bottom:60px;}
#ppt .feature p{text-align:left; font-size:16px; font-family:Open Sans; text-align:left; line-height:28px; color:#333; font-weight:600; margin-bottom:30px; padding:10px; border-left:5px solid #ef3c25; min-height:60px;}
#ppt .feature .odd{background:#f5f5f5;}

#ppt .feature .note { color:#333; font-size:18px; font-family:Open Sans; line-height:36px; font-weight:500; padding:10px; }

#ppt .feature .calltoaction{background:#f5f5f5; padding: 30px 20px 50px 20px; text-align:center;}
#ppt .feature .login a {
    color: #fff !important;
    padding: 8px 30px;
    border-radius: 30px;
    background: #ef3c25;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    font-family: Open Sans;
    cursor: pointer;
    display: inline-block;
    width:200px;
    text-align:center;

    

}

#ppt .feature .login a:hover {
    background: #040404;
    text-decoration: none;
    cursor: pointer;
    color:#fff;

}

#ppt .feature .register a {
    color: #fff !important;
    padding: 8px 30px;
    border-radius: 30px;
    background: #040404;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    font-family: Open Sans;
    cursor: pointer;
    display: inline-block;
    width:200px;
    text-align:center;

    

}

#ppt .feature .register a:hover {
    background: #ef3c25;
    text-decoration: none;
    cursor: pointer;
    color:#fff;

}

.txtalignr{text-align:right;}
.txtalignl{text-align:left;}
@media  (max-width:990px) {
    .txtalignr{text-align:left !important;}
}


#ppt h2{font-size:30px; margin-top:40px; color:#ef3c25; text-align:left; font-family:Open Sans; line-height:46px; display:block; font-weight:600;  }
#ppt ul{list-style:none; padding-left:20px !important;     -webkit-padding-start: 20px !important;}
#ppt ul li{color:#333; font-size:16px; line-height:38px; font-family:Open Sans;  }
#ppt ul li:before {
    content: "\f0da";
    color: #ef3c25;
    margin-right: 10px;
    line-height: 38px;
    font-family: fontawesome;
    font-size:20px;
}

#ppt .footer{background: #f5f5f5; margin-top:50px; padding:20px 0; }
#ppt .footer p{color:#333; font-size:28px; font-family:Open Sans; text-align:center; line-height:36px; font-weight:500; padding:20px 10px;}

#ppt .footer a {
    color: #fff !important;
    padding: 8px 30px;
    border-radius: 30px;
    background: #ef3c25;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    font-family: Open Sans;
    cursor: pointer;
    display: inline-block;
    width:250px;
    text-align:center;

    

}

#ppt .footer a:hover {
    background: #040404;
    text-decoration: none;
    cursor: pointer;
    color:#fff;

}

/*Enterprise
------------------------------------*/

#enterprise{background:#fff; padding:0px; margin:0px; font-size:16px;}
#enterprise .logo{max-width:100%; text-align:left; height:100%; padding:35px 0; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}
#enterprise .logo1{max-width:100%; text-align:center; height:100%; padding:10px 0; vertical-align:middle;     margin: 0 auto; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}
#enterprise .logo2{max-width:100%; text-align:right; height:100%; padding:35px 0px; vertical-align:middle; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}

@media (max-width:990px){
#enterprise .landingnav .col-md-4{    width: 33.33333333%; float:left}
#enterprise .logo{text-align:left !important; padding:25px 0 !important; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease; }
#enterprise .logo1{text-align:left !important;-webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}
#enterprise .logo2{text-align:left !important; padding:15px 0px !important; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}
}

#enterprise .intro p{ font-size:16px; font-family:Open Sans; text-align:left; line-height:28px; color:#333; font-weight:100; padding:10px; }
#enterprise .bgcolor {background: #009d52; }
#enterprise .bgcolor p { color:#fff; font-size:28px; font-family:Open Sans; text-align:center; line-height:36px; font-weight:100; padding:30px 20px; }

@media (min-width:320px) and (max-width:767px){
#enterprise .intro p {font-size: 18px !important;line-height: 26px !important;padding: 40px 2% !important;}
}

#enterprise .feature{text-align:left; padding-top:60px; padding-bottom:60px;}
#enterprise .feature p{text-align:left; font-size:16px; font-family:Open Sans; text-align:left; line-height:28px; color:#333; font-weight:600; margin-bottom:30px; padding:10px; border-left:5px solid #009d52; min-height:60px;}
#enterprise .feature .odd{background:#f5f5f5;}

#enterprise .feature .note { color:#333; font-size:18px; font-family:Open Sans; line-height:36px; font-weight:500; padding:10px; }

#enterprise .feature .calltoaction{background:#f5f5f5; padding: 30px 20px 50px 20px; text-align:center;}
#enterprise .feature .login a {
    color: #fff !important;
    padding: 8px 30px;
    border-radius: 30px;
    background: #009d52;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    font-family: Open Sans;
    cursor: pointer;
    display: inline-block;
    width:200px;
    text-align:center;
}

#enterprise .feature .login a:hover {
    background: #048ee2;
    text-decoration: none;
    cursor: pointer;
    color:#fff;

}

#enterprise .feature .register a {
    color: #fff !important;
    padding: 8px 30px;
    border-radius: 30px;
    background: #048ee2;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    font-family: Open Sans;
    cursor: pointer;
    display: inline-block;
    width:200px;
    text-align:center;

    

}

#enterprise .feature .register a:hover {
    background: #009d52;
    text-decoration: none;
    cursor: pointer;
    color:#fff;

}

.txtalignr{text-align:right;}
.txtalignl{text-align:left;}
@media  (max-width:990px) {
    .txtalignr{text-align:left !important;}
}


#enterprise h2{font-size:30px; margin-top:40px; color:#009d52; text-align:left; font-family:Open Sans; line-height:46px; display:block; font-weight:600;  }


#enterprise .footer{background: #f5f5f5; margin-top:50px; padding:20px 0; }
#enterprise .footer p{color:#333; font-size:28px; font-family:Open Sans; text-align:center; line-height:36px; font-weight:500; padding:20px 10px;}

#enterprise .footer a {
    color: #fff !important;
    padding: 8px 30px;
    border-radius: 30px;
    background: #048ee2;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    font-family: Open Sans;
    cursor: pointer;
    display: inline-block;
    width:250px;
    text-align:center;

    

}

#enterprise .footer a:hover {
    background: #040404;
    text-decoration: none;
    cursor: pointer;
    color:#fff;

}


/*Esich Life
------------------------------------*/

#esichlife{background:#fff; padding:0px; margin:0px; font-size:16px;}
#esichlife .logo{max-width:100%; text-align:left; height:100%; padding:35px 0; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}
#esichlife .logo1{max-width:100%; text-align:center; height:100%; padding:10px 0; vertical-align:middle;     margin: 0 auto; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}
#esichlife .logo2{max-width:100%; text-align:right; height:100%; padding:55px 0px; vertical-align:middle; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}

@media (max-width:990px){
#esichlife .landingnav .col-md-4{    width: 33.33333333%; float:left}
#esichlife .logo{text-align:left !important; padding:25px 0 !important; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease; }
#esichlife .logo1{text-align:left !important;-webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}
#esichlife .logo2{text-align:left !important; padding:15px 0px !important; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}
}

#esichlife .intro p{ font-size:16px; font-family:Open Sans; text-align:left; line-height:28px; color:#333; font-weight:100; padding:10px; }
#esichlife .bgcolor {background: #fa6611; }
#esichlife .bgcolor p { color:#fff; font-size:28px; font-family:Open Sans; text-align:center; line-height:36px; font-weight:100; padding:30px 20px; }

@media (min-width:320px) and (max-width:767px){
#esichlife .intro p {font-size: 18px !important;line-height: 26px !important;padding: 40px 2% !important;}
}

#esichlife .feature{text-align:left; padding-top:60px; padding-bottom:60px;}
#esichlife .feature p{text-align:left; font-size:16px; font-family:Open Sans; text-align:left; line-height:28px; color:#333; font-weight:600; margin-bottom:30px; padding:10px; border-left:5px solid #fa6611; min-height:60px;}
#esichlife .feature .odd{background:#f5f5f5;}

#esichlife .feature .note { color:#333; font-size:18px; font-family:Open Sans; line-height:36px; font-weight:500; padding:10px; }

#esichlife .feature .calltoaction{background:#f5f5f5; padding: 30px 20px 50px 20px; text-align:center;}
#esichlife .feature .login a {
    color: #fff !important;
    padding: 8px 30px;
    border-radius: 30px;
    background: #007ddb;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    font-family: Open Sans;
    cursor: pointer;
    display: inline-block;
    width:200px;
    text-align:center;
}

#esichlife .feature .login a:hover {
    background: #fa6611;
    text-decoration: none;
    cursor: pointer;
    color:#fff;

}

#esichlife .feature .register a {
    color: #fff !important;
    padding: 8px 30px;
    border-radius: 30px;
    background: #fa6611;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    font-family: Open Sans;
    cursor: pointer;
    display: inline-block;
    width:200px;
    text-align:center;

    

}

#esichlife .feature .register a:hover {
    background: #007ddb;
    text-decoration: none;
    cursor: pointer;
    color:#fff;

}

.txtalignr{text-align:right;}
.txtalignl{text-align:left;}
@media  (max-width:990px) {
    .txtalignr{text-align:left !important;}
}


#esichlife h2{font-size:30px; margin-top:40px; color:#fa6611; text-align:left; font-family:Open Sans; line-height:46px; display:block; font-weight:600;  }


#esichlife .footer{background: #f5f5f5; margin-top:50px; padding:20px 0; }
#esichlife .footer p{color:#333; font-size:28px; font-family:Open Sans; text-align:center; line-height:36px; font-weight:500; padding:20px 10px;}

#esichlife .footer a {
    color: #fff !important;
    padding: 8px 30px;
    border-radius: 30px;
    background: #048ee2;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px;
    font-family: Open Sans;
    cursor: pointer;
    display: inline-block;
    width:250px;
    text-align:center;

    

}

#esichlife .footer a:hover {
    background: #040404;
    text-decoration: none;
    cursor: pointer;
    color:#fff;

}


.modal-body ul{text-align:left; list-style:none; padding-left:10px;-webkit-padding-start: 10px !important;}
    .modal-body ul li { padding-bottom:20px; display: table-row;    }

.modal-body ul li:before {
    font-size: 18px;
    line-height: 24px;
    font-family: fontawesome;
    margin-bottom: 5px;
    content: "\f0da";
    padding-right: 20px;
    color: #0092eb;
    display: table-cell;
}

.modal-body h2{color:#0092eb !important; padding-top:30px;}
.modal-body .logo1{-webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;  float: right; padding-bottom: 20px;}
.modal-body  .logo2{text-align:left !important; padding-top:30px; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}
@media (max-width:990px) {
    .modal-body .col-md-6 {
        width: 50%;
        float: left;
    }
.modal-body .logo1{text-align:right !important;-webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;  width:50%;     float: right; padding-bottom: 20px;}
.modal-body  .logo2{text-align:left !important; padding:5px 0px !important; width:50%; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}
}


.newsletterbg:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 247px;
    /*height: 1000px;*/
    background-color: transparent;
    /*transform: skew(0,-12deg);*/
}

.newsletterbg {
    
    background: transparent;
    /*overflow: hidden;*/
    padding-top: 420px;
    margin-top: -480px;
    padding-bottom: 100px;
    

}

.newsletter-content{
    border-bottom: 0px;
    transition: background 200ms ease-in-out;
    transition: all 200ms ease-in;
    background: #ecf5fe;
    border: 1px solid #cfe1ef;
    transition: background 200ms ease-in-out;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(207,218,215,0.5);
    -moz-box-shadow: 0px 0px 15px 0px rgba(207,218,215,0.5);
    box-shadow: 0px 0px 15px 0px rgba(207,218,215,0.5);
    border-radius: 6px;
    font-size: 16px;
    font-weight: 400;
    min-height: 242px;
    padding: 50px 30px;
}


.newsFooter {
    font-family: Camphor,Open Sans,Segoe UI,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* background: #f6f9fc; */
    position: relative;
}
.newsletter{text-align:center;}

.newsletter h2{color: #273f5b;
    font-size: 48px;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 20px;
    font-family: Roboto, Arial, sans-serif;
    text-align: center;}
.newsletterbtn{font-size: 16px;
    background: #0088ce;
    width: 30%;
    height: 42px;
    float: left;
    border: 2px solid #0088ce;
    color: #fff;
    border-radius: 0px 30px 30px 0px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    padding: 5px 10px;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.newsletterbtn:hover{background-color:#0576b0;  color:#fff; border:2px solid #0576b0; }
.newsletter p{text-align:center; font-size:15px;  color:#666666; margin-bottom:40px; font-weight:300; font-family: Roboto, Arial, sans-serif;}
.newsletter input {
    width: 70%;
    height: 42px;
    padding: 6px 20px;
    background: #fff;
    color: #666;
    font-weight: 400;
    border-radius: 30px 0px 0px 30px;
    border: 1px solid #0088ce;
    box-shadow: 0 0 10px rgba(0, 136, 206, 0.3) inset;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float:left;
}


@media (min-width:320px) and (max-width:480px) {
    .newsletterbtn {
        font-size: 12px !important;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}



/* Newsletter section for Pakistan Website*/

.newsletterpkbg {
    
    padding: 50px 0;
    min-height: 345px;
    background:#f4f4f4;

}
.newsletterpk{text-align:center;}

.newsletterpk h2{color: #000;
    font-size: 48px;
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 20px;
    font-family: "Open Sans", Arial, sans-serif;
    text-align: center;}
.newsletterbtnpk{font-size: 18px;background:#72c02c; width:30%; height: 50px; float:left; border:2px solid #72c02c; color:#fff; border-radius: 0px; display:inline-block;  text-transform:uppercase; font-weight:500;     padding: 9px 10px; text-decoration:none;   -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.newsletterbtnpk:hover{background-color:#72c02c;  color:#fff; border:2px solid #72c02c; }
.newsletterpk p{text-align:center; font-size:17px;  color:#666; margin-bottom:40px; font-weight:300; }
.newsletterpk input {
    width: 70%;
    height: 50px;
    padding: 6px 20px;
    background: #fff;
    color: #666;
    font-weight: 400;
    border-radius:0;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(170, 170, 170, 0.3) inset;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float:left;
}


@media (min-width:320px) and (max-width:480px) {
    .newsletterbtnpk {
        font-size: 12px !important;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}



.ourpartnerlogos{padding:100px 0; background:#ddf2fc;}


.partnerBg{background-color:#dae4ea;}

/*Revolution Slider
------------------------------------*/
/*Revolution Slider
------------------------------------*/
.tp-dottedoverlay {
  z-index: 1 !important;
}

.tp-bullets.preview4 .bullet {
  border-radius: 10px !important;
}

.tp-banner-container ul li,
.fullscreenbanner-container ul li {
  list-style: none;
  visibility: hidden;
}

.tp-banner-container a.btn-u,
.tp-banner-container a.btn-u:hover {
  color: #fff;
  border: solid 1px transparent;
}

.tp-banner-container a.re-btn-brd {
  background: none;
  border: solid 1px #fff;
}

.tp-banner-container a.re-btn-brd:hover {
  color: #555;
  background: #fff; 
}

/*Fullwidth*/
.tp-banner-container .btn-u.btn-brd {
  font-weight: 400;
}

.tp-banner-container {
  position: relative;
}

/*Fullscreen*/
.fullscreen-container {
  padding:0;
  width:100%;
  position:relative;
}

/*Slider Contents v1*/
.revolution-mch-1:after {
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: ' ';
  position: absolute;
} 


.pkslidh1 {
  color: #fff;
  font-size: 120px;
  line-height: 120px;
  font-family: "BebasNeueRegular", Arial, sans-serif;
  font-weight:500;
}

.pkslide-btn{  background:#72c02c; color:#fff; font-weight:600; border-radius:4px; display:inline-block;     padding: 15px 25px; text-decoration:none; font-size: 18px;}


.revolution-ch1 {
  color: #fff;
  font-size: 40px;
  line-height: 50px;
  font-family: "Montserrat", Arial, sans-serif;
  font-weight:800;
}

.revolution-ch2 {
  color: #fff;
  font-size: 38px;
  line-height: 44px;
  position: relative;
  text-align: left;
  font-weight: normal;
  font-family: "Montserrat", Arial, sans-serif;
}

.revolution-btn{  background:#01aef0; color:#fff; font-weight:600; border-radius:4px; display:inline-block;     padding: 10px 20px; text-decoration:none; font-size: 18px;}

.revolution-btn a{color:#fff !important;}


.whcircle-btn{width:20px; height:20px; display:inline-block;     -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;border-radius:50%; background:rgba(238,189,20, 1)}
.whcircle-btn:hover{background:#fff; display:inline-block; border-radius:50%; opacity:1; padding:2px; border:3px solid #fff; padding:10px;
box-shadow: 0px 0px 150px #000000;
    z-index: 2;
       background: rgba(255,255,255,0.05);
    -webkit-transform: scale(0.93);
    -moz-transform: scale(0.93);
    -ms-transform: scale(0.93);
    transform: scale(0.93);
    color: #fff;

    
}





.revolution-ch2:after {
  left: 50%;
  width: 70px;
  height: 2px;
  content: ' '; 
  bottom: -20px;
  margin-left: -35px;
  position: absolute;
}

/*Slider Contents v2*/
.re-title-v1 {
  color: #fff;
  font-size: 75px;
  font-weight: 600;
  line-height: 60px;
  font-family: "Open Sans", Arial, sans-serif;
}

.re-title-v2 {
  color: #fff;
  font-size: 40px;
  font-weight: 600;
  line-height: 45px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Open Sans", Arial, sans-serif;
}

.re-text-v1 {
  color: #fff;
  font-size: 24px;
  text-align: center;
  font-family: "Open Sans", Arial, sans-serif;
}

.re-text-v2 {
  color: #fff;
  font-size: 24px;
  font-family: "Open Sans", Arial, sans-serif;
}

/*Slides*/
.rs-caption-1 {
  color: #fff;
  font-size: 32px;
  font-weight: 200;
  padding: 6px 75px;
  position: relative;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
}

.rs-caption-1:after,
.rs-caption-1:before {
  font-size: 16px;
  content: "\f005";
  position: absolute;
  font-family: FontAwesome;
}

@media (max-width: 768px) {
  .rs-caption-1:after,
  .rs-caption-1:before {
    content: "";
  }
}

.rs-caption-1:after {
  right: 4%;
}

.rs-caption-1:before {
  left: 4%;
}

.rs-caption-2 {
  color: #fff;
  position: relative;
  font-size: 26px;
  font-weight: 200;
  line-height: 40px;
  padding: 10px 50px;
  text-align: center;
}

.rs-caption-2:after {
  left: 50%;
  content: "";
  height: 1px;
  width: 100px;
  bottom: -10px;
  background: #fff;
  margin-left: -50px;
  position: absolute;
}

.rs-caption-3 a {
  margin: 0 5px;
  padding: 7px 20px;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .rs-caption-1,
  .rs-caption-2,
  .rs-caption-3 {
    font-weight: normal;
  }
}



/*=======================================================
			Page Loader
========================================================*/
.hom-slie{
	position:absolute !important;
}
/*=======================================================
			Page Loader
========================================================*/
#loader {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255,255,255,1);
	z-index: 999999;
	opacity: 1;
	text-align:center;
}
.loading {
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;
	width:100px;
	margin:0 auto;
	margin-top:25px;
	position: relative;
	text-indent: -9999em;
}
#loader p{
	font-style:italic;
	margin-top:20px;
}



/* News
   ---------------------------------*/
.newsimg {
    background-size: cover;
    margin: 0 auto;
    width: 100%;
    background-position: center center;
    height: 200px;
    background-image: url('https://cdn.interpayafrica.com/images/newsimage.jpg');
    background-repeat: no-repeat;
}

#mainBg {
    min-height: 300px;
    padding: 60px 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-width: 1px 0;
    color: #fff;
    background: #fff;


}

.bounce-effect {
    visibility: visible;
    -webkit-animation: bounce-1 .6s;
    -moz-animation: bounce-1 .6s;
    -o-animation: bounce-1 .6s;
    animation: bounce-1 .6s;
}

.slide-down-up-effect {
    visibility: visible;
    -webkit-animation: slide-down-up .6s;
    -moz-animation: slide-down-up .6s;
    -o-animation: slide-down-up .6s;
    animation: slide-down-up .6s;
}

.slide-up-down-effect {
    visibility: visible;
    -webkit-animation: slide-up-down .6s;
    -moz-animation: slide-up-down .6s;
    -o-animation: slide-up-down .6s;
    animation: slide-up-down .6s;
}

.slide-right-left-effect {
    visibility: visible;
    -webkit-animation: slide-right-left .6s;
    -moz-animation: slide-right-left .6s;
    -o-animation: slide-right-left .6s;
    animation: slide-right-left .6s;
}

.slide-left-right-effect {
    display: block;
    -webkit-animation: slide-left-right .6s;
    -moz-animation: slide-left-right .6s;
    -o-animation: slide-left-right .6s;
    animation: slide-left-right .6s;
}

.default-effect {
    visibility: visible;
    -moz-animation: default-effect .6s ease-in-out;
    -o-animation: default-effect .6s ease-in-out;
    -webkit-animation: default-effect .6s ease-in-out;
    animation: default-effect .6s ease-in-out;
}

.flip-effect {
    visibility: visible;
    -moz-animation: flip-effect .8s ease-in-out;
    -o-animation: flip-effect .8s ease-in-out;
    -webkit-animation: flip-effect .8s ease-in-out;
    animation: flip-effect .8s ease-in-out;
}

.transformation-effect {
    visibility: visible;
    -moz-animation: transformation-effect .8s ease;
    -o-animation: transformation-effect .8s ease;
    -webkit-animation: transformation-effect .8s ease;
    animation: transformation-effect .8s ease;
}

@-webkit-keyframes bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes bounce-1 {
    0% {
        opacity: 0;
        -moz-transform: scale(.5);
    }

    60% {
        opacity: 1;
        -moz-transform: scale(1.2);
    }

    100% {
        -moz-transform: scale(1);
    }
}

@keyframes bounce-1 {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        -moz-transform: scale(.5);
        -ms-transform: scale(.5);
        -o-transform: scale(.5);
        transform: scale(.5);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes slide-down-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-up-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }

    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes slide-right-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    100% {
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes slide-left-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    60% {
        opacity: 1;
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    100% {
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes default-effect {
    0% {
        -moz-perspective: 150;
        -webkit-perspective: 150;
        -ms-perspective: 150;
        perspective: 150;
        -moz-transform: rotateX(15deg);
        -ms-transform: rotateX(15deg);
        -o-transform: rotateX(15deg);
        -webkit-transform: rotateX(15deg);
        transform: rotateX(15deg);
        opacity: 0;
        filter: alpha(opacity=0);
    }

    60% {
        -moz-transform: rotateX(7deg);
        -ms-transform: rotateX(7deg);
        -o-transform: rotateX(7deg);
        -webkit-transform: rotateX(7deg);
        transform: rotateX(7deg);
        opacity: 1;
        filter: alpha(opacity=100);
    }

    100% {
        -moz-transform: rotateX(0);
        -ms-transform: rotateX(0);
        -o-transform: rotateX(0);
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
    }
}

@keyframes flip-effect {
    0% {
        -webkit-transform: rotateY(180deg);
        -webkit-transform-style: preserve-3d;
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        transform: rotateY(180deg);
        transform-style: preserve-3d;
    }

    100% {
        -webkit-transform: rotateY(0);
        -webkit-transform-style: preserve-3d;
        -moz-transform: rotateY(0);
        -ms-transform: rotateY(0);
        -o-transform: rotateY(0);
        transform: rotateY(0);
        transform-style: preserve-3d;
    }
}

@keyframes transformation-effect {
    0% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
}

.news-content {
    font-size: 15px;
    width: 100%;
    height: 100%;
}

    .news-content a {
        color: #cfefff;
        text-decoration: none;
    }

        .news-content a:hover {
            text-decoration: underline;
        }

.news-container {
    overflow: hidden;
}

.news-iframe {
    margin: 10px 0;
}

.news-slider-container {
    width: 100%;
    max-width: 500px;
    margin: 10px auto;
    overflow: hidden;
    position: relative;
}

    .news-slider-container ul.news-slider {
        overflow: hidden;
    }

        .news-slider-container ul.news-slider li {
            float: left;
        }

            .news-slider-container ul.news-slider li img {
                width: 500px;
                height: 200px;
            }

    .news-slider-container .slider-controls {
        position: absolute;
        height: 100%;
        width: 100%;
        display: flex;
    }

        .news-slider-container .slider-controls .prev, .news-slider-container .slider-controls .next {
            width: 50%;
            color: #fff;
            z-index: 2;
        }

            .news-slider-container .slider-controls .prev span, .news-slider-container .slider-controls .next span {
                position: absolute;
                top: 40%;
                padding: 5px;
            }

            .news-slider-container .slider-controls .prev span {
                left: 0;
            }

        .news-slider-container .slider-controls .next {
            text-align: right;
            padding-right: 20px;
        }

            .news-slider-container .slider-controls .prev:hover span, .news-slider-container .slider-controls .next:hover span {
                background: rgba(0,0,0,.5);
                cursor: pointer;
            }

.news-thumbnails {
    margin-top: 10px;
}

    .news-thumbnails ul {
        display: inline-block;
    }

        .news-thumbnails ul li {
            display: inline-block;
            vertical-align: text-top;
            margin: 3px;
        }

            .news-thumbnails ul li img {
                cursor: pointer;
                width: 100px;
            }

.is-hidden {
    visibility: hidden;
}

.default-effect {
    visibility: visible;
    -moz-animation: default-effect .6s ease-in-out;
    -o-animation: default-effect .6s ease-in-out;
    -webkit-animation: default-effect .6s ease-in-out;
    animation: default-effect .6s ease-in-out;
}

#news-timeline-overscroll {
    display: block;
    min-height: 300px;
    padding: 150px 0;
}

.news-timeline-1 {
    border-left: 4px solid #4298c3;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: rgba(255,255,255,.03);
    color: rgba(255,255,255,.8);
    font-family: 'Source Sans Pro',sans-serif;
    margin: 50px auto;
    letter-spacing: .5px;
    position: relative;
    line-height: 1.4em;
    font-size: 1.03em;
    padding: 50px;
    list-style: none;
    text-align: left;
    font-weight: 100;
    max-width: 45%;
}

    .news-timeline-1 h1, .news-timeline-1 h2, .news-timeline-1 h3 {
        font-family: 'Oswald',sans-serif;
        letter-spacing: 1.5px;
        font-weight: 100;
        font-size: 1.4em;
    }

    .news-timeline-1 .event {
        border-bottom: 1px dashed rgba(255,255,255,.1);
        padding-bottom: 25px;
        margin-bottom: 50px;
        position: relative;
    }

        .news-timeline-1 .event .event-content {
            margin-top: 10px;
        }

        .news-timeline-1 .event:last-of-type {
            padding-bottom: 0;
            margin-bottom: 0;
            border: none;
        }

        .news-timeline-1 .event:before, .news-timeline-1 .event:after {
            position: absolute;
            display: block;
            top: 0;
        }

        .news-timeline-1 .event:before {
            left: -217.5px;
            color: rgba(255,255,255,.4);
            content: attr(data-date);
            text-align: right;
            font-weight: 100;
            font-size: .9em;
            min-width: 120px;
        }

        .news-timeline-1 .event:after {
            box-shadow: 0 0 0 4px #4298c3;
            left: -57.85px;
            background: #313534;
            border-radius: 50%;
            height: 11px;
            width: 11px;
            content: "";
            top: 5px;
        }

@media only screen and (max-width:959px) {
    .news-timeline-1 {
        max-width: 85%;
        margin: 25px;
    }

        .news-timeline-1 .event-content:before {
            content: attr(data-date);
            display: block;
            font-size: 14px;
            margin-bottom: 5px;
        }

        .news-timeline-1 .event:before {
            content: '';
        }
}

.news-timeline-2 {
    font-family: 'Lato';
    display: inline-block;
    position: relative;
    left: 50%;
    border-left: 1px solid #eee;
    margin-top: 2.3125em;
    padding: 0;
    padding-top: 10em;
    color: #eee;
}

    .news-timeline-2:before, .news-timeline-2:after {
        content: "";
        background: #eee;
        border-radius: 100%;
        display: block;
        position: absolute;
    }

    .news-timeline-2:before {
        left: -1.03125em;
        top: -2.0625em;
        width: 2.0625em;
        height: 2.0625em;
        box-shadow: 0 0 0 .25em rgba(238,238,238,.3);
    }

    .news-timeline-2:after {
        bottom: -.6875em;
        left: -.34375em;
        width: .6875em;
        height: .6875em;
    }

    .news-timeline-2 > li {
        position: relative;
        width: 20em;
        list-style: none;
        margin: 0 0 4em 10em;
        padding: 0;
        padding-left: 1em;
    }

        .news-timeline-2 > li:before, .news-timeline-2 > li:after {
            content: "";
            background: #eee;
            display: block;
            position: absolute;
        }

        .news-timeline-2 > li:before {
            left: -10em;
            top: 50%;
            width: 10em;
            height: 1px;
        }

        .news-timeline-2 > li:after {
            left: -10.21875em;
            top: 50%;
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            height: .4375em;
            width: .4375em;
            border-radius: 100%;
        }

        .news-timeline-2 > li:nth-child(2n) {
            left: -31em;
            margin-left: 0;
            padding-left: 0;
            text-align: right;
        }

            .news-timeline-2 > li:nth-child(2n):before {
                left: 21em;
            }

            .news-timeline-2 > li:nth-child(2n):after {
                left: 30.78125em;
                top: 50%;
            }

        .news-timeline-2 > li:last-child {
            margin-bottom: 10em;
        }

        .news-timeline-2 > li .news-timeline-content {
            font-family: 'Lato';
        }

        .news-timeline-2 > li .news-timeline-title {
            font-weight: 700;
            margin-bottom: .25em;
        }

        .news-timeline-2 > li .news-timeline-date {
            margin-bottom: 7px;
            font-size: 14px;
        }

@media only screen and (min-width:959px) and (max-width:1170px) {
    .news-timeline-2 {
        padding-top: 8em;
    }

        .news-timeline-2 > li {
            width: 16em;
            margin: 0 0 3.2em 8em;
        }

            .news-timeline-2 > li:before {
                left: -8em;
                width: 8em;
            }

            .news-timeline-2 > li:after {
                left: -8.21875em;
            }

            .news-timeline-2 > li:hover:after {
                left: -8.4375em;
            }

            .news-timeline-2 > li:nth-child(2n) {
                left: -25em;
            }

                .news-timeline-2 > li:nth-child(2n):before {
                    left: 17em;
                }

                .news-timeline-2 > li:nth-child(2n):after {
                    left: 24.78125em;
                }

            .news-timeline-2 > li:last-child {
                margin-bottom: 8em;
            }
}

@media only screen and (min-width:768px) and (max-width:959px) {
    .news-timeline-2 {
        left: 5%;
        padding-top: 13em;
    }

        .news-timeline-2 > li {
            width: 26em;
            margin: 0 0 5.2em 13em;
        }

            .news-timeline-2 > li:before {
                left: -13em;
                width: 13em;
            }

            .news-timeline-2 > li:after {
                left: -13.21875em;
            }

            .news-timeline-2 > li:nth-child(2n) {
                left: 14em;
                margin-left: 0;
                padding-left: 0;
                text-align: unset;
            }

                .news-timeline-2 > li:nth-child(2n):before {
                    left: -13.875em;
                }

                .news-timeline-2 > li:nth-child(2n):after {
                    left: -14.3125em;
                }

            .news-timeline-2 > li:last-child {
                margin-bottom: 13em;
            }
}

@media only screen and (min-width:480px) and (max-width:768px) {
    .news-timeline-2 {
        left: 22px;
        padding-top: 9em;
    }

        .news-timeline-2 > li {
            width: 16em;
            margin: 0 0 3.6em 9em;
        }

            .news-timeline-2 > li:before {
                left: -9em;
                width: 9em;
            }

            .news-timeline-2 > li:after {
                left: -9.21875em;
            }

            .news-timeline-2 > li:nth-child(2n) {
                left: 10em;
                margin-left: 0;
                padding-left: 0;
                text-align: unset;
            }

                .news-timeline-2 > li:nth-child(2n):before {
                    left: -9.875em;
                }

                .news-timeline-2 > li:nth-child(2n):after {
                    left: -10.3125em;
                }

            .news-timeline-2 > li:last-child {
                margin-bottom: 9em;
            }
}

@media only screen and (max-width:480px) {
    .news-timeline-2 {
        left: 22px;
        padding-top: 2.5em;
    }

        .news-timeline-2 > li {
            width: 14em;
            margin: 0 0 1em 2.5em;
        }

            .news-timeline-2 > li:before {
                left: -2.5em;
                width: 2.5em;
            }

            .news-timeline-2 > li:after {
                left: -2.71875em;
            }

            .news-timeline-2 > li:nth-child(2n) {
                left: 3.5em;
                margin-left: 0;
                padding-left: 0;
                text-align: unset;
            }

                .news-timeline-2 > li:nth-child(2n):before {
                    left: -3.375em;
                }

                .news-timeline-2 > li:nth-child(2n):after {
                    left: -3.8125em;
                }

            .news-timeline-2 > li:last-child {
                margin-bottom: 2.5em;
            }
}

.news-timeline-3 {
    font-family: 'Lato';
    overflow: hidden;
    *zoom: 1;
    width: 85%;
    max-width: 700px;
    min-width: 400px;
    margin: 0 auto;
    padding: 1em 4em 1em 4em;
    -webkit-perspective: 150;
    -moz-perspective: 150;
    perspective: 150;
    position: relative;
}

    .news-timeline-3:after {
        content: "";
        position: absolute;
        width: 5px;
        left: 49.7%;
        background-color: rgba(255,255,255,.05);
        height: 100%;
    }

    .news-timeline-3 > li {
        color: rgba(255,255,255,.8);
        display: inline;
        position: relative;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        float: left;
        clear: left;
        width: 45%;
        padding: 10px;
        background-color: rgba(255,255,255,.05);
        margin-bottom: 10px;
    }

        .news-timeline-3 > li:nth-child(even) {
            float: right;
            clear: right;
            margin-top: 1em;
        }

        .news-timeline-3 > li .news-timeline-content {
            font-family: 'Lato';
        }

        .news-timeline-3 > li .news-timeline-title {
            font-weight: 700;
            margin-bottom: .25em;
        }

        .news-timeline-3 > li .news-timeline-date {
            margin-bottom: 7px;
            font-size: 14px;
            color: rgba(255,255,255,.8);
        }

@media only screen and (min-width:480px) and (max-width:768px) {
    .news-timeline-3 {
        padding: 0;
    }

        .news-timeline-3 > li {
            width: 42%;
        }
}

@media only screen and (max-width:480px) {
    .news-timeline-3 {
        padding: 0;
    }

        .news-timeline-3:after {
            left: 2%;
        }

        .news-timeline-3 > li {
            width: 68%;
            margin-left: 5%;
        }

            .news-timeline-3 > li:nth-child(even) {
                float: left;
                clear: left;
                margin-top: 1em;
            }
}

.news-timeline-4 {
    position: relative;
    overflow: auto;
    color: rgba(255,255,255,.8);
}

    .news-timeline-4:before {
        content: '';
        position: absolute;
        height: 100%;
        width: 5px;
        background: #4298c3;
        left: 5px;
    }

.news-timeline-date-interval {
        webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        background: #0dd49b;
        color:#fff;
        max-width: 150px;
        margin: 10px 0px 0px -105px !important;
        padding: 12px;
        text-align: center;
        position: relative;
        clear: both;
        border:1px solid #0dd49b;
    }


@media (min-width:320px) and (max-width:767px){
    .news-timeline-date-interval{
        margin: 0px !important;
    }
}



    .news-timeline-4 h3 {
        margin-top: 0;
    }

    .news-timeline-4 .news-timeline-content {
        font-family: 'Lato';
    }

    .news-timeline-4 .news-timeline-title {
        font-weight: 700;
        margin-bottom: .25em;
    }

    .news-timeline-4 .news-timeline-date {
        margin-bottom: 7px;
        font-size: 14px;
        color: rgba(217,217,217,.8);
    }

    .news-timeline-4 > ul {
        list-style: none;
        padding: 0 0 0 1em;
        z-index: 1;
    }

        .news-timeline-4 > ul > li {
            background: rgba(255,255,255,.05);
            padding: 1em;
            position: relative;
            margin: 0 10px 16px 10px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
        }

            .news-timeline-4 > ul > li:not(.news-timeline-date-interval):before {
                content: '';
                width: 0;
                height: 0;
                border-top: 1em solid rgba(255,255,255,.05);
                border-left: 1em solid transparent;
                left: -8px;
                transform: rotate(-135deg);
                position: absolute;
            }

@media screen and (min-width:40em) {
    .news-timeline-4 .news-timeline-date-interval {
        margin: 0 auto 1em;
    }

    .news-timeline-4:before {
        left: 50%;
    }

    .news-timeline-4 > ul {
        padding-left: 0;
        max-width: 700px;
        margin: 0 auto;
    }

        .news-timeline-4 > ul > li {
            width: 42%;
        }

            .news-timeline-4 > ul > li:not(.news-timeline-date-interval):nth-child(odd) {
                float: right;
                margin-top: 2em;
            }

            .news-timeline-4 > ul > li:not(.news-timeline-date-interval):nth-child(even) {
                float: left;
            }

                .news-timeline-4 > ul > li:not(.news-timeline-date-interval):nth-child(even):before {
                    right: -24px;
                    transform: rotate(-90deg);
                    border-top: 1em solid rgba(255,255,255,.05);
                    border-right: 1em solid transparent;
                    left: auto;
                }

            .news-timeline-4 > ul > li:nth-of-type(2n) {
                clear: both;
            }
}

.news-timeline-5 {
    position: relative;
    display: flex;
    margin: 100px;
    height: 4px;
    background: #4298c3;
    width: 100%;
    color: rgba(255,255,255,.8);
}

    .news-timeline-5:before, .news-timeline-5:after {
        content: "";
        position: absolute;
        top: -8px;
        display: block;
        width: 0;
        height: 0;
        border-radius: 10px;
        border: 10px solid #4298c3;
    }

    .news-timeline-5:before {
        left: -5px;
    }

    .news-timeline-5:after {
        right: -10px;
        border: 10px solid transparent;
        border-right: 0;
        border-left: 20px solid #4298c3;
        border-radius: 3px;
    }

    .news-timeline-5 > li {
        position: relative;
        top: -7px;
        left: 60px;
        display: inline-block;
        max-width: 350px;
    }

        .news-timeline-5 > li:before {
            content: "";
            position: absolute;
            top: 3px;
            left: -29px;
            display: block;
            width: 6px;
            height: 6px;
            border: 4px solid #4298c3;
            border-radius: 10px;
            background: #eee;
        }

        .news-timeline-5 > li:hover {
            cursor: pointer;
        }

            .news-timeline-5 > li:hover:before {
                top: 1px;
                left: -31px;
                width: 8px;
                height: 8px;
                border-width: 5px;
                border-color: #28e;
            }

            .news-timeline-5 > li:hover .details {
                display: block;
                color: #444;
            }

        .news-timeline-5 > li .news-timeline-content {
            position: relative;
            left: -23px;
        }

            .news-timeline-5 > li .news-timeline-content .news-timeline-title {
                font-weight: 700;
                margin-bottom: .25em;
            }

            .news-timeline-5 > li .news-timeline-content .news-timeline-date {
                margin-bottom: 7px;
                font-size: 14px;
            }

            .news-timeline-5 > li .news-timeline-content p {
                margin-top: 5px;
            }

        .news-timeline-5 > li:nth-child(odd) .details {
            top: 32px;
        }

            .news-timeline-5 > li:nth-child(odd) .details:before {
                top: -9px;
                border-bottom-color: #fff;
                border-top: 0;
            }

        .news-timeline-5 > li:nth-child(even) .details {
            top: -57px;
        }

            .news-timeline-5 > li:nth-child(even) .details:before {
                border-top-color: #fff;
                bottom: -21px;
            }

        .news-timeline-5 > li .details {
            display: none;
            position: absolute;
            left: -42px;
            padding: 15px;
            border-radius: 3px;
            border-right: 2px solid rgba(0,0,0,.1);
            border-bottom: 2px solid rgba(0,0,0,.1);
            font: 12px arial;
            background: #fff;
        }

            .news-timeline-5 > li .details:before {
                content: "";
                position: absolute;
                left: 10px;
                display: block;
                width: 0;
                height: 0;
                border: 10px solid transparent;
            }

.news-timeline-6 {
    height: 867px;
    color: rgba(255,255,255,.8);
    display: inline-flex;
    position: relative;
}

    .news-timeline-6:before, .news-timeline-6:after {
        content: "";
        position: absolute;
        top: 58.7%;
        display: block;
        width: 0;
        height: 0;
        border-radius: 10px;
        border: 10px solid #4298c3;
    }

    .news-timeline-6:after {
        border: 10px solid transparent;
        border-right: 0;
        border-left: 20px solid #4298c3;
        border-radius: 3px;
    }

    .news-timeline-6 .news-timeline-container {
        height: 100%;
        position: relative;
        max-width: 500px;
        min-width: 220px;
        display: table;
    }

        .news-timeline-6 .news-timeline-container .news-timeline-event {
            background-color: rgba(255,255,255,.05);
            display: table-row;
        }

            .news-timeline-6 .news-timeline-container .news-timeline-event .news-timeline-title, .news-timeline-6 .news-timeline-container .news-timeline-event .news-timeline-date, .news-timeline-6 .news-timeline-container .news-timeline-event .news-timeline-content {
                margin: 10px;
            }

            .news-timeline-6 .news-timeline-container .news-timeline-event .news-timeline-content {
                font-family: 'Lato';
            }

            .news-timeline-6 .news-timeline-container .news-timeline-event .news-timeline-title {
                font-weight: 700;
                margin-bottom: .25em;
            }

            .news-timeline-6 .news-timeline-container .news-timeline-event .news-timeline-date {
                margin-bottom: 7px;
                font-size: 14px;
                color: rgba(217,217,217,.8);
            }

        .news-timeline-6 .news-timeline-container .news-timeline-connector {
            content: '';
            display: table-row;
            height: 100%;
        }

            .news-timeline-6 .news-timeline-container .news-timeline-connector:after {
                border-right: 1px solid #4298c3;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                content: '';
                display: block;
                float: left;
                height: 100%;
                left: 50%;
                width: 50%;
            }

        .news-timeline-6 .news-timeline-container .news-timeline-sealevel, .news-timeline-6 .news-timeline-container .news-timeline-superscript, .news-timeline-6 .news-timeline-container .news-timeline-subscript {
            display: table;
            float: left;
            padding-left: 10px;
            padding-right: 10px;
            position: relative;
        }

            .news-timeline-6 .news-timeline-container .news-timeline-sealevel .news-timeline-event, .news-timeline-6 .news-timeline-container .news-timeline-superscript .news-timeline-event, .news-timeline-6 .news-timeline-container .news-timeline-subscript .news-timeline-event {
                display: table-row;
            }

        .news-timeline-6 .news-timeline-container .news-timeline-sealevel, .news-timeline-6 .news-timeline-container .news-timeline-superscript {
            border-bottom: 1px solid #4298c3;
            height: 60%;
        }

            .news-timeline-6 .news-timeline-container .news-timeline-sealevel .news-timeline-connector:first-child, .news-timeline-6 .news-timeline-container .news-timeline-superscript .news-timeline-connector:first-child {
                display: none;
            }

        .news-timeline-6 .news-timeline-container .news-timeline-sealevel {
            padding-top: 120px;
        }

        .news-timeline-6 .news-timeline-container .news-timeline-subscript {
            border-bottom: 0;
            border-top: 1px solid #4298c3;
            bottom: 0;
            height: 40.2%;
            position: absolute;
        }

            .news-timeline-6 .news-timeline-container .news-timeline-subscript .news-timeline-connector:last-child {
                display: none;
            }

@media only screen and (min-width:480px) and (max-width:768px) {
    .news-timeline-6 {
        height: 720px;
    }

        .news-timeline-6 .news-timeline-container {
            max-width: 450px;
        }

            .news-timeline-6 .news-timeline-container .news-timeline-sealevel, .news-timeline-6 .news-timeline-container .news-timeline-superscript {
                height: 40%;
                margin-top: 32%;
            }

            .news-timeline-6 .news-timeline-container .news-timeline-subscript {
                height: 40.2%;
            }
}

@media only screen and (max-width:480px) {
    .news-timeline-6 {
        height: 720px;
    }

        .news-timeline-6 .news-timeline-container {
            max-width: 330px;
        }

            .news-timeline-6 .news-timeline-container .news-timeline-sealevel, .news-timeline-6 .news-timeline-container .news-timeline-superscript {
                height: 41.8%;
                margin-top: 40%;
            }

            .news-timeline-6 .news-timeline-container .news-timeline-subscript {
                height: 40.2%;
            }
}

.news-timeline-7 {
    padding: 30px 0 10px 0;
    position: relative;
    display: flex;
}

    .news-timeline-7:before {
        content: '';
        display: block;
        background: #4298c3;
        width: 300%;
        height: 4px;
        position: absolute;
        left: 0;
        top: 9px;
    }

    .news-timeline-7 .news-timeline-item {
        margin: 0 10px;
        display: inline-table;
        vertical-align: top;
        background: rgba(255,255,255,.05);
        color: rgba(255,255,255,.8);
        padding: 10px;
        position: relative;
        border-radius: 3px;
        min-width: 200px;
        max-width: 510px;
    }

        .news-timeline-7 .news-timeline-item:after {
            content: '';
            display: block;
            background: #eee;
            width: 7px;
            height: 7px;
            border-radius: 6px;
            border: 3px solid #4298c3;
            position: absolute;
            left: 50%;
            top: -26px;
            margin-left: -6px;
        }

        .news-timeline-7 .news-timeline-item:before {
            content: '';
            display: block;
            background: #4298c3;
            width: 5px;
            height: 20px;
            position: absolute;
            left: 50%;
            top: -20px;
            margin-left: -2px;
        }

        .news-timeline-7 .news-timeline-item .news-timeline-content {
            font-family: 'Lato';
        }

        .news-timeline-7 .news-timeline-item .news-timeline-title {
            font-weight: 700;
            margin-bottom: .25em;
        }

        .news-timeline-7 .news-timeline-item .news-timeline-date {
            margin-bottom: 7px;
            font-size: 14px;
        }

        .news-timeline-7 .news-timeline-item .news-timeline-title, .news-timeline-7 .news-timeline-item .news-timeline-date {
            text-align: center;
        }

.news-timeline-7-bar {
    height: 4px;
    background: #4298c3;
    width: 100%;
    position: relative;
    top: 13px;
    left: 0;
}

.news-timeline-8 {
    height: 600px;
    width: 100%;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: relative;
    overflow: hidden;
}

    .news-timeline-8 > li {
        margin: 10px auto;
        padding: 10px;
        width: 500px;
        background-color: rgba(255,255,255,.05);
        color: rgba(255,255,255,.8);
        position: absolute;
        top: 15%;
        -moz-transition: all .2s ease-out;
        -o-transition: all .2s ease-out;
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
    }

        .news-timeline-8 > li.right {
            left: 200%;
        }

        .news-timeline-8 > li.center {
            left: 0%;
        }

        .news-timeline-8 > li.left {
            left: -100%;
        }

        .news-timeline-8 > li .news-timeline-content {
            font-family: 'Lato';
        }

        .news-timeline-8 > li .news-timeline-title {
            font-weight: 700;
            margin-bottom: .25em;
        }

        .news-timeline-8 > li .news-timeline-date {
            margin-bottom: 7px;
            font-size: 14px;
        }

@media only screen and (min-width:480px) and (max-width:768px) {
    .news-timeline-8 > li {
        width: 400px;
        top: 10%;
    }
}

@media only screen and (max-width:480px) {
    .news-timeline-8 > li {
        width: 260px;
        top: 5%;
    }
}

.news-timeline-dates {
    margin-top: 40px;
}

    .news-timeline-dates ul {
        height: 6px;
        width: 70%;
        background: #fff;
        border-radius: 5px;
        margin: auto;
        top: 50%;
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        position: relative;
    }

        .news-timeline-dates ul li {
            width: 18px;
            height: 18px;
            background: #4298c3;
            border-radius: 15px;
            position: absolute;
            top: -6px;
            border: 3px solid #fff;
            cursor: pointer;
        }

            .news-timeline-dates ul li:before {
                content: '';
                width: 10px;
                height: 10px;
                background: #fff;
                position: absolute;
                border-radius: 100%;
                top: 1px;
                left: 1px;
                display: none;
            }

            .news-timeline-dates ul li .popupSpan {
                width: auto;
                height: auto;
                padding: 10px;
                white-space: nowrap;
                color: #fff;
                position: absolute;
                top: 20px;
                left: -75px;
                display: none;
                -moz-transition: all .1s ease-out;
                -o-transition: all .1s ease-out;
                -webkit-transition: all .1s ease-out;
                transition: all .1s ease-out;
            }

            .news-timeline-dates ul li.hover:before, .news-timeline-dates ul li.active:before {
                display: block;
            }

            .news-timeline-dates ul li.hover .popupSpan, .news-timeline-dates ul li.active .popupSpan {
                display: block;
            }

            .news-timeline-dates ul li.active .popupSpan {
                top: -40px;
            }

.news-timeline-9 {
    border-left: 1px solid #dfdfdf;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    background: rgba(255,255,255,.03);
    color: #000;
    font-family: 'Source Sans Pro',sans-serif;
    position: relative;
    font-size: 1.03em;
    margin: 50px auto;
    letter-spacing: .5px;
    padding: 50px;
    list-style: none;
    text-align: left;
    max-width: 80%;
    font-weight: 300;
    line-height: 1.1;
}

    .news-timeline-9 .news-iframe {
        max-width: 500px;
        display: block;
    }

    .news-timeline-9 a {
        color: #1a80b3;
    }

    .news-timeline-9:before, .news-timeline-9:after {
        content: "";
        background: #f8cb00;
        border-radius: 100%;
        display: block;
        position: absolute;
    }

    .news-timeline-9:before {
        left: -1.03125em;
        top: -2.0625em;
        width: 2.0625em;
        height: 2.0625em;
        box-shadow: 0 0 0 .25em rgba(248,203,0,.3);
    }

    .news-timeline-9:after {
        bottom: -.6875em;
        left: -.44375em;
        width: .6875em;
        height: .6875em;
    }

    .news-timeline-9 .event-title {
        padding-left: 15px;
        font-weight: 500;
        line-height: 1.1;
        font-size: 14px;
    }

        .news-timeline-9 .event-title small {
            font-weight: normal;
            line-height: 1;
            color: #777;
            font-size: 75%;
        }

    .news-timeline-9 .event {
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: 20px;
        margin-bottom: 20px;
        position: relative;
    }

        .news-timeline-9 .event .event-more {
            display: flex;
            margin-top: 5px;
        }

            .news-timeline-9 .event .event-more > a {
                margin-right: 15px;
            }

        .news-timeline-9 .event .show-less {
            display: none;
        }

        .news-timeline-9 .event:last-of-type {
            padding-bottom: 0;
            margin-bottom: 0;
            border: none;
        }

        .news-timeline-9 .event .event-row-first {
            display: flex;
            margin-bottom: 40px;
        }

            .news-timeline-9 .event .event-row-first .history-content {
                width: 100%;
            }

        .news-timeline-9 .event .event-row-second {
            display: none;
        }

            .news-timeline-9 .event .event-row-second .answer-list li {
                list-style: none;
                position: relative;
                margin-bottom: 20px;
            }

                .news-timeline-9 .event .event-row-second .answer-list li .event-content {
                    background-color: #eee;
                }

                .news-timeline-9 .event .event-row-second .answer-list li:after {
                    position: absolute;
                    display: block;
                    left: -61.85px;
                    background: #4298c3;
                    border-radius: 50%;
                    height: 20px;
                    width: 20px;
                    content: "";
                    top: 15px;
                }

        .news-timeline-9 .event .history-type {
            display: flex;
            position: relative;
            margin: 40px 5px 0 20px;
            width: 110px;
        }

            .news-timeline-9 .event .history-type .history-type-icon {
                position: absolute;
                left: -91.85px;
                background: #4298c3;
                border-radius: 50%;
                height: 40px;
                width: 40px;
                content: "";
                top: -10px;
                color: #fff;
                text-align: center;
                font-size: 19px;
                padding-top: 10px;
            }

            .news-timeline-9 .event .history-type .history-type-text {
                font-size: 18px;
            }

        .news-timeline-9 .event .event-content {
            display: flex;
            margin-top: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            background-color: #eee;
            color: #000;
            padding: 10px 15px;
        }

            .news-timeline-9 .event .event-content .event-content-main {
                width: 98%;
            }

            .news-timeline-9 .event .event-content .event-controls {
                margin-right: 10px;
                margin-top: 10px;
                width: 16px;
                margin-left: 5px;
            }

        .news-timeline-9 .event.box-1 .event-row-first .history-type-text {
            color: #ad4e99;
        }

        .news-timeline-9 .event.box-1 .event-row-second .answer-list li:after {
            background: #ad4e99;
        }

        .news-timeline-9 .event.box-1 .history-type .history-type-icon {
            background: #ad4e99;
        }

        .news-timeline-9 .event.box-1 .history-type .history-type-text {
            font-size: 18px;
        }

        .news-timeline-9 .event.box-1 .event-content {
            background-color: #f7edf5;
        }

        .news-timeline-9 .event.box-2 .event-row-first .history-type-text {
            color: #23cf5f;
        }

        .news-timeline-9 .event.box-2 .event-row-second .answer-list li:after {
            background: #23cf5f;
        }

        .news-timeline-9 .event.box-2 .history-type .history-type-icon {
            background: #23cf5f;
        }

        .news-timeline-9 .event.box-2 .history-type .history-type-text {
            font-size: 18px;
        }

        .news-timeline-9 .event.box-2 .event-content {
            background-color: #e9faef;
        }

        .news-timeline-9 .event.box-3 .event-row-first .history-type-text {
            color: #0068cf;
        }

        .news-timeline-9 .event.box-3 .event-row-second .answer-list li:after {
            background: #0068cf;
        }

        .news-timeline-9 .event.box-3 .history-type .history-type-icon {
            background: #0068cf;
        }

        .news-timeline-9 .event.box-3 .history-type .history-type-text {
            font-size: 18px;
        }

        .news-timeline-9 .event.box-3 .event-content {
            background-color: #eee;
        }

        .news-timeline-9 .event.box-4 .event-row-first .history-type-text {
            color: #fc6b6b;
        }

        .news-timeline-9 .event.box-4 .event-row-second .answer-list li:after {
            background: #fc6b6b;
        }

        .news-timeline-9 .event.box-4 .history-type .history-type-icon {
            background: #fc6b6b;
        }

        .news-timeline-9 .event.box-4 .history-type .history-type-text {
            font-size: 18px;
        }

        .news-timeline-9 .event.box-4 .event-content {
            background-color: #fff0f0;
        }

.news-timeline-10 {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    position: relative;
    letter-spacing: .5px;
    padding: 50px;
    font-weight: 300;
    line-height: 1.1;
    list-style: none;
    margin: 50px 40px 30px 180px;
    padding-left: 30px;
    border-left: 1px solid #0092eb;
    color: #fff;
}

    .news-timeline-10:before, .news-timeline-10:after {
        content: "";
        background: #0092eb;
        border-radius: 100%;
        display: block;
        position: absolute;
    }

    .news-timeline-10:before {
        left: -15px;
        top: -2.0625em;
        width: 2.0625em;
        height: 2.0625em;
        box-shadow: 0 0 0 .25em rgba(238,189,20,.3);
    }

    .news-timeline-10:after {
        bottom: -.6875em;
        left: -6px;
        width: .6875em;
        height: .6875em;
    }

    .news-timeline-10 li {
        margin: 40px 0;
        position: relative;
    }

        .news-timeline-10 li .news-timeline-content .content-main {
            display: none;
        }

        .news-timeline-10 li .content-title {
            font-weight: 500;
            display: none;
        }

        .news-timeline-10 li .date {
           
            margin-top: -10px;
            top: 0;
            min-width: 120px;
            text-align: right;
            left: -195.5px;
            font-size: .95em;
            line-height: 20px;
            position: absolute;
            color:#333;
            font-weight: 800;
        }

        .news-timeline-10 li .circle {
            margin-top: -10px;
            top: 0;
            left: -37px;
            width: 15px;
            height: 15px;
            background: #fff;
            box-shadow: 0 0 0 1px #0092eb;
            border-radius: 50%;
            display: block;
            position: absolute;
        }

        .news-timeline-10 li label {
            font-size: 18px;
            position: absolute;
            z-index: 100;
            cursor: pointer;
            top: -15px;
            transition: transform .2s linear;font-weight:500;
            color:#333;

        }

        .news-timeline-10 li.active .relative label {
            display: none;
        }

        .news-timeline-10 li.active .content-title {
            margin-bottom: 7px;
            font-size: 24px;
            cursor: auto;
            transform: translateX(0);
            display: block;
            color:#fff;
            line-height:24px;
            font-weight: 800;
        }

        .news-timeline-10 li.active .relative .circle {
            background: #fff;
        }

        .news-timeline-10 li.active .news-timeline-content:before{
                    content: "\f0d9";
                    color: #eebd14;
                    margin-right: 5px;
                    line-height: 24px;
                    font-family: fontawesome;
                    position: absolute;
                    top: -2px;
                    font-size: 20px;

                   width: 15px;
                    height: 15px;
                    border: solid transparent;
                    position: absolute;
                    pointer-events: none;
                    right: 100%;
        }

        .news-timeline-10 li.active .news-timeline-content {
           position: relative;
            margin-left: 20px;
            border-radius: 0.25em;
            padding: 1em;
            transform: translateX(20px);
            transition: min-height .3s linear,border-color .4s linear,transform .1s linear;
            background:#0092eb;
        }

            .news-timeline-10 li.active .news-timeline-content .content-main {
                display: block;
                color: #fff;
                transition: color .3s linear .3s;
                line-height:22px;
                font-weight: 500;
            }

    .news-timeline-10 .content-main {
        margin: 0 0 15px;
    }

    .news-timeline-10 .news-timeline-content {
        min-height: 20px;
        padding: 10px 20px 0;
        border-color: transparent;
        border-width: 2px;
        border-style: solid;
        border-radius: 0 .5em .5em .5em;
        position: relative;
    }

/*
    .news-timeline-10 .news-timeline-content:after {
            
            width: 0;
            height: 0;
            border: solid transparent;
            position: absolute;
            pointer-events: none;
            right: 100%;
            content: "\f0d9";
            color: #1f2533;
            margin-right: 5px;
            line-height: 24px;
            font-family: fontawesome;
            position:absolute;
            top: -2px;
            font-size:20px;
        }*/


        .news-timeline-10 .news-timeline-content:before {
            border-right-color: transparent;
            border-width: 20px;
            top: -2px;
            left: -20px;
            display:none;

        }

   

        .news-timeline-10 .news-timeline-content .content-main {
            min-height: 10px;
            color: transparent;
            word-break: break-word;
            hyphens: auto;
            overflow: hidden;
        }

@media screen and (max-width:767px) {
    .news-timeline-10 {
        margin-left: 40px;
    }

        .news-timeline-10 li {
            margin: 50px 0;
        }

            .news-timeline-10 li .date {
                display: none;
            }

        .news-timeline-10 label {
            width: 85%;
            font-size: 1.1em;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            display: block;
            transform: translateX(18px);
        }

        .news-timeline-10 .news-timeline-content:before, .news-timeline-10 .news-timeline-content:after {
            border: solid transparent;
            bottom: 100%;
        }

        .news-timeline-10 .news-timeline-content:before {
            border-bottom-color: inherit;
            border-width: 17px;
            top: -16px;
            left: 50px;
            margin-left: -17px;
        }

        .news-timeline-10 .news-timeline-content:after {
            border-bottom-color: #252827;
            border-width: 20px;
            top: -20px;
            left: 50px;
            margin-left: -20px;
        }

        .news-timeline-10 .news-timeline-content .content-main {
            font-size: .9em;
            line-height: 1.4;
        }

}



/* Switch Flat
    ==========================*/

        .switch {
            position: relative;
            display: block;
            vertical-align: top;
            width: 100px;
            height: 30px;
            padding: 3px;
            margin: 0 10px 10px 0;
            background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);
            background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);
            border-radius: 18px;
            box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
            cursor: pointer;
        }

        .switch-input {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 0;
        }

        .switch-label {
            position: relative;
            display: block;
            height: inherit;
            font-size: 10px;
            text-transform: uppercase;
            background: #eceeef;
            border-radius: inherit;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
        }

            .switch-label:before, .switch-label:after {
                position: absolute;
                top: 50%;
                margin-top: -.5em;
                line-height: 1;
                -webkit-transition: inherit;
                -moz-transition: inherit;
                -o-transition: inherit;
                transition: inherit;
            }

            .switch-label:before {
                content: attr(data-off);
                right: 11px;
                color: #aaaaaa;
                text-shadow: 0 1px rgba(255, 255, 255, 0.5);
            }

            .switch-label:after {
                content: attr(data-on);
                left: 11px;
                color: #FFFFFF;
                text-shadow: 0 1px rgba(0, 0, 0, 0.2);
                opacity: 0;
            }

        .switch-input:checked ~ .switch-label {
            background: #E1B42B;
            box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
        }

            .switch-input:checked ~ .switch-label:before {
                opacity: 0;
            }

            .switch-input:checked ~ .switch-label:after {
                opacity: 1;
            }

        .switch-handle {
            position: absolute;
            top: 4px;
            left: 4px;
            width: 28px;
            height: 28px;
            background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
            background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
            border-radius: 100%;
            box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
        }

            .switch-handle:before {
                content: "";
                position: absolute;
                top: 50%;
                left: 50%;
                margin: -6px 0 0 -6px;
                width: 12px;
                height: 12px;
                background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
                background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);
                border-radius: 6px;
                box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
            }

        .switch-input:checked ~ .switch-handle {
            left: 74px;
            box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
        }

        /* Transition
========================== */
        .switch-label, .switch-handle {
            transition: All 0.3s ease;
            -webkit-transition: All 0.3s ease;
            -moz-transition: All 0.3s ease;
            -o-transition: All 0.3s ease;
        }
    .switch-flat {
    	padding: 0;
    	background: #FFF;
    	background-image: none;
    }
    .switch-flat .switch-label {
    	background: #FFF;
    	border: solid 2px #eceeef;
    	box-shadow: none;
    }
    .switch-flat .switch-label:after {
    	color: #2a2c73;
    }
    .switch-flat .switch-handle {
    	top: 4px;
    	left: 6px;
    	background: #dadada;
    	width: 22px;
    	height: 22px;
    	box-shadow: none;
    }
    .switch-flat .switch-handle:before {
    	background: #eceeef;
    }
    .switch-flat .switch-input:checked ~ .switch-label {
    	background: #FFF;
    	border-color: #2a2c73;
    }
    .switch-flat .switch-input:checked ~ .switch-handle {
    	left: 73px;
    	background: #2a2c73;
    	box-shadow: none;
    }


/*------------- Interpay Admin Classes ---------------*/


/* ********** Default Theme Style************* */
/*body,html {
    overflow:auto;
}*/


#interpayapp-wrapper a:focus {
    outline: none;
}
#interpayapp-wrapper {
    
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    position: relative;
	font-family: "Open Sans", lato, sans-serif;
	direction: ltr;
    line-height: 1.5;
    font-size: 14px;
	width: 100%;
	margin: 0;
    padding: 0;
}
 
/************** 3. Theme Header Style Start Here ********************/

#interpay-header {
    background: #fff none repeat scroll 0 0;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 70px;
    z-index: 10;
	position:relative;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
.interpay-left-header {
    font-size: 16px;
    font-weight: 600;
    line-height: 70px;
    position: absolute;
    float: left;
    text-align: left;
    width: 250px;
    z-index: 999;
}
.interpay-left-header a:hover,
.interpay-left-header a:focus {
    text-decoration: none;
}

.interpay-left-header a img{width:111px; height:100%;}
.interpay-left-header a label img{width:100%; display:none;}

@media (min-width:320px) and (max-width:767px){
    .interpay-left-header{text-align:right !important; padding-right:10px;}
   .interpay-right-header .interpay-rheader-submenu > a{background:transparent !important;}

}


.interpay-left-header a i {
    font-size: 22px;
    position: relative;
    top: 3px;
}
.interpay-right-header {
    height: 70px;
    line-height: 70px;
    z-index: 101;
	margin-left: 250px;
	position: relative;
}


.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{border:0px}



.interpay-right-header > ul {
    display: block;
    margin: 0;
    padding: 0;
}
.interpay-right-header li {
  display: inline;
  float: left;
}
.interpay-right-header > li  a {
    color: #ff5900;
    padding: 17px 15px;
}
.interpay-right-header li a:hover,
.interpay-right-header li a:focus {
    text-decoration: none;
}
.interpay-right-header a i {
    font-size: 14px;
}
.right-navbar {
    float: right;
	padding-right: 7px !important;
    background:#0dd49b;
}
.right-navbar li a i {
    font-size: 14px;
}
.left-navbar > li:first-child {
    padding-left: 50px;
}
.interpay-sidebar-toggle a:after {
    background: transparent;
    border: 0px solid #efefef;
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 70px;
    padding: 0px 17px;
    position: absolute;
    z-index: 1000;
}

.interpay-left-header > .interpay-sidebar-toggle > a {
    display: none
}
#interpay-header .interpay-left-header[interpay-position-type="relative"] {
    position: relative;
}
#interpay-header .interpay-left-header[interpay-position-type="absolute"] {
    position: absolute;
}
#interpay-header .interpay-left-header[interpay-position-type="fixed"] {
    position: fixed;
}
#interpay-header .interpay-right-header[interpay-position-type="relative"] {
    position: relative;
}
#interpay-header .interpay-right-header[interpay-position-type="absolute"] {
    position: absolute;
}
#interpay-header .interpay-right-header[interpay-position-type="fixed"] {
	padding-right: 250px;
    position: fixed;
    width: 100%;
}

.left-navbar .interpay-rheader-submenu > ul {
  left: auto;
  position: absolute;
}
.right-navbar .interpay-rheader-submenu > ul.dropdown-menu {
  left: auto;
  position: absolute;
  right: 0;
}
.interpay-rh-mega > ul  > li{}
.interpay-rheader-submenu > ul > li {
  display: block;
  width: 100%;
  position: relative;
}
.interpay-rheader-submenu > ul > li > a{
  display:block
}
.interpay-rheader-submenu > .dropdown-menu:after {
  border-bottom: 8px solid #FFF;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  bottom: 100%;
  content: " ";
  height: 0;
  left: 18px;
  margin-left: -3px;
  pointer-events: none;
  position: absolute;
  width: 0;
}
.interpay-rheader-submenu > .dropdown-menu:before {
  border-bottom: 9px solid #CCC;
  border-left: 9px solid transparent;
  border-right: 8px solid transparent;
  bottom: 100%;
  content: " ";
  height: 0;
  left: 18px;
  margin-left: -3px;
  pointer-events: none;
  position: absolute;
  width: 0;
}

.right-navbar .interpay-rheader-submenu > ul.dropdown-menu:after {
  border-bottom: 8px solid #FFF;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  bottom: 100%;
  content: " ";
  height: 0;
  left: auto;
  margin-left: -3px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  width: 0;
}
.right-navbar .interpay-rheader-submenu > ul.dropdown-menu:before {
  border-bottom: 9px solid #CCC ;
  border-left: 9px solid transparent;
  border-right: 8px solid transparent;
  bottom: 100%;
  content: " ";
  height: 0;
  left: auto;
  margin-left: -3px;
  pointer-events: none;
  position: absolute;
  right: 12px;
  width: 0;
}

.interpay-rheader-submenu > .dropdown-menu {
  border: 0 solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  margin: 1px 0 0;
  min-width: 200px;
  padding: 0;
}
.interpay-header-profile  a  img {
  height: 40px;
  margin-top: -2px;
  width: 40px;
}
.interpay-right-header .interpay-rheader-submenu > a {
  padding: 17px 15px;
}
.interpay-right-header .interpay-rheader-submenu > a > i.fa{display:unset;}
.interpay-right-header .interpay-rheader-submenu > .dropdown-menu > li { 
  border-bottom: 1px solid #f3f3f3;
}
.interpay-right-header .interpay-rheader-submenu > .dropdown-menu > li  > a{
	clear: both;
    color: #333;
    display: block;
    font-family: "lato",sans-serif;
    font-weight: 400;
    line-height: 1.42857;
    padding: 6px 10px;
    white-space: nowrap;
}
.interpay-right-header .interpay-rheader-submenu .dropdown-menu > li > a i {
  display: inline-block;
  margin-right: 9px;
  width: 15px;
}
.interpay-right-header .interpay-rheader-submenu .dropdown-menu > li > a > .badge {
  border-radius: 12px !important;
  display: inline;
  font-size: 11px;
  font-weight: 300;
  height: 18px;
  margin-top: 1px;
  padding: 3px 6px;
  position: absolute;
  right: 3px;
  text-align: center;
  text-shadow: none;
  vertical-align: middle;
  margin-right: 10px;
}
.badge-danger {
  background-color: #e7604a;
  background-image: none;
}
.badge-success {
  background-color: #70ca63;
  background-image: none;
}
.interpay-right-header .interpay-rheader-submenu .dropdown-menu li.interpay-submenu-label {

}
.interpay-right-header .interpay-rheader-submenu .dropdown-menu li.interpay-submenu-label h3 {
  background: #eaedf2 none repeat scroll 0 0;
  color: #62878f;
  font-size: 13px;
  margin-bottom: 0;
  margin-top: 0;
  padding: 12px 8px;
}
.interpay-right-header .interpay-rheader-submenu .dropdown-menu li.interpay-submenu-label .bold {
  font-weight: 700 !important;
}
.interpay-right-header .interpay-rheader-submenu .dropdown-menu li.interpay-submenu-label h3 a {
  float: right;
}
.interpay-right-header .message-notification .dropdown-menu{
 width: 280px;
}
.interpay-right-header  .interpay-rheader-submenu > .dropdown-menu .notification-avatar {
  margin: 0 10px 0 0;
  width: 32px;
}
.interpay-right-header  .interpay-rheader-submenu > .dropdown-menu .notification-title {
  font-weight: 600;
  font-size: 13px;
  color:#62878f;
}
.interpay-right-header  .interpay-rheader-submenu > .dropdown-menu .notification-ago {
  font-size: 11px;
  padding-top: 5px;
  position: absolute;
  right: 7px;
}
.interpay-right-header .interpay-rheader-submenu > .dropdown-menu .notification-ago-1 {
  font-size: 11px;
  position: absolute;
  right: 6px;
  top: 2px;
}

.interpay-right-header  .interpay-rheader-submenu > .dropdown-menu .notification-message {
  font-size: 13px;
  margin: 0 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 260px;
}
.interpay-right-header  .progress {
  background-color: #f5f5f5;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  height: 8px;
  margin-bottom: 1px;
  overflow: hidden;
}
.interpay-right-header .progress-bar {
  font-size: 7px;
  line-height: 8px;
}
.green-text {
  color: #5cb85c !important;
}
.red-text {
  color: #e7604a !important;
}
.yellow-text {
  color: #f0ad4e !important;
}
.blue-text{color:#337ab7 !important;}
.icon-circle {
  border: 1px solid #ccc;
  border-radius: 21px;
  margin: 2px;
  padding: 10px 11px !important;
}


#interpayapp-wrapper[interpay-device-type="phone"] .interpay-right-header .left-navbar > li:first-child {
  padding-left: 3px;
}
#interpayapp-wrapper[interpay-device-type="phone"] .interpay-right-header .icon-circle {
  border: 1px solid #ccc;
  border-radius: 21px;
  margin: 2px;
  padding: 7px 8px !important;
}
#interpayapp-wrapper[interpay-device-type="phone"] .interpay-right-header .interpay-header-profile a img {
  height: 33px;
  margin-top: -2px;
  width: 33px;
}

 

#interpayapp-wrapper[interpay-device-type="phone"] .right-navbar .interpay-rheader-submenu > .dropdown-menu {
  right: 0px !important;

}
#interpayapp-wrapper[interpay-device-type="phone"] .left-navbar .interpay-rheader-submenu > .dropdown-menu {
  left: 0px ;

}

.left-navbar .interpay-rheader-submenu span.badge {
  font-size: 11px;
  min-width: 8px;
  padding: 2px 5px;
  position: absolute;
  top: 2px;
}
 
#interpayapp-wrapper[interpay-device-type="phone"] .left-navbar .interpay-rheader-submenu.left-min-30 .dropdown-menu{
  left:-30px !important
} 
 
#interpayapp-wrapper[interpay-device-type="phone"] .interpay-rheader-submenu.left-min-30> .dropdown-menu:before {
  left: 42px;
}
 
#interpayapp-wrapper[interpay-device-type="phone"] .interpay-rheader-submenu.left-min-30 > .dropdown-menu:after {
  left: 42px;
}

#interpayapp-wrapper[interpay-device-type="phone"] .left-navbar .interpay-rheader-submenu.left-min-65 .dropdown-menu{
  left:-65px !important
} 
 
#interpayapp-wrapper[interpay-device-type="phone"] .interpay-rheader-submenu.left-min-65> .dropdown-menu:before {
  left: 76px;
}
 
#interpayapp-wrapper[interpay-device-type="phone"] .interpay-rheader-submenu.left-min-65 > .dropdown-menu:after {
  left: 76px;
}
 


/*******************************Theme Header Style Close Here ***********************************/
/******************************* 4. main container Style start Here ***********************************/
#interpayapp-container {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
	position:relative;
	clear:both;
}
/************************* 4.1 Theme Left Panel Style Start Here *********************************/
#interpay-left-panel {
    width: 250px;
    top: 0;
	position:absolute;
	float:left;
	min-height:100%;
    z-index: 100;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}
#interpay-left-panel .profile-box {
    border-bottom: 1px solid #efefef;
    min-height: 50px;
    padding: 5px 15px;
    position: relative;
}
#interpay-left-panel .profile-box .media a img {
    width: 40px;
    height: 40px;
}

#interpay-left-panel .profile-box .media {
    position: relative;
}
#interpay-left-panel .profile-box .media a {
    margin-top: 2px;
}
#interpay-left-panel .profile-box .media a > img {
    border: 1px solid #efefef;
}
 

#interpay-left-panel ul {
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#interpay-left-panel .nav-level {
    padding: 5px 15px;
    border-top: 1px solid #efefef;
    font-weight: bold;
}
#interpay-left-panel .panel-list > li.interpay-has-menu > ul.interpay-sub-menu {
  list-style: none;}

#interpay-left-panel .nav-level:first-child {
    border-top: 1px solid #efefef;
}
#interpay-left-panel .panel-list > li > a {
    display: block;
    font-size: 18px;
    font-weight: 500;
    padding: 10px 10px;
    position: relative;
}
#interpay-left-panel .panel-list > li:last-child > a {
    border-left: 5px solid;
    border-color: transparent;
}
#interpay-left-panel .panel-list > li:first-child > a {
    border-top: 1px solid #efefef;
}


#interpay-left-panel .panel-list > li > a > i {
    display: block;
    font-size: 40px;
    padding-top: 6px;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    color:#fff;
}

#interpay-left-panel .panel-list > li:hover > a > i, #interpay-left-panel .panel-list > li:focus > a > i{color:#fff;}


#interpay-left-panel .panel-list > li > a span.menu-text {
    display: inline-block;
}
#interpay-left-panel .panel-list > li.interpay-has-menu > a:after {
    font-family: FontAwesome;
    content: "\f107";
    font-size: 15px;
    position: relative;
    float: right;
}
#interpay-left-panel .panel-list > li.interpay-has-menu.opened > a {
    background: #f1f1f1;
    color: #000;
}
#interpay-left-panel .panel-list > li.interpay-has-menu.opened > a:after {
    font-family: FontAwesome;
    content: "\f106" !important;
    font-size: 15px;
    float: right;
    position: relative;
}
#interpay-left-panel .panel-list > li.interpay-has-menu li.interpay-has-menu > a:after {
    font-family: FontAwesome;
    content: "\f103";
    font-size: 15px;
    position: relative;
    float: right;
}
#interpay-left-panel .panel-list > li.interpay-has-menu li.interpay-has-menu.opened > a:after {
    font-family: FontAwesome;
    content: "\f102";
    font-size: 15px;
    position: relative;
    float: right;
}
#interpay-left-panel .panel-list ul {
    background: #fafafa;
    box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.2);
}
#interpay-left-panel .panel-list ul.interpay-sub-menu li > a {
    background: transparent;
    border-top: 1px solid #efefef;
    color: #7e7e7e;
    display: block;
    font-size: 13px;
    font-weight: 500;
    padding: 10px 10px;
    position: relative;
}
#interpay-left-panel .panel-list > li.interpay-has-menu > ul.interpay-sub-menu {
    display: none;
}
#interpay-left-panel .panel-list li.interpay-has-menu > ul.interpay-sub-menu li > a:hover,
#interpay-left-panel .panel-list li.interpay-has-menu > ul.interpay-sub-menu li > a:focus {
    text-decoration: none;
    color: #000;
    background: #f1f1f1;
}
#interpay-left-panel .panel-list > li.interpay-has-menu > ul ul {
    display: none;
}
#interpay-left-panel .panel-list > li.interpay-has-menu.opened > ul {
    display: block;
}
#interpay-left-panel .panel-list > li.interpay-has-menu.opened > ul > li.interpay-has-menu.opened > ul {
    display: block;
}
#interpay-left-panel .panel-list > li.interpay-has-menu.opened > ul > li.interpay-has-menu.opened > ul > li.interpay-has-menu.opened > ul {
    display: block;
}

#interpay-left-panel .panel-list > li.interpay-has-menu.active > ul {
    display: block;
}
#interpay-left-panel .panel-list > li.interpay-has-menu.active > ul > li.interpay-has-menu.active > ul {
    display: block;
}
#interpay-left-panel .panel-list > li.interpay-has-menu.active > ul > li.interpay-has-menu.active > ul > li.interpay-has-menu.active > ul {
    display: block;
}
#interpay-left-panel .panel-list > li.interpay-has-menu > ul > li > a span.menu-text {
    padding-left: 15px;
    position: relative;
}
#interpay-left-panel .panel-list > li.interpay-has-menu > ul.interpay-sub-menu {

  list-style: outside none none;
}
#interpay-left-panel .panel-list > li.interpay-has-menu  li.interpay-has-menu > ul.interpay-sub-menu {

  list-style: outside none none;
}
#interpay-left-panel .panel-list > li.interpay-has-menu > ul.interpay-sub-menu {

  list-style: outside none none;

}
#interpay-left-panel .panel-list > li.interpay-has-menu > ul > li.interpay-has-menu > ul > li > a span.menu-text {
    padding-left: 25px;
    position: relative;
}
#interpay-left-panel .panel-list > li.interpay-has-menu > ul > li.interpay-has-menu > ul > li > ul > li > a span.menu-text {
    padding-left: 35px;
    position: relative;
}
#interpay-left-panel .panel-list > li.interpay-has-menu > ul > li.interpay-has-menu > ul > li > ul > li > ul > li > a span.menu-text {
    padding-left: 40px;
    position: relative;
}
#interpay-left-panel .panel-list > li.interpay-has-menu > ul.interpay-sub-menu > li > a span.menu-text:before {
    font-family: FontAwesome;
    content: "\f0da";
    font-size: 14px;
    position: relative;
    float: left;
    left: 4px;
}
#interpay-left-panel .panel-list > li.interpay-has-menu > ul.interpay-sub-menu > li.interpay-has-menu > ul.interpay-sub-menu > li > a span.menu-text:before {
    font-family: FontAwesome;
    content: "\f0da";
    font-size: 12px;
    position: relative;
    float: left;
    left: 15px;
}
#interpay-left-panel .panel-list > li.interpay-has-menu > ul.interpay-sub-menu > li.interpay-has-menu > ul.interpay-sub-menu > li > a span.menu-text:before {
    font-family: FontAwesome;
    content: "\f0da";
    font-size: 14px;
    position: relative;
    float: left;
    left: 18px;
}
#interpay-left-panel .panel-list > li.interpay-has-menu > ul.interpay-sub-menu > li.interpay-has-menu > ul.interpay-sub-menu > li.interpay-has-menu > ul.interpay-sub-menu > li > a span.menu-text:before {
    font-family: FontAwesome;
    content: "\f0da";
    font-size: 12px;
    position: relative;
    float: left;
    left: 30px;
}
#interpay-left-panel .panel-list li.active > a .selected {
    border-bottom: 7px solid transparent;
    border-right: 7px solid #7e7e7e;
    border-top: 7px solid transparent;
    display: inline-block;
    height: 0;
    position: absolute;
    right: 0;
    top: 70px;
    vertical-align: middle;
    width: 0;
}
#interpay-left-panel .panel-list li.interpay-has-menu.active > a .selected {
    display: none;
}
#interpay-left-panel .panel-list li a .label {
    border-radius: 0.25em;
    color: #7e7e7e;
    display: inline;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    padding: 4px 3px;
    position: absolute;
    right: 10px;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap;
}
.sul {
    background-color: #ebebeb;
}

#interpay-left-panel[interpay-position-type="relative"] {
    position: relative;
}
#interpay-left-panel[interpay-position-type="absolute"] {
    position: absolute;
}
#interpay-left-panel[interpay-position-type="fixed"] {
    position: fixed;
	top:50px;
}

/********************************** Theme Left Panel Style Close Here ******************************/
/*************************** 4.2 Theme Content Section Style Start Here ********************************/
#main-content {
    margin-left: 250px;
	position:relative;
}
/******************* Theme Content Section Style Close Here *******************************/
/****************** 4.3 Minimized Left Panel Style Start Here *********************************/
#interpay-header.interpay-minimized-lpanel > .interpay-right-header[interpay-position-type="fixed"] {
  margin-left: 70px;
  padding-right: 50px;
}
#interpay-header.interpay-minimized-lpanel > .interpay-left-header {
    width: 70px;
}
#interpay-header.interpay-minimized-lpanel > .interpay-left-header > a > span {
    display: none;
}

#interpay-header.interpay-minimized-lpanel > .interpay-left-header a label img{width:100%; display:block !important; padding-top:10px;}

#interpay-header.interpay-minimized-lpanel > .interpay-right-header {
  margin-left: 70px;
  padding-right:0px;
}
.interpay-minimized-lpanel #interpay-left-panel {
    width: 70px;
}
.interpay-minimized-lpanel #interpay-left-panel .profile-box {
    border-bottom: 0px solid #efefef;
}
.interpay-minimized-lpanel #interpay-left-panel .media-body {
    display: none;
}
.interpay-minimized-lpanel #interpay-left-panel .profile-box {
    padding: 5px;
}
.interpay-minimized-lpanel #interpay-left-panel .nav-level {
    display: none;
}

.interpay-minimized-lpanel #interpay-left-panel .panel-list > li > a{
        height: 70px !important;
    
}

.interpay-minimized-lpanel #interpay-left-panel .panel-list > li > a span.menu-text {
    display: none;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu > a:after {
    display: none;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li > a > i {
    display: block;
    font-size: 28px;
    padding-left: 6px;
    padding-right: 6px;
    text-align: left;
}

.interpay-minimized-lpanel #interpay-left-panel .panel-list > li > a > i > img{width:33px !important; position: relative; top: -10px;}

.interpay-minimized-lpanel #interpay-left-panel .panel-list > li:hover > a,
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li:focus > a {
    display: block;
    position: relative;
    width: 319px;
    margin-bottom: -1px;
    border-radius: 0px 4px 4px 0px;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li:hover > a,
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li:focus > a {
    border-radius: 0px 4px 4px 0px;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu:hover > a,
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu:focus > a {
    border-radius: 0px 4px 0px 0px;
    background: #f1f1f1;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li:hover > a span.menu-text,
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li:focus > a span.menu-text {
    display: inline-block;
    position: absolute;
    left: 80px;
    top: 20px;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list ul.interpay-sub-menu li {
    list-style: none;
}

.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu > ul.interpay-sub-menu {
    display: none !important;
    position: absolute;
    left: 70px;
    width: 250px;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu:hover > ul.interpay-sub-menu,
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu:focus > ul.interpay-sub-menu {
    display: block !important;
    border-right: 1px solid #efefef;
	width: 250px;
	left: 70px;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu > ul.interpay-sub-menu ul.interpay-sub-menu {
    display: none !important;
    position: absolute;
    width: 250px;
    left: 0;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu:hover > ul.interpay-sub-menu ul.interpay-sub-menu,
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu:focus > ul.interpay-sub-menu ul.interpay-sub-menu {
    display: none !important;
    left: 0px;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu > ul.interpay-sub-menu > li.interpay-has-menu:hover > ul.interpay-sub-menu,
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu > ul.interpay-sub-menu > li.interpay-has-menu:focus > ul.interpay-sub-menu {
    display: block !important;
    position: relative;
    left: 0px;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu > ul.interpay-sub-menu > li.interpay-has-menu > ul.interpay-sub-menu > li.interpay-has-menu:hover > ul.interpay-sub-menu,
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu > ul.interpay-sub-menu > li.interpay-has-menu > ul.interpay-sub-menu > li.interpay-has-menu:focus > ul.interpay-sub-menu {
    display: block !important;
    position: relative;
    left: 0px;
}

.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu li.interpay-has-menu > a:after {
    display: none;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu li.interpay-has-menu > a:after {
    font-family: FontAwesome;
    content: "\f103";
    font-size: 15px;
    position: relative;
    float: right;
    display: block;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu li.interpay-has-menu:hover > a:after,
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu li.interpay-has-menu:focus > a:after {
    font-family: FontAwesome;
    content: "\f102";
    font-size: 15px;
    position: relative;
    float: right;
    display: block;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list li.interpay-has-menu.active > li.active a .selected {
    display: block;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.active:hover > a .selected,
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.active:focus > a .selected {
    display: none;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu > ul.interpay-sub-menu > li.interpay-has-menu > ul.interpay-sub-menu li > a span.menu-text {
    padding-left: 15px;
    position: relative;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu > ul.interpay-sub-menu > li.interpay-has-menu > ul.interpay-sub-menu > li > a span.menu-text:before {
    left: 4px;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu > ul.interpay-sub-menu > li.interpay-has-menu > ul.interpay-sub-menu > li.interpay-has-menu > ul.interpay-sub-menu > li > a span.menu-text:before {
    left: 4px;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list li .label {
    display: none;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list li:hover a .label {
    display: block;
    position: absolute;
    right: 5px;
    top: 10px;
}
.interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu.opened > a {
    background: #f1f1f1;
    color: #000;
}
.interpay-minimized-lpanel #main-content {
    margin-left: 50px;
}
/****************** Minimized Left Panel Style Start Here *********************************/

/******************* 4.4 Theme Style for Phone start here***************************************/
 
#interpayapp-wrapper[interpay-device-type="phone"].interpay-hide-lpanel #interpay-left-panel {
    display: none;
}
#interpayapp-wrapper[interpay-device-type="phone"] #interpay-header{
    position:none;
	height:140px;
}
#interpayapp-wrapper[interpay-device-type="phone"] .interpay-left-header {
    width: 100%;
    float: none;
}
#interpayapp-wrapper[interpay-device-type="phone"] #interpay-left-panel[interpay-position-type="fixed"] {
  top: 140px;
}
#interpayapp-wrapper[interpay-device-type="phone"] .interpay-right-header {
    width: 100%;
	padding-left: 0px !important;
	position: relative;
	z-index: 999;
	top: 70px;
}
#interpayapp-wrapper[interpay-device-type="phone"].interpay-hide-lpanel #interpay-left-panel {display:none;}
#interpayapp-wrapper[interpay-device-type="phone"].interpay-hide-lpanel .interpay-right-header {
  margin-left: 0px;
}
#interpayapp-wrapper[interpay-device-type="phone"] .interpay-right-header {
  margin-left: 0px;
}

#interpayapp-wrapper[interpay-device-type="phone"] #interpay-left-panel {
    display: block;
    z-index: 1024;
}
#interpayapp-wrapper[interpay-device-type="phone"] #main-content {
    margin-left: 0px;
}



#interpayapp-wrapper[interpay-device-type="phone"] .interpay-left-header > .interpay-sidebar-toggle > a {
    display: block;
}
#interpayapp-wrapper[interpay-device-type="phone"] #interpay-header > .interpay-right-header .interpay-sidebar-toggle a:after {
    display: none !important;
}
#interpayapp-wrapper[interpay-device-type="desktop"] .interpay-left-header .interpay-sidebar-toggle a:after {
    display: none !important;
}
#interpayapp-wrapper[interpay-device-type="tablet"] .interpay-left-header .interpay-sidebar-toggle a:after {
    display: none !important;
}
#interpayapp-wrapper[interpay-device-type="phone"] .interpay-left-header .interpay-sidebar-toggle a:after {
    background: transparent;
    border-radius: 4px;
    content: "";
    font-family: FontAwesome;
    font-size: 16px;
    left: 5px;
    line-height: 70px;
    padding: 1px 13px;
    position: absolute;
    top: 3px;
    z-index: 1000;
    display: block !important;
    color: #fff;
    border: 0px solid #003c70;
    font-size: 18px;
}
#interpayapp-wrapper[interpay-device-type="phone"].interpay-hide-lpanel  #interpayapp-container[interpay-lpanel-effect="shrink"] #main-content {
  margin-left: 0px;
}
#interpayapp-wrapper[interpay-device-type="phone"]  #interpayapp-container[interpay-lpanel-effect="shrink"] #main-content {
  margin-left: 250px;
}
#interpayapp-wrapper[interpay-device-type="phone"].interpay-hide-lpanel  #interpayapp-container[interpay-lpanel-effect="overlay"] #main-content {
   margin-left: 0px;
}
#interpayapp-wrapper[interpay-device-type="phone"]  #interpayapp-container[interpay-lpanel-effect="overlay"] #main-content {
   margin-left: 0px;
}
#interpayapp-wrapper[interpay-device-type="phone"].interpay-hide-lpanel  #interpayapp-container[interpay-lpanel-effect="push"] #main-content {
   margin-left: 0px;
   margin-right: 0px;
}
#interpayapp-wrapper[interpay-device-type="phone"]  #interpayapp-container[interpay-lpanel-effect="push"] #main-content {
   margin-left: 250px;
   margin-right:-250px;
}
#interpayapp-wrapper[interpay-device-type="phone"].interpay-hide-lpanel #interpay-header[interpay-lpanel-effect="shrink"] .interpay-right-header[interpay-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#interpayapp-wrapper[interpay-device-type="phone"].interpay-hide-lpanel #interpay-header[interpay-lpanel-effect="shrink"] .interpay-right-header[interpay-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
#interpayapp-wrapper[interpay-device-type="phone"] #interpay-header[interpay-lpanel-effect="shrink"] .interpay-right-header[interpay-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#interpayapp-wrapper[interpay-device-type="phone"] #interpay-header[interpay-lpanel-effect="shrink"] .interpay-right-header[interpay-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
#interpayapp-wrapper[interpay-device-type="phone"].interpay-hide-lpanel #interpay-header[interpay-lpanel-effect="overlay"] .interpay-right-header[interpay-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#interpayapp-wrapper[interpay-device-type="phone"].interpay-hide-lpanel #interpay-header[interpay-lpanel-effect="overlay"] .interpay-right-header[interpay-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
#interpayapp-wrapper[interpay-device-type="phone"]#interpay-header[interpay-lpanel-effect="overlay"] .interpay-right-header[interpay-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#interpayapp-wrapper[interpay-device-type="phone"] #interpay-header[interpay-lpanel-effect="overlay"] .interpay-right-header[interpay-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}

#interpayapp-wrapper[interpay-device-type="phone"].interpay-hide-lpanel #interpay-header[interpay-lpanel-effect="push"] .interpay-right-header[interpay-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#interpayapp-wrapper[interpay-device-type="phone"].interpay-hide-lpanel #interpay-header[interpay-lpanel-effect="push"] .interpay-right-header[interpay-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
#interpayapp-wrapper[interpay-device-type="phone"] #interpay-header[interpay-lpanel-effect="push"] .interpay-right-header[interpay-position-type="relative"] {
    margin-left: 0px;
	padding-right: 0;
}
#interpayapp-wrapper[interpay-device-type="phone"] #interpay-header[interpay-lpanel-effect="push"] .interpay-right-header[interpay-position-type="fixed"] {
    margin-left: 0px;
	padding-right: 0;
}
/****************************** Theme Style for Phone Close here **********************************/

/*******************************main container Style Close Here ***********************************/

/*******************************main container Style Close Here ***********************************/
/*################ Theme Content Section Style Start Here ############################*/
#interpayapp-wrapper[interpay-device-type="phone"] #styleSelector {
    top: 6px;
}
#main-content {
    margin-left: 250px;
	position:relative;
    padding: 20px 20px 0px 20px;
    background-color: #ecf5fe;
}

.content-title {
    border-bottom: 1px solid #ccc;
    padding: 20px 10px 10px 10px;
}
.content-title .main-title {
    font-size: 20px;
    font-weight: 300;
    margin: 0;
}
.inner-content {
    padding: 20px 0px;
}
.theme-panel .panel-heading {
    border-bottom: 1px solid #e3e3e3;
    text-align: center;
}
.theme-panel .panel-heading .panel-title {
    font-size: 18px;
}
.feature-box {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    margin-bottom: 15px;
    min-height: 20px;
    padding: 19px;
    text-align: center;
}
.feature-box:hover {
    background-color: #101525;
    border: 1px solid #e3e3e3;
    color: #959fae;
}
.feature-icon i {
    font-size: 50px;
}
.feature-box .h4,
.feature-box .h5,
.feature-box .h6,
.feature-box h4,
.feature-box h5,
.feature-box h6 {
    margin-bottom: 2px;
    margin-top: 2px;
    font-size: 16px;
}
.interpay-minimized-lpanel #main-content {
    margin-left: 70px;
}
#interpayapp-container[interpay-lpanel-effect="shrink"] #main-content{
	margin-left: 250px;
}
#interpayapp-container[interpay-lpanel-effect="shrink"].interpay-minimized-lpanel #main-content{
	margin-left: 70px;
}
#interpayapp-container[interpay-lpanel-effect="overlay"] #main-content{
	 margin-left: 70px;
}
#interpayapp-container[interpay-lpanel-effect="overlay"].interpay-minimized-lpanel #main-content{
	 margin-left: 70px;
}
#interpayapp-container[interpay-lpanel-effect="push"] #main-content{
	margin-left: 250px;
	margin-right: -250px;
}
#interpayapp-container[interpay-lpanel-effect="push"].interpay-minimized-lpanel #main-content{
	 margin-left: 70px;
     margin-right: 0px;	 
}
/*################ Theme Content Section Style Close Here ############################*/



/*#####################navigation panel with lpanel-bg2 theme Color Start################*/

#interpayapp-container[interpay-color-type="lpanel-bg2"] #interpay-left-panel {box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);}
#interpayapp-container[interpay-color-type="lpanel-bg2"] #interpay-left-panel .profile-box {border-bottom: 1px solid #3ea2e5;}
#interpayapp-container[interpay-color-type="lpanel-bg2"].interpay-minimized-lpanel #interpay-left-panel .profile-box {border-bottom: 0px;}
#interpayapp-container[interpay-color-type="lpanel-bg2"] #interpay-left-panel .profile-box .media a > img {border: 1px solid #3ea2e5;}
#interpayapp-container[interpay-color-type="lpanel-bg2"] #interpay-left-panel .panel-list > li > a {border-right: 0px;}



#interpayapp-container[interpay-color-type="lpanel-bg2"] #interpay-left-panel .panel-list ul {
    background: #fafafa;
    box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.2);
}


#interpayapp-container[interpay-color-type="lpanel-bg2"] #interpay-left-panel .panel-list li.active > a .selected {    border-right: 7px solid #FFF;}
#interpayapp-container[interpay-color-type="lpanel-bg2"] #interpay-left-panel .panel-list li a .label {    color: #d7e9fc;}
#interpayapp-container[interpay-color-type="lpanel-bg2"] .sul {    background-color: #0e72b5;}
#interpayapp-container[interpay-color-type="lpanel-bg2"].interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu:hover > a,
#interpayapp-container[interpay-color-type="lpanel-bg2"].interpay-minimized-lpanel #interpay-left-panel .panel-list > li.interpay-has-menu:focus > a {    border-radius: 0px 4px 0px 0px;}
#interpayapp-container[interpay-color-type="lpanel-bg2"] #interpay-left-panel .nav-level {    border-top: 1px solid #3ea2e5;}
#interpayapp-container[interpay-color-type="lpanel-bg2"] #interpay-left-panel .nav-level:first-child {    border-top: 0px solid #3ea2e5;}
/*#####################navigation panel with lpanel-bg2 theme Color close*################*/





/* ================== Admin Body Classes ======================= */
/* ================== Global Classes =========================== */
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    height: 36px;
    padding: 6px 10px;
    background: #fff;
    color: #666;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #799cb6;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    margin: 0px 20px 10px 0px;
    -webkit-transition-duration: .1s;
    transition-duration: .1s;
    width:100%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
}

.form-control, select {
    height: 36px;
    padding: 6px 10px;
    background: #fff;
    color: #666;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #799cb6;
    margin: 0px 20px 10px 0px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    float: left !important;
    width:100%;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
}

/* ================= Table Classes ============================= */
th, td, .table-bordered {
    border-radius: 0 !important;
}

.table thead tr {
    color: #333;
    font-weight: normal;
    background: #bfeee1;
    /*background-image: -webkit-gradient(linear,left 0,left 100%,from(#f8f8f8),to(#ececec));
    background-image: -webkit-linear-gradient(top,#f8f8f8,0%,#ececec,100%);
    background-image: -moz-linear-gradient(top,#f8f8f8 0,#ececec 100%);
    background-image: linear-gradient(to bottom,#f8f8f8 0,#ececec 100%);*/
    background-repeat: repeat-x;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8',endColorstr='#ffececec',GradientType=0);*/
}

    .table thead tr th {
        border-color: #DDD;
        font-weight: bold;
    }

        .table thead tr th [class*="icon-"]:first-child {
            margin-right: 2px;
        }

        .table thead tr th:first-child {
            border-left-color: #f1f1f1;
        }

        .table thead tr th:left-child {
            border-right-color: #f1f1f1;
        }

.table.table-bordered thead tr th {
    vertical-align: middle;
}

    .table.table-bordered thead tr th:first-child {
        border-left-color: #DDD;
    }

th.center, td.center {
    text-align: center;
}

th .lbl, td .lbl {
    margin-bottom: 0;
}

    th .lbl:only-child, td .lbl:only-child {
        vertical-align: top;
    }

.table-header {
    background-color: #fff;
    color: #0092eb;
    font-size: 18px;
    line-height: 38px;
    padding-left: 12px;
    margin-bottom: 1px;
    font-weight:500;
}

    .table-header .close {
        margin-right: 8px;
        margin-top: 0;
        opacity: .45;
        filter: alpha(opacity=45);
    }

        .table-header .close:hover {
            opacity: .75;
            filter: alpha(opacity=75);
        }

.dataTables_length select {
    width: 170px;
    height: 30px;
    padding: 2px 3px;
    margin: -6px 4px;
}


@media (min-width:320px) and (max-width:400px){
    .dataTables_length select{width:70px !important; margin-bottom:10px;}

}



.dataTables_length label {
    font-weight: normal;
}

.dataTables_filter {
    text-align: right;
}

    .dataTables_filter input[type=text] {
        width: 125px;
        height: 18px;
        line-height: 18px;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        padding: 4px 6px;
        float:right;
    }

    .dataTables_filter label {
        font-weight: normal;
    }

.dataTables_info {
    font-size: 14px;
}

.dataTables_paginate {
    text-align: right;
}

    .dataTables_paginate .pagination {
        margin: 0 12px;
    }

.dataTables_wrapper label {
    display: inline-block;
    font-size: 13px;
}

/*.dataTables_wrapper input[type=text], .dataTables_wrapper select {
    margin-bottom: 0 !important;
    margin: -6px 4px;
}*/
.dataTables_wrapper input[type=text], .dataTables_wrapper input[type=number] .dataTables_wrapper select {
    margin-bottom: 0 !important;
    margin: -6px 4px;
}


.dataTables_wrapper .row {
    margin: 0;
}

    .dataTables_wrapper .row:first-child {
        padding-top: 20px;
        background-color: #eff3f8;
    }

    .dataTables_wrapper .row:first-child + .dataTable {
            border-top: 1px solid #b5d1ed;
            border-bottom: 1px solid #b5d1ed;
        }

    .dataTables_wrapper .row:last-child {
        border-top: 0px solid #DDD;
        padding-top: 20px;
        padding-bottom: 1px;
        background-color: #eff3f8;
        border-bottom: 1px solid #DDD;
        border-left: 1px solid #DDD;
        border-right: 1px solid #DDD;
    }

.dataTable {
    margin-bottom: 0;
}

    .dataTable th[class*=sort] {
        cursor: pointer;
    }

        .dataTable th[class*=sort]:after {
            content: "\f0dc";
            display: inline-block;
            color: #555;
            font-family: FontAwesome;
            font-size: 13px;
            font-weight: normal;
            float: right;
            margin-right: 4px;
            position: relative;
        }

        .dataTable th[class*=sort]:hover {
            color: #333;
        }

    .dataTable th[class*=sorting_] {
        color: #555;
    }

    .dataTable th.sorting_desc, .dataTable th.sorting_asc {
        background:#0dd49b;
        background-repeat: repeat-x;
         /*background-image: -webkit-gradient(linear,left 0,left 100%,from(#eff3f8),to(#e3e7ed));
        background-image: -webkit-linear-gradient(top,#eff3f8,0%,#e3e7ed,100%);
        background-image: -moz-linear-gradient(top,#eff3f8 0,#e3e7ed 100%);
        background-image: linear-gradient(to bottom,#eff3f8 0,#e3e7ed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8',endColorstr='#ffe3e7ed',GradientType=0);*/
    }

        .dataTable th.sorting_desc:after {
            content: "\f0dd";
            top: -6px;
            color: #307ecc;
        }

        .dataTable th.sorting_asc:after {
            content: "\f0de";
            top: 4px;
            color: #307ecc;
        }

    .dataTable th.sorting_disabled {
        cursor: inherit;
    }

        .dataTable th.sorting_disabled:after {
            display: none;
        }

        #File {
        border: 1px solid #abc;
    height: 33px;
    left: 4px;
    position: relative;
    top: -3px;
    width: 250px;
    margin: 0px 0px;
    border-radius: 4px 0px 0px 4px;
    padding-left: 10px;x;
    padding-left: 10px;
}

.fileUpload input.upload {
    cursor: pointer;
    font-size: 20px;
    height: 42px;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: -5px;
    filter: alpha(opacity=0);
}

#viewstudent label{margin-top:5px;}

#tblOtherServices a, #tblOtherServices a:focus{color:#fff !important;}
.admin-footer {
    padding-top: 75px;
    height: 0;
    width: 0;
}

.admin-footer .admin-footer-inner .admin-footer-content {
    border-top: 3px double #e5e5e5;
    background-color: transparent;
    bottom: 3px;
    left: 1.5em;
    line-height: 36px;
    padding: 8px;
    position: absolute;
    right: 20px;

    /* text-align: right; */
}

.bigger-120 {
    font-size: 120%;
}

.breadcrumbs {border-radius:2px;}
.breadcrumbs ul{margin-bottom:0px !important;     background-color: #fff; box-shadow: 0px 0px 30px rgba(69, 101, 173, 0.1);}

.addbtn {top: -35px;position: relative;right: 0px; float:right;}


#viewstudent .text-right{text-align:right;}

@media (min-width:320px) and (max-width:991px){
    #viewstudent .text-right{text-align:left !important;}
}




/* Merchant Setup Form Classes */

/*sign Up Styles*/
.btn-default {
    color: #fff;
    background-color: #0dd49b;
    border-color: #0dd49b;
}

.btn:hover, .btn-default:hover, .open .btn.dropdown-toggle, .open .btn-default.dropdown-toggle {
    background-color: #006db0;
    border-color: #006db0;
    color:#fff;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.signup{text-align:left; display:block;}
.signupbg .overlay{    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%; z-index:9999;     background: rgba(0, 0, 0, 0.7);}
.signup .hr{border-bottom: 1px dotted #fff; display:block; z-index:99;}

@media (min-width:320px) and (max-width:991px) {
    .signupbg .overlay {
        position: relative;
    }
}


.signupbg {
    background-image: url(https://cdn.interpayafrica.com/images/signupimg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.signup .loginbtn{
    border-radius: 25px;
    font-size: 16px;
    background: #fff;
    color: #333;
    display: block;
    padding: 6px 25px;
    text-decoration: none;
    margin: 20px 0;
    text-transform: uppercase;
    float:right;
}
.signup .loginbtn:hover{
    background: #008B98;
    cursor:pointer;
    color:#fff;
}

.signupform{background:#e7f2f9; border-radius:8px; margin-top:5%; display:block; padding:30px; margin-bottom:40px;}
.signupform h2{margin-top:0px;}

.signup input {
    height: 34px;
    padding: 6px 10px;
    background: #fff;
    color: #666;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #799cb6;
    margin: 0px 0px 10px 0px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display:block;
    width:100%
}

.signup select {
    height: 34px;
    padding: 6px 10px;
    background: #fff;
    color: #666;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #799cb6;
    margin: 0px 0px 10px 0px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display:block;
    width:100%
}

.signup input[type="checkbox"] {
    height: 24px; width:24px;
    display:inline-block !important;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.2) inset;
}

.signup input[type="checkbox"] + label{font-weight: normal;    margin-left: 10px;    position: relative;    top: -6px;} 

.signup label {
    font-weight: 500;
    margin-bottom:5px;
    max-width:100%;
}

.signup label span{color:red;}

#signup a{text-align:left; color:#008B98; font-size:15px; padding-top:10px; font-weight:normal; text-decoration:none;}
#signup a:hover{text-decoration:underline; cursor:pointer;}



#signup .signup{
    border: 0px;
    font-size: 18px;
    background: #008B98;
    color: #fff;
    border-radius: 5px;
    display: block;
    padding: 9px 25px;
    text-decoration: none;
    margin: 30px 0;
    text-transform: uppercase;
    float:left;
    margin-right:15px;
}

#signup .signup:hover{
    background: #178158;
    cursor:pointer;
}




/*Step Wizard Styles*/

.stepwizard-step p {
    margin-top: 10px;
    font-weight:normal; 
    color:#008B98;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
    margin:30px 0;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.nextBtn{margin-right:15px;}





.checkbox-custom input[type="checkbox"] {
    position: absolute;
    top: 0%;
    left: 0px;
    z-index: 2;
    cursor: pointer;
    line-height: normal;
    box-sizing: border-box;
    padding: 0;
    width: 0px !important;
    height:0px !important;
}

.checkbox-custom label {
    cursor: pointer;
    margin-bottom: 0;
    text-align: left;
    line-height: 1.2;
}


.checkbox-custom:last-child, .checkbox-custom:last-of-type {
    margin-bottom: 0;
}
.checkbox-custom {
    position: relative;
    padding: 0 0 0 25px;
    margin-bottom: 7px;
}






@media (min-width:320px) and (max-width:767px){
    #signup .loginbtn{margin-right:5px !important;}
    #signup .signup{margin-right:5px !important;}
    #signup .interpaybtn img{display:none !important;}
}


/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
  border-radius: 4px 4px 0 0 ;
  font-weight: normal;
  margin-top:50px;
}

#exTab3 .tab-content {
    padding: 20px;
    margin: 0px auto;
    border-radius: 6px;
    color: #fff;

}

    

.tab-content input {
    width: 100%;
    height: 34px;
    padding: 6px;
    background: #fff;
    color: #333;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #799cb6;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    margin: 0px 0px 15px;
    font-size: 14px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
}

.tab-content select {
    width: 100%;
    height: 34px;
    padding: 6px;
    background: #fff;
    color: #333;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #71addb;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: block;
    margin: 0px 0px 15px;
    font-size: 14px;
}


/*label label{font-size:9px; font-weight:500; color:#0092eb;}*/

.tab-pane .tab-contentz {
    color: #333;
    /* background-color: #ecf5fe; */
    padding: 25px;
    border-radius: 6px;
    box-shadow: 0px 0px 30px 1px rgba(98,137,163,0.5);
    border: 1px solid #add0e6;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: rgba(255,255,255,0.5);
}

.tab-contentz span{color:red;}


.tab-contentz label span{font-size:11px; font-weight:normal;}

.tab-pane .tab-contentz input[type="checkbox"] {
    height: 24px;
    width: 24px;
    display: inline-block !important;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.2) inset;
}

.tab-pane .tab-contentz input[type="checkbox"] + label {
    font-weight: normal;
    margin-left: 10px;
    position: relative;
    top: -6px;
}


.tab-pane .tab-contentz input[type="radio"] {
    height: 24px;
    width: 24px;
    display: inline-block !important;
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.2) inset;
}

.tab-pane .tab-contentz input[type="radio"] + label {
    font-weight: normal;
    margin-left: 10px;
    position: relative;
    top: -6px;
}
.tab-pane .tab-contentz h3{font-size:20px; line-height:30px; margin-top:10px; margin-bottom:20px; font-weight:normal;}

.tab-pane .tab-contentz>.tab-panez {
    display: none
}
.tab-pane .tab-contentz>.active {
    display: block;
    -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;
}

.tabcontentbg {
    color: #333;
    background-color: #e7f2f9;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid #799cb6;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}



.process-step .btn:focus{outline:none}
.process{display:table;width:100%;position:relative;margin: 0px 0 40px 0;}
.process-row{display:table-row; }
.process-step button[disabled]{opacity:1 !important;filter: alpha(opacity=100) !important}
.process-row:before{top:40px;bottom:0;position:absolute;content:" ";width:100%;height:1px; z-order:0}
.process-step{display:table-cell;text-align:center;position:relative}
.process-step p{font-size:18px; font-weight:600; color:#fff;}
.process-step span{margin-top:4px; font-size:14px; font-weight:normal;}
.btn-tab {width: 80px;height: 80px;text-align: center;    font-size: 12px;    border-radius: 8%; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}


.tab-pane .tab-contentz ul{height:100px; position:relative; padding-top:70px;}

@media (min-width:320px) and (max-width:767px){
    .btn-tab {width: 40px;    height: 40px;    text-align: center;    font-size: 12px;    border-radius: 8%; -webkit-transition: all 0.3s ease;    -moz-transition: all 0.3s ease;    transition: all 0.3s ease;}
     .process-step span{display:none;}
     .process-row:before{display:none;}
}




/* ================   Move to Top   ==================== */

.scrollup {
    border-radius: 4px;
    height: 30px;
    width: 30px;
    font-size: 14px;
    text-align: center;
    position: fixed;
    bottom: 50px;
    right: 20px;
    line-height: 30px;
    cursor: pointer;
    display: none;
    z-index: 2;
    background:#0092eb;
    color:#fff;
}

.scrollup:hover {
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
    background:#0dd49b;
    color:#fff;
}


 .circle{
      width:20px;
      height:20px;
      border-radius:50%;
      -webkit-animation: hue 60s infinite linear;
      margin:5% 25px 10% 0;
      display:inline-block;
      line-height:69px;
      
    }

 @media (min-width:320px) and (max-width:767px){
      .circle{
      width:12px !important;
      height:12px !important;
     line-height:30px;
    }
 }
/*!
sonar.css - http://urbanoalvarez.es/sonar.css/
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Alejandro U. Alvarez
*/
/*!
sonar.css - http://urbanoalvarez.es/sonar.css/
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Alejandro U. Alvarez
*/
@-webkit-keyframes sonar-base {
  from {
    padding: 0;
    opacity: 0.6;
  }
  to {
    padding: 1.3em;
    opacity: 0;
    top: -1.3em;
    left: -1.3em;
  }
}
@-moz-keyframes sonar-base {
  from {
    padding: 0;
    opacity: 0.6;
  }
  to {
    padding: 1.3em;
    opacity: 0;
    top: -1.3em;
    left: -1.3em;
  }
}
@-o-keyframes sonar-base {
  from {
    padding: 0;
    opacity: 0.6;
  }
  to {
    padding: 1.3em;
    opacity: 0;
    top: -1.3em;
    left: -1.3em;
  }
}
@keyframes sonar-base {
  from {
    padding: 0;
    opacity: 0.6;
  }
  to {
    padding: 1.3em;
    opacity: 0;
    top: -1.3em;
    left: -1.3em;
  }
}
@-webkit-keyframes sonar-stroke {
  from {
    border-width: 0.4em;
    margin: -0.4em;
  }
  to {
    border-width: 0.1em;
    top: -1.3em;
    left: -1.3em;
  }
}
@-moz-keyframes sonar-stroke {
  from {
    border-width: 0.4em;
    margin: -0.4em;
  }
  to {
    border-width: 0.1em;
    top: -1.3em;
    left: -1.3em;
  }
}
@-o-keyframes sonar-stroke {
  from {
    border-width: 0.4em;
    margin: -0.4em;
  }
  to {
    border-width: 0.1em;
    top: -1.3em;
    left: -1.3em;
  }
}
@keyframes sonar-stroke {
  from {
    border-width: 0.4em;
    margin: -0.4em;
  }
  to {
    border-width: 0.1em;
    top: -1.3em;
    left: -1.3em;
  }
}
.sonar {
  position: relative;
}
.sonar:after {
  z-index: -1;
  padding: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  position: absolute;
  -webkit-animation-name: sonar-base;
     -moz-animation-name: sonar-base;
       -o-animation-name: sonar-base;
          animation-name: sonar-base;
  -webkit-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
       -o-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
.sonar.sonar-infinite:after {
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.sonar.sonar-delay:after {
  -webkit-animation-delay: 1s;
     -moz-animation-delay: 1s;
       -o-animation-delay: 1s;
          animation-delay: 1s;
}
.sonar.sonar-delay-long:after {
  -webkit-animation-delay: 2s;
     -moz-animation-delay: 2s;
       -o-animation-delay: 2s;
          animation-delay: 2s;
}
.sonar.sonar-delay-longer:after {
  -webkit-animation-delay: 4s;
     -moz-animation-delay: 4s;
       -o-animation-delay: 4s;
          animation-delay: 4s;
}
.sonar.sonar-delay-short:after {
  -webkit-animation-delay: 0.5s;
     -moz-animation-delay: 0.5s;
       -o-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.sonar.sonar-delay-shorter:after {
  -webkit-animation-delay: 0.25s;
     -moz-animation-delay: 0.25s;
       -o-animation-delay: 0.25s;
          animation-delay: 0.25s;
}
.sonar.sonar-slow:after {
  -webkit-animation-duration: 2s;
     -moz-animation-duration: 2s;
       -o-animation-duration: 2s;
          animation-duration: 2s;
}
.sonar.sonar-slower:after {
  -webkit-animation-duration: 4s;
     -moz-animation-duration: 4s;
       -o-animation-duration: 4s;
          animation-duration: 4s;
}
.sonar.sonar-fast:after {
  -webkit-animation-duration: 0.5s;
     -moz-animation-duration: 0.5s;
       -o-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.sonar.sonar-faster:after {
  -webkit-animation-duration: 0.25s;
     -moz-animation-duration: 0.25s;
       -o-animation-duration: 0.25s;
          animation-duration: 0.25s;
}
.sonar.sonar-stroke:after {
  border-width: 0;
  border-color: inherit;
  border-style: solid;
  -webkit-border-radius: inherit;
          border-radius: inherit;
  -webkit-animation-name: sonar-base, sonar-stroke;
     -moz-animation-name: sonar-base, sonar-stroke;
       -o-animation-name: sonar-base, sonar-stroke;
          animation-name: sonar-base, sonar-stroke;
}
.sonar.sonar-stroke.sonar-hover:after {
  -webkit-animation-name: none;
     -moz-animation-name: none;
       -o-animation-name: none;
          animation-name: none;
}
.sonar.sonar-stroke.sonar-hover.sonar-default:after {
  border-color: #555555;
}
.sonar.sonar-stroke.sonar-hover.sonar-primary:after {
  border-color: #337ab7;
}
.sonar.sonar-stroke.sonar-hover.sonar-info:after {
  border-color: #5bc0de;
}
.sonar.sonar-stroke.sonar-hover.sonar-success:after {
  border-color: #5cb85c;
}
.sonar.sonar-stroke.sonar-hover.sonar-warning:after {
  border-color: #f0ad4e;
}
.sonar.sonar-stroke.sonar-hover.sonar-danger:after {
  border-color: #d9534f;
}
.sonar.sonar-stroke.sonar-hover:hover:after {
  -webkit-animation-name: sonar-base, sonar-stroke;
     -moz-animation-name: sonar-base, sonar-stroke;
       -o-animation-name: sonar-base, sonar-stroke;
          animation-name: sonar-base, sonar-stroke;
}
.sonar.sonar-stroke.sonar-click:after {
  -webkit-animation-name: none;
     -moz-animation-name: none;
       -o-animation-name: none;
          animation-name: none;
}
.sonar.sonar-stroke.sonar-click:focus:after {
  -webkit-animation-name: sonar-base, sonar-stroke;
     -moz-animation-name: sonar-base, sonar-stroke;
       -o-animation-name: sonar-base, sonar-stroke;
          animation-name: sonar-base, sonar-stroke;
}
.sonar.sonar-fill:after {
  border: none;
  background: inherit;
  -webkit-border-radius: inherit;
          border-radius: inherit;
  -webkit-animation-name: sonar-base;
     -moz-animation-name: sonar-base;
       -o-animation-name: sonar-base;
          animation-name: sonar-base;
}
.sonar.sonar-fill.sonar-default:after {
  background-color: #555555;
}
.sonar.sonar-fill.sonar-primary:after {
  background-color: #337ab7;
}
.sonar.sonar-fill.sonar-info:after {
  background-color: #5bc0de;
}
.sonar.sonar-fill.sonar-success:after {
  background-color: #5cb85c;
}
.sonar.sonar-fill.sonar-warning:after {
  background-color: #f0ad4e;
}
.sonar.sonar-fill.sonar-danger:after {
  background-color: #d9534f;
}
.sonar.sonar-fill.sonar-hover:after {
  -webkit-animation-name: none;
     -moz-animation-name: none;
       -o-animation-name: none;
          animation-name: none;
}
.sonar.sonar-fill.sonar-hover:hover:after {
  -webkit-animation-name: sonar-base;
     -moz-animation-name: sonar-base;
       -o-animation-name: sonar-base;
          animation-name: sonar-base;
  -webkit-animation-duration: 0.5s;
     -moz-animation-duration: 0.5s;
       -o-animation-duration: 0.5s;
          animation-duration: 0.5s;
}
.sonar.sonar-fill.sonar-click:after {
  -webkit-animation-name: none;
     -moz-animation-name: none;
       -o-animation-name: none;
          animation-name: none;
}
.sonar.sonar-fill.sonar-click:focus:after {
  -webkit-animation-name: sonar-base;
     -moz-animation-name: sonar-base;
       -o-animation-name: sonar-base;
          animation-name: sonar-base;
  -webkit-animation-duration: 0.5s;
     -moz-animation-duration: 0.5s;
       -o-animation-duration: 0.5s;
          animation-duration: 0.5s;
}



.flagimgghana{margin-top:-52px; width:20px; height:20px;}
.flagimgnigeria{margin-top:-52px; width:20px; height:20px;}
.flagimgpk{margin-top:-52px; width:20px; height:20px;}

@media (min-width:320px) and (max-width:767px){
    .flagimgghana{margin-top:-22px !important; width:10px !important; height:10px !important;}
}




/* Contact Us 
    ------------------*/
#contact-page {padding:100px 0px;}

.gmap-area{
    background: transparent;
    overflow: hidden;
    /*padding-top: 620px;
    margin-top: -480px;*/
    padding-bottom: 100px;
    position: relative;
    width:100%;
    transform-origin: 0;
    min-height: 300px;
}

.gmap-area .gmap iframe {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    /*top: 368px;
    height: 1200px;
    transform: skew(0,-7deg);*/
    width: 100%;
    min-height: 300px;
}



/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 130%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 130%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}





/* ======================== Customize Radio Button =======================*/

.radio {
  padding-left: 20px; float:left; }
  .radio label {
    display: inline-block;
    position: relative;
    padding-left: 15px; margin-right:10px; font-size:15px;     margin-bottom: 30px;    margin-left: 15px; }
    .radio label::before {
      content: "";
      display: inline-block;
      position: absolute;
      width: 24px;
      height: 24px;
      left: 0;
      margin-left: -20px;
      border: 1px solid #aaa;
      border-radius: 50%;
      background-color: #fff;
      -webkit-transition: border 0.15s ease-in-out;
      -o-transition: border 0.15s ease-in-out;
      transition: border 0.15s ease-in-out; }
    .radio label::after {
      display: inline-block;
      position: absolute;
      content: " ";
      width: 18px;
      height: 18px;
      left: 3px;
      top: 3px;
      margin-left: -20px;
      border-radius: 50%;
      background-color: #555555;
      -webkit-transform: scale(0, 0);
      -ms-transform: scale(0, 0);
      -o-transform: scale(0, 0);
      transform: scale(0, 0);
      -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
      transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
  .radio input[type="radio"] {    opacity: 0;    }

    .radio input[type="radio"]:focus + label::before {
      outline:none !important; }
    .radio input[type="radio"]:checked + label::after {
      -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
      -o-transform: scale(1, 1);
      transform: scale(1, 1); }
    .radio input[type="radio"]:disabled + label {
      opacity: 0.65; }
      .radio input[type="radio"]:disabled + label::before {
        cursor: not-allowed; }
  .radio.radio-inline {
    margin-top: 0; }



  /* Login / Sign up Page 
      ------------------------------ */

  .bl-main {
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
    background: #ecf5fe;
}

.bl-main > section {
	position: absolute;
	width: 50%;
	height: 50%;
}

.bl-main > section:first-child {
	top: 0;
	left: 0;
	background: #fff;
}

.bl-main > section:nth-child(2) {
	top: 0;
	left: 50%;
	background: #fff;
}

.bl-main > section:nth-child(3) {
	top: 50%;
	left: 0;
	background: #fff;
}

.bl-main > section:nth-child(4) {
	top: 50%;
	left: 50%;
	background: #fff;
}

.bl-box-top-left {
	    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 1;
       /* display: -webkit-box; */
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    /* display: flex; */
    /* -webkit-flex-direction: row; */
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    /* flex-wrap: wrap; */
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: center;
    /* justify-content: center; */
    /* -webkit-box-align: center; */
    -moz-box-align: center;
    /* -webkit-align-items: center; */
    -ms-flex-align: center;
    align-items: center;
    float: right;
    background: #edf6fc;
}

.bl-box-top-right {
	position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
    opacity: 1;
        /* display: -webkit-box; */
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-box;
    /* display: flex; */
    /* -webkit-flex-direction: row; */
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    /* flex-wrap: wrap; */
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: center;
    /* justify-content: center; */
    /* -webkit-box-align: center; */
    -moz-box-align: center;
    /* -webkit-align-items: center; */
    -ms-flex-align: center;
    align-items: center;
    float: left;
    background: #edf6fc;
}

.bl-box {
	position: relative;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.bl-box h2 {
	color: #273f5b;
    font-size: 38px;
    position: relative;
    padding-top: 40px;
    font-family: Roboto, Arial, sans-serif;
    text-align: center;
}

.bl-icon {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	cursor: pointer;
	-webkit-font-smoothing: antialiased;
}


h2 img{
    display: block;
	font-size: 2em;
	margin-bottom: 30px;
    text-align:center;
    margin: 30px auto;
}


h2:before {
	display: block;
	font-size: 2em;
	margin-bottom: 10px;
}

.bl-icon-about:before {
	content: "\e000";
}

.bl-icon-works:before {
	content: "\e001";
}

.bl-icon-blog:before {
	content: "\e002";
}

.bl-icon-contact:before {
	content: "\e003";
}

.bl-main > section .bl-icon-close {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	z-index: 100;
	opacity: 0;
	pointer-events: none;
    color: #0092eb;
    font-size: 50px;
}
.bl-main > section .bl-icon-close:hover{background:#fff; border-radius:50%;}
.bl-icon-close:before {
	content: "\e005";
}

.bl-content, 
div.bl-panel-items > div > div {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 30px;
	left: 20px;
	right: 20px;
	bottom: 30px;
	overflow: hidden;
	overflow-y: hidden;
}

/* Custom content */

.bl-content p {
	margin: 0 auto;
	padding-bottom: 15px;
	font-size: 1.7em;
	line-height: 1.8;
}

.bl-content h2 {
	font-size: 3em;
	font-weight: 300;
	margin: 0 0 20px 0;
}

.bl-content article {
	padding: 20px 40px 20px 0px;
}

.bl-content article h3 {
	font-weight: 700;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin: 0 0 10px 0;
	padding-top: 20px;
	font-size: 1.4em;
}

.bl-content article a {
	color: rgba(0,0,0,0.2);
}

.bl-content > ul {
	list-style: none;
	padding: 0;
	margin: 0;
} 

.bl-content > ul li {
	display: inline-block;
	width: 20%;
	margin: 1%;
}

.bl-content > ul li a {
	display: block;
	padding: 0;
	border: 8px solid rgba(0,0,0,0.1);
}

.bl-content > ul li a img {
	display: block;
	max-width: 100%;
}

/* Panel Items */

div.bl-panel-items,
div.bl-panel-items > div {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

div.bl-panel-items > div > div {
	width: 60%;
	margin: 0 auto;
	opacity: 1;
	bottom: 90px;
	top: 90px;
	pointer-events: auto;
}

div.bl-panel-items > div > div h3 {
	font-size: 2.4em;
	font-weight: 300;
	margin: 0 0 20px 0;
}

div.bl-panel-items > div > div p {
	font-size: 1.3em;
}

div.bl-panel-items > div > div img {
	float: left;
	margin: 0 20px 20px 0;
	max-width: 100%;
}

div.bl-panel-items {
	top: 100%;
	z-index: 9999;
}

div.bl-panel-items > div {
	background-color:transparent;
	z-index: 0;
	opacity: 0;
	-webkit-transform: translateY(0);
	-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 0s linear 0.5s;
	-moz-transform: translateY(0);
	-moz-transition: -moz-transform 0.5s ease-in-out, opacity 0s linear 0.5s;
	transform: translateY(0);
	transition: transform 0.5s ease-in-out, opacity 0s linear 0.5s;
	-ms-transform: translateY(0);
    top:180px;
}

div.bl-panel-items nav {
	position: absolute;
	z-index: 9999;
	width: 216px;
	left: 50%;
	top: 0px;
	margin-left: -108px;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-in-out 0.5s;
	-moz-transition: opacity 0.2s ease-in-out 0.5s;
	transition: opacity 0.2s ease-in-out 0.5s;
}

div.bl-panel-items.bl-panel-items-show nav span {
	float: left;
	margin: 5px;
}

div.bl-panel-items nav span.bl-next-work {
	font-weight: 700;
	letter-spacing: 2px;
	display: block;
	text-transform: uppercase;
	line-height: 2em;
	cursor: pointer;
	margin-right: 2em;
}

div.bl-panel-items.bl-panel-items-show nav {
	opacity: 1;
	top: -70px;
}

div.bl-panel-items > div.bl-show-work {
	z-index: 1000;
	opacity: 1;
	-webkit-transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	-moz-transform: translateY(-100%);
	-moz-transition: -moz-transform 0.5s ease-in-out;
	transform: translateY(-100%);
	transition: transform 0.5s ease-in-out;
	-ms-transform: translateY(-100%);
}

div.bl-panel-items > div.bl-hide-current-work {
	opacity: 0;
	-webkit-transition: -webkit-transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	-webkit-transform: translateY(-100%) scale(0.5);
	-moz-transition: -moz-transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	-moz-transform: translateY(-100%) scale(0.5);
	transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
	transform: translateY(-100%) scale(0.5);
	-ms-transform: translateY(-100%) scale(0.5);
	z-index: 0;
}

/* Transition classes and properties */
/* Separated for a better overview and control */

.bl-main > section {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

    .bl-main > section.bl-expand {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        position: relative !important;
        left:0px;
        top:0px;
    }

.bl-main > section.bl-expand-top {
	z-index: 100;
}

.bl-main > section:first-child.bl-expand {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #ecf5fe; 
    /*background: -moz-linear-gradient(top, #04449c 0%, #0092eb 100%);
    background: linear-gradient(to top, #04449c 0%,#0092eb 100%);*/
}
.bl-main > section:nth-child(2).bl-expand {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #ecf5fe; 
    /*background: -moz-linear-gradient(top, #04449c 0%, #0092eb 100%);
    background: linear-gradient(to top, #04449c 0%,#0092eb 100%);*/
}
.bl-main > section:nth-child(3).bl-expand {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: #ecf5fe; 
    /*background: -moz-linear-gradient(top, #04449c 0%, #0092eb 100%);
    background: linear-gradient(to top, #04449c 0%,#0092eb 100%);*/
}
.bl-main > section:nth-child(4).bl-expand {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
   background: #ecf5fe; 
    /*background: -moz-linear-gradient(top, #04449c 0%, #0092eb 100%);
    background: linear-gradient(to top, #04449c 0%,#0092eb 100%);*/
}

.bl-main.bl-expand-item > section:not(.bl-expand),
.bl-main.bl-expand-item > section.bl-scale-down {
	-webkit-transform: scale(0.5);
	-moz-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0;
}

.bl-box {
	-webkit-transition: opacity 0.2s linear 0.5s;
	-moz-transition: opacity 0.2s linear 0.5s;
	transition: opacity 0.2s linear 0.5s;
}



section.bl-expand .bl-box-top-left {
	opacity: 0;
	-webkit-transition: opacity 0s linear;
	-moz-transition: opacity 0s linear;
	transition: opacity 0s linear;
}

section.bl-expand .bl-box-top-right {
	opacity: 0;
	-webkit-transition: opacity 0s linear;
	-moz-transition: opacity 0s linear;
	transition: opacity 0s linear;
}

section.bl-expand .bl-box {
	opacity: 0;
	-webkit-transition: opacity 0s linear;
	-moz-transition: opacity 0s linear;
	transition: opacity 0s linear;
}






.bl-box h2 {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.no-touch section:not(.bl-expand) .bl-box:hover h2 {
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
}

.bl-content,
.bl-icon-close {
	-webkit-transition: opacity 0.1s linear 0s;
	-moz-transition: opacity 0.1s linear 0s;
	transition: opacity 0.1s linear 0s;
}

section.bl-expand .bl-content,
section.bl-expand .bl-icon-close {
	pointer-events: auto;
	opacity: 1;
	-webkit-transition: opacity 0.3s linear 0.5s;
	-moz-transition: opacity 0.3s linear 0.5s;
	transition: opacity 0.3s linear 0.5s;
}

@media screen and (max-width: 46.5em) {
	.bl-content,
	.bl-box {
		font-size: 100%;
	}

	.bl-expand .bl-box {
		height: 130px;
	}

	.bl-content > ul li {
		width: 40%;
	}

   .bl-main > section.bl-expand {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    width:100%;
    }
}




.box-top-left{
    
    z-index: 10;
    background-color:transparent;
    width: 100%;
    text-align: center;
    padding: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-align: center;
    /* display: inline-flex; */
    display: -webkit-box;
    justify-content: center;
    flex-wrap: wrap;
    -webkit-box-pack: center;
}
.box-top-left:hover{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border:0px;
}

.box-top-right{
    z-index: 10;
    background-color:transparent;
    width: 100%;
    text-align: center;
    padding: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /* height: 300px; */
    -webkit-box-align: center;
    /* display: inline-flex; */
    display: -webkit-box;
    justify-content: center;
    flex-wrap: wrap;
    -webkit-box-pack: center;

}

.box-top-right:hover{

    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border:0px;
}

.border-top-left
{
    /*border-left: 100px solid #fff;*/
    border-bottom: 1px solid #cfe1ef;
    /*border-top: 100px solid #fff;*/
    border-right: 1px solid #cfe1ef;
}

.border-top-right
{
    /*border-right: 100px solid #fff;*/
    border-bottom: 1px solid #cfe1ef;
    /*border-top: 100px solid #fff;*/
    border-left: 1px solid #cfe1ef;
}

.border-bottom-left
{

    /*border-bottom: 100px solid #fff;*/
    border-right: 1px solid #cfe1ef;
    /*border-left: 100px solid #fff;*/
    border-top: 1px solid #cfe1ef;

}

.border-bottom-right
{

    /*border-bottom: 100px solid #fff;*/
    border-left: 1px solid #cfe1ef;
    /*border-right: 100px solid #fff;*/
    border-top: 1px solid #cfe1ef;

}

#bl-main .form-wrap {
    
    padding: 20px;
    /* background: linear-gradient(to top, #04449c 0%,#0092eb 100%); */
    /* box-shadow: 0px 0px 30px 1px rgba(98,137,163,0.8); */
    border-radius: 6px;
    color: #333;
    background: rgba(255,255,255,0.5);
    box-shadow: 0px 0px 30px 1px rgba(98,137,163,0.5);
    border: 1px solid #add0e6;
     width:400px;  
    height:580px;
    position:absolute;
    left:0; right:0; top:0; bottom:0;
    margin:auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*.loginbg{
    background-repeat:no-repeat; display:block; width:100%; height:100%;
    background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url('../images/userlogin.svg');
    background-size: cover;

}*/


#bl-main .form-wrap  a{color:#fff;}
@media(min-width:320px) and (max-width:480px) {
    #bl-main .form-wrap{width:300px !important; -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;}
}
@media(min-width:320px) and (max-width:767px) {

    .bl-box-top-right, .bl-box-top-left {
        width: 100%;
    }

    .box-top-left, .box-top-right {
        padding: 10px;
    }

    .bl-main h2 {
        font-size: 18px;
        line-height: 18px;
    }

   #bl-main .form-wrap .col-md-6{width:50%; float:left;}
   #exTab3 .tab-content{width:100%; padding:0px;}
   .box-top-left h2 img{width:50%;     margin: 10px auto;}
   .box-top-right h2 img{width:50%;     margin: 10px auto;}

}


@media(min-width:768px) and (max-width:1169px) {
    .bl-main > section.bl-expand {
        width: 750px;
        height: 100%;
        margin: 0 auto;
        position: relative !important;
    }

    #bl-main .form-wrap {
        padding: 20px;
    }
}


    @media(min-width:320px) and (max-width:1169px) {
        .border-top-left {
            border-left: 10px solid #fff;
            border-top: 10px solid #fff;
        }

        .border-top-right {
            border-right: 10px solid #fff;
            border-top: 10px solid #fff;
        }

        .border-bottom-left {
            border-bottom: 10px solid #fff;
            border-left: 10px solid #fff;
        }

        .border-bottom-right {
            border-bottom: 10px solid #fff;
            border-right: 10px solid #fff;
        }
        .bl-box-top-right, .bl-box-top-left {
    width: 100%;
}
    }


#bl-main .redspan {
    color: #dd5a43 !important;
    float: right;
    font-size: 1.5em;
    height: 10px;
    left: 2px;
    padding-left: 1px;
    padding-right: 10px;
    padding-top: 2px;
    position: relative;
    top: 11px;
    z-index: 1000;
    /* right: 0px; */
}


.boxscroll4 {
    height: auto;
    padding: 20px;
    color: #006633;
    overflow: auto;
}






#header{
	position: absolute;
	z-index: 2000;
	width: 100%;
	top: 0px;
    height:100%;
    color: #0092eb;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /* background: #04449c; */
    background: -moz-linear-gradient(top, #04449c 0%, #0092eb 100%);
    background: linear-gradient(to top, #04449c 0%,#0092eb 100%);
}
#header h1{
	font-size: 30px;
	font-weight: 400;
	text-transform: uppercase;
	color: rgba(255,255,255,0.9);
	text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
	padding: 20px;
}
#navigation {
	margin-top: 20px;
	width: 250px;
	display:block;
	list-style:none;
	z-index:3;
    -webkit-padding-start: 0px !important;
    padding-left:0px !important;
}
#navigation a{
	color: #fff;
    display: block;
    /* background: #fff; */
    /* background: rgba(255,255,255,0.9); */
    line-height: 150px;
    padding: 0px 20px;
    /* text-transform: uppercase; */
    /* margin-bottom: 6px; */
    /* box-shadow: 1px 1px 2px rgba(0,0,0,0.2); */
    font-size: 14px;
    text-align: center;
    font-size: 18px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-left: 5px solid transparent;
}
#navigation a:hover {
	color: #0dd49b !important;
    background: rgba(0,0,0, 0.4);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-left: 5px solid;
    border-color: #0dd49b;
    text-decoration:none;
}
.content{
	right: 20px;
    left: 20px;
	position: absolute;
    bottom:20px;
    top:20px;
}

.rightpanel{
	width: 100%;
	min-height: 100%;
	position: absolute;
	margin-left: -120%;
	z-index:2;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
    left: 0px;
    top: 0px;
    right: 0px;
    margin-bottom:0px;
        border-radius: 0px;
}
.rightpanel:target{
	margin-left: 0%;
	background-color: #ecf5fe;
    /*background-color: #ecf5fe;*/
}
#home:target ~ #header #navigation #link-home,
#loginform:target ~ #header #navigation #link-loginform,
#signupform:target ~ #header #navigation #link-signupform,
#merchantform:target ~ #header #navigation #link-merchantform{
	background: #000;
	color: #fff;
}


#bl-main .form-wrap h1{color:#0c77c2 !important}
#bl-main .alert-info{    color: #fff;
    background: #0092eb !important; border-radius:6px !important; margin-top: 30px;}

.mright{margin-right:10px;}












a.hiddenanchor{
	display: none;
}

/*styling the links to change from one form to another */

p.change_link{
	position: absolute;
	color: rgb(127, 124, 124);
	left: 0px;
	height: 20px;
	width: 440px;
	padding: 17px 30px 20px 30px;
	font-size: 16px	;
	text-align: right;
	border-top: 1px solid rgb(219, 229, 232);
	-webkit-border-radius: 0 0  5px 5px;
	   -moz-border-radius: 0 0  5px 5px;
	        border-radius: 0 0  5px 5px;
	background: rgb(225, 234, 235);
	background: -moz-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(225, 234, 235) 15px, 
	rgb(225, 234, 235) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: -webkit-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(225, 234, 235) 15px, 
	rgb(225, 234, 235) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: -o-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(225, 234, 235) 15px, 
	rgb(225, 234, 235) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(225, 234, 235) 15px, 
	rgb(225, 234, 235) 30px, 
	rgb(247, 247, 247) 30px
	);
}


/** Styling both forms **/
#register, 
#login{
	position: absolute;
	top: 0px;
	width: 88%;	
	padding: 18px 6% 60px 6%;
	margin: 0 0 35px 0;
	background: rgb(247, 247, 247);
	border: 1px solid rgba(147, 184, 189,0.8);
	-webkit-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	   -moz-box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	        box-shadow: 0pt 2px 5px rgba(105, 108, 109,  0.7),	0px 0px 8px 5px rgba(208, 223, 226, 0.4) inset;
	-webkit-box-shadow: 5px;
	-moz-border-radius: 5px;
		 border-radius: 5px;
}
#register{	
	z-index: 21;
	opacity: 0;
}
#login{
	z-index: 22;
}
#toregister:target ~ #wrapper #register,
#tologin:target ~ #wrapper #login{
	z-index: 22;
	-webkit-animation-delay: .6s;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-delay: .6s;
	-moz-animation-timing-function: ease-in;
	-o-animation-delay: .6s;
	-o-animation-timing-function: ease-in;
	-ms-animation-delay: .6s;
	-ms-animation-timing-function: ease-in;
	animation-delay: .6s;
	animation-timing-function: ease-in;
	-webkit-animation-name: scaleIn;
	-moz-animation-name: scaleIn;
	-ms-animation-name: scaleIn;
	-o-animation-name: scaleIn;
	animation-name: scaleIn;
}
#toregister:target ~ #wrapper #login,
#tologin:target ~ #wrapper #register{
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	-ms-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-name: scaleOut;
	-moz-animation-name: scaleOut;
	-ms-animation-name: scaleOut;
	-o-animation-name: scaleOut;
	animation-name: scaleOut;
}

/** the actual animation, credit where due : http://daneden.me/animate/ ***/
.animate{
	-webkit-animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	
	-moz-animation-duration: 0.5s;
	-moz-animation-fill-mode: both;
	
	-o-animation-duration: 0.5s;
	-o-animation-fill-mode: both;
	
	-ms-animation-duration: 0.5s;
	-ms-animation-fill-mode: both;
	
	animation-duration: 0.5s;
	animation-fill-mode: both;
}

/** yerk some ugly IE fixes 'cause I know someone will ask "why does it look ugly in IE?", no matter how many warnings I will put in the article */

.lt8 #register{	
	display: none;
}
.lt8 p.change_link,
.ie9 p.change_link{
	position: absolute;
	height: 90px;
	background: transparent;
}

/*Partners Page CSS*/
#partnerlist{padding:10px 0px 40px 0px;}

.single-content{
    width: 212px;
    height: auto;
    min-height:285px;
    float: left;
    margin: 10px;
    background:#fff;
    padding:5px;
    
}
    .single-content:hover {box-shadow: 1px 0px 10px rgba(0, 0, 0, 0.2);border-radius:8px;
    }
.filters{
  width: 100%;
  position: relative;
  bottom: 0;
  text-align: left;
  }
 .filters ul{
    list-style: none;
    padding: 20px;
    }
  .filters ul li{
      display: inline;
      padding: 5px 10px;
      font-size: 14px;
      color: #636363;
      font-weight: 500;
      cursor: pointer;
      border-radius:4px;
      background: rgba(0,255,255, 0.1);
      border: rgba(94, 232, 224, 0.9) solid 1px;
      line-height:50px;
      white-space: nowrap;
      text-transform: inherit;

     }
    .filters ul li:hover {
        background-color: #337ab7;
            color:#fff;
            border:1px solid #337ab7;
    }
      
.filters ul li.active {
            background-color: #337ab7;
            color:#fff;
            border:1px solid #337ab7;
    }

.filter ul li { text-transform: lowercase; }
.filter ul li:first-letter { text-transform: uppercase; }




/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */

.grid .grid-item{margin-top:40px;}

.circlez img{transition:all 0.3s ease; border-radius:50%; border:1px solid #ccc; padding:4px; -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s; opacity: 1;
    -webkit-transition-property: border-radius;
    transition-property: border-radius;}

.circlez:hover img
        {
            border-radius:10px; 
        }

.circlez::after{
    content: ' ';
    position: absolute;
    width: 183px;
    height: 184px;
    top: 14px;
    left: 15px;
    background: rgba(0,0,0,0.2);
    opacity: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    border-radius: 10px;  

}

.circlez:hover:after {
    opacity:1;
}




.single-content .thumb-info-title {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    background-color: transparent;
    color: #6d6d6d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -1px;
    padding: 8px 5px;
    position: relative;
    z-index: 2;
    max-width: 100%;
    text-align: center;
    display:block;
    margin-top: 10px;
    border-radius:6px; 
}

.single-content .thumb-info-inner {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
}


/* Thumb Info */
.thumb-info {
	display: block;
	position: relative;
	text-decoration: none;
	max-width: 100%;
	background-color: #FFF;
	border: 1px solid #DDD;
	border-radius: 50%;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.thumb-info .thumb-info-wrapper {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	border-radius: 50%;
	margin: 4px;
	overflow: hidden;
	display: block;
	position: relative;
}

.thumb-info .thumb-info-wrapper:after {
	content: "";
	background: rgba(23, 23, 23, 0.8);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 4px;
	bottom: -4px;
	color: #FFF;
	left: -4px;
	position: absolute;
	right: -4px;
	top: -4px;
	display: block;
	opacity: 0;
	z-index: 1;
}

.thumb-info .thumb-info-action-icon {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: #CCC;
	border-radius: 0 0 0 25px;
	display: inline-block;
	font-size: 25px;
	height: 50px;
	line-height: 50px;
	position: absolute;
	right: -100px;
	text-align: center;
	top: -100px;
	width: 50px;
	z-index: 2;
}

.thumb-info .thumb-info-action-icon i {
	font-size: 24px;
	left: 3px;
	position: relative;
	top: -4px;
	color: #FFF;
}

.thumb-info .thumb-info-inner {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	display: block;
}

.thumb-info .thumb-info-inner em {
	display: block;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
}

.thumb-info .thumb-info-title {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	background: rgba(23, 23, 23, 0.8);
	bottom: 20%;
	color: #FFF;
	font-size: 16px;
	font-weight: 700;
	left: 22%;
	right:22%;
	letter-spacing: -1px;
	padding: 5px 15px;
	position: absolute;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
	border-radius:25px;
	z-index: 2;
	max-width: 100%;
	text-align:center;
}

.thumb-info .thumb-info-type {
	background-color: #CCC;
	border-radius: 2px;
	display: inline-block;
	float: left;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0;
	margin: 8px -2px -15px -2px;
	padding: 2px 9px;
	text-transform: none;
	z-index: 2;
}

.thumb-info .owl-carousel {
	z-index: auto;
}

.thumb-info .owl-carousel .owl-dots {
	z-index: 2;
}

.thumb-info img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-radius: 3px;
	position: relative;
	width: 100%;
}

.thumb-info:hover .thumb-info-wrapper:after {
	opacity: 1;
}

.thumb-info:hover .thumb-info-action-icon {
	right: 0;
	top: 40px;
}

.thumb-info:hover .thumb-info-title {
	background: #000;
}

.thumb-info:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
    border-radius:50%;
}

.thumb-info.thumb-info-no-zoom:hover img {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.thumb-info.thumb-info-lighten .thumb-info-wrapper:after {
	background: rgba(23, 23, 23, 0.25);
}

.thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after {
	display: none;
}

.thumb-info.thumb-info-centered-icons .thumb-info-action {
	-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
	transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	transform: translate3d(0, -10px, 0);
	top: 50%;
	left: 3px;
	right: auto;
	bottom: auto;
	width: 100%;
	height: 40px;
	margin-top: -20px;
	text-align: center;
	position: absolute;
	opacity: 0;
	z-index: 2;
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon {
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	transition: all 0.1s ease;
	position: relative;
	z-index: 2;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	width: 40px;
	height: 40px;
	line-height: 33px;
	border-radius: 50%;
	margin-right: 3px;
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon i {
	position: static;
	font-size: 18px;
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon:hover {
	-webkit-transform: scale(1.15, 1.15);
	-moz-transform: scale(1.15, 1.15);
	-ms-transform: scale(1.15, 1.15);
	-o-transform: scale(1.15, 1.15);
	transform: scale(1.15, 1.15);
}

.thumb-info:hover.thumb-info-centered-icons .thumb-info-action {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.thumb-info:hover.thumb-info-centered-icons .thumb-info-action-icon {
	position: relative;
}

.thumb-info.thumb-info-centered-info .thumb-info-title {
	background: transparent;
	left: 5%;
	width: 90%;
	-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
	transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	transform: translate(0%, -30%);
	top: 50%;
	bottom: auto;
	opacity: 0;
	text-align: center;
	padding: 0;
	position: absolute;
}

.thumb-info.thumb-info-centered-info .thumb-info-type {
	float: none;
}

.thumb-info.thumb-info-centered-info:hover .thumb-info-title {
	opacity: 1;
	transform: translate(0%, -50%);
}

.thumb-info.thumb-info-bottom-info .thumb-info-title {
	background: #FFF;
	left: 0;
	width: 100%;
	max-width: 100%;
	-webkit-transition: -webkit-transform 0.2s ease-out, opacity 0.2s ease-out;
	-moz-transition: -moz-transform 0.2s ease-out, opacity 0.2s ease-out;
	transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	transform: translate3d(0, 100px, 0);
	top: auto;
	bottom: 0;
	opacity: 0;
	padding: 15px;
	text-shadow: none;
	color: #777;
}

.thumb-info.thumb-info-bottom-info .thumb-info-type {
	float: none;
	background: none;
	padding: 0;
	margin: 0;
}

.thumb-info.thumb-info-bottom-info:hover .thumb-info-title {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

.thumb-info.thumb-info-bottom-info:hover img {
	-webkit-transform: translateY(-18px);
	-moz-transform: translateY(-18px);
	-ms-transform: translateY(-18px);
	-o-transform: translateY(-18px);
	transform: translateY(-18px);
}

.thumb-info.thumb-info-bottom-info-dark .thumb-info-title {
	background: -webkit-linear-gradient( bottom , rgba(23, 23, 23, 0.8) 0, transparent 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(to top, rgba(23, 23, 23, 0.8) 0, transparent 100%) repeat scroll 0 0 transparent;
	color: #FFF;
}

.thumb-info.thumb-info-push-hor img {
	-webkit-transform: translatex(-18px);
	-moz-transform: translatex(-18px);
	-ms-transform: translatex(-18px);
	-o-transform: translatex(-18px);
	transform: translatex(-18px);
	width: calc(100% + 19px);
	max-width: none;
}

.thumb-info.thumb-info-push-hor:hover img {
	-webkit-transform: translatex(0);
	-moz-transform: translatex(0);
	-ms-transform: translatex(0);
	-o-transform: translatex(0);
	transform: translatex(0);
}

.thumb-info.thumb-info-hide-info-hover .thumb-info-wrapper:after {
	opacity: 0.65;
}

.thumb-info.thumb-info-hide-info-hover .thumb-info-title {
	opacity: 1;
	top: 50%;
}

.thumb-info.thumb-info-hide-info-hover .thumb-info-type {
	float: none;
}

.thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after {
	opacity: 0.1;
}

.thumb-info.thumb-info-hide-info-hover:hover .thumb-info-title {
	opacity: 0;
}

.thumb-info.thumb-info-no-borders, .thumb-info.thumb-info-no-borders img {
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
}

.thumb-info.thumb-info-no-borders .thumb-info-wrapper {
	border: 0;
	padding: 0;
	margin: 0;
	border-radius: 0;
}

.thumb-info.thumb-info-no-borders .thumb-info-wrapper:after {
	border-radius: 0;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}

.thumb-info.thumb-info-preview .thumb-info-wrapper:after {
	display: none;
}

.thumb-info.thumb-info-preview .thumb-info-image {
	min-height: 232px;
	display: block;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
	transition: background-position 0.8s linear 0s;
}

.thumb-info.thumb-info-preview:hover .thumb-info-image {
	transition: background-position 2.5s linear 0s;
	background-position: center bottom;
}

.thumb-info.thumb-info-preview.thumb-info-preview-short:hover .thumb-info-image {
	transition: background-position 1s linear 0s;
}

.thumb-info.thumb-info-preview.thumb-info-preview-long:hover .thumb-info-image {
	transition: background-position 5s linear 0s;
}

.intl-tel-input .selected-flag .iti-flag {
    top: 17px ! important; 
}

.intl-tel-input .selected-flag .iti-arrow {
    top: 54% ! important; 
    margin-top: 6px ! important;
}

#frmenviroft .intl-tel-input .selected-flag .iti-arrow {
    top: 34% ! important;
    margin-top: 6px ! important;
}

#frmenviroft .intl-tel-input .selected-flag .iti-flag {
    top: 8px ! important;
}

#frmMobileTopup .intl-tel-input .selected-flag .iti-arrow {
    top: 34% ! important;
    margin-top: 6px ! important;
}

#frmMobileTopup .intl-tel-input .selected-flag .iti-flag {
    top: 8px ! important;
}

#frmInvestCorp .intl-tel-input .selected-flag .iti-arrow {
    top: 34% ! important;
    margin-top: 6px ! important;
}

#frmInvestCorp .intl-tel-input .selected-flag .iti-flag {
    top: 8px ! important;
}
#frmGhanaMart .intl-tel-input .selected-flag .iti-arrow {
    top: 34% ! important;
    margin-top: 6px ! important;
}

#frmGhanaMart .intl-tel-input .selected-flag .iti-flag {
    top: 8px ! important;
}

#frmCustomUPSA .intl-tel-input .selected-flag .iti-arrow {
    top: 31% ! important;
    margin-top: 6px ! important;
}

#frmCustomUPSA .intl-tel-input .selected-flag .iti-flag {
    top: 3px ! important;
}
.blink {
    animation: blinker 1s linear infinite;
    font-weight: bold;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}
.burst {
    background: yellow;
    width: 20px;
    height: 20px;
    position: relative;
    text-align: center;
    transform: rotate(20deg);
}

    .burst:before {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background: yellow;
        transform: rotate(135deg);
    }
.pci-block {
    min-height: 170px;
    padding: 40px 15px;
    background: #ecf5fe;
    border: 1px solid #cfe1ef;
    margin-bottom: 30px;
    transition: background 200ms ease-in-out;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(207,218,215,0.5);
    -moz-box-shadow: 0px 0px 15px 0px rgba(207,218,215,0.5);
    box-shadow: 0px 0px 15px 0px rgba(207,218,215,0.5);
    transition: all 0.3s ease 0.0s;
    text-align: left !important;
}

    .pci-block h3 {
        color: #273f5b;
        margin-top: 0px;
        line-height: 26px;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: 500;
        font-family: Roboto,"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    }

    .pci-block i .col {
        background-image: url('https://cdn.interpayafrica.com/Content/images/handmoney.png');
        background-repeat: no-repeat;
        width: 64px;
        height: 64px;
        display: inline-block;
        transition: background 200ms ease-in-out;
    }

.pci-block-img {
    float: left;
    width: 130px;
    padding-right: 10px;
}

.pci-block img {
    opacity: 1 !important
}

.pcitext {
    padding: 0 10px;
    overflow: hidden;
    min-height: 110px;
}

.pcitext1 {
    padding: 0 10px;
    overflow: hidden;
    min-height: 80px;
}