* {
    font-family: 'Montserrat', sans-serif;
}

main:not(.homepage) {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-height: calc(100vh - 454px);
}

main:not(.homepage) section:last-child {
    flex: 1 1 0;
}

header {
    position: relative;
}

ul,
menu,
dir {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0;
}

a:hover,
a:active,
a:focus,
a:visited {
    text-decoration: none;
}

a:hover {
    color: #64CCC9;
    transition: color 500ms;
}

h1 {
    font-size: 40px;
    line-height: 42px;
    font-weight: bold;
    color: #823f98;
    padding-bottom: 20px;
}

h2 {
    font-size: 30px;
    line-height: 34px;
    font-weight: bold;
}

h3 {
    font-size: 22px;
    line-height: 25px;
    font-weight: bold;
}

tr {
    border-bottom: 1px solid white;
}

td,
th {
    padding-top: 16px;

}

th {
    text-transform: uppercase;
    padding-bottom: 8px;
}

td {
    padding-bottom: 16px;
    vertical-align: top;
    font-weight: 400;
}

h4 {
    font-size: 30px;
    line-height: 34px;
    font-weight: normal;
}

p {
    font-size: 15px;
    line-height: 20px;
    color: #333333;
}

.text-blue,
a {
    color: #5da9aa;
}

.small-text {
    font-size: 11px;
}

a {
    transition: color 300ms;
}

.event-box:nth-of-type(1) .event-listing {
    background-color: #64CCC9;
}

.event-box:nth-of-type(2) .event-listing {
    background-color: #FF8200;
}

.event-box:nth-of-type(3) .event-listing {
    background-color: #9B26B6;
}

.text-bold {
    font-weight: bold;
}

.text-purple {
    color: #823f98;
}

.text-gray {
    color: #666666;
}

.text-black {
    color: #000000;
}

.text-orange {
    color: #FF8200;
}

.text-dark {
    color: #333333;
}

.text-white {
    color: #ffffff;
}

.text-upper {
    text-transform: uppercase;
}

main,
footer {
    background-color: #f0f0f0;
}

footer>.container {
    padding-top: 40px;
    padding-bottom: 40px;
}

.thanks-banner {
    background-color: #21243b;
    width: 100%;
    height: 85px;
    /* padding-top:18px; */
    display: flex;
    flex-direction: row;
    align-items: center;
}

.partners-header {
    padding-top: 10px;
}

img.sponsor-image {
    height: 50px;
    width: auto;
}

.thanks-banner p {
    font-size: 11px;
    /* font-weight: bold; */
    color: #ffffff;
}

.navbar {
    height: 90px;
}

.navbar .container {
    height: 100%;
}

.navbar-toggler {
    position: absolute;
    top: 25px;
    right: 10px;
    z-index: 1000;
}

.navbar-toggler i {
    color: #fff;
}

.dropdown-toggle::after {
    display: none;
}

.navbar-light .navbar-nav .nav-link {
    color: #ffffff;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}

.navbar-brand {
    position: absolute;
}

.navbar-brand img {
    margin-left: -5px;
    max-height: 100%;
	object-fit:contain;
}

.bg-light {
    background-color: #f0f0f0;
}

.mobile-menu-banner {
    height: 50px;
    width: 100%;
}

.mobile-menu-banner .mobile-header-links {
    display: flex;
    height: 100%;
}

.mobile-menu-banner .mobile-header-links a {
    list-style: none;
    flex: 1 1 0;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    padding-top: 19px;
}

.mobile-menu-banner .mobile-header-links a:nth-child(1),
.bg-purple {
    /* purple */
    background-color: #9B26B6 !important;
}

.mobile-menu-banner .mobile-header-links a:nth-child(2),
.bg-orange {
    /* orange */
    background-color: #FF8200;
}

.mobile-menu-banner .mobile-header-links a:nth-child(3),
.bg-turquoise,
.orange-button.bg-turquoise {
    /* turquoise */
    background-color: #64CCC9;
}

.main-banner {
    width: 100%;
}

.bg-1 .slider-content-2 {
    display: none !important;
}

.slider-content-2 .orange-header {
    width: auto !important;
    max-width: 100%;
}

.bg-2 .slider-content-1 {
    display: none !important;
}

.bg-2 .main-banner .orange-header {
    top: initial;
    bottom: 100px;

}

.bg-2 .main-banner-image {
    background-size: cover;
    background-position: center;
}

.bg-2 .main-banner .purple-header {
    left: 191px;
    bottom: 49px;
    top: inherit;
}

.bg-2 .main-banner .purple-header button {
    background-color: #9B26B6 !important;
}

.main-banner .orange-button p {
    font-size: 20px;
}

.bg-1 .main-banner-image {
    background-image: url('../images/syria-boy.jpg');
}

.main-banner .orange-header {
    background-color: #FF8200;
    position: relative;
    width: 100%;
}

.main-banner .orange-header h2 {
    font-size: 38px;
    line-height: 31px;
}

.main-banner .purple-header {
    /* background-color:#9B26B6; */
    position: relative;
    width: 100%;
}

.main-banner .purple-header h3.text-white {
    font-size: 21px;
    line-height: 30px;
}

.our-mission {
    padding-top: 40px;
    padding-bottom: 40px;
}

.get-involved {
    padding-top: 40px;
}

.events-page .get-involved {
    padding-top: 30px;
}

.events-page .event-box {
    padding-bottom: 40px;
}

.event-flex-container {
    padding-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.event-box {
    padding-bottom: 50px;
    max-width: 305px;
    display: flex;
    flex-flow: column;
}

button {
    padding: 0;
    border: none;
    outline: none;
}

.arrow-button {
    position: absolute;
}

.arrow-button.small {
    bottom: 12px;
    right: 12px;
    height: 32px;
    width: 32px;
}

.arrow-button.large {
    bottom: 20px;
    right: 20px;
    height: 50px;
    width: 50px;
}

.event-category {
    padding-bottom: 0;
    margin-bottom: 0;
}

.event-title {
    margin-bottom: 22px;
}

.event-listing .event-date {
    display: block;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    color: #333333;
}

.events-page .event-listing .event-date {
    font-size: 30px;
    line-height: 34px;
}

.event-listing .event-info {
    color: #000000;
    font-weight: normal;
    display: block;
    font-size: 19px;
    line-height: 22px;
}

.events-page .event-listing .event-info {
    font-size: 30px;
    line-height: 34px;
}

.event-listing {
    flex: 1 1 0;
    padding: 22px;
    position: relative;
}

.event-image {
    height: 205px;
    background-position: center;
    background-size: cover;
}

.newsletter-signup {
    background-color: #21243b !important;
    padding-top: 50px;
    padding-bottom: 50px;
}

.newsletter-signup form {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

.newsletter-signup input {
    padding: 5px 30px 5px 10px;
    flex: 1 1 0;

}

.footer-menu ul {
    display: flex;
    flex-flow: column;
    list-style: none;
    max-height: 110px;
    flex-wrap: wrap;
}

.footer-menu li {
    width: 50%;
    flex-wrap: wrap;
    flex: 1 1 0;
}

.newsletter-signup button[type="submit"] {
    background-color: #FF8200;
    border: none;
    color: #fff;
    font-weight: bold;
}

.about-us section:first-child {
    padding-top: 50px;
    padding-bottom: 40px;
}

.about-us.scoop-crew section:first-child {
    padding-bottom: 10px;
}

.about-us.events-page section:first-child {
    padding-bottom: 30px;
}

.about-us section.img-fw {
    padding: 0;
}

.about-us section.img-fw img {
    width: 100%;
    height: auto;
    min-height: 250px;
    box-sizing: border-box;
    object-fit: cover;
}

.about-us-body {
    padding-top: 60px;
    padding-bottom: 60px;
}

.about-us-body .col-md-6:nth-child(2) {
    display: flex;
    flex-flow: column;
}

.about-us-body .col-md-6:nth-child(2) h3 {
    flex: 1 1 0;
}

.about-us-images.row img {
    flex: 1 1 0;
    object-fit: cover;
}

.event-poster .event-poster-text {
    padding: 32px;
    background-color: #64CCC9;
}

.event-description {
    padding-top: 50px;
    padding-bottom: 20px;
}

.join-the-crew {
    padding-top: 40px;
    padding-bottom: 40px;
}

.join-crew-form {
    background-color: #b9e2e3;
    padding-top: 40px;
    padding-bottom: 40px;
}

.join-crew-poster {
    background-color: #64CCC9;
    padding: 40px;
}

.join-crew-poster ul {
    list-style-image: url('../images/arrow-small.jpg');
}

.join-crew-poster li {
    border-bottom: 1px solid white;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

.orange-button a {
    width: 100%;
    display: flex;
    flex-flow: row;
}

.orange-button p {
    flex: 1 1 0;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 15px;
    font-size: 12px;
    padding-left: 16px;
    padding-right: 16px;
}

.orange-button {
    display: flex;
    flex-direction: row;
    min-width: 250px;
    text-align: right;
    background-color: #FF8200;
    outline: none !important;
}

.orange-button:hover {
    background-color: #ca6b18;
}

.orange-button.bg-turquoise:hover {
    background-color: #5da9aa;
}

.donation-buttons {
    margin-top: 1.5em;
    display: flex;
    flex-flow: row;
    align-items: start;
}

.give-btn {
    background-color: #FF8200 !important;
    color: #fff;
    font-weight: bold;
    border: none;
    text-align: center;
    padding: 16px 24px;
    text-transform: uppercase;

}

.give-recurring-multilevel-label {
    /* display:none !important; */
}

.give-donation-levels-wrap label {
    color: #000;
    font-weight: bold;
}

#give_purchase_form_wrap label {
    font-weight: bold;
}

#tabs>ul {
    display: flex;
    flex-direction: row;
}

#tabs>ul>li {
    flex: 1 1 0;
    max-width: 160px;
    list-style: none;
    border: 1px solid #9B26B6;
    background-color: transparent;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding: 8px 0;
    font-size: 14px;
}

.ui-tabs-active {
    background-color: #9B26B6 !important;
}

.ui-tabs-active a {
    color: #fff !important;
}

#tabs>ul>li>a {
    text-align: center;
    color: #9B26B6;
}

.flex-paragraphs li {
    -webkit-margin-start: 1em;
    -webkit-margin-end: 0.5em;
    font-size: 15px;
}

.flex-paragraphs li:last-child {
    margin-bottom: 1em;
}

.our-team-section h6 {
    font-weight: 600;
}

.our-team-section h4 {
    margin-top: 1em;
}

.our-team-section img {
    margin-left: 30px !important;
}

.our-team-section {
    padding-bottom: 2em;
}

.about-us select {
    border: none;
    padding: 8px;
    font-weight: bold;
    box-shadow: 1px 1px 1px 1px #f0f0f0;
    color: #333;
}

.deals-table-1 tr.d-table-row:nth-child(n+11) {
    display: none !important;
}

.codes-policies {
    padding-top: 30px;
    padding-bottom: 30px;
}

p,
li,
p span,
li span {
    font-size: 15px;
    line-height: 20px;
}

.codes-policies h4:not(:first-of-type) {
    border-top: 1px solid #bbb;
    padding-top: 1em;
}

.codes-policies .codes-logos {
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: wrap;
}

.codes-logos img {
    max-height: 100px;
    width: auto;
}

@media(max-width:575px) {
    .event-box {
        flex-flow: column;
    }

    .list-columns {
        column-count: 1;
    }

    .event-image {
        width: 100%;
        height: calc((100vw - 30px) * 0.64);
    }

    /* Force table to not be like tables anymore */
    .deals-table table,
    .deals-table thead,
    .deals-table tbody,
    .deals-table th,
    .deals-table td,
    .deals-table tr {
        display: block;
    }

    .deals-table table {
        padding-top: 16px;
    }

    .deals-table .d-table-row {
        display: block !important;
    }

    .deals-table table img {
        width: 200px;
        max-width: 100%;
        height: auto;
    }

    .deals-table tr {
        margin: 16px auto;
    }

    .deals-table tr:first-of-type {
        display: none !important;
    }

    .deals-table td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding-top: 6px;
    }

    .deals-table td {
        padding-left: 50%;
    }

    .deals-table td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    /*
	Label the data
    */
    .deals-table td:nth-of-type(1):before {
        content: "PARTNER";
        top: 18px;
    }

    .deals-table td:nth-of-type(2):before {
        content: "CONTACT";
    }

    .deals-table td:nth-of-type(3):before {
        content: "LOCATION";
    }

    .deals-table td:nth-of-type(4):before {
        content: "CATEGORY";
    }

    .deals-table td:nth-of-type(5):before {
        content: "DEAL";
    }

}

.our-team-section img {
    max-width: 300px;
    height: auto;
}

@media(max-height:575px) {
    .main-banner-image {
        max-height: 400px !important;
    }
}

@media(min-width:576px) and (max-width:767px) {
    .events-page .event-image {
        /* width: 100%; */
        height: calc(510px * 0.64);
    }

    .events-page .event-box {
        flex-flow: row;
    }

    .container.deals {
        max-width: fit-content;
    }
}

@media(min-width:576px) {
    .event-box {
        flex-flow: column;

    }

    .events-page .event-image {
        width: 100%;
    }

    .events-page .event-box {
        max-width: initial;
        flex-flow: column;
    }

    .deals-table img {
        max-width: 100px;
    }

    .deals-table td,
    .deals-table th {
        padding-right: 8px;
    }
}

@media(max-width:767px) {
    .main-banner .orange-header h2 {
        line-height: 42px;
    }

    .event-box {
        max-width: initial;
    }

    .about-us-images.row img {
        padding-bottom: 20px;
    }

    .event-poster {
        margin-top: 40px;
    }

    .event-poster .event-poster-text {
        padding: 16px;
    }

}

@media(min-width:768px) {
    .about-us-images.row {
        display: flex;
        flex-flow: row;
    }

    .list-columns {
        column-count: 2;
    }

    .main-banner {
        position: relative;
    }

    .main-banner .orange-header {
        width: 490px;
        position: absolute;
        top: 40%;
        left: 100px;
    }

    .main-banner .orange-header br {
        display: none;
    }

    .main-banner .purple-header {
        width: 490px;
        position: absolute;
        top: calc(40% + 71px);
        left: 150px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .purple-header .bg-purple {
        background-color: #823f98 !important;
    }

    .homepage .event-flex-container,
    .scoop-crew .event-flex-container {
        flex-direction: row;
    }

    .scoop-crew .event-flex-container {
        justify-content: start;
    }

    .scoop-crew .event-flex-container .event-box:first-of-type {
        margin-right: 30px;
    }

    .impact-page .event-info {
        padding-right: 8px;
        padding-bottom: 32px;
    }

    .about-us-body .flex-paragraphs {
        column-count: 2;
    }

    .homepage .event-flex-container .event-box {
        width: calc(33.3333% - 22px);
    }

    .main-banner-image {
        object-fit:contain;
        width: 100%;
        background-image: url('../images/syria-boy.jpg');
        background-size: cover;
        background-position: top left;

    }

    .events-page .event-image {
        width: 50%;
        height: 285px;
    }

    .events-page .event-box {
        flex-flow: row;
    }

    .join-crew-form form {
        padding-right: 40px;
    }

}

@media(max-width:991px) {
    .hidden-md-down {
        display: none;
    }

    form.give-form .form-row {
        width: 100% !important;
    }

    .navbar-collapse.collapse.show {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        background-color: rgb(34, 37, 59);
        padding-top: 80px;
        padding-left: 40px;
        padding-bottom: 40px;
        z-index: 999;
    }

    .navbar-collapse.collapse.show a.nav-link:hover {
        color: #f0f0f0;
    }

    a.nav-link[href*="donate"], a.nav-link[href*="shop"] {
        padding-top: 20px;
        color: #5da9aa !important;
        text-transform: none !important;
    }

    .navbar-collapse.collapsing {
        display: none;
    }

    .navbar-toggler {
        outline: none !important;
    }

    a.dropdown-toggle {
        color: #ffffff !important;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .homepage .event-flex-container .event-image {
        height: 144px;
    }

    .events-page .event-listing .event-date,
    .events-page .event-listing .event-info {
        font-size: 22px;
        line-height: 25px;
    }

    .events-page .event-listing .event-title {
        font-size: 30px;
        line-height: 34px;
    }

    .event-poster-text h4 {
        font-size: 15px;
        line-height: 20px;
    }

}

@media(min-width:992px) {
    ul.navbar-nav li.dropdown:hover>ul.dropdown-menu {
        display: block;
    }

    .list-columns {
        column-count: 3;
    }

    .thanks-banner .row>div {
        display: flex;
        flex-flow: column-reverse;
    }

    .events-page .event-image {
        width: 50%;
        height: 325px;
    }

    .mobile-menu-banner {
        display: none;
    }

    .thanks-banner i {
        color: #fff;
        font-size: 22px;
        padding-left: 11px;
        margin-top: 10px;
    }

    .thanks-banner a {
        font-weight: bold;
        font-size: 11px;
        line-height: 20px;
        vertical-align: bottom;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #333333;
    }

    .navbar-toggler {
        display: none;
    }

    a.nav-link[href*="donate"], a.nav-link[href*="shop"] {
        color: #fff !important;
        padding: 0.5rem 1rem;
        margin-left: 0.5rem;
        width: 100px;
        text-align: center;
    }
	
	a.nav-link[href*="donate"] {
		background-color: #64CCC9;	
	}
	
	a.nav-link[href*="shop"] {
		background-color: #FF8200;
	}
	
	.single-artist .artist-gallery {
        width: 30%;
        float: right;
    }

    .single-artist .flex-paragraphs {
        width: 70%;
        float: left;
    }
}

@media(min-width:992px) and (max-width:1200px) {
    .navbar-brand img {
        width: 310px;
    }
}

@media(min-width:1200px) {
    .events-page .event-image {
        width: 50%;
        height: 370px;
    }
}

/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
    margin-top: 20px;
    margin-bottom: 30px;
}

.ngg-imagebrowser h3 {
    text-align: center;
}

.ngg-imagebrowser-desc {
    clear: both;
}

.ngg-imagebrowser .pic {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #A9A9A9;
}

.ngg-imagebrowser .pic a {
    display: block !important;
    font-size: 0px;
    margin: 5px;
    text-align: center;
}

.ngg-imagebrowser img {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: none;
}

.ngg-imagebrowser-nav {
    padding: 5px;
}

.ngg-imagebrowser-nav .back {
    float: left;
    border: 1px solid #DDDDDD;
    padding: 3px 7px;
}

.ngg-imagebrowser-nav .next {
    float: right;
    border: 1px solid #DDDDDD;
    padding: 3px 7px;
}

.ngg-imagebrowser-nav .counter {
    text-align: center;
    font-size: 0.9em !important;
}

.exif-data {
    margin-left: auto !important;
    margin-right: auto !important;
}

.text-underline {
    text-decoration: underline;
}


/* TEMPLATES: Updated Default Template */

.artist-gallery .ngg-imagebrowser.default-view {
    padding: 0 20px;
    margin: 0 0 20px !important;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    display: flex;
    flex-flow: column;
}

.ngg-imagebrowser.default-view h3 {
    font-size: 18px !important;
    margin: 0 !important;
    padding: 20px !important;
    text-align: center;
    font-weight: bold;
    order: 3 !important;
}

.ngg-imagebrowser.default-view img {
    max-height: 500px;
}

.ngg-imagebrowser.default-view .pic,
.ngg-imagebrowser.default-view .pic a {
    margin: 0;
    border: none;
    box-shadow: none;
    order: 0;
}

.ngg-imagebrowser.default-view .ngg-imagebrowser-nav {
    text-align: center;
    padding: 20px 20px 5px;
    order: 4;
}

.ngg-imagebrowser.default-view .ngg-imagebrowser-nav .back,
.ngg-imagebrowser.default-view .ngg-imagebrowser-nav .next {
    float: none;
    display: inline-block;
    border: none;
    height: 30px;
    padding: 0;
    width: 80px;
    border-radius: 2px;
    cursor: pointer;
    background: #999;
}

.ngg-imagebrowser.default-view .ngg-imagebrowser-nav .back:hover,
.ngg-imagebrowser.default-view .ngg-imagebrowser-nav .next:hover {
    background: #666;
}

.ngg-imagebrowser.default-view .ngg-imagebrowser-nav .fa {
    font-size: 16px;
    color: #fff;
    padding: 0 !important;
    line-height: 30px;
}

.ngg-imagebrowser.default-view .ngg-imagebrowser-nav .fa-chevron-right {
    margin-left: 2px;
}

.ngg-imagebrowser.default-view .ngg-imagebrowser-nav .fa-chevron-left {
    margin-right: 2px;
}

.ngg-imagebrowser.default-view .ngg-imagebrowser-nav a,
.ngg-imagebrowser.default-view .ngg-imagebrowser-nav a:hover,
.ngg-imagebrowser.default-view .ngg-imagebrowser-nav a:focus {
    box-shadow: none;
    text-decoration: none;
    padding: 0;
    border: none;
}

.ngg-imagebrowser.default-view .ngg-imagebrowser-nav .counter {
    /*margin: 20px 0 22px;*/
    font-size: 12px !important;
    color: rgba(150, 150, 150, .7);
    margin: 10px 0 6px;
}

.ngg-imagebrowser.default-view .ngg-imagebrowser-desc {
    text-align: center;
    padding: 0 50px;
    font-size: 14px;
}

.ngg-imagebrowser.default-view .ngg-imagebrowser-desc p:first-of-type {
    margin-top: 0;
    padding-top: 0;
}

.form-row {
    display: flex;
    flex-flow: column;
}

.woocommerce-billing-fields__field-wrapper {
    display: flex;
    flex-flow: column;
}

.woocommerce .col-1, .woocommerce .col-2 {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 800px) {

    .ngg-imagebrowser.default-view .ngg-imagebrowser-nav {
        text-align: center;
        padding: 20px 10px 5px;
    }

    .ngg-imagebrowser.default-view .ngg-imagebrowser-desc {
        padding: 0;
        font-size: 12px;
    }

}

/* ***************** dt@abm styles *************************** */

.auction-h2 {
	text-align: left;
}

form.wpcf7-form {
  margin-left: auto;
	margin-right: auto;
/* 	width: 95%; */
}

.wpcf7-list-item.first {
	margin-left: 1.2em;
}

.wpcf7-recaptcha > div {
    margin: 0 auto;
}

/* targeting only the inputs for checkbox only of contact form 7 via it's main class '.wpcf7' */

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
  .wpcf7 input[type='checkbox'] {
    --active: #ff8200;
    --active-inner: #fff;
    --focus: 2px rgba(39, 94, 254, .3);
    --border: #BBC1E1;
    --border-hover: #ff8200;
    --background: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 21px;
    outline: none;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0;
    cursor: pointer;
    border: 1px solid var(--bc, var(--border));
    background: var(--b, var(--background));
    -webkit-transition: background .3s, border-color .3s, box-shadow .2s;
    transition: background .3s, border-color .3s, box-shadow .2s;
  }
  .wpcf7 input[type='checkbox']:after {
    content: '';
    display: block;
    left: 0;
    top: 0;
    position: absolute;
    -webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
    transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
    transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
  }
  .wpcf7 input[type='checkbox']:checked {
    --b: var(--active);
    --bc: var(--active);
    --d-o: .3s;
    --d-t: .6s;
    --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
  }
  .wpcf7 input[type='checkbox']:disabled {
    --b: var(--disabled);
    cursor: not-allowed;
    opacity: .9;
  }
  .wpcf7 input[type='checkbox']:hover:not(:checked):not(:disabled) {
    --bc: var(--border-hover);
  }
	
/* inputs various desktop ix	*/

	.wpcf7 input[type='number']:hover {
		 border: 1px solid #ff8200 !important;
	}
	.wpcf7 input[type='number'] {
		 border: 1px solid #fff !important;
	}
	 .wpcf7 input[type='text']:hover {
		 border: 1px solid #ff8200 !important;
	}
	.wpcf7 input[type='text'] {
		 border: 1px solid #fff !important;
	}
	.wpcf7 input[type='tel']:hover {
		 border: 1px solid #ff8200 !important;
	}
	.wpcf7 input[type='tel'] {
		 border: 1px solid #fff !important;
	}
	.wpcf7 input[type='email']:hover {
		 border: 1px solid #ff8200 !important;
	}
	.wpcf7 input[type='email'] {
		 border: 1px solid #fff !important;
	}
	 .wpcf7 input[type='url']:hover {
		 border: 1px solid #ff8200 !important;
	}
	.wpcf7 input[type='url'] {
		 border: 1px solid #fff !important;
	}
	.wpcf7 textarea:hover {
		 border: 1px solid #ff8200 !important;
	}
	.wpcf7 textarea {
		 border: 1px solid #fff !important;
	}
	.wpcf7 select:hover {
		 border: 1px solid #ff8200 !important;
	}
	.wpcf7 select {
		 border: 1px solid #fff !important;
	}
/* inputs checkbox ix */
	
  .wpcf7 input[type='checkbox']:focus {
    box-shadow: 0 0 0 var(--focus);
  }
  .wpcf7 input[type='checkbox'] {
    width: 21px;
  }
  .wpcf7 input[type='checkbox']:after {
    opacity: var(--o, 0);
  }
  .wpcf7 input[type='checkbox']:checked {
    --o: 1;
  }
  .wpcf7 input[type='checkbox'] {
		top: -7px;
    border-radius: 3px;
    padding: 16px 16px;
  }
  .wpcf7 input[type='checkbox']:after {
    width: 12px;
    height: 20px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 10px;
    top: 2px;
    -webkit-transform: rotate(var(--r, 20deg));
            transform: rotate(var(--r, 20deg));
  }
  .wpcf7 input[type='checkbox']:not(.switch):checked {
    --r: 43deg;
  }
}


@media (max-width: 599px) {
	form.wpcf7-form {
		width: 95%;
	}
	.codedropz-upload-inner h3 {
		font-size: 14px;
	}
	.auction-h2 {
		padding-left: 2%;
		padding-right: 2%;
		padding-bottom: 30px;
	}
	.wpcf7 p {
		font-size: 16px;
	}
	
}

input.wpcf7-form-control.wpcf7-number {
	border-color: white;
	border-style: none;
	border-radius: 3px;
	padding: 16px !important;
	font-size: 18px;
	width: 34%;
}

.wpcf7 p {
	font-size: 18px;
	font-weight: 500;
}

.capt_sf {
	text-align: center;
}

input.wpcf7-form-control.wpcf7-submit {
	display: block;
}

.codedropz-upload-wrapper {
	width: 98%;
}

.codedropz-upload-inner h3 {
	margin: 5px 0;
	font-size: 18px;
	line-height: 32px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
 background-color: #fff;
 color: #000;
/*  width: 50%; */
}

.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar, .wpcf7-select {
	background-color: #fff !important;
	border: none !important;
	width: 100% !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 3px !important;
	font-size: 14px;
	color: #999 !important;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.wpcf7-submit {
	background-color: #ff8200;
	color: #fff !important;
	margin: 8px auto 0;
	cursor: pointer;
	font-size: 20px;
	font-weight: 500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 20px;
	line-height: 1.7em;
/* 	background: transparent; */
	border: 2px solid #ff8200;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.wpcf7-submit:hover {
	background-color: #fff;
	border-color: #ff8200;
	color: #ff8200 !important;
	padding: 6px 20px !important;
}
/* cf7 overrides end */

.cf-container hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0,0,0,.1);
}

a.scp_dup-dbx {
	display: inline-flex;
	padding-top: 20px;
	font-size: 16px;
}

#drop_uploader_0 {
	border-radius: 3px;
}
#drop_uploader_0:hover {
	border-color: #ff8200;
	border-style: solid;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
.bdr-lt {
	border-left: 0px solid rgba(0,0,0,.1);
}

.bdr-rt {
	border-right: 0px solid rgba(0,0,0,.1);
}

.bdr-top {
	border-top: 0px solid rgba(0,0,0,.1);
}

.bdr-btm {
	border-bottom: 0px solid rgba(0,0,0,.1);
}


.cf-container {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}
.cf-col-1, .cf-col-2, .cf-col-3, .cf-col-4, .cf-col-5, .cf-col-6, .cf-col-7, .cf-col-8, .cf-col-9, .cf-col-10, .cf-col-11, .cf-col-12 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}
@media ( min-width: 576px ) {
	.cf-col-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}
	.cf-push-1 { margin-left: 8.333333%; }
	.cf-col-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.cf-push-2 { margin-left: 16.66667%; }
	.cf-col-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.cf-push-3 { margin-left: 25%; }
	.cf-col-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.cf-push-4 { margin-left: 33.33333%; }
	.cf-col-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.cf-push-5 { margin-left: 41.66667%; }
	.cf-col-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.cf-push-6 { margin-left: 50%; }
	.cf-col-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.cf-push-7 { margin-left: 58.33333%; }
	.cf-col-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.cf-push-8 { margin-left: 66.66667%; }
	.cf-col-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.cf-push-9 { margin-left: 75%; }
	.cf-col-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.cf-push-10 { margin-left: 83.33333%; }
	.cf-col-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.cf-push-11 { margin-left: 91.66667%; }
	.cf-col-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.bdr-lt {
	border-left: 1px solid rgba(0,0,0,.1);
	}

	.bdr-rt {
	border-right: 1px solid rgba(0,0,0,.1);
	}

	.bdr-top {
	border-top: 1px solid rgba(0,0,0,.1);
	}

	.bdr-btm {
	border-bottom: 1px solid rgba(0,0,0,.1);
	}
		
}