body,
h2,
h3,
h4,
html,
input,
li,
p,
select,
td,
tr,
ul {
    font-family: 'Oracle Sans Lite', 'helvetica neue', helvetica, sans-serif
}

body {
    margin: 0;
    padding: 0
}

body ul {
    margin-top: 10px;
    list-style-type: disc;
}

body ol {
    margin-top: 10px;
    list-style-type: decimal;
}

body ul li,
body ol li {
    margin-left: 2em;
}

#wrap {
    width: 100%;
    margin: auto
}

p {
    font-size: 14px;
    color: #000;
    line-height: 20px;
    padding-top: 0;
    margin-top: 0
}

#header {
    max-width: 1120px;
    width: 100%;
    margin: auto;
    padding-top: 40px;
    padding-bottom: 30px;
}

.clr-left {
    clear: left
}

#main {
    max-width: 1120px;
    margin: auto;
    width: 100%
}

.main-left {
    width: 45%;
    float: left
}

.main-left h1,
.main-left p {
    padding-right: 40px
}

.main-right {
    width: 55%;
    float: left
}

.container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto
}

.container:after,
.container:before {
    display: table;
    content: " "
}

.container:after {
    clear: both
}

#logo {
    max-width: 100%;
}

.right-blue-container {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIyOWJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iIzFmOTBkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNTdiYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, #229bdb 0, #1f90d4 35%, #157bc2 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #229bdb), color-stop(35%, #1f90d4), color-stop(100%, #157bc2));
    background: -webkit-linear-gradient(left, #229bdb 0, #1f90d4 35%, #157bc2 100%);
    background: -o-linear-gradient(left, #229bdb 0, #1f90d4 35%, #157bc2 100%);
    background: -ms-linear-gradient(left, #229bdb 0, #1f90d4 35%, #157bc2 100%);
    background: linear-gradient(to right, #229bdb 0, #1f90d4 35%, #157bc2 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#229bdb', endColorstr='#157bc2', GradientType=1);
    opacity: .8;
    filter: alpha(opacity=60);
    padding: 15px 15px 10px
}

.right-blue-container p {
    color: #fff;
    font-size: 16px;
    line-height: 20px
}

.right-blue-container a {
    color: #fff;
    text-decoration: underline
}

.right-blue-container a:hover {
    color: #fff;
    text-decoration: none
}

.bullets {
    padding: 0;
    margin: 0
}

.white {
    color: #fff
}

.bullets ol,
.bullets ul {
    line-height: 22px
}

.bullets li {
    font-family: 'Oracle Sans', 'helvetica neue', helvetica, sans-serif;
    font-size: 14px
}

.gray-container {
    background-color: #f3f3f3;
    padding: 25px;
    margin-top: 40px
}

.gray-container p {
    font-family: 'Oracle Sans Lite', 'helvetica neue', helvetica, sans-serif;
    font-size: 14px;
    color: #f05e24
}

.gradient {
    filter: none
}

a {
    color: #f05e24;
    text-decoration: none
}

a:visited {
    text-decoration: none;
    color: #016699
}

a:hover {
    color: #016699;
    text-decoration: underline
}

.description a,
.description a:hover,
.description a:visited {
    color: #016699;
    text-decoration: none
}

body h1 {
    font-family: 'Oracle Sans', 'helvetica neue', helvetica, sans-serif;
    font-size: 30px;
    font-weight: 400;
    font-style: normal;
    color: #F15D22;
    padding-bottom: 10px;
    margin: 0
}

body h2 {
    font-family: 'Oracle Sans Lite', 'helvetica neue', helvetica, sans-serif;
    font-size: 16px;
    color: #016699;
    padding: 0;
    margin: 0
}

.sub-header-container p {
    margin-top: 10px
}

.sub-header-container ul {
    font-size: 14px;
    line-height: 1.5;
    list-style-type: disc;
    padding-left: 1em;
}

.sub-header-container ol {
    font-size: 14px;
    line-height: 1.5;
    list-style-type: decimal;
    padding-left: 1em;
}

.form-wrapper {
    width: 462px;
    background-color: #fff
}

.form-container {
    margin: 0;
    padding: 20px 0 0
}

table,
table th {
    font-size: 14px
}

table td {
    font-size: 14px;
    font-family: 'Oracle Sans Lite', 'helvetica neue', helvetica, sans-serif;
    padding-bottom: 7px
}

table td+td span {
    overflow: hidden;
    display: block;
    width: 210px
}

.hiddenFields,
.inlineErrorMsg {
    display: none
}

.shownFields {
    padding-right: 10px
}

.form-field,
.form-field-box,
.form-label {
    display: inline-block
}

.form-group {
    padding: 2px;
    vertical-align: middle
}

.form-label {
    font-size: 13px;
    font-family: 'Oracle Sans Lite', 'helvetica neue', helvetica, sans-serif;
    width: 180px;
}

.label-long {
    vertical-align: top;
    width: 90%
}

.form-field {
    width: 200px
}

.form-field-box {
    width: 20px
}

#fg-prodNeed .form-label,
#fg-annRev .form-label {
    vertical-align: bottom
}

#fg-workingWithPartner {
    margin-top: 8px
}

#fg-receiveMktgEmail {
    margin-bottom: 20px
}

#fg-submitBtn {
    margin-bottom: 30px;
    text-align: center
}

input[type=text],
select,
textarea {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #FDFDFD;
    border: 1px solid #CCC !important;
    border-radius: 3px;
    color: #016699 !important
}

input[type=text],
textarea {
    font-family: 'Oracle Sans Lite', 'helvetica neue', helvetica, sans-serif;
    font-size: 14px;
    color: #F15D22;
    margin-top: 5px;
    padding: 8px;
    width: 100% !important
}

input[type=checkbox] {
    margin: 4px 0 0
}

.form-wrapper input[type=text],
.form-wrapper select {
    height: 32px !important;
    overflow: auto !important;
}

select {
    background: url('https://nlcorp.extforms.netsuite.com/c.6262239/portal/common/form/whitepaper-form/assets/images/arrow-orange.png') no-repeat;
    background-position: 105% !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px !important;
    color: #F15D22;
    margin-top: 5px;
    padding: 6px 8px 8px;
    text-indent: .01px;
    text-overflow: "   " !important;
    -o-text-overflow: "   " !important;
    font-family: 'Oracle Sans Lite', 'helvetica neue', helvetica, sans-serif !important;
    width: 100% !important
}

form label.form-note {
    font-size: 14px;
    display: block;
    margin: 15px 0;
}

@-moz-document url-prefix() {
    select {
        width: 109%;
        background-position: 95%
    }
}

select::-ms-expand {
    display: none
}

option {
    border: none;
    width: 100%;
    padding: 0 8px
}

.privacy-main {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px
}

.privacy-main-center {
    text-align: center
}

.privacy-main-justify {
    text-align: justify
}

.privacy-main h2,
.privacy-main p {
    display: inline
}

.privacy-main h2 {
    font-size: 14px
}

.wheel-holder {
    padding: 0;
    margin: 0
}

.wheel {
    display: block;
    position: relative;
    width: 256px;
    height: 240px;
    list-style: none;
    padding: 0;
    background: url(../images/wheel.png) no-repeat
}

.wheel>li .bg {
    background-image: url(../images/wheel.png);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s
}

.wheel>li a {
    -webkit-border-radius: 100px 0;
    -moz-border-radius: 100px 0;
    border-radius: 100px 0;
    color: transparent;
    display: block;
    height: 140px;
    left: 25px;
    position: absolute;
    top: 23px;
    width: 95px;
    z-index: 99
}

.wheel li .bg {
    background-position: -257px 0
}

.wheel li+li a {
    border-radius: 0 100px;
    left: 134px
}

.wheel li+li .bg {
    background-position: -513px 0
}

.wheel li+li+li a {
    -webkit-border-radius: 300px/150px;
    -moz-border-radius: 300px/150px;
    border-radius: 300px/150px;
    height: 75px;
    left: 50px;
    top: 150px;
    width: 155px
}

.wheel li+li+li .bg {
    background-position: -769px 0
}

ul.wheel li.central a {
    -webkit-border-radius: 41px;
    -moz-border-radius: 41px;
    border-radius: 41px;
    cursor: pointer;
    height: 82px;
    left: 87px;
    top: 82px;
    width: 82px;
    z-index: 99
}

ul.wheel li.central div.bg {
    background: url(../images/wheel_center.png);
    height: 206px;
    left: 25px;
    top: 23px;
    width: 210px
}

.wheel>li.central a:hover+.bg,
.wheel>li.central a:hover+div+.bg {
    opacity: 1;
    -ms-filter: none;
    filter: none
}

#footer {
    max-width: 1128px;
    width: 100%;
    margin: auto;
    padding-bottom: 15px;
    padding-top: 15px
}

.footer-left {
    width: 67%;
    height: 10px;
    float: left
}

.footer-right {
    font-family: 'Oracle Sans Lite', 'helvetica neue', helvetica, sans-serif;
    font-size: 10px;
    color: #8c8d8e;
    width: 33%;
    float: left
}

.btn {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 2px 5px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

.btn:focus {
    outline: #333 dotted thin;
    outline-offset: -2px
}

.btn-primary {
    background-color: #F15C22;
    border-color: #EB4C0F;
    color: #FFF;
    padding: 5px 8px
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #DC480E;
    border-color: #B13A0B;
    color: #FFF
}

.screenshot-border img {
    border: 1px solid #999 ! important;
    max-width: 100%;
}

.screenshot-border {
    padding: 22px 15px 0;
}

#orclFoooter,
#orclFoooter a {
    color: #aaa;
    font-size: 12px;
}

.copyright-main {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
}

@media (max-width:480px) {
    .main-right img,
    select {
        width: 100%
    }
}

@media (max-width:711px) {
    .privacy-main-center {
        text-align: justify
    }
}

@media (max-width:767px) {
    .form-wrapper,
    .main-left,
    .main-right,
    select {
        width: 100%
    }
    @-moz-document url-prefix() {
        select {
            width: 109%;
            background-position: 95%
        }
    }
}

@media (max-width:912px) {
    .form-field {
        width: 100%
    }
    select {
        background-position: 100% !important
    }
}

@media (min-width:768px) {
    .form-wrapper {
        width: 100%
    }
    .main-right {
        width: 55%;
        float: left
    }
    @-moz-document url-prefix() {
        select {
            width: 109%;
            background-position: 95%
        }
    }
}

@media (min-width:992px) {
    .main-right {
        width: 55%;
        float: left
    }
    @-moz-document url-prefix() {
        select {
            width: 109%;
            background-position: 95%
        }
    }
}

@media (min-width:1200px) {
    .container {
        width: 970px
    }
    .wheel-holder {
        margin-left: -90px
    }
    @-moz-document url-prefix() {
        select {
            width: 109%;
            background-position: 95%
        }
    }
}

/*styles for opt-in*/

#regOptIn,
#regOptInKR,
#regOptInRU,
#regGDPR,
#prvPH,
#prvJP,
#prvUS {
    width: 100%;
}

#regOptIn input[type='checkbox'],
#regOptInKR input[type='checkbox'],
#regOptInRU input[type='checkbox'],
#regGDPR input[type='checkbox'],
#prvPH input[type='checkbox'],
#prvJP input[type='checkbox'],
#prvUS input[type='checkbox'],
#regOptIn label,
#regOptInKR label,
#regOptInRU label,
#regGDPR label,
#prvPH label,
#prvJP label,
#prvUS label {
    display: inline-block;
    vertical-align: middle;
}

#regOptIn input[type='checkbox'],
#regOptInKR input[type='checkbox'],
#regOptInRU input[type='checkbox'],
#regGDPR input[type='checkbox'],
#prvPH input[type='checkbox'],
#prvJP input[type='checkbox'],
#prvUS input[type='checkbox'] {
    width: 10%;
}

#regOptIn label,
#regOptInKR label,
#regOptInRU label,
#regGDPR label,
#prvPH label,
#prvJP label,
#prvUS label {
    width: 85%;
}

#orclOptInPrivacy,
.optInBlock,
#regOptIn,
#regOptInKR,
#regOptInRU,
#regGDPR,
#prvPH,
#prvJP,
#prvUS {
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-family: 'Oracle Sans Lite', 'helvetica neue', helvetica, sans-serif !important;
    color: #000;
}

.optInBlock span a,
.optInBlock a {
    color: #f05e24 !important;
    text-decoration: none !important;
}

.optInBlock span a:hover,
.optInBlock a:hover,
.optInBlock span a:visited,
.optInBlock a:visited {
    color: #016699;
    text-decoration: underline;
}

.optInBlock span a:visited,
.optInBlock a:visited {
    text-decoration: none;
}

.optInBlock .small-text {
    font-size: smaller;
}