/* Font Face Definitions */
@font-face {
 font-family: Strawford;
 src: url(/media/fonts/strawford-regular-webfont.woff2);
 font-weight: normal;
}

@font-face {
 font-family: Strawford;
 src: url(/media/fonts/strawford-bold-webfont.woff2);
 font-weight: bold;
}

/* General Styles */
body, h6 {
 font-family: 'Strawford', arial, sans-serif !important;
 color: #24214c;
}

h1, h2, h3, h4, h5,
h1 *, h2 *, h3 *, h4 *, h5 *,
b, strong {
 font-family: 'Strawford', arial, sans-serif !important;
 font-weight: bold;
 color: #24214c;
}

.alert-info {
 display: none;
}

.head {
 padding: 0px 4px !important;
}

.container-fluid.head {
 background: white;
 overflow: hidden;
}

.container.header, .show_slider .header_slider {
 padding: 0 40px;
}

.header img {
 padding: 0;
}

button.menu-toggle-button,
button.menu-close-button,
.powered-by-tradein,
.help_text,
.menu svg,
.help svg,
.faq-section-container .parent_text svg,
.gt_step_one,
.container.header a.unique_text,
.container.header a.unique_text:hover {
 color: #24214c !important;
 fill: #24214c;
}

.heading_1 > *,
.question-text {
 color: #24214c !important;
}

.question-text svg {
 fill: var(--theme-primary-color) !important;
}

.gp_step_one {
 color: #43c174;
}

.g_btn_step_one {
 font-weight: bold;
}

.info {
 border-radius: 0 !important;
 border-color: transparent;
 border-left: 3px solid var(--theme-primary-color);
 background-color: transparent !important;
 padding: 0.2em 1.2em;
}

.grid_content,
.detail_step_two,
.detail_step_three,
.grid_content_step_one,
.side_nav {
 border-color: transparent !important;
 background: #ebf0f7;
 border-radius: 8px;
}

.grid_text_step_one {
 text-align: left !important;
}

.form-control,
.reviews-slider .slider_items {
 border-radius: 8px;
}

.grid_content:hover,
.grid_content_step_one:hover,
.grid_content:active,
.grid_content_step_one:active,
.grid_content:focus,
.grid_content_step_one:focus {
 border-color: transparent !important;
 outline: #24214c solid 2px;
 transition: outline 0s !important;
 box-shadow: 0 5px 8px rgba(0, 0, 0, .15) !important;
}

.btn {
 border-color: transparent !important;
}

.totalitems,
.show_slider .headerimg-container,
.powered-by-tradein,
.detail_step_three.chart {
 display: none !important;
}

.progress > div {
 background: var(--theme-primary-color);
}

.easy-steps,
.simple-steps-container {
 background: #ebf0f7 !important;
}

.the-question-box,
hr {
 border-color: #d9d9d9 !important;
}

.reviews-slider .slider_items .reviewed-by-container .reviewed-by-text span.checkmark-text {
 color: #43c174;
}

.search-bar-container input {
 padding: 1em;
 padding-right: 3em;
 border-color: #757575;
}

.search-bar-container svg {
 left: unset !important;
 right: 1.5em !important;
 position: absolute !important;
 top: 0 !important;
 bottom: 0 !important;
 height: 100% !important;
 fill: #23214c !important;
}

h1.heading_1 {
 position: relative;
 z-index: 2;
}

h1.heading_1:before {
 background: url(/media/images/partners/sph-quote.svg) no-repeat;
 background-size: contain;
 transform: rotate(180deg);
 content: " ";
 display: inline-block;
 width: 1.5em;
 height: 1.5em;
 position: absolute;
 z-index: -1;
 top: -1em;
 left: -0.4em;
}

.price_step_tree .variation-price {
 color: unset;
}

/* Slider Styles */
.show_slider .justbg,
.show_slider .bgcoloronly {
 height: calc(130px + 100vw);
}

.show_slider .justbg {
 background-image: url(/media/images/partners/smartphonehoesjes-header-mobile.png) !important;
 background-color: #ebf0f7;
 background-size: contain !important;
 background-position: center bottom;
 padding: 0 !important;
 border-radius: 0;
 background-repeat: no-repeat !important;
}

.show_slider .bgcoloronly {
 border-radius: unset;
 background: #FFC753 !important;
}

.show_slider .bgcoloronly .question-text span {
 text-decoration: underline;
 margin: 10px 0;
 display: block
}

.show_slider .bgcoloronly .question-text svg {
 display: none;
}

.show_slider .header_slider {
 position: relative;
}

.second_info{
 border-color: transparent;
}

.container-fluid.wysiwyg_editor_text_after_slider.text-after-slider {
 margin-top: 0 !important
}

body{
 border-top: 4px solid #8d1855;
}

/* Media Queries */

/* Medium Devices (Tablets, 768px and up) */
@media (min-width: 768px) {
 .hs_container {
 margin-top: unset;
 position: absolute;
 top: 55%;
 left: 55%;
 transform: translate(-50%, -50%);
 }

 .show_slider .justbg {
 background-image: url(/media/images/partners/smartphonehoesjes-header-desktop.png) !important;
 background-color: #ebf0f7;
 background-size: auto calc(100% - 100px) !important;
 background-position: right -260px bottom;
 padding: 0 !important;
 border-radius: 0;
 background-repeat: no-repeat !important;
 }

 .show_slider .header_slider {
 height: 100%;
 }

 .show_slider .justbg,
 .show_slider .bgcoloronly {
 height: 560px;
 }
 .header a.img{
 width: 260px;
 }
}

/* Large Devices (Desktops, 992px and up) */
@media (min-width: 992px) {
 .show_slider .justbg {
 background-position: right bottom;
 }
}

/* Small Devices (Mobile, max-width: 480px) */
@media (max-width: 480px) {
 .container.header,
 .show_slider .header_slider {
 padding: 0 30px;
 }

 .detail_step_two,
 .detail_step_three {
 background: white !important;
 }

 .header a.img {
 width: 160px;
 }
}

/*Met spijt in mijn hart*/
.step-three-main span.change-options, .step-three-main .st_three_parent_1 .option-button, .step-three-main .st_three_parent_2 .option-button, .step-three-main .st_three_parent_3 .option-button, .step-three-main .st_three_parent_4 .option-button, .step-three-main .section-5-col .detail_step_three .why-sell-to-us, .step-three-main .section-5-col .detail_step-three .how-to-send, .st_child_heading b, .back, .review_heading, .review_heading span b, .review_heading span.total-reviews, .gp_step_one, .g_text_step_one, .step-three-main .section-2-col .je-gegevens, .step-three-main .detail_step_three .actual-option-name, .step-three-main .detail_step_three .actual-option-desc.gratis, .step-three-main .detail_step_three .actual-option-desc.trunks, .step-three-main .detail_step_three .actual-option-desc, .step-three-main .price_step_tree .price, .g_btn_step_four, .g_btn_step_four:hover, .g_btn_step_four:active, .g_btn_step_four:focus, .g_btn_step_four .r_arrow_step_four, .step-four-main .detail_step_three h6.verkoopoverzicht, .the-topbar-slider span.strong, .the-topbar-slider span.light, .the-topbar-slider span.light b, .the-topbar-slider span.gilroy-total-rating, .checkout-heading{
 font-family: unset;
}