﻿.sub .placeholder
.owl-carousel .owl-dots .owl-dot span {
    background: rgba(245,197,71,0.34);
}
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
    background: rgba(245,197,71,1);
}

.sub {
    position: relative;
    width: 100%;
    background-color: white;
}
.sub p {
    font-family: 'Halogen';
    font-size: 16px;
    color: black;
    margin-top: 0;
    /*text-align: left;*/
    text-align: justify;
    text-align-last: center;
    line-height: 21.086px;
    margin-bottom: 26.351px;
}
.sub p.i {
    position: relative;
    padding-left: 45px;
}
.sub p.i .img {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
}
.sub .h1 {
    margin: 25px 0 30px;
    font-family: 'LoveYaLikeASister-Regular';
    font-size: 30px;
    color: #674130;
    line-height: 22px;
    text-align: center;
    letter-spacing: 2.768px;
    text-transform: uppercase;
}
.sub .banner {
    position: relative;
    width: 100%;
    display: flex;
    height: 200px;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.sub.details .banner {
    height: 220px;
}
    .sub .banner .h1 {
        margin: 0;
        font-family: 'LoveYaLikeASister-Regular';
        font-size: 26.754px;
        color: #674130;
        letter-spacing: 2.412px;
        text-transform: uppercase;
    }
.sub .txtWrapper {
    position: relative;
    width: 100%;
    margin-bottom: 22.98px;
}
    .sub .placeholder {
        font-family: 'Halogen';
        font-size: 20.188px;
        color: #514c48;
        text-align: left;
        margin-bottom: 11.559px;
    }
.sub .txtbox {
    width: 100%;
    outline: none;
    box-sizing: border-box;
    border-radius: 4.992px;
    padding: 11.559px 19.270px;
    border: 1px solid rgba(255,255,255,0.3);
    background-color: rgba(255,255,255,0.3);
    box-shadow: inset 1.539px 2.309px 6.156px rgba(0,0,0,0.2);
    background-clip: padding-box;
}

    .sub .txtbox.txtfont {
        font-family: 'Halogen';
    }
    .sub .txtfont {
        font-family: 'Halogen';
        font-size: 14.6px;
        color: #313234;
        text-align: left;
        text-align-last: left;
    }
.sub .error {
    color: red;
    border: 1px solid red;
}
.sub .area {
    resize: vertical;
    min-height: 150px;
}
.sub .captcha_Img {
    position: absolute;
    top: 50%;
    right: 5%;
    z-index: 1;
    height: 70%;
    transform: translateY(-50%);
}
    .sub .button {
        border: 0;
        width: 174.969px;
        outline: none;
        display: block;
        cursor: pointer;
        padding: 16.191px 0;
        margin: 30.828px auto;
        background-color: #725607;
        font-family: 'Halogen';
        font-size: 14.652px;
        color: white;
        text-align: center;
        letter-spacing: 1.328px;
        text-transform: uppercase;
    }
.sub .button:hover {
    background-color: #fb373f;
}
.content {
    position: relative;
    width: 100%;
}
#Brands .owl-carousel .owl-item .item {
    display: block;
    transform: scale(0.84);
}
#Brands .owl-carousel .owl-item:nth-child(odd) .item .img {
    transform: rotate(15deg);
}
#Brands .owl-carousel .owl-item:nth-child(even) .item .img {
    transform: rotate(-15deg);
}

.slideUp {
    opacity: 0;
    transform: translateY(70%);
}
.slideUp.show {
    opacity: 1;
    transform: translateY(0%);
}
.slideUp.delay0 {
    transition-delay: 0ms;
}
.slideUp.delay250 {
    transition-delay: 250ms;
}
.slideUp.delay500 {
    transition-delay: 500ms;
}
.slideUp.delay750 {
    transition-delay: 750ms;
}

@media screen and (min-width: 600px) {

    .sub .banner {
        height: 33.176vw;
    }
    .sub .banner .h1 {
        font-size: 4.459vw;
        letter-spacing: 0.402vw;
    }
}

@media screen and (min-width: 1300px) {

    .sub p {
        font-size: 1.581vw;
        line-height: 1.622vw;
        margin-bottom: 2.027vw;
    }
}

@media screen and (min-width: 1480px) {

    .sub .h1 {
        margin: 0 0 2.027vw;
        font-size: 2.027vw;
        line-height: 1.486vw;
        letter-spacing: 0.187vw;
    }
    .sub p.i {
        padding-left: 3.041vw;
    }
    .sub p.i .img {
        width: 2.027vw;
    }
    .sub.details .banner {
        height: 14.865vw;
    }
    .sub .txtWrapper {
        margin-bottom: 1.553vw;
    }
    .sub .placeholder {
        font-size: 1.364vw;
        margin-bottom: 0.781vw;
    }
    .sub .txtbox {
        border-radius: 0.26vw;
        padding: 0.781vw 1.302vw;
        border: 0.052vw solid rgba(255,255,255,0.3);
        box-shadow: inset 0.104vw 0.156vw 0.417vw rgba(0,0,0,0.2);
    }
    .sub .txtfont {
        font-size: 0.99vw;
    }
    .sub .error {
        border: 0.052vw solid red;
    }
    .sub .area {
        min-height: 10.156vw;
    }
    .sub .button {
        width: 11.823vw;
        font-size: 0.99vw;
        padding: 1.094vw 0;
        margin: 2.083vw auto;
        letter-spacing: 0.09vw;
    }
}
