body {
    font-family: 'Roboto Condensed', sans-serif;
    color: #353535;
}

h1,
h2,
h3,
.e-title {
    font-family: 'Anton', sans-serif;
}

h4 {
    font-size: 1.4em;
}

p {
    font-size: 1.5em;
    font-weight: 100;
}

p a {
    text-decoration: underline;
}

p a:hover {
    color: #ffa70b;
}

/*** button branding ***/
.tools .button {
    font-family: 'Anton', sans-serif;
    font-size: 1.4em;
    background: #dd3400;
    color: #fff;
    padding: 10px 25px;
    height: auto;
    width: auto;
    letter-spacing: 1px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkite-border-radius: 2px;
    border-radius: 2px;
}

#headerWrapper {
    background: #eaeaea;
    padding-bottom: 10px;
    border-top: 15px solid #dd3400;
}

header.desktop {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 1240px;
    margin: 0 auto;
}

header.desktop #logo {
    height: 110px;
}

header.desktop nav > a {
    padding-top: 10px;
}

header.desktop aside {
    background: #dd3400;
    color: #fff;
    padding: 5px 40px;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: space-between;
    -o-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
    -o-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    position: relative;
    right: 40px;
}

header.desktop aside form {
    display: flex;
    flex-flow: column nowrap;
    margin-bottom: 5px;
    margin-top: 10px;
}

header.desktop aside form div {
    text-align: right;
    margin-top: 7px;
}

header.desktop aside form p {
    font-size: 1em;
    margin: 2px 0;
    text-transform: uppercase;
    font-weight: 400;
}

header.desktop aside form div p:first-child {
    text-align: left;
    font-size: 1.7em;
    margin-bottom: 7px;
    font-weight: 800;
}

header.desktop form input[type="text"],
header.desktop form input[type="password"] {
    border: none;
    margin-left: 5px;
    -o-border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

header.desktop form input[type="submit"] {
    border: none;
    -o-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #fff;
    background: #353535;
    font-size: 1.5em;
    cursor: pointer;
    padding: 2px 0;
    width: 100%;
    font-family: 'Anton', sans-serif;
    letter-spacing: 3px;
    margin: 4px 0;
}

header.desktop form input[type="submit"]:hover {
    background: #ffa70b;
}

.language {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    border-bottom: 1px solid #353535;
    padding-bottom: 2px;
}

a.lang_flags {
    margin: 0 2px;
}

.language a:first-child {
    margin-left: 5px;
}

header.desktop nav {
    display: flex;
    flex-flow: column wrap;
    justify-content: space-between;
}

header.desktop nav span {
    background: #eaeaea;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}

header.desktop nav span a {
    font-size: 1.3em;
    text-transform: uppercase;
    padding: 5px 40px;
    cursor: pointer;
    border-right: 1px solid #dd3400;
    text-wrap: nowrap;
    margin: 20px 0 0;
    text-decoration: none;
}

header.desktop nav span a:first-child {
    border-left: 1px solid #dd3400;
}

header.desktop nav span a:hover {
    text-decoration: none;
    background-color: #dd3400;
    color: #fff;
}

#wrapper {
    padding: 0 0 40px 0;
}

.tools .button {
    background-color: #dd3400;
}

.tools .button:hover {
    background: #ffa70b;
    color: #fff;
}

#main {
    margin-top: 0;
}

#main article {
    background: url('/vsmedia/images/index5.jpg') right top no-repeat;
    background-size: 49% auto;
    margin: 40px 0 0;
}

article h1,
article h2 {
    font-size: 5em;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1em;
    margin: 10px 0 0;
    display: inline-block
}

article h1 strong,
article h2 strong {
    font-weight: 800;
    color: #dd3400;
}

article h2 {
    margin-top: 140px;
    text-align: center;
    display: block;
}

article ul {
    margin: 40px 0 30px 20px;
    padding: 0;
    width: 50%;
}

article ul li {
    font-size: 2.3em;
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
    text-transform: uppercase;
}

article ul li strong {
    color: #dd3400;
}

article ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: red; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 0.7em; /* Also needed for space (tweak if needed) */
    margin-left: -0.7em; /* Also needed for space (tweak if needed) */
}

.signup {
    background: #21b449;
    color: #fff;
    font-size: 1.8em;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 40px;
    margin: 5px 0 0;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-family: 'Anton', sans-serif;
    margin-left: 8%;
    -o-transition: transform .2s ease-in-out;
    -webkit-transition: transform .2s ease-in-out;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;

}

.signup:hover {
    -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
            transform: scale(1.03);
    text-decoration: none;
    color: #fff;
}

.small-tooltip,
.tooltip {
    background-color: #fff;
}

.tooltip-arrow,
.tooltip-arrow-border {
    display: none !important;
}

.mainblock .heading {
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: auto;
    text-transform: uppercase;
    background: #353535;
}

.text-block h1 {
    margin: 0 0 4px;
    padding-bottom: 3px;
    font-size: 40px;
    line-height: normal;
    border-bottom: 1px #ffa70b solid;
    position: relative;
    color: #dd3400;
    text-transform: uppercase;
}

.mainblock .heading .hold, 
.threeblocks .box .heading .hold, 
.twocolumn .box .heading .hold, 
.twothirds .box .heading .hold {
    height: auto;
    padding: 10px 20px;
}

.mainblock h2,
.threeblocks h2,
.twocolumn h2,
.twothirds h2 {
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.8px;
}

.mainblock .content, 
.threeblocks .content, 
.twocolumn .content, 
.twothirds .content {
    background: none;
    border: none;
    -o-box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ext-detail-col .e-title {
    font-size: 27px;
    color: #dd3400;
}

.ext-detail-col .e-payout {
    font-weight: 800;
    font-size: 20px;
    margin: 5px 0;
    padding: 0;
}

.ext-detail-col .e-desc {
    font-size: 17px;
    margin: 10px 0;
    line-height: 27px;
    font-weight: 100;
}

.text-block p {
    margin: 20px 0;
    font-size: 17px;
    line-height: normal;
    line-height: 27px;
    font-weight: 100;
}

article section:nth-child(2) {
    
}

article section:nth-child(2) div {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    font-family: 'Anton',sans-serif;
    font-size: 1.5em;
    margin-top: 20px;
    line-height: 1.8em;
    text-align: center;
}

article section:nth-child(2) div p {
    border-right: 1px solid #ffa70b;
    padding: 0 20px; 
}

article section:nth-child(2) div p:first-child {
    border-left: 1px solid #ffa70b;
}

footer {
    background: #eaeaea;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    box-sizing: border-box;
    margin: 0 auto;
    min-width: 1240px;
    width: 100%;
}

footer img {
    height: 50px;
}

footer nav,
footer p {
    font-size: 1.3em;
    font-weight: 100;
}

footer p {
    font-size: 1em;
}

footer nav {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
}

footer img {
    
}

footer nav a {
    margin-right: 40px;
}

footer nav a:nth-child(2) {
    margin-left: 20px;
}

footer nav a:last-child {
    margin-right: 0;
}

footer p {
    text-align: right;
}

.section_header4, 
.section_header5, 
.section_header2 {
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

#banner {
    display: block;
    width: 90%;
    margin: 0 auto 60px;
}

/***** Internal affiliate area ******/

#internal #header .logo {
    background-size: contain;
}

#internal #header .bar {
    background: #eaeaea;
    border-top: 15px solid #dd3400;
    padding: 20px 0;
}

#header {
    position: static;
    background-color: #dd3400;
    height: auto;
}

#nav li a {
    text-decoration: none;
}

.nav-bar {
    top: 110px;
}

.nav-bar .hold {
    background-color: #dd3400;
}

#internal #main {
    margin-top: 90px;
}

#header .info-box {
    color: #353535;
}

#header .info-box .bookmark-section a, #header .info-box .bookmark-set a, #header .info-box .start-page-set a, #header .info-box ul li a, #header .info-box p a {
    color: #dd3400;
}

#header .info-box .bookmark-set a {
    background: #dd3400;
    color: #fff;
}

.twocolumn .box .heading,
.twothirds .box .heading,
.threeblocks .box .heading {
    height: auto;
}

#nav .sub-nav, #nav .sub-nav-child {
    background-color: #dd3400;
    border: none;
}

#nav .sub-nav li:hover, #nav .sub-nav-child li:hover {
    background: #ca2f00;
}

#internal .heading {
    background: #353535 !important;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.mainblock .heading .open-close span, .threeblocks .box .heading .open-close span, .twocolumn .box .heading .open-close span, .twothirds .box .heading .open-close span, .mainblock .heading .btn span, .threeblocks .box .heading .btn span, .twocolumn .box .heading .btn span, .twothirds .box .heading .btn span, .mainblock .heading .helpbtn span, .threeblocks .box .heading .helpbtn span, .twocolumn .box .heading .helpbtn span, .twothirds .box .heading .helpbtn span {
    background: #dd3400;
}

.mainblock .heading .helpbtn span, .threeblocks .box .heading .helpbtn span, .twocolumn .box .heading .helpbtn span, .twothirds .box .heading .helpbtn span, .mainblock .heading .open-close, .threeblocks .box .heading .open-close, .twocolumn .box .heading .open-close, .twothirds .box .heading .open-close, .mainblock .heading .btn, .threeblocks .box .heading .btn, .twocolumn .box .heading .btn, .twothirds .box .heading .btn, .mainblock .heading .helpbtn, .threeblocks .box .heading .helpbtn, .twocolumn .box .heading .helpbtn, .twothirds .box .heading .helpbtn {
    color: #fff;
}

.twothirds .box .section-nav .section-tab, .twocolumn .box .section-nav .section-tab {
    background: #353535;
    color: #fff;
}

#internal .twocolumn .c .box-hold .box .heading {
    height: 45px;
    padding-top: 0px;
    background: transparent;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.mainblock .heading .btn:hover span, .threeblocks .box .heading .btn:hover span, .twocolumn .box .heading .btn:hover span, .twothirds .box .heading .btn:hover span, .mainblock .heading .helpbtn:hover span, .threeblocks .box .heading .helpbtn:hover span, .twocolumn .box .heading .helpbtn:hover span, .twothirds .box .heading .helpbtn:hover span {
    background: #ffa70b;
}

.twothirds .box .section-nav, .twocolumn .box .section-nav {
    height: auto;
    top: 0;
}

.twothirds .box .section-nav .section-tab-separator, .twocolumn .box .section-nav .section-tab-separator {
    background: none;
}

.twothirds .box .section-nav .section-tab, .twocolumn .box .section-nav .section-tab {
    -o-border-radius: 2px 2px 0 0;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

.twothirds .box .section-nav .active-tab, .twocolumn .box .section-nav .active-tab {
    background: #dd3400;
    color: #fff;
}

.breakdown-btn a {
    text-decoration: none;
}

.breakdown-btn a:hover {
    text-decoration: none;
    background: #dd3400;
    color: #fff;
}

.breakdown-btn ul {
    background: #dd3400;
}

.breakdown-btn ul li a:hover {
    color: #fff;
}

.data-row-even-nextoff .subtext, .data-row-odd-off .subtext, .data-row-even-off .subtext, .data-row-odd-nextoff .subtext, .data-row-odd .subtext, .data-row-even .subtext {
    color: #353535;
}

#internal .tools .button {
    font-size: 1em;
    padding: 5px 15px;
    cursor: pointer;
    background: #dd3400;
}

#internal .tools .button:hover {
    background: #ffa70b;
    color: #fff;
}

.tools .section-toggle {
    margin: 5px 0;
}

body#internal {
    font-size: 13px;
}

.desktopHide {
    display: none;
}

.section_header2, .section_header5 {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    height: auto;
}

.pagination .current-page, .pagination .active-button, .pagination .pagination-button {
    background: #353535;
}