@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, li, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, option {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
 font-family: 'GothamBook', Arial, Helvetica, sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block;
}
body {
 background-color: #1b191a;
 font: 400 16px/22px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #404040;
}
ol, ul {
 list-style: none;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
 content: '';
 content: none;
}
em {
 font-style: italic !important;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
img, object, embed, video {
 max-width: 100%;
 display: block;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
 width: 100%;
}
.left {
 float: left;
}
.right {
 float: right;
}
.clear {
 clear: both;
}
a {
 color: #ffffff;
 text-decoration: none !important;
}
a.italic {
 font-style: italic;
}
a.undeline {
 text-decoration: underline;
}
.show {
 display: block;
}
::-webkit-input-placeholder {
 color: #757575;
 font: 16px/22px 'GothamBook', Arial, Helvetica, sans-serif;
}

:-moz-placeholder { /* Firefox 18- */
 color: #757575;
 font: 16px/22px 'GothamBook', Arial, Helvetica, sans-serif;
}

::-moz-placeholder {  /* Firefox 19+ */
 color: #757575;
 font: 16px/22px 'GothamBook', Arial, Helvetica, sans-serif;
}

:-ms-input-placeholder {
 color: #757575;
 font: 16px/22px 'GothamBook', Arial, Helvetica, sans-serif;
}
 @-ms-viewport {
width: device-width;
}
.container {
 float: left;
 background-color: #ffffff;
 width: 100%;
}
.inner-container {
 margin: 0 auto;
 /* max-width: 1142px;*/
 max-width: 1275px;
 overflow: visible;
}
.hero-background1 {
 background: url('https://image.campaign.pernod-ricard-winemakers.com/lib/fe9712747563047c73/m/1/20170413_StHugo_Hero_Image.jpg') no-repeat center center;
 background-size: cover;
 height: 600px;
}
.hero-background-content {
 display: block;
 margin: 0 auto;
 width: 60%;
 padding-top: 90px;
}
.altText {
 font: 24px/28px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #FFF;
 text-align: center;
 font-style: italic;
}
.logo {
 width: 254px;
 height: auto;
 display: block;
 margin: 0px auto;
}
.header-logo {
 display: block;
 float: left;
 width: 100%;
}
.header-title {
 display: block;
 float: left;
 width: 100%;
 padding-top: 52px;
}
.header-title h1 {
 font: 39px/43px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #006068;
 text-align: center;
 text-transform: uppercase;
}
.header-title p {
 font: 15px/19px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #000000;
 text-align: center;
 padding-top: 8px;
}
.header-logo_ {
 display: block;
 float: left;
 width: 100%;
}
.header-title_ {
 display: block;
 float: left;
 width: 100%;
 padding-top: 25px;
}
.header-title_ h1 {
 font: 39px/43px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #000000;
 text-align: center;
 text-transform: uppercase;
}
.logo_ {
 width: 254px;
 height: auto;
 display: block;
 float: none;
 margin: 0 auto;
}
.logo_ img {
 margin: 0 auto;
}
.header-title_ p {
 font: 15px/19px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #000000;
 text-align: center;
 padding-top: 8px;
}
.form-input-row h3 {
 font: 18px/22px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #fefefe;
 text-align: center;
}
.unsubscribe-section h2 {
 font: 18px/22px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #fefefe;
 text-align: center;
}
.form-input-row h4 {
 font: 18px/22px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #fefefe;
 text-align: center;
}
.form-input-row p {
 font: 15px/19px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #ffffff;
 text-align: center;
 font-style: italic;
 padding-top: 6px;
}
.form-container {
 display: block;
 max-width: 924px;
 margin: 0 auto;
 overflow: hidden;
 padding-bottom: 40px;
}
.form-container h2 {
 font: 33px/37px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #fbfaf8;
 text-align: center;
 text-transform: uppercase;
}
.form-inputs {
 display: block;
 width: 100%;
 float: left;
 padding-top: 60px;
 padding-left: 19%;
}
.form-input-row {
 display: block;
 float: left;
 width: 100%;
}
.first-column-input {
 display: inline-block;
 float: left;
 width: 100%;
 margin-right: 120px;
}
.second-column-input {
 display: inline-block;
 float: left;
 width: 43.5%;
}
.input-name {
 display: inline-block;
 float: left;
 font: 16px/20px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #ffffff;
 width: 38%;
}
.input-column {
 display: inline-block;
 float: left;
 width: 62%;
}
.padd_31 {
 padding-top: 31px;
}
.padd_18 {
 padding-top: 24px;
}
input[type="text"] {
 display: block;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 width: 100%;
 padding: 16px 10px 8px 0px;
 border: 0;
 outline: 0;
 background: transparent;
 border-bottom: 2px solid #006068;
 font: 16px/20px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #006068;
 appearance: normal;
 -moz-appearance: none;
 -webkit-appearance: none;
}
input[type="date" i] {
    display: block !important;
    box-sizing: border-box !important;
    background: transparent;
    font: 16px/20px 'GothamBook', Arial, Helvetica, sans-serif;
    color: #006068;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 16px 10px 8px 0px;
    border: 0;
    outline: 0;
    color-scheme: dark;
    border-bottom: 2px solid #006068;
    }
.selCountryList {
 display: block;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 width: 100%;
 padding: 8px 10px 8px 0px;
 border: 0;
 outline: 0;
 background: url('https://image.news-campaigns.pernod-ricard.com/lib/fe8512717d620c7570/m/1/c5d69455-50c9-46f9-a3c3-eafb13cffa5f.png') no-repeat scroll right center !important;
 border-bottom: 2px solid #006068;
 font: 16px/20px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #757575;
 appearance: normal;
 -moz-appearance: none;
 -webkit-appearance: none;
}
.selCountryList option {color:#000000;}
select::-ms-expand {
 display: none;
}

.selDial {
 display: block;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 padding: 8px 10px 8px 0px;
 border: 0;
 outline: 0;
 border-bottom: 2px solid #006068;
 font: 16px/20px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #757575;
 appearance: normal;
 -moz-appearance: none;
 -webkit-appearance: none;
}
.selDial option {color:#000000;}
select::-ms-expand {
 display: none;
}

.checkbox-container {
 display: block;
 margin: 0 auto;
 overflow: hidden;
 max-width: 375px;
 padding-top: 30px;
 padding-bottom: 30px;
}
.first-column-checkbox {
 display: inline-block;
 float: left;
 width: 50%;
}
.second-column-checkbox {
 display: inline-block;
 float: left;
 width: 50%;
}
/*CUSTOM CHECKBOX*/
.checkbox-row {
 float: left;
 display: block;
 width: 100%;
}
p.chck {
 padding-top: 0px !important;
}
p.chck input {
 margin: 0;
 padding: 0;
 float: left;
}
p.chck label {
 display: block;
 float: left;
 cursor: pointer;
 font: 400 18px/22px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #000000;
 text-align: left;
}
p.chck span.chck-container {
 position: relative;
 float: left;
 margin: 0 20px 3px 0;
}
p.chck span.chck-container span.chck {
 display: inline-block;
 width: 30px;
 height: 30px;
 background: url('https://image.news-campaigns.pernod-ricard.com/lib/fe8512717d620c7570/m/1/c8fd24b4-56b2-47ba-be4c-9e2c94b66a01.png') no-repeat top left;
 margin: 1px 0 0 0;
}
p.chck span.chck-container span.chck.selected {
 width: 30px;
 height: 30px;
 background: url('https://image.news-campaigns.pernod-ricard.com/lib/fe8512717d620c7570/m/1/ed0d6993-4e6d-4dd7-a832-e8fac84e237c.png') no-repeat top left;
}
p.chck span.chck-container input {
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0;
 filter: alpha(opacity=0);
 z-index: 101;
 cursor: pointer;
}
.spnPosition {
 position: relative;
 top: 6px;
}
/*END OF CUSTOM CHECKBOX*/
/*RADIO*/
.radio-row {
 float: left;
 display: block;
 width: 100%;
}
.radio-row-1 {
 float: left;
 display: block;
 width: auto;
}
.radio-row label, .radio-row-1 label {
 font: 400 18px/22px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #c8c6c6;
 cursor: pointer;
 width: 100%;
 display: block;
}
.custom-radio {
 width: 15px;
 height: 15px;
 display: inline-block;
 position: relative;
 z-index: 1;
 top: 3px;
 background: url('https://image.news-campaigns.pernod-ricard.com/lib/fe8512717d620c7570/m/1/c8fd24b4-56b2-47ba-be4c-9e2c94b66a01.png') no-repeat;
 margin-right: 10px;
 float: left;
}
.custom-radio.selected {
 background: url('https://image.news-campaigns.pernod-ricard.com/lib/fe8512717d620c7570/m/1/ed0d6993-4e6d-4dd7-a832-e8fac84e237c.png') no-repeat;
}
.custom-radio input[type="radio"] {
 margin: 1px;
 position: absolute;
 z-index: 2;
 cursor: pointer;
 outline: none;
 opacity: 0;
 /* CSS hacks for older browsers */
 _noFocusLine: expression(this.hideFocus=true);
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
 -khtml-opacity: 0;
 -moz-opacity: 0;
}
.displaysideways {
 display: inline-block;
 float: left;
 width: 70%;
}
/*END OF RADIO*/
.pinkLine {
 width: 5%;
 color: #7d1d2a;
 display: block;
 height: 1px;
 border: 0;
 border-top: 2px solid #7d1d2a;
 padding: 0;
}
.pinkLine_ {
 width: 5%;
 color: #7d1d2a;
 display: block;
 height: 1px;
 border: 0;
 border-bottom: 2px solid #7d1d2a;
 padding-top: 34px;
}
.spend-container {
 display: block;
 float: left;
 width: 100%;
 padding-top: 36px;
}
.interest-container {
 display: block;
 float: left;
 width: 100%;
}
.interest-input-row {
 display: block;
 float: left;
 padding-left: 19%;
}
.first-column-interest {
 display: inline-block;
 float: left;
 width: 100%%;
}
.second-column-interest {
 display: inline-block;
 float: left;
 width: 50%;
}
.spend-column {
 display: inline-block;
 width: auto;
 float: left;
 padding-left: 10%;
}
.lightGrey {
 color: #c8c6c6 !important;
}
.recommend-container {
 display: block;
 float: left;
 width: 95%;
 padding-left: 5%;
 padding-top: 30px;
}
.recommend-column {
 display: inline-block;
 float: left;
 width: 10%;
}
.divSubmit {
 display: block;
 width: 100%;
 float: left;
}
.divConfirmUnsubscribe {
 display: block;
 width: 100%;
 float: left;
 padding-top: 70px;
}
.btnSubmit_ {
 display: block;
 margin: 0 auto;
 padding: 14px 10px;
 font: 15px/19px 'GothamBook', Arial, Helvetica, sans-serif;
 background-color: #006068 ;
 border: 1px solid #006068;
 color: #ffffff;
 cursor: pointer;
 width: 250px;
 -webkit-appearance: none;
 -webkit-border-radius: 0px;
 border-radius: 0px;
 outline: none;
 text-align: center;
border-radius: 3px;
}
.btnSubmit_:hover{
 background-color: #ffffff;
 border: 1px solid #006068;
 color: #006068;
}
.btnConfirmUnsubscribe_ {
 display: block;
 margin: 0 auto;
 padding: 14px 10px;
 font: 15px/19px 'GothamBook', Arial, Helvetica, sans-serif;
 background-color: #7d1d2a;
 border: 1px solid #7d1d2a;
 color: #ffffff;
 cursor: pointer;
 width: 250px;
 -webkit-appearance: none;
 -webkit-border-radius: 0px;
 border-radius: 0px;
 outline: none;
 text-align: center;
}
.footer-content {
 display: block;
 float: left;
 width: 100%;
 padding-top: 40px;
}
.footer-content h1 {
 font: 15px/19px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #000000;
 text-align: left;
}
.footer-content h2, .footer-content h2 a {
 font: 15px/19px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #c59c71;
 text-align: center;
 text-transform: none;
 padding-top: 6px;
}
.errMsg {
 font: 12px/16px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #ff4c4d;
}
.unsubscribe-section {
 display: block;
 float: left;
 width: 100%;
 padding-bottom: 75px;
}
.unsubscribe-inputs {
 display: block;
 float: left;
 width: auto;
 padding-top: 40px;
 padding-left: 268px;
}
.divOtherComments {
 display: block;
 max-width: 739px;
 margin: 0 auto;
 overflow: visible;
}
.txtCommentSection {
 display: block;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 width: 90%;
 padding: 10px;
 height: 80px;
 border: 0;
 outline: 0;
 background-color: #2a2728;
 border-bottom: 2px solid #bea579;
 font: 16px/20px 'GothamBook', Arial, Helvetica, sans-serif;
 color: #757575;
 appearance: normal;
 -moz-appearance: none;
 -webkit-appearance: none;
 margin-top: 50px;
 float: left;
 resize: vertical;
}
.displayPos {
 display: block;
 float: left;
 width: 100%;
}
.floatRight {
 float: right !important;
}
/*MODAL*/
.divOverlay {
 opacity: 0.2;
 z-index: 900;
 width: 100%;
 height: 100%;
 background: url('https://image.connect.uts.edu.au/lib/fe8e1372726d047575/m/1/92a07fcd-852c-44a2-aeba-89303b576661.png') repeat;
 position: absolute;
 display: block;
 z-index: -1;
}
.modal-box1 {
 margin: 0 auto;
 width: 80%;
 background-color: #DEDEDE;
 position: absolute;
 z-index: 1000;
 background: url(https://image.campaign.pernod-ricard-winemakers.com/lib/fe9712747563047c73/m/1/20170413_StHugo_Hero_Image.jpg) no-repeat center center;
 background-size: cover;
 height: 751px;
 border-radius: 25px;
 box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
 border: 2px solid #bea579;
 background-clip: padding-box;
 top: 40%;
 left: 30%;
 display: table;
}
.modal-body {
 padding: 2em 1.5em;
 display: block;
 vertical-align: middle;
text-align: center;
}
.modal-inner {
 display: block;
 width: 100%;
 text-align: center;
 overflow: hidden;
}
a.close {
 line-height: 1;
 font-size: 2.0em;
 position: absolute;
 top: 3%;
 right: 1.5%;
 text-decoration: none;
 color: #000000;
}
/*END OF MODAL*/
.divGoBack {
 display: block;
 margin: 0 auto;
 width: 250px;
 padding-top: 52px;
}
.divGoBack a {
 margin: 0 auto;
}
.btnGoBack_ {
 display: block;
 margin: 0 auto;
 padding: 14px 10px;
 font: 15px/19px 'GothamBook', Arial, Helvetica, sans-serif;
 background-color: #7d1d2a;
 border: 1px solid #7d1d2a;
 color: #ffffff;
 cursor: pointer;
 width: 250px;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 -webkit-border-radius: 0px;
 border-radius: 0px;
 outline: none;
 text-align: center;
}
.pad-top-0_ {
 padding-top: 0px !important;
}
.pad-top-16 {
 padding-top: 16px;
}
.pad-top-70 {
 padding-top: 70px;
}
.pad-top-25 {
 padding-top: 25px;
}
.pad-top-30 {
 padding-top: 30px;
}
.pad-top-20 {
 padding-top: 20px;
}
.aPrivacyPolicy
{
 text-decoration: underline !important;
}
@media only screen and (max-width: 360px) {
.hero-background-content {
 display: block !important;
 width: 100% !important;
 padding-top: 45px !important;
}
.wrapper {
 padding: 0px 20px !important;
 display: block;
}
.logo {
 float: none !important;
 margin: 0 auto !important;
}
.header-title h1, .header-title p {
 text-align: center !important;
}
.header-title p, .form-input-row h3 {
 padding-top: 20px !important;
}
.header-title h1 {
 font : 30px/34px 'GothamBook', Arial, Helvetica, sans-serif !important;
}
.hero-background {
 height: 500px !important;
}
.first-column-input {
 display: block !important;
 width: 100% !important;
 margin-right: 0px !important;
 padding-top: 15px !important;
 padding-bottom: 22px;
}
.second-column-input {
 display: block !important;
 width: 100% !important;
 padding-top: 15px !important;
 padding-bottom: 22px !important;
}
.first-column-checkbox {
 display: block !important;
 width: 100% !important;
}
.second-column-checkbox {
 display: block !important;
 width: 100% !important;
 padding-top: 15px;
}
.floatRight {
 float: left !important;
}
.radio-row {
 float: left !important;
}
.spend-container {
 padding-left: 0px !important;
}
.spend-column {
 display: block !important;
 width: 100% !important;
 padding-top: 15px;
 padding-left: 0px !important;
}
.checkbox-container {
 margin: 0px !important;
}
.first-column-interest {
 display: block !important;
 width: 100% !important;
}
.second-column-interest {
 display: block !important;
 width: 100% !important;
 padding-top: 15px;
}
.recommend-column {
 display: block !important;
 float: left;
 width: 100% !important;
 padding-top: 15px;
}
.form-input-row h4 {
 padding-left: 0px !important;
}
.btnSubmit_, .btnConfirmUnsubscribe_ {
 width: 100% !important;
}
.unsubscribe-inputs {
 padding-left: 0px !important;
}
.txtCommentSection {
 width: 100% !important;
}
.form-container h2 {
 font: 25px/29px 'GothamBook', Arial, Helvetica, sans-serif !important;
 padding-top: 20px !important;
}
.pinkLine, .pinkLine_ {
 width: 20% !important;
}
.pad-top-16 {
 padding-top: 0px !important;
}
.pad-top-15 {
 padding-top: 15px !important;
}
.pad-top-0 {
 padding-top: 0px !important;
}
.mar-bot-30 {
 margin-bottom: 30px !important;
}
.pad-top-70 {
 padding-top: 40px !important;
}
.interest-input-row, .recommend-container, .form-inputs {
 width: 100% !important;
 padding-left: 0% !important;
}
.spnPosition {
 padding-top: 0px !important;
 top: 0px !important;
}
.input-name {
 width: 100% !important;
}
.input-column {
 width: 100% !important;
}
.padd_31 {
 padding-top: 0px !important;
}
.padd_18 {
 padding-top: 0px !important;
}
input[type="text"] {
 padding: 4px 10px 8px 0px !important;
}
input[type="date" i] {
 padding: 4px 10px 8px 0px !important;
}
p.chck span.chck-container {
 margin: 0 20px 10px 0 !important;
}
.divGoBack, .btnGoBack_ {
 width: 100% !important;
}
.divGoBack {
 padding-top: 25px !important;
}
.modal-box {
 position: relative !important;
 margin-top: 40px;
 left: 0px !important;
 height: auto !important;
 top: 0px !important;
}
.header-title_ h1 {
 font: 25px/29px 'GothamBook', Arial, Helvetica, sans-serif !important;
 word-break: break-all !important;
}
.header-title_ p {
 font: 16px/24px 'GothamBook', Arial, Helvetica, sans-serif !important;
}
a.close {
 right: 6% !important;
}
.mobile-hidden{
display: none;
    }
}

@media only screen and (min-width: 361px) and (max-width: 480px) {
.hero-background-content {
 display: block !important;
 width: 100% !important;
 padding-top: 45px !important;
}
.wrapper {
 padding: 0px 20px !important;
 display: block;
}
.logo {
 float: none !important;
 margin: 0 auto !important;
}
.header-title h1, .header-title p {
 text-align: center !important;
}
.header-title p, .form-input-row h3 {
 padding-top: 20px !important;
}
.header-title h1 {
 font : 30px/34px 'GothamBook', Arial, Helvetica, sans-serif !important;
}
.hero-background {
 height: 500px !important;
}
.first-column-input {
 display: block !important;
 width: 100% !important;
 margin-right: 0px !important;
 padding-top: 15px !important;
 padding-bottom: 22px !important;
}
.second-column-input {
 display: block !important;
 width: 100% !important;
 padding-top: 15px !important;
 padding-bottom: 22px !important;
}
.first-column-checkbox {
 display: block !important;
 width: 100% !important;
}
.second-column-checkbox {
 display: block !important;
 width: 100% !important;
 padding-top: 15px;
}
.floatRight {
 float: left !important;
}
.radio-row {
 float: left !important;
}
.form-container h2 {
 font: 25px/29px 'GothamBook', Arial, Helvetica, sans-serif !important;
 padding-top: 20px !important;
}
.spend-container {
 padding-left: 0px !important;
}
.spend-column {
 display: block !important;
 width: 100% !important;
 padding-top: 15px;
 padding-left: 0px !important;
}
.checkbox-container {
 margin: 0px !important;
}
.first-column-interest {
 display: block !important;
 width: 100% !important;
}
.second-column-interest {
 display: block !important;
 width: 100% !important;
 padding-top: 15px;
}
.recommend-column {
 display: block !important;
 float: left;
 width: 100% !important;
 padding-top: 15px;
}
.form-input-row h4 {
 padding-left: 0px !important;
}
.btnSubmit_, .btnConfirmUnsubscribe_ {
 width: 100% !important;
}
.unsubscribe-inputs {
 padding-left: 0px !important;
}
.txtCommentSection {
 width: 100% !important;
}
.pinkLine, .pinkLine_ {
 width: 20% !important;
}
.pad-top-16 {
 padding-top: 0px !important;
}
.pad-top-15 {
 padding-top: 15px !important;
}
.pad-top-0 {
 padding-top: 0px !important;
}
.pad-top-70 {
 padding-top: 40px !important;
}
.interest-input-row, .recommend-container, .form-inputs {
 width: 100% !important;
 padding-left: 0% !important;
}
.spnPosition {
 padding-top: 0px !important;
 top: 0px !important;
}

.input-name {
 width: 100% !important;
}
.input-column {
 width: 100% !important;
}
.padd_31 {
 padding-top: 0px !important;
}
.padd_18 {
 padding-top: 0px !important;
}
input[type="text"] {
 padding: 4px 10px 8px 0px !important;
}
input[type="date" i] {
 padding: 4px 10px 8px 0px !important;
}
p.chck span.chck-container {
 margin: 0 20px 10px 0 !important;
}
.divGoBack, .btnGoBack_ {
 width: 100% !important;
}
.divGoBack {
 padding-top: 25px !important;
}
.modal-box {
 position: relative !important;
 margin-top: 40px;
 left: 0px !important;
 height: auto !important;
 top: 0px !important;
}
.header-title_ h1 {
 font: 25px/29px 'GothamBook', Arial, Helvetica, sans-serif !important;
 word-break: break-all !important;
}
.header-title_ p {
 font: 16px/24px 'GothamBook', Arial, Helvetica, sans-serif !important;
}
a.close {
 right: 6% !important;
}
.mobile-hidden{
display: none;
}
}

@media only screen and (min-width: 481px) and (max-width: 640px) {
.hero-background-content {
 display: block !important;
 width: 100% !important;
 padding-top: 45px !important;
}
.wrapper {
 padding: 0px 20px !important;
 display: block;
}
.logo {
 float: none !important;
 margin: 0 auto !important;
}
.header-title h1, .header-title p {
 text-align: center !important;
}
.header-title p, .form-input-row h3 {
 padding-top: 20px !important;
}
.header-title h1 {
 font : 30px/34px 'GothamBook', Arial, Helvetica, sans-serif !important;
}
.form-container h2 {
 font: 25px/29px 'GothamBook', Arial, Helvetica, sans-serif !important;
 padding-top: 20px !important;
}
.hero-background {
 height: 460px !important;
}
.first-column-input {
 display: block !important;
 width: 100% !important;
 margin-right: 0px !important;
 padding-top: 15px !important;
 padding-bottom: 22px !important;
}
.second-column-input {
 display: block !important;
 width: 100% !important;
 padding-top: 15px !important;
 padding-bottom: 22px !important;
}
.first-column-checkbox {
 display: block !important;
 width: 100% !important;
}
.second-column-checkbox {
 display: block !important;
 width: 100% !important;
 padding-top: 15px;
}
.floatRight {
 float: left !important;
}
.radio-row {
 float: left !important;
}
.spend-container {
 padding-left: 0px !important;
}
.spend-column {
 display: block !important;
 width: 100% !important;
 padding-top: 15px;
 padding-left: 0px !important;
}
.checkbox-container {
 margin: 0px !important;
}
.first-column-interest {
 display: block !important;
 width: 100% !important;
}
.second-column-interest {
 display: block !important;
 width: 100% !important;
 padding-top: 15px;
}
.recommend-column {
 display: block !important;
 float: left;
 width: 100% !important;
 padding-top: 15px;
}
.form-input-row h4 {
 padding-left: 0px !important;
}
.btnSubmit_, .btnConfirmUnsubscribe_ {
 width: 100% !important;
}
.unsubscribe-inputs {
 padding-left: 0px !important;
}
.txtCommentSection {
 width: 100% !important;
}
.pinkLine, .pinkLine_ {
 width: 20% !important;
}
.pad-top-16 {
 padding-top: 0px !important;
}
.pad-top-15 {
 padding-top: 15px !important;
}
.pad-top-0 {
 padding-top: 0px !important;
}
.pad-top-70 {
 padding-top: 40px !important;
}
.interest-input-row, .recommend-container, .form-inputs {
 width: 100% !important;
 padding-left: 0% !important;
}
.spnPosition {
 padding-top: 0px !important;
 top: 0px !important;
}
.input-name {
 width: 100% !important;
}
.input-column {
 width: 100% !important;
}
.padd_31 {
 padding-top: 0px !important;
}
.padd_18 {
 padding-top: 0px !important;
}
input[type="text"] {
 padding: 4px 10px 8px 0px !important;
}
input[type="date" i] {
 padding: 4px 10px 8px 0px !important;
}
p.chck span.chck-container {
 margin: 0 20px 10px 0 !important;
}
.divGoBack, .btnGoBack_ {
 width: 100% !important;
}
.divGoBack {
 padding-top: 25px !important;
}
.modal-box {
 position: relative !important;
 margin-top: 40px;
 left: 0px !important;
 height: auto !important;
 top: 0px !important;
}
.header-title_ h1 {
 font: 25px/29px 'GothamBook', Arial, Helvetica, sans-serif !important;
 word-break: break-all !important;
}
.header-title_ p {
 font: 16px/24px 'GothamBook', Arial, Helvetica, sans-serif !important;
}
a.close {
 right: 6% !important;
}
.mobile-hidden{
display: none;
}
}

@media only screen and (min-width: 641px) and (max-width: 767px) {
.hero-background-content {
 display: block !important;
 width: 100% !important;
 padding-top: 45px !important;
}
.wrapper {
 padding: 0px 20px !important;
 display: block;
}
.logo {
 float: none !important;
 margin: 0 auto !important;
}
.header-title p, .form-input-row h3 {
 padding-top: 20px !important;
}
.header-title h1, .header-title p {
 text-align: center !important;
}
.header-title h1 {
 font : 30px/34px 'GothamBook', Arial, Helvetica, sans-serif !important;
}
.form-container h2 {
 font: 25px/29px 'GothamBook', Arial, Helvetica, sans-serif !important;
 padding-top: 20px !important;
}
.hero-background {
 height: 420px !important;
}
.first-column-input {
 display: block !important;
 width: 100% !important;
 margin-right: 0px !important;
 padding-top: 15px !important;
 padding-bottom: 22px !important;
}
.second-column-input {
 display: block !important;
 width: 100% !important;
 padding-top: 15px !important;
 padding-bottom: 22px !important;
}
.first-column-checkbox {
 display: block !important;
 width: 100% !important;
}
.second-column-checkbox {
 display: block !important;
 width: 100% !important;
 padding-top: 15px;
}
.floatRight {
 float: left !important;
}
.radio-row {
 float: left !important;
}
.spend-container {
 padding-left: 0px !important;
}
.spend-column {
 display: block !important;
 width: 100% !important;
 padding-top: 15px;
 padding-left: 0px !important;
}
.checkbox-container {
 margin: 0px !important;
}
.first-column-interest {
 display: block !important;
 width: 100% !important;
}
.second-column-interest {
 display: block !important;
 width: 100% !important;
 padding-top: 15px;
}
.recommend-column {
 display: block !important;
 float: left;
 width: 100% !important;
 padding-top: 15px;
}
.form-input-row h4 {
 padding-left: 0px !important;
}
.btnSubmit_, .btnConfirmUnsubscribe_ {
 width: 100% !important;
}
.unsubscribe-inputs {
 padding-left: 0px !important;
}
.txtCommentSection {
 width: 100% !important;
}
.pinkLine, .pinkLine_ {
 width: 20% !important;
}
.pad-top-16 {
 padding-top: 0px !important;
}
.pad-top-15 {
 padding-top: 15px !important;
}
.pad-top-0 {
 padding-top: 0px !important;
}
.pad-top-70 {
 padding-top: 40px !important;
}
.interest-input-row, .recommend-container, .form-inputs {
 width: 100% !important;
 padding-left: 0% !important;
}
.input-name {
 width: 100% !important;
}
.input-column {
 width: 100% !important;
}
.padd_31 {
 padding-top: 0px !important;
}
.padd_18 {
 padding-top: 0px !important;
}
input[type="text"] {
 padding: 4px 10px 8px 0px !important;
}
input[type="date" i] {
 padding: 4px 10px 8px 0px !important;
}
p.chck span.chck-container {
 margin: 0 20px 10px 0 !important;
}
.divGoBack, .btnGoBack_ {
 width: 100% !important;
}
.divGoBack {
 padding-top: 25px !important;
}
.modal-box {
 position: relative !important;
 margin-top: 40px;
 left: 0px !important;
 height: auto !important;
 top: 0px !important;
}
.header-title_ h1 {
 font: 25px/29px 'GothamBook', Arial, Helvetica, sans-serif !important;
 word-break: break-all !important;
}
.header-title_ p {
 font: 16px/24px 'GothamBook', Arial, Helvetica, sans-serif !important;
}
a.close {
 right: 6% !important;
}
.mobile-hidden{
display: none;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.inner-container {
 max-width: inherit !important;
 width: 90% !important;
}
.first-column-input {
 margin-right: 0px !important;
}
.second-column-input {
 float: right !important;
}
.hero-background-content {
 width: 80% !important;
}
.form-input-row h4 {
 padding-left: 0px !important;
}
.displaysideways {
 width: 60% !important;
}
.unsubscribe-inputs {
 padding-left: 0px !important;
}
.header-title h1 {
 font: 39px/43px 'GothamBook', Arial, Helvetica, sans-serif !important;
}
.interest-input-row, .form-inputs {
 width: 96% !important;
 padding-left: 4% !important;
}
.spend-column {
 padding-left: 0% !important;
 width: 25% !important;
}
.spend-container {
 width: 90% !important;
 padding-left: 10% !important;
}
.divOtherComments {
 width: 100% !important;
 max-width: none !important;
}
.txtCommentSection {
 width: 80% !important;
}
.hero-background {
 height: 570px !important;
}
.modal-box {
 height: auto !important;
}
.mobile-hidden{
display: none;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
.inner-container {
 max-width: 1020px !important;
}
.header-title h1, .header-title_ h1 {
 font: 30px/34px 'GothamBook', Arial, Helvetica, sans-serif !important;
}
.header-title p, .header-title_ p {
 font: 13px/17px 'GothamBook', Arial, Helvetica, sans-serif !important;
}
.modal-box {
 height: auto !important;
 top: 50px !important;
}
iframe
{
 min-height: 500px !important;
}
}