/* ==========================================================================
Global Settings
========================================================================== */
a:hover { color: #C35E38; }
/*
* Remove text-shadow in selection highlight.
*/
::-moz-selection { background: #b3d4fc; text-shadow: none; } 
::selection { background: #b3d4fc; text-shadow: none; } 

/*
* Body settings, change it as required
*/
body { font-size: 1em; line-height: 1.2; color: #454545; font-family: 'Lato', sans-serif, 'Open Sans', Arial, 'Helvetica Neue', Helvetica; } 
h1, h2, h3, h4, h5, h6 { font-weight: bold; text-rendering: optimizeLegibility; margin-top: 0px; } 
h2 { font-size: 48px; line-height:1.1; } 
h3 { font-size: 24px; line-height:1.5; } 
h4 { font-size: 18px; font-weight: 700; } 

.lead{ font-size: 18px; line-height: calc(26 / 18); font-weight: 400; }

@media screen and (max-width:767px) { 
    h2 { font-size: 28px; }

    .lead{ font-size: 16px; line-height: calc(26 / 16); }
}

button{ background: transparent; border: 0px; padding: 0px; }
button:focus{ outline: 0px; }
button:disabled { background: #BBBABA; pointer-events: none; }
/*
* Links
*/
a, a:hover { text-decoration: none !important; -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } 

/*
* A better looking default horizontal rule
*/
hr { display: block; height: 1px; border: 0; border-top: 2px solid #ccc; margin: 1em 0; padding: 0; } 

/*
* Remove the gap between images and the bottom of their containers.
*/
img { vertical-align: middle; max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; } 

/*
* Allow only vertical resizing of textareas.
*/
textarea { resize: vertical; } 

/*
* Other
*/
*:focus { outline: none !important; } 

/* ==========================================================================
Helper classes
========================================================================== */

img.alignleft { float: left; margin: 0 10px 10px 0; display: block; } 
img.alignright { float: right; margin: 0 0px 10px 10px; display: block; } 
img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-bottom: 10px; } 
.hidden { display: none !important; visibility: hidden; } 
.invisible { visibility: hidden; } 

/*
* Other
*/

.container{ padding: 0px 15px; }

/* ==========================================================================
Layout
========================================================================== */
/* container */
#container { min-width: 320px; overflow-x: hidden; } 

/* ==========================================================================
Common Functionalities & UI Elements
========================================================================== */

/* button */
.button1{ display: inline-block; font-size: 13px; font-weight: 700; color: #ffffff; text-transform: uppercase; text-align: center; border-radius: 3px; background-color: #ea855f; padding: 14px 30px; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s }
.button1:hover{ background-color: #df7149; color: #ffffff; }
.navigation input{ display: inline-block; min-width: 147px; font-size: 13px; border:none; font-weight: 700; color: #ffffff; text-transform: uppercase; text-align: center; border-radius: 3px; background-color: #ea855f; padding: 14px 30px; -webkit-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all .5s cubic-bezier(0.19, 1, 0.22, 1) 0s }
.navigation input:hover{ background-color: #df7149; color: #ffffff; }
/*loader*/
.navigation.text-end.pt-4 {position: relative;}
.navigation .loader {display:none; width: 24px; height: 24px; border: 3px solid #ea855f;border-radius: 50%; border-top: 3px solid  #fff; animation: loader 1s linear infinite;}
.navigation .loader-section { display: inline-block; position: absolute; top: -5px; right: 125px; }
@keyframes loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }
}
/* steps */
.steps-container{ padding: 40px 0px 53px; background: #F5F5F4;  height: 100vh; }
.home .steps-container { padding: 55px 0 40px; }
.steps-container .container { min-height: calc(100vh - 93px); }
.steps-container .container{ position: relative; z-index: 1; }
.steps-container .container::before{ content: ''; background-image: url('../images/bg-pattern1.svg'); background-size: cover; background-repeat: no-repeat; width: 1005px; height: 817px; position: absolute; right: -750px; top: -350px; z-index: -1; -webkit-transform: rotate(-48deg); -ms-transform: rotate(-48deg); transform: rotate(-48deg); }
.steps-container .container::after{ content: ''; background-image: url('../images/bg-pattern3.svg'); background-size: contain; background-repeat: no-repeat; width: 1112px; height: 1112px; position: absolute; right: 58%; top: 45%; z-index: -1; -webkit-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg); }

.home .steps-container .container::after{ width: 1586px; height: 1586px; right: auto; left: 50%; top: 45%; z-index: -1; -webkit-transform:translateX(-50%) rotate(0deg); -ms-transform:translateX(-50%) rotate(0deg); transform:translateX(-50%) rotate(0deg); }

.steps-container h1{ font-size: 40px; color: #60B257; line-height: calc(36 / 30); font-weight: 700; }
.steps-container strong { font-weight: 700; }
.steps-container h2,.steps-container .h2{ font-size: 30px; color: #454545; line-height: calc(36 / 30); font-weight: 700; }
.steps-container p{ font-size: 18px; color: #454545; line-height: calc(28 / 18); font-weight: 300; }
.steps-container p.lead{ font-size: 30px; }
.steps-container header .h2{ color: #60B257; letter-spacing: -0.37px; }
.steps-container header p{ font-size: 20px; font-weight: 300; line-height: calc(24 / 20); }

.steps-container .progress{ background: transparent; max-width: 825px; margin: auto; margin-bottom: 32px; height: auto; padding: 25px 8px; }
.steps-container .progress li{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.steps-container .progress li:last-child{ -webkit-box-flex: 0; -ms-flex: none; flex: none; }
.steps-container .progress li:last-child::after{ display: none; }
.steps-container .progress li::after{ content: ''; height: 2px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; background: #E1E8E3; display: block; margin: 0px 8px; }
.steps-container .progress li span{ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-family: 'Roboto', sans-serif; font-weight: 900; font-size: 18px;  color: #454545; width: 34px; height: 34px; border-radius: 100px; border: 2px solid #E1E8E3; position: relative; }
.steps-container .progress li.completed span{ background: #BBBABA; color: #ffffff; border: 0px; }
.steps-container .progress li.completed span::before{ content: ''; border: 1px solid #ffffff; width: 27px; height: 27px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; }
.steps-container .progress li.completed::after{ background: #BBBABA; }
.steps-container .progress li.active span{ background: -webkit-gradient(linear, left top, left bottom, from(#3AC24A), to(#3A9E46)); background: -o-linear-gradient(top, #3AC24A, #3A9E46); background: linear-gradient(to bottom, #3AC24A, #3A9E46); color: #ffffff; border: 0px; -webkit-box-shadow: 0px 15px 11px rgba(0, 0, 0, .2); box-shadow: 0px 15px 11px rgba(0, 0, 0, .2); }

.steps-container .step h2{ margin-bottom: 26px; }
.steps-container .options-list{ list-style: none; padding-left: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }
.steps-container .options-list li{ padding: 0px 10px; width: 16.66%; margin-bottom: 18px; }
.steps-container .options-list li img{ height: 118px; width: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 3px; border: 1px solid #eaeaea; margin-bottom: 12px; }
.steps-container .navigation .button1{ min-width: 147px; }
.targeting_marketing_error, .sell_location_error, .full_form_error, .age_error, .stock_error,.mail_sent_error,.email_address_required,.vaild_emailaddress,.business_name,.ecommerce_platform_error,.matched_marketplaces,.other_input,.fullfill_other_input {
    color: #dc3232;
    text-align: center;
    margin-bottom: 20px;
}
@media(min-width: 1200px){
    .steps-container .container{ max-width: 986px; }
}

@media(max-width: 991px){
    .steps-container .options-list li{ width: 25%; }
}

@media(max-width: 767px){
    .steps-container, .home .steps-container { padding: 40px 0px; }
    .steps-container h2, .steps-container .h2{ font-size: 24px; line-height: calc(30 / 24); }
    .steps-container p,
    .steps-container header p{ font-size: 16px; line-height: calc(24 / 16); }

    .steps-container .progress li::after{ margin: 0px; }
    .steps-container .progress li span{ font-size: 12px; width: 25px; height: 25px; }
    .steps-container .progress li.completed span::before{ width: 19px; height: 19px; }
    .steps-container .progress li.active span{ -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, .2); box-shadow: 0px 10px 10px rgba(0, 0, 0, .2); }
    .steps-container .progress{ margin-bottom: 20px; }

    .steps-container .options-list li{ width: 33.33%; }

    .steps-container .step h2{ margin-bottom: 12px; }
}

@media(max-width: 575px){
    .steps-container .options-list li{ width: 50%; }
    .steps-container .navigation .button1{ min-width: auto; }
}

/* checkbox */
.checkbox{ position: relative; cursor: pointer; }
.checkbox input {
    position: absolute;
    opacity: 0;
    z-index: 1;
    height: 20px;
    width: 20px;
    border-radius: 3px;
    border: 1px solid #c3c3c1;
    background: #ffffff;
}
.checkbox input:checked ~ span::before{ background-color: #60B257; }
.checkbox input:checked ~ span:after{ display: block; }
.checkbox span{ display: inline-block; position: relative; font-size: 16px; color: #454545; font-weight: 400; padding-left: 35px; margin-bottom: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 20px; }
.checkbox span::before{ content: ""; position: absolute; top: 0px; left: 0px; height: 20px; width: 20px; border-radius: 3px; border: 1px solid #c3c3c1; background: #ffffff; }
.checkbox span::after{ content: ""; width: 7px; height: 12px; position: absolute; left: 7px; top: 2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border: solid #fff; border-width: 0 3px 3px 0; display: none; }

@media(max-width: 575px){
    .checkbox span{ font-size: 14px; }
}

/* list1 */
.list1{ list-style: none; padding-left: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }
.list1 li{ width: 33.33%; padding: 0px 10px; margin-bottom: 20px; }

@media(max-width: 767px){
    .list1 li{ width: 100%; }
}

.arrow-divider li{ position: relative; }
.arrow-divider li::after{ content: ''; position: absolute; right: 0px; top: 43px; background-image: url('../images/double-arrow-right.svg'); background-repeat: no-repeat; background-size: cover; width: 15px; height: 15px; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); }
.arrow-divider li:nth-child(3n):after,
.arrow-divider li:last-child:after{ display: none; }

@media(max-width: 767px){
    .arrow-divider li::after{ right: auto; left: 50%; top: auto; bottom: 0px; -webkit-transform: translateX(-50%) rotate(90deg); -ms-transform: translateX(-50%) rotate(90deg); transform: translateX(-50%) rotate(90deg); margin-bottom: -17px; }
}
 
/* box1 */
.box1{ background: rgba(255, 255, 255, .75); border-radius: 5px; padding: 25px; height: 100%; }
.box1 .d-flex .icon{ -ms-flex-negative: 0; flex-shrink: 0; }
.box1 .d-flex h5:last-child{ margin-bottom: 0px; }
.box1 h5{ font-size: 16px; color: #454545; font-weight: 700; }
.box1 p{ font-size: 16px; }

@media(max-width: 991px){
    .box1{ padding: 25px 15px; }
}

/* icon */
.icon{ background: -webkit-gradient(linear, left top, left bottom, from(#3AC24A), to(#3A9E46)); background: -o-linear-gradient(top, #3AC24A, #3A9E46); background: linear-gradient(to bottom, #3AC24A, #3A9E46); width: 56px; height: 56px; border-radius: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.icon img{ max-height: 26px; }

@media(max-width: 991px){
    .icon{ width: 45px; height: 45px; }
    .icon img{ max-height: 20px; }
}

.bg-dark-blue{ background: #3861D5; }
.bg-blue{ background: #428DDB; }
.bg-red{ background: #DD5835; }
.bg-dark{ background: #414143; }

/* modal */
.modal1 .modal-dialog{ max-width: 839px; padding: 0px 15px; }
.modal1 .modal-content{ padding: 40px 70px; color: #ffffff; border: 0px; -webkit-box-shadow: 0 0 80px rgba(0, 0, 0, 0.2); box-shadow: 0 0 80px rgba(0, 0, 0, 0.2); border-radius: 6px; }
.modal1 .modal-header,
.modal1 .modal-body{ padding: 0px; border: 0px; }
.modal1 .modal-header{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 53px; }
.modal1 .modal-header .brand-logo{ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; padding: 0px 15px; }
.modal1 .modal-header button{ width: 40px; height: 40px; line-height: 1; text-align: center; border-radius: 50%; border: 1px solid #ffffff; }
.modal1 .modal-header .prev{ margin-left: -25px; }
.modal1 .modal-header .next{ margin-right: -25px; }
.modal1 .modal-header button.disabled{ opacity: .5; pointer-events: none; }
.modal1 .modal-header button img{ width: 22px; }

@media(max-width: 991px){
    .modal1 .modal-content{ padding: 40px 30px; }
    .modal1 .modal-header .prev{ margin-left: -10px; }
    .modal1 .modal-header .next{ margin-right: -10px; }
}

@media(max-width: 767px){
    .modal1 .modal-dialog{ padding: 30px 15px; margin-left: auto; margin-right: auto; }
    .modal1 .modal-content{ padding: 30px 15px; }
    .modal1 .modal-header{ margin-bottom: 35px; }
    .modal1 .modal-header .prev{ margin-left: 0px; }
    .modal1 .modal-header .next{ margin-right: 0px; }
    .modal1 .modal-header button{ width: 30px; height: 30px; line-height: .8; }
    .modal1 .modal-header button img{ width: 16px; }
}

/* stats */
.stats{ list-style: none; padding-left: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; }
.stats li{ padding: 18px 15px; width: 33.33%; margin-bottom: -3px; margin-top: 3px; border-right: 2px solid rgba(255, 255, 255, .30); border-bottom: 2px solid rgba(255, 255, 255, .30); text-align: center; }
.stats li:nth-child(3n){ border-right-width: 0px; }
.stats li .value{ display: block; color: #ffffff; font-size: 26px; line-height: 1; font-weight: 900; text-transform: uppercase; margin-bottom: 5px; }
.stats li p{ font-size: 15px; line-height: calc(26 / 15); color: #ffffff; font-weight: 700; }
.stats li>*:last-child{ margin-bottom: 0px; }

@media(max-width: 767px){
    .stats li{ width: 50%; }
    .stats li:nth-child(3n){ border-right-width: 2px; }
    .stats li:nth-child(2n){ border-right-width: 0px; }
}

@media(max-width: 575px){
    .stats li{ width: 100%; border-right: 0px; }
}

/* match-me */
.match-me{ border-radius: 10px; padding: 11px 20px; color: #ffffff; display: inline-block; font-size: 13px; font-weight: 900; background: rgba(255, 255, 255, .10); min-width: 165px; }
.match-me .icon{ width: 36px; height: 36px; border-radius: 50%; line-height: 33px; text-align: center; -webkit-box-shadow: 0 15px 11px rgba(0, 0, 0, 0.2); box-shadow: 0 15px 11px rgba(0, 0, 0, 0.2); background: #ffffff; margin-right: 13px; display: inline-block; vertical-align: middle; }
.carousel { position: relative; }
.my-flipster { background: url(../images/flip-bg.png) no-repeat bottom -40px center; background-size: contain; padding-bottom: 150px;  }
.flipster__button { opacity: 0; }
#flipster-prev,
#flipster-next{ position: absolute; bottom: 120px; left: 50%; transform: translateX(-50%); border-radius: 50%; padding: 5px; background: #454545; }
#flipster-prev{ margin-left: -25px; }
#flipster-next{ margin-left: 25px; }
#flipster-next img , #flipster-prev img { width: 22px; height: 22px; }

.locations { max-width: 440px; margin: 0 auto; }
.locations .checkbox { min-width: 160px; text-align: left; }
.locations .text-center { position: relative; }
.locations .others-option { width: 210px; height: 41px; font-size: 14px; margin-left: auto; margin-top: 15px; margin-right: -35px; }

.form { max-width: 500px; margin: 0 auto; }

.back-btn { text-transform: uppercase; color: #848383; font-size: 13px; font-weight: bold; }
.suggestions { list-style: none; margin:0; padding: 0; text-align: left; margin-left: -10px; margin-right: -10px; }
.suggestions li { display: inline-block; margin: 0px 10px 20px; border-radius: 5px; }
.suggestions li a { width: 220px; height: 124px; display: block; position: relative; overflow: hidden; }
.suggestions li a img { position: absolute; top: 50%; left: 0; transform: translateY(-50%); }
.suggestions .checkbox .icon{ position: absolute; left: -10px; top: -10px; }
.suggestions li { z-index: 10; transform: scale(1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;  }
.suggestions li:hover { z-index: 100; transform: scale(1.1); -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.select-all { float: right; color: #EA855F; text-transform: uppercase; font-weight: bold; font-size: 13px; top: 5px; position:relative; }

@media(max-width: 991px){
    #flipster-prev,
    #flipster-next{ bottom: 100px; }
}
@media(max-width: 575px){
    .steps-container h1 { font-size: 28px; }
    .steps-container p.lead { font-size: 22px; }
    #flipster-prev,
    #flipster-next{ bottom: 80px; }
    .locations .others-option { margin-right: 0px; }
}

/* radio */
.radio{ position: relative; cursor: pointer; user-select: none; }
.radio input { position: absolute; opacity: 0; }
.radio input:checked ~ span::before{ background-color: #60B257; border: 2px solid #60B257; box-shadow: 0px 0px 0px 3px inset #ffffff; }
.radio span{ display: inline-block; position: relative; font-size: 16px; color: #454545; font-weight: 400; padding-left: 35px; margin-bottom: 0px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 20px; }
.radio span::before{ content: ""; position: absolute; top: 0px; left: 0px; height: 22px; width: 22px; border-radius: 50%; border: 2px solid #BFC7C1; }

@media(max-width: 575px){
    .radio span{ font-size: 14px; }
}

/* form-control */
.form-control{ border-color: #E2E7E3; height: 56px; font-size: 16px; color: #454545; }
.form-control::placeholder{ color: rgba(69, 69, 69, .5); }
.form-control:focus{ box-shadow: none; border-color: #60B257; }

@media(max-width: 767px){
    .form-control{ height: 48px; }
}

/* selectbox */
.selectbox{ position: relative; }
.selectbox::after{ content: ''; background-image: url('../images/down-arrow.svg'); background-size: 100%; background-repeat: no-repeat; width: 10px; height: 5px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); }
.selectbox .form-control{ color: #454545; height: 41px; }

/* favourite checkbox */
.favourite.checkbox input:checked~.icon .unchecked{ display: none; }
.favourite.checkbox input:checked~.icon .checked{ display: inline-block; }
.favourite.checkbox input:checked~.unchecked-text{ display: none; }
.favourite.checkbox input:checked~.checked-text{ display: inline-block; }
.favourite.checkbox .icon{ width: 36px; height: 36px; line-height: 36px; display: inline-block; text-align: center; background: #ffffff; box-shadow: 0 15px 11px rgba(0, 0, 0, 0.2); border-radius: 50%; padding: 0px; }
.favourite.checkbox .icon .checked{ display: none; }
.suggestions li .favourite.checkbox .icon { transform: scale(1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;  }
.suggestions li .favourite.checkbox .icon:hover { transform: scale(1.2); -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; }

.favourite.checkbox .unchecked-text{ display: inline-block; }
.favourite.checkbox .checked-text{ display: none; }

.home .steps-container .container::before { display: none; }
.modal.fade .modal-dialog { transform: none !important; }
.flipster__item__content { border-radius: 5px; }

.amazon-bg .flipster__item__content, .suggestions li.amazon { background-color:#252E3D; }
.catch-bg .flipster__item__content, .suggestions li.catch { background-color:#3861D5; }
.ebay-bg .flipster__item__content, .suggestions li.ebay { background-color: #FFFFFF; }
.the-market-bg  .flipster__item__content, .suggestions li.themarket { background-color: #142B30; }
.kogan-bg .flipster__item__content, .suggestions li.kogan { background-color: #414143; }
.my-deal-bg .flipster__item__content, .suggestions li.mydeal { background-color: #DD5835; }
.trade-me-bg .flipster__item__content, .suggestions li.trademe { background-color: #428DDB; } 
.trade-square-bg .flipster__item__content, .suggestions li.tradesquare { background-color: #FFFFFF; }
.westfield-direct-bg .flipster__item__content, .suggestions li.westfielddirect { background-color: #000000; }
.once-it-bg .flipster__item__content, .suggestions li.onceit { background-color: #FFFFFF; }
.the-iconic-bg .flipster__item__content, .suggestions li.theiconic { background-color: #000; }