/* - - - - - - - - - - - - - - - - - - - - -
Subscribe */

.overlay {
	position: fixed;
    display: none;
    top: 0px;
    right: 0px;
    background-color: rgba(0, 0, 0, .8); 
    height: 100vh;
    margin-top: 0em;
    width: 100vw;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center; 
    overflow: hidden;
    z-index: 777;
    cursor: pointer;
    display: none; }
    
    @media only screen and (max-width: 599px) {
        .overlay {
                height: 100vh;
                background-color: rgba(0, 0, 0, .8); 
                margin-top: 0em; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .overlay {
            height: 100vh;
            background-color: rgba(0, 0, 0, .8); 
            margin-top: 0em; } }

.overlay-inner {
	padding-top: 10vw;
    margin: 0 auto;
    text-align: center; }
    
    @media only screen and (max-width: 599px) {
        .overlay-inner {
                padding-top: 38vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        .overlay-inner {
            padding-top: 28vw; } }

.subscribe-headline h3 {
    font-family: "Chronicle Display A", "Chronicle Display B", Georgia, serif;
    font-style: normal;
    font-weight: 200;
    text-align: center;
    font-size: 2.9vw;
    line-height: 1.25;
    padding-left: 0vw;
    padding-top: 5.5vw;
    letter-spacing: -.02vw;
    word-spacing: -.35vw;
    color: #222; 
    margin-bottom: 1.25vw; }

    @media only screen and (max-width: 375px) { 
        .subscribe-headline h3 {
            font-size: 7.85vw;
            line-height: 1.25;
            padding-left: 0vw;
            padding-top: 12vw;
            margin-bottom: 3vw; } }
    
    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .subscribe-headline h3 {
            font-size: 7.75vw;
            line-height: 1.25;
            padding-left: 0vw;
            padding-top: 16vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .subscribe-headline h3 {
            font-size: 6.7vw;
            line-height: 1.25;
            padding-left: 0vw;
            padding-top: 9vw;
            padding-bottom: 1vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .subscribe-headline h3 {
            font-size: 6.7vw;
            line-height: 1.25;
            padding-left: 0vw;
            padding-top: 11vw;
            padding-bottom: 1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .subscribe-headline h3 {
            font-size: 3.5vw;
            line-height: 1.25;
            padding-left: 0vw;
            padding-top: 6.0vw;
            padding-bottom: .5vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        .subscribe-headline h3 {
            font-size: 3.5vw;
            line-height: 1.25;
            padding-left: 0vw;
            padding-top: 7.5vw;
            padding-bottom: .5vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) {
        .subscribe-headline h3 {
            font-size: 3.1vw;
            line-height: 1.25;
            padding-left: 0vw;
            padding-top: 8.0vw;
            padding-bottom: 1vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) {
        .subscribe-headline h3 {
            font-size: 3.1vw;
            line-height: 1.25;
            padding-left: 0vw;
            padding-top: 7.5vw;
            padding-bottom: 1vw; } }

#close-it {
    float: right;
    width: 26px;
    height: 26px;
    top: 1vw;
    right: 1vw;
    margin: 0 0 0 0;
    cursor: pointer;
    z-index: 999999;
    transition: 1.0s ease; }

    @media only screen and (max-width: 375px) { 
        #close-it {
            width: 16px;
            height: 16px; 
            top: 2vw;
            right: 2vw; } }
    
    @media only screen and (min-width: 376px) and (max-width: 599px) {
        #close-it {
            width: 16px;
            height: 16px; 
            top: 2vw;
            right: 2vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        #close-it {
            width: 20px;
            height: 20px;
            top: 2vw;
            right: 2vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        #close-it {
            width: 20px;
            height: 20px;
            top: 2vw;
            right: 2vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        #close-it {
            width: 20px;
            height: 20px; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        #close-it {
            width: 22px;
            height: 22px; } }

#close-it:hover {
    opacity: 0.40;
    z-index: 999999;
    transition: 1.0s ease; }

.chimp-centered {
    /*Basic*/
	background: url("https://www.robkell.com/images/chimp-centered-bg_3-01.svg"); 
    /*ThankYou*/
    /*background: url("https://www.robkell.com/images/chimp-centered-bg_3_thankyou-01.svg"); */
    /*ThankYou transparent response*/
    /*background: url("https://www.robkell.com/images/chimp-centered-bg_3_thankyou_trans_response-01.svg"); */
    no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    margin: 0 auto;
    box-shadow: 0 2.5vw 3.5vw -1vw rgba(0,0,0,1.0);
    width: 32vw;
    height: 32vw;
    transition: 2.0s ease; }

    @media only screen and (max-width: 375px) { 
        .chimp-centered {
            width: 85vw;
            height: 106vw;
            padding-bottom: 2vw;
            margin-bottom: 34vw; } }
    
    @media only screen and (min-width: 376px) and (max-width: 599px) {
        .chimp-centered {
            width: 85vw;
            height: 106vw;
            padding-bottom: 2vw;
            margin-bottom: 13vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        .chimp-centered {
            width: 74vw;
            height: 74vw;
            padding-bottom: 5vw;
            margin-bottom: 3vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        .chimp-centered {
            width: 74vw;
            height: 74vw;
            padding-bottom: 2vw;
            margin-bottom: 2vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        .chimp-centered {
            width: 40vw;
            height: 40vw;
            padding-top: 0vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        .chimp-centered {
            width: 39vw;
            height: 39vw;
            padding-top: 0vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) {
        .chimp-centered {
            width: 39vw;
            height: 39vw;
            padding-top: 0vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) {
        .chimp-centered {
            width: 38vw;
            height: 38vw;
            padding-top: 0vw; } }

.chimp-centered-inner {
    margin: 0 auto;
    text-align: center; }

.index-conscience-minutiae {
    position: absolute;
    bottom: 3vh;
    right: 5vh;
    margin: 0 auto;
    text-align: right; }

.index-conscience-minutiae p {
    font-family: "Chronicle SSm A", "Chronicle SSm B", Georgia, serif;
    font-weight: 300;
    font-style: italic;
    text-align: right;
    font-size: 11.0px;
    line-height: 2.2;
    letter-spacing: .5px;
    word-spacing: 0vw;
    color: #5e5854; }

#xtrabold-form-minutiae {
    position: relative;
    text-align: center;
    top: -1vh;
    -webkit-animation-duration: 2s; 
    -moz-animation-duration: 2s;
    -ms-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s; }

    @media only screen and (max-width: 375px) { 
        #xtrabold-form-minutiae {
            top: 1vw; } }
    
    @media only screen and (min-width: 376px) and (max-width: 599px) {
        #xtrabold-form-minutiae {
            top: 1vw; } }

    @media only screen and (min-width: 600px) and (max-width: 1024px) {
        #xtrabold-form-minutiae {
            top: .5vw; } }

#xtrabold-form-minutiae h6 {
    font-family: "Gotham SSm A", "Gotham SSm B", Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    text-align: center;
    font-size: 8.5px;
    line-height: 4;
    color: #3e3834;
    margin-top: 2vw;
    word-spacing: -2px;
    letter-spacing: .17vw; }

    @media only screen and (max-width: 375px) { 
        #xtrabold-form-minutiae h6 {
            font-size: 7.5px;
            line-height: 4;
            color: #7e7874;
            margin-top: 2vw;
            letter-spacing: .7vw; } }
    
    @media only screen and (min-width: 376px) and (max-width: 599px) {
        #xtrabold-form-minutiae h6 {
            font-size: 8.0px;
            line-height: 4;
            color: #7e7874;
            margin-top: 2vw;
            letter-spacing: .7vw; } }

    @media only screen and (min-width: 600px) and (max-width: 768px) {
        #xtrabold-form-minutiae h6 {
            font-size: 8.0px;
            line-height: 4;
            letter-spacing: .29vw;
            color: #6e6864;
            margin-top: 2.1vw; } }

    @media only screen and (min-width: 769px) and (max-width: 1024px) {
        #xtrabold-form-minutiae h6 {
            font-size: 10.8px;
            line-height: 4;
            letter-spacing: .29vw;
            color: #6e6864;
            margin-top: 2.1vw; } }

    @media only screen and (min-width: 1025px) and (max-width: 1280px) {
        #xtrabold-form-minutiae h6 {
            font-size: 7.0px;
            margin-top: 2vw;
            word-spacing: -2px;
            letter-spacing: .17vw; } }

    @media only screen and (min-width: 1281px) and (max-width: 1440px) {
        #xtrabold-form-minutiae h6 {
            font-size: 7.5px;
            margin-top: 2vw;
            word-spacing: -2px;
            letter-spacing: .17vw; } }

    @media only screen and (min-width: 1441px) and (max-width: 1680px) {
        #xtrabold-form-minutiae h6 {
            font-size: 8.0px;
            margin-top: 2vw;
            word-spacing: -2px;
            letter-spacing: .17vw; } }

    @media only screen and (min-width: 1681px) and (max-width: 1940px) {
        #xtrabold-form-minutiae h6 {
            font-size: 8.2px;
            margin-top: 2vw;
            word-spacing: -2px;
            letter-spacing: .17vw; } }

/* Use this form for XtraBold subscriptions */

#xtrabold-form {
    position: relative;
    width: 22vw;
    margin: 0 auto;
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.80);
    opacity: .70;
    transition: 1s ease; }

    @media only screen and (max-width: 375px) {
            #xtrabold-form { 
                width: 80%;
                opacity: .75; } }

    @media only screen and (min-width: 376px) and (max-width: 599px) {
            #xtrabold-form { 
                width: 80%;
                opacity: .75; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            #xtrabold-form { 
                width: 77%;
                opacity: .7; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) {
            #xtrabold-form { 
                width: 80%;
                opacity: .7; } }

        @media only screen and (min-width: 1025px) and (max-width: 1280px) {
            #xtrabold-form { 
                width: 75%; } }

        @media only screen and (min-width: 1281px) and (max-width: 1440px) {
            #xtrabold-form { 
                width: 75%; } }

        @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
            #xtrabold-form { 
                width: 70%; } }

        @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
            #xtrabold-form { 
                width: 70%; } }

#xtrabold-form:hover {
    box-shadow: 0 2.5vw 3vw -1vw rgba(0,0,0,0.80); }

*, *::after, *::before {
    box-sizing: border-box; }

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.1vw;
    line-height: 2;
    text-transform: none;
    letter-spacing: -.01vw;
    word-spacing: -.05vw;
    width: 75%;
/*    height: 90px;*/
    height: 6vh;
    padding: 0px 15px 0px 1vw;  
    background: #fff;
    border-radius: .5vw;
    outline: none;
    color: #000; 
    border: solid 1px #beb8b4;
/*    border-bottom: none; */
    margin-bottom: 1vw; 
    transition: 1s ease; }

    @media only screen and (max-width: 599px) {
            input {
                font-size: 16px;
                font-weight: 400;
                height: 6vh;
                width: 93%;
                margin-bottom: 1.5vw;
                border-radius: .5vw; } }

        @media only screen and (min-width: 600px) and (max-width: 1024px) { 
            input {
                font-size: 16px;
                font-weight: 400;
                height: 6vh;
                width: 93%;
                margin-bottom: 1.5vw;
                border-radius: .5vw; } }

        @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
            input {
                height: 6vh; } }

        @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
            input {
                height: 6vh; } }

        @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
            input {
                height: 6vh; } }

        @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
            input {
                height: 6vh; } }

input:hover {
/*    background-color: rgba(0,0,0,.7);*/
background-color: #333;
    color: #fff; }

textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    width: 75%;
    height: 270px;
    max-height: 420px;
    padding: 1vw;
    padding-left: 1vw; 
    margin-bottom: .9vw; 
    background: #fff;
    outline: none;  
    color: #000;
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 1.3vw;
    line-height: 2;
    text-transform: none;
    letter-spacing: -.01vw;
    word-spacing: -.05vw;
    border: solid 1px #beb8b4;
    border-radius: .5vw;
    border-bottom: none; 
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out; }

        /*@media only screen and (max-width: 375px) { 
            textarea {
                font-size: 8px;
                height: 140px;
                max-height: 230px;
                padding-left: 15px; } }

        @media only screen and (min-width: 376px) and (max-width: 599px) { 
            textarea {
                font-size: 8px;
                height: 150px;
                max-height: 210px;
                padding-left: 15px; } }

        @media only screen and (min-width: 600px) and (max-width: 768px) { 
            textarea {
                font-size: 12px;
                height: 200px;
                max-height: 270px;
                padding-left: 25px; } }

        @media only screen and (min-width: 769px) and (max-width: 1024px) { 
            textarea {
                font-size: 12px;
                height: 260px;
                max-height: 320px;
                padding-left: 25px;  } }

        @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
            textarea {
                height: 130px;
                max-height: 180px;
                padding-left: 2vw; } }

        @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
            textarea {
                height: 150px;
                max-height: 200px;
                padding-left: 1.75vw; } }

        @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
            textarea {
                height: 180px;
                max-height: 240px;
                padding-left: 1.6vw; } }

        @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
            textarea {
                height: 220px;
                max-height: 280px;
                padding-left: 1.4vw; } }*/

textarea:hover {
    background-color: rgba(0,0,0,.7);
    color: #fff; }

#submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    width: 75%; 
    padding-bottom: 0vw;
    padding-left: .85vw;
    margin: -5px 0px 0px 0px;  
    font-family: "Gotham SSm A", "Gotham SSm B", Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 1vw;
    line-height: 2;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .35vw;
    word-spacing: -3px;
    border-radius: .5vw;
    color: #fff; 
    background-color: #333;
    outline:none;
    cursor: pointer; 
    margin-top: 0vw; 
    border: solid 1px #beb8b4; }

        @media only screen and (max-width: 375px) { 
            #submit {
                font-size: 8px;
                padding-left: 3.65vw;
                margin: -4px 0px 0px 0px; } }

        @media only screen and (min-width: 376px) and (max-width: 599px) { 
            #submit {
                font-size: 8px;
                padding-left: 3.65vw;
                margin: -4px 0px 0px 0px; } }

        @media only screen and (min-width: 600px) and (max-width: 1024px) { 
            #submit {
                background-color: #000;
                font-size: 2vw;
                font-weight: 700;
                width: 93%;
                height: 6vh;
                margin-bottom: 2vw;
                border-radius: .5vw;
                padding-left: 2.5vw;
                margin: -4px 0px 0px 0px; } }

        @media only screen and (min-width: 1025px) and (max-width: 1280px) { 
            #submit {
                padding-left: 1.85vw; } }

        @media only screen and (min-width: 1281px) and (max-width: 1440px) { 
            #submit {
                padding-left: 1.6vw; } }

        @media only screen and (min-width: 1441px) and (max-width: 1680px) { 
            #submit {
                padding-left: 1.35vw; } }

        @media only screen and (min-width: 1681px) and (max-width: 1940px) { 
            #submit {
                padding-left: 1.2vw; } }

#submit:hover {
    color: #000;
/*    background-color: rgba(255,0,0,.7);*/
/*background: rgba(255,207,69,1.0);*/
/*    background-color: rgba(237,110,27,1.0);*/
    background-color: rgba(255,43,0,1.0); }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #000;
    font-size: 0.875em; }

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    color: #bbb5af; }

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #000;
    font-size: 0.875em; }

input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    color: #bbb5af; }

input::placeholder, textarea::placeholder {
    color: #000;
    font-size: 0.875em; }

input:focus::placeholder, textarea::focus:placeholder {
    color: #bbb5af; }

input::-ms-placeholder, textarea::-ms-placeholder {
    color: #000;
    font-size: 0.875em; }

input:focus::-ms-placeholder, textarea:focus::-ms-placeholder {
    color: #bbb5af; }

input:hover::-webkit-input-placeholder, textarea:hover::-webkit-input-placeholder {
    color: #e2dedb;
    font-size: 0.875em; }

input:hover:focus::-webkit-input-placeholder, textarea:hover:focus::-webkit-input-placeholder {
    color: #cbc6c1; }

input:hover::-moz-placeholder, textarea:hover::-moz-placeholder {
    color: #e2dedb;
    font-size: 0.875em; }

input:hover:focus::-moz-placeholder, textarea:hover:focus::-moz-placeholder {
    color: #cbc6c1; }

input:hover::placeholder, textarea:hover::placeholder {
    color: #e2dedb;
    font-size: 0.875em; }

input:hover:focus::placeholder, textarea:hover:focus::placeholder {
    color: #cbc6c1; }

input:hover::placeholder, textarea:hover::placeholder {
    color: #e2dedb;
    font-size: 0.875em; }

input:hover:focus::-ms-placeholder, textarea:hover::focus:-ms-placeholder {
    color: #cbc6c1; }