#vgb-ad { 
    display: block;
    float:left; 
    margin: 0; 
    padding: 0 5%;
    width: 90%;
    background-color: #fff;
    margin-bottom: 0;
}

#vgb-ad .center { 
    text-align: center;
}

#vgb-ad p, #vgb-ad ul { 
    color:#222; 
    font-family: Arial, Helvetica, sans-serif; 
    text-decoration: none; 
    text-align: left;
    font-size: 19px; 
    font-weight: lighter;
    line-height: 125%;
    margin-top: 0.5em;
    padding:0;
}

#vgb-ad p.footnote {
    font-size: 13px;
}

#vgb-ad ul { 
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 2.0em;
    padding-top: 0;
    padding-bottom: 0.5em;
}

#vgb-ad ul li { 
    color:#222; 
    font-family: Arial, Helvetica, sans-serif; 
    text-decoration: none; 
    font-size: 19px; 
    font-weight: bolder;
    line-height: 125%;
    margin-top: 0.5em;
    padding:0;
}

#vgb-ad a { 
    color:#17b; 
    font-family: Arial, Helvetica, sans-serif; 
    text-decoration: none; 
    font-size: 20px; 
    font-weight: bold;
    line-height: 125%;
    margin-top: 0.5em;
    padding:0;

    transition:         color 0.5s ease-in-out;
    -moz-transition:    color 0.5s ease-in-out;
    -webkit-transicenter: color 0.5s ease-in-out;
}

#vgb-ad b { 
    color: #333;
    font-weight: bold;
}

#vgb-ad .logo {
    width: 700px;
    margin-top: 5em;
    margin-left: calc(50% - 350px);
    padding: 0;
    min-width: 700px;
    /*background: url(http://localhost/vgbroker9/public_html/test/home/images/home/vgbroker_logo4.png) no-repeat left top;*/
}

#vgb-ad .logo a img{
    width: 90%;
    padding-left: 5%;
    height: auto;

    transition:         opacity 1s ease-in-out, width 1s, padding-left 1s;
    -moz-transition:    opacity 1s ease-in-out, width 1s, padding-left 1s;
    -webkit-transition: opacity 1s ease-in-out, width 1s, padding-left 1s;
}

#vgb-ad .logo a img:hover {
    opacity: 0.8;
    width: 100%;
    padding-left: 0;
}

#vgb-ad img, #vgb-ad a img{
    width: 33%;
    height: auto;
    border: none;
}

#vgb-ad a img {
    opacity: 1;
    transition: opacity 1s ease-in-out, width 1s;
    -moz-transition: opacity 1s ease-in-out, width 1s;
    -webkit-transition: opacity 1s ease-in-out, width 1s;
}

#vgb-ad a img:hover {
    opacity: 0.6;
    width: 35%;
}

#vgb-ad .width-10-percent {
    width: 10% !important;
}

#vgb-ad .width-20-percent {
    width: 20% !important;
}

#vgb-ad .width-20-percent:hover {
    opacity: 0.6;
    width: 22% !important;
}

#vgb-ad .width-25-percent {
    width: 25% !important;
}

#vgb-ad .width-30-percent {
    width: 30% !important;
}

#vgb-ad .width-33-percent {
    width: 33% !important;
}

#vgb-ad .width-40-percent {
    width: 40% !important;
}

#vgb-ad .width-50-percent {
    width: 50% !important;
}


#vgb-ad .width-60-percent {
    width: 60% !important;
}

#vgb-ad .width-66-percent {
    width: 66% !important;
}

#vgb-ad .width-70-percent {
    width: 70% !important;
}

#vgb-ad .width-80-percent {
    width: 80% !important;
}

#vgb-ad .no-padding {
    padding: 0 !important;
}

#vgb-ad img.left {
    margin: 0 2% 0 0;
    float: left;
}

#vgb-ad img.right {
    margin: 0 0 0 2%;
    float: right;
}

#vgb-ad img.full_width {
    width: 100%;
    margin: 0 0 1.5em 0;
    float: left;
}

#vgb-ad h1, #vgb-ad h2, #vgb-ad h3, #vgb-ad h4, #vgb-ad h5 {
    margin-top: 1.00em;
    margin-bottom: 0.25em;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #1060CC;
    padding: 0.5em 0 0 0;
}

#vgb-ad h1 {
    line-height: 120%;
    font-weight: bold;
    font-size: 40px;
}

#vgb-ad h2 {
    line-height: 120%;
    font-weight: bold;
    font-size: 38px;
}

#vgb-ad h3 {
    line-height: 120%;
    font-weight: normal;
    font-size: 32px;
}

#vgb-ad h4 {
    line-height: 120%;
    font-weight: normal;
    font-size: 27px;
}

#vgb-ad h5 {
    line-height: 110%;
    font-weight: normal;
    font-size: 23px;
}

#vgb-ad #product-promotion h1, #vgb-ad #product-promotion h2 {
    color: #202020;
    margin: 0.25em 0 1.5em 0;
    font-weight: bold;
    font-size: 45px;
}

#vgb-ad #product-promotion h3 {
    color: #202020;
    font-size: 34px;
}

#vgb-ad #product-promotion p {
    font-size: 21px;
    font-weight: lighter;
    line-height: 140%;
}

#vgb-ad #product-promotion p.footnote {
    font-size: 13px;
}

#vgb-ad #sub-section {
    margin-left: 2.0em;
}

#vgb-ad #sub-section h3 {
    margin: 0.4em 0 0.2em 0;
    color: #003366;
}

#vgb-ad #sub-section p, #vgb-ad #sub-section li, #vgb-ad #sub-section a { 
    color:#222; 
    font-family: Arial, Helvetica, sans-serif; 
    text-decoration: none; 
    font-size: 17px; 
    margin:0;
    padding:0;
}

#vgb-ad #footnote p {
    font-size: 13px;
}

.ad-section {
    display: inline-block;
    vertical-align: text-bottom;
    position: relative;
    padding: 0;
    margin: 0;
    margin-left: -5.55%;
    width: 111.1%;
    min-height: 500px;
    max-height: 500px;
    overflow: -moz-hidden-unscrollable;
    overflow: hidden;
    border: none;
    background-color: #fff;
}

.ad-section .overlay-right {
    /* float: left; */
    position: absolute;
    left: 40%;
    top: 3em;
    width: 45%;
    z-index: 1000;
    background-color: rgba(255,255,255,0.85);
    padding: 0 5% 2em 5%;
    color: #fff;
    border-radius: 1em;
    box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.2);
}

.ad-section .overlay-left {
    /* float: left; */
    position: absolute;
    left: 5%;
    top: 3em;
    width: 45%;
    z-index: 1000;
    background-color: rgba(255,255,255,0.85);
    padding: 0 5% 2em 5%;
    color: #fff;
    border-radius: 1em;
    box-shadow: 0 0.5em 1em 0 rgba(0, 0, 0, 0.2);
}

.ad-section img {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    bottom: 0;
    width: 100% !important;
}

.ad-section img.top {
    position: absolute;
    top: 0;
}

.mr-daddy-block,
.mr-daddy {
    display: inline-block;
    width: 111.1%;
    margin-left: -5.55% !important;
    padding: 0;
    /* background-color: #bdf; */
    /* border: 1px solid red; */
}

.mr-child-block,
.mr-child {
    display: block;
    float: left;
    box-sizing: border-box;
    padding: 3%;
    width: 100%;
    /* background-color: #fff; */
}

.left-gradiant {
    background: 
      linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.9) 4em, rgba(255,255,255,1));
}

.right-gradiant {
    background: 
      linear-gradient(to left,  rgba(255,255,255,0), rgba(255,255,255,0.9) 4em, rgba(255,255,255,1));
}

#vgb-ad .like-a-button {
    display: block;
    float: left;
    width: 12em;
    height: 1em;
    color: #cef;
    background: #777;
    padding: 0.5em !important;
    text-align: center;
    border-radius: 0.5em;
    font-weight: bold;

    transition:         color 0.5s ease-in-out;
    -moz-transition:    color 0.5s ease-in-out;
    -webkit-transition: color 0.5s ease-in-out;

    transition:         background 0.5s ease-in-out;
    -moz-transition:    background 0.5s ease-in-out;
    -webkit-transition: background 0.5s ease-in-out;
}

#vgb-ad .like-a-button:hover { 
    color:#def; 
    background: #1060CC;
}