body:not(.user-is-tabbing) button:focus,
body:not(.user-is-tabbing) input:focus,
body:not(.user-is-tabbing) select:focus,
body:not(.user-is-tabbing) textarea:focus {
  outline: none;
}

#content-container, .content-boxed {
    padding:0 !important;
    font-family: 'gotham';
    color:#000;
}

.content-box {
    padding-bottom:0% !important;
}

#contest-main {
    background:#FFF;
    padding-bottom:100px;
}

.jumbotron {
    padding:0 !important;
    margin-bottom:0 !important;
    width:100% !important;
}

.jumbotron img {
    width:100% !important;
    height:auto !important;
}

.instructions {
    text-align: center;
    background:#F0F0F0;
    padding-top:10%;
    padding-bottom:10%;
}

.instructions h1 {
    font-weight: bold;
    font-size:60px;
    line-height: 52px;
    width:12em;
    margin:0 auto;
    padding-bottom:5%;
}
.instructions p {
    font-size:14px;
    line-height: 24px;
    color:#000;
    font-weight:bold;
}

.instructions p.description {
    width:60%;
    margin:0 auto;
    padding-bottom:15%;
}

.step {
    width:166px;
    height:166px;
    background:#FFF;
    border-radius:50%;
    margin: 0 auto;
    position: relative;
    z-index: 10;
}

.step.point img {
    width:124px;
    height:auto;
    position: relative;
    top:10%;
}

.step.point img.cursor,
.step.discover img.cursor {
    width: 26px;
    height: auto;
    position: absolute;
    top: 88px;
}

.step.point img.cursor {
    left:185px;
}

.step.discover img.cursor {
    left:105px;
}

.step.discover img {
    width:124px;
    height:auto;
    position: relative;
    top:10%;
}

.step.eyes img {
    width:166px;
    height:auto;
}

.flow {
    width:82% !important;
    margin:0 auto;
}

.connection-flow {
    height: 2px;
    background: #FFF;
    border: 1px solid #FFF;
    width: 90%;
    margin: 0 auto;
    position: relative;
    top: -120px;
    z-index: 1;
}

.brand {
    text-align: center;
    padding-top:10%;
}

.brand p.intro {
    width: 70%;
    margin: 0 auto;
    margin-top: 10%;
    margin-bottom: 10%;
}

.zephyr img.brand-logo {
    width:164px;
    height:auto;
}

.faber img.brand-logo {
    width:281px;
    height:auto;
}

.falmec img.brand-logo {
    width:268px;
    height:auto;
}

.showcase {
    padding:5%;
}

.product {
    width:100% !important;
    height:auto !important;
    padding-left:5%;
    padding-right:5%;
    padding-bottom:5%;
}

.product:hover {
    cursor: pointer;
}

.product:hover img.blurry {
    display:none;
}

.product:hover img.clear,
.product:hover div.price.row {
    display:block;
}

.product div.price.row {
    display:none;
    margin-bottom:-30px;
}

a > .product p.line {
    color:#000;
}

.product p.line {
    text-align: left;
    position: absolute;
    z-index:100;
    margin-left: 5.5%;
    margin-top: 4.5%;
}

.product p.line.word-break {
    width:4em;
}

.word-break {
    -ms-word-break: break-all;
    word-break: break-all;

    /* Non standard for WebKit */
    word-break: break-word;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.product p > br {
    display:none;
}

img.clear {
    display: none;
}

img.blurry, img.clear {
    position:relative;
    z-index:1;
}

div.price.row {

}

p.listed {
    position: absolute;
    left: 0;
    font-weight: 900;
    font-size: 24px;
    color: #000;
    padding-left: 13%;
    bottom: 6px;
    z-index: 999;
    display: inline;
}

p.price-line {
    width: 90%;
    height: 1px;
    background: #000;
    /* left: 0%; */
    position: absolute;
    z-index: 999;
    bottom: 24px;
    display: inline;
    margin-left: 50px;
}

.brand .separator {
    width:33%;
    margin:0 auto;
    height:3px;
    background:#F0F0F0;
    margin-top:5%;
}

div.content-box > div.brand:nth-child(5) > .separator {
    display:none !important;
}

.retailer, .cta {
    text-align: center;
}

.retailer h3 {
    font-size:36px;
    line-height:33px;
    font-weight:bold;
}

.cta {
    margin-top:3%;
    margin-bottom:5%;
}

.cta a {
    background: #000;
    padding: 2%;
    padding-top: 1%;
    padding-bottom: 1%;
    color: #FFF;
    font-weight: 900;
    font-size: 26px;
    font-family: 'gotham';
    border:2px solid #000;
}

.cta a:hover {
    background:#FFF !important;
    color:#000 !important;
    text-decoration: none !important;
}

.work-with-us {
    text-align: center;
    margin:0 auto;
    background:#F0F0F0;
    padding-top:5%;
    padding-bottom:10%;
    margin-top:0;
}

.work-with-us h3 {
    text-align: center;
    font-weight: bold;
}

.wpcf7 form label,
.wpcf7 form textarea {
    width:100% !important;
}

.wpcf7 form textarea {
    margin-top: 1.5%;
    box-shadow: none !important;
    border:1px solid #000 !important;
}

.wpcf7 form input[type="text"],
.wpcf7 form input[type="email"] {
    width:96% !important;
    border:none !important;
    border-bottom:1px solid #000 !important;
    padding-left:0;
    background:none;
    margin-bottom:5%;
    box-shadow: none !important;
    font-size:20px;
}

.wpcf7 form p > label {
    text-align: left;
    margin-left:2%;
    text-transform: uppercase;
    color:#000;
    font-weight:bold;
    font-size:12px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #CECECE;
    font-size:20px;
    font-weight: 100;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #CECECE;
    font-size:20px;
    font-weight: 100;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #CECECE;
    font-size:20px;
    font-weight: 100;
}
:-moz-placeholder { /* Firefox 18- */
    color: #CECECE;
    font-size:20px;
    font-weight: 100;
}

.wpcf7 form input[type="submit"] {
    width:auto !important;
    float: right;
    margin-right:2%;
    background: #000;
    padding: 4%;
    padding-top: 2%;
    padding-bottom: 2%;
    color: #FFF;
    font-weight: 900;
    font-size: 26px;
    font-family: 'gotham';
    border:2px solid #000;
    border-radius:0;
    font-weight:bold;
    text-transform: none;
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px) {

    .instructions h1 {
        width: auto;
        font-size: 32px;
        line-height: 35px;
        padding-left: 5%;
        padding-right: 5%;
    }

    .step-item {
        margin-bottom: 15%;
    }

    .step-item p {
        position: relative;
        z-index:999;
    }

    .flow {
        width:100% !important;
    }

    .connection-flow {
        top:-448px;

        /* ROTATION */
        transform: rotate(-90deg);

        /* Safari */
        -webkit-transform: rotate(-90deg);

        /* Firefox */
        -moz-transform: rotate(-90deg);

        /* IE */
        -ms-transform: rotate(-90deg);

        /* Opera */
        -o-transform: rotate(-90deg);

        /* Internet Explorer */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

    .product p.line {
        width: 10px;
        font-size: 12px;
    }

    p.listed {
        font-size:20px;
    }

    p.price-line {
        margin-left:35px;
        bottom: 20px;
    }

    .retailer h3 { 
        font-size:28px;
    }

    .cta {
        margin-bottom: 15%;
    }

    .cta a,
    .wpcf7 form input[type="submit"] {
        padding: 6%;
        padding-top: 3%;
        padding-bottom: 3%;
    }

    form.wpcf7-form {
        padding: 8%;
    }

}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {

    .instructions h1 {
        width: auto;
    }

    .instructions p {
        font-size:16px;
    }

    .instructions p.description {
        width:100%;
        font-size:16px;
    }

    .step-item {
        margin-bottom:15%;
    }

    .step-item p {
        position: relative;
        z-index:999;
    }

    .flow {
        width:100% !important;
    }

    .connection-flow {
        top:-510px;
        width:75%;

        /* ROTATION */
        transform: rotate(-90deg);

        /* Safari */
        -webkit-transform: rotate(-90deg);

        /* Firefox */
        -moz-transform: rotate(-90deg);

        /* IE */
        -ms-transform: rotate(-90deg);

        /* Opera */
        -o-transform: rotate(-90deg);

        /* Internet Explorer */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

    .brand p.intro {
        width:50%;
        font-size:18px;
    }

    .product p.line {
        font-size: 18px;
        margin-left: 10.5%;
    }

    form.wpcf7-form {
        padding: 8%;
    }

}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape)  {

    .connection-flow {
        top:-240px;

        /* ROTATION */
        transform: rotate(0deg);

        /* Safari */
        -webkit-transform: rotate(0deg);

        /* Firefox */
        -moz-transform: rotate(0deg);

        /* IE */
        -ms-transform: rotate(0deg);

        /* Opera */
        -o-transform: rotate(0deg);

        /* Internet Explorer */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }

    .brand p.intro {
        width:100% !important;
    }

}

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) {

    .connection-flow {
        top:-120px;

        /* ROTATION */
        transform: rotate(0deg);

        /* Safari */
        -webkit-transform: rotate(0deg);

        /* Firefox */
        -moz-transform: rotate(0deg);

        /* IE */
        -ms-transform: rotate(0deg);

        /* Opera */
        -o-transform: rotate(0deg);

        /* Internet Explorer */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }

    .brand p.intro {
        width:100% !important;
    }

}