body {
    color: #212121;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    /*line-height: 1.5;*/
    background-color: #f7f9fa;
    font-size: 19px;
}
navbar-default .navbar-nav > li > a {
    color: #4ec6f8;
}
navbar-default {
    background: #4ec6f8;  
    border:none;  
    /*border-color: #e7e7e7;*/
	/*background: #b3d4fc;*/
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1e5799 0%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1e5799 0%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.75);
    /*background-color: #D7E3ED;
    background-color: #E8F2FF;
    background-color: #EFF6FF;
    background: #F4F9FF;
        background-color: rgb(244, 249, 255);    
    background-color: #f8f8f8;*/
    background-color: #F4F9FF;
}
.navbar-default{    
/*background-color: #f8f8f8;*/
 background-color: #EFF6FF;
 background-color: #F7FBFF;
 border:none;
}
.navbar {
    margin-bottom:0;
}
.mainmenu-top-area {
    background: #fff;   
}
.logo {
    float: left;
    width: 25%;
}
#wrap_container {
    /*border-bottom: 1px solid hsl(0, 0%, 87%);
    border-left: 1px solid hsl(0, 0%, 87%);
    border-right: 1px solid hsl(0, 0%, 87%);
    box-shadow: 0 1px 0 hsla(0, 0%, 0%, 0.1), 0 0 1px hsla(0, 0%, 0%, 0.3);*/
    margin: 0 auto;
    /*margin-top: 300px;*/
    margin-top: 200px;
    background-color: rgba(247,249,250,0.95);
    z-index: 99999;
    padding-bottom: 50px;
}
.banner-overlay {
    /*background-image: url('../img/Weberys-hp-finger-pointing-wp-1484x829.jpg');*/
    background-image: url('../img/BACKGROUND.jpg');
    background-repeat: no-repeat;
    background-position:top center ;
    background-size:cover;
    min-height: 100%;
    /*margin-top: 100px;*/
    z-index:-1;
    
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
background: none;
color: #0070ba;

}
.temp {
    background: #7db9e8; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #7db9e8 0%, #4a6f99 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #7db9e8 0%,#4a6f99 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #7db9e8 0%,#4a6f99 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#4a6f99',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

-webkit-box-shadow: 0px -1px 1px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px -1px 1px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px -1px 1px 0px rgba(50, 50, 50, 0.75);
}
.box {
    margin: 10px auto;
    max-width: 300px;
   
}
.box .front, .box .back {
    border-radius: 10px;
    /*box-shadow: 0 0 0 1px #0070ba;*/
    /*border:1px solid #0070ba;*/
   
    padding: 10px;
    text-align: center;
    color: #6c7378;
    border: 1px solid #6c7378;
    max-width: 300px;
    background: white;
    border: 1px solid rgba(0, 0, 0, 0.2);
    transition: all, 0.3s;
    min-width: 250px;
    min-height: 300px;
    display: inline-block;
    max-width: 100%;
    height:100%;
}
    .box .backheader{
        width:100%;
        text-align:center;
        font-weight:bold;
        font-size:larger;
        text-transform: uppercase;
    }
    .box:hover {
        /*box-shadow: 0 0 0 1px #0070ba;*/
        /*border:1px solid #0070ba; 
    color: #0070ba; 
    transform:scale(1.02);*/
    }
    .box img {
        display: inline-block;
        max-height: 100px;
        width: auto;
    }
    .box .title {
       
        min-height: 50px;
        
    }
    .companybox {
    border-radius: 10px;
    /*box-shadow: 0 0 0 1px #0070ba;*/   
    margin: 10px auto;
    padding: 10px;
    text-align: center;
    color: #6c7378;
    border: 1px solid #6c7378;
    width:100%;
    /*background-color: #fff;*/
    border: 1px solid rgba(0, 0, 0, 0.2);
  border:none
}
     .box2 {
     border-radius: 10px;
 width: 100%;
    margin:10px auto;
    padding:20px;  
    color: #6c7378;
    border:1px solid #6c7378;
    max-width:650px;
   /*background: white;*/
    border:1px solid #0070ba; 
   height: 100%;
display: inline-block;
text-align:left;
}
    .companyimage{
        margin:0 auto;
    }
    .custext{
        text-align:left;
        /*margin:10px;*/
        /*max-width:800px;*/
        max-width: 1000px;
        margin:40px auto 10px auto;
    }
.theme-background-color-blue {
    background-color: #009cde;
    background-image: radial-gradient(circle farthest-side at center bottom,#009cde,#003087 125%);
    color: #fff;
}
a:hover{
text-decoration:none;
outline:none;
}
.divcircle{    
    background-color:whitesmoke;
    border:1px solid #0070ba;
    padding: 8px;
    width:50px;
    height:50px;
     text-align:center;
 display:inline-block;
 margin:5px auto;

}
.divcircle span{
    display:inline-block;
}
.divcircle img{
    display:inline-block;
}
.boxrow {
 /*display: table-row;*/
     /*width: 70%;
    margin-left: 15%;*/
text-align:center;
}
#wrap_container.pulltop {
    margin-top:100px;
    padding-top:10px;
}
/*.form-control {
    margin:5px;
}*/
.form-control {
    margin: 0 0 10px 0;
}
.form-block{
    margin:10px auto;
    }
footer{
/*background-color: #E1E7EB;*/
position:fixed;
bottom:0;
width:100%;
text-align:center;
/*background-color: rgba(225,231,235,0.6);*/
background-color: rgba(225,231,235,1);
font-size:12px;
background-color: #EFF6FF;
}
.mar15 {
    margin:20px;
}
.spncircle{    
    background-color:whitesmoke;
    border:1px solid #0070ba;
    padding: 8px;
   border-radius:100%;
     text-align:center;
 display:inline-block;
 margin:5px auto;
 }
.mar1{
    margin:10px auto 20px auto;
}
.box-white {
    background-color:whitesmoke;
    padding:20px 5px;
}
.smalltext{
    font-size:75%;
}
.acordion {
    display:none;
}
.box .notacordion {
    text-align: left;
    padding: 10px;
    color: #6c7378;
    font-size: 14px;
/*border-top: 1px solid whitesmoke;*/
}
.box .btn {   
    bottom: 10px;
    position: absolute;
    left: 5%;
    color: #fff;
    background-color: #6292c1;
    right: 5%;
    width: 90%;
}
    /*.box .btn:after {
        content: '';
        bottom: 0;
        position: absolute;
        top: 0;      
        right: 0;
        left:0;
    }*/
.show_more {
    /*text-align: right;*/
}
.panel-info {
    border: 1px solid lightgray;
    padding: 10px;
    background-color:aliceblue;
    border-radius: 4px;
    /*margin: 5px;*/
    margin: 0 0 10px 0;
    width:100%;
}
/*.panel-alert {
    border: 1px solid lightgray;
    padding: 10px;
    background-color:aliceblue;
    border-radius: 4px;
    margin: 5px;
    width:100%;
    color:pink;
}*/
/*.redtext {
    color:red;
}*/
.redtext{
   color:#FF0000;
}
.MainTitle {
     font-weight:bold;
    font-size:17px;  
    margin-bottom: 5px;
    margin-top: 26px; 
    color: #777;
  
}
.MainTitle2 {
    font-weight:bold;
    font-size:18px;  
    margin: 0 auto; 
    width: 90%;
    padding: 3%;
   color: #777;
}
.largeTxt {
    font-size:xx-large;
}
.style3 {
    margin: 10px 0px 10px 10px;
    font-size: 14px;   
}
.style4 {
    font-weight:bold;
    font-size:14px; 
   color: #777;
    width: 80px;
}
.style14 {    
    font-size:14px;   
}
.compname {
    font-weight:bold;
    /*font-style:italic;*/
}
.txtblue {
      color: #0070ba; 
}
.panel-def{
    padding:8px;
    margin:20px auto;
    background-color: rgba(255,255,255,0.7);
}
.navbar-brand {
    padding:5px;
    height:100%;
}
.navbar-nav {   
    margin: 20px 0; 
}
.rainbow {
  /*background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );*/
  /*background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );*/
  /*background-image: -webkit-gradient( linear, left top, right top,red, orange);
  background-image:gradient(linear, left top, right top,red, orange);*/
    /*background-image: linear-gradient( to right, , #F267CC);*/
    /*background-image:none;*/
     background-image: -webkit-linear-gradient(left,#F1C456, #FECF5B,#F26365,#FF686A, #E662C2, #F267CC);  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.grayrainbow {
     background-image: -webkit-linear-gradient(top, #777 ,#d1cfcf);  
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.greytxt { 
color: #777;
}

.smaller .navbar-brand > img {
   max-height:100%;
   /*max-height: 100px;*/
   width:auto;

}
.smaller .navbar-nav {
    margin:  0;
}
.smaller .navbar-brand {
    padding: 5px;
    height: 50px;
}
.smaller {
  -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.input-group-addon {
            padding: 0 4px;
            border-bottom-left-radius: 0px;
            border-top-left-radius: 0px;
    /*box-shadow: 0px 0px 12px #387bbe;*/
    background:none;
    border:none;
  
        }
/*.cardimg{
    max-height:100%;
    width:auto;
}*/
.div-conf, .err, .err2, .typecc, .BpaySugest, .BpaySugest2{
    display: none;
}
.bnumber, .ccnumber {
    visibility: hidden;
}
.blue-txt {
    color:#337ab7;
}
optgroup.divider:before{
        /*height: 1px;
        margin: 9px 0;
        overflow: hidden;*/
        /*margin:5px;
        border-radius:4px;*/
        background-color: #e5e5e5;
       color:rgba(60, 59, 59, 0.50);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfcfc+0,d6d4d8+100 */
background: rgb(252,252,252); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(214,212,216,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(214,212,216,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(214,212,216,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#d6d4d8',GradientType=0 ); /* IE6-9 */
    }
.navbar-brand > img {
    /*max-width:200px;*/
      max-height:80px;
}
.pad10{
    padding:10px;
}
.digital_list{
    list-style:decimal;
}
.label { 
    /*font-size: 14px;*/
    font-weight: normal;   
    color: inherit;  
    border: none;
}
.card-number{
      border: none;  
    outline-color: transparent;
}
.clientheader{
    width:100%;
}
/*.navbar-toggle
{
    margin-right:0;
}*/
.col1{
    margin:0 0 20px 0 ;
}
.style75{
    font-size:75%;
}
.style10{
    font-size:10px;
}
textarea{
    max-width:100%;
}

footer a{padding:0 10px;}
footer .right{float:right;}
.box .back {
    /*background-color: rgba(214,212,216,0.5);*/
    background-color: rgba(98,146,193,0.5);
    color:#fff;
}
.g-recaptcha {
    text-align: center;
}
    .g-recaptcha > div {
        margin: 1rem auto;
    }
.BpaySugest .input-group>span {
    font-size:inherit;
}
.BpaySugest .input-group > button {
   background-color:transparent;
   border:none;
}
.BpaySugest .input-group {
    border: 1px solid lightgray;
    padding: 5px;
    background-color: aliceblue;
    border-radius: 4px;
    margin: 5px auto;
    /*background-color: rgba(255,255,255,0.8);*/
    background-color: #F7FBFF;
    max-width:300px;
}
    .BpaySugest .input-group:hover {
        background-color: #FFF;
        border-color: #0070ba;
    }
    .green {
    color: #029f56
}
.BpaySugest .panel-info{
    background-color: transparent;
}
.modal-body {
    text-align: center;
    padding: 10%;
    color: #0070ba;
    
}
.modal{
    background-color:rgba(255,255,255,0.8)
}
.Val {
    color: red;
    display: block !important;
    font-size: smaller;
}