/* GENERAL STYLES -- START */
h1,h2,h3,h4,h5,h6 { color: #666666; }
::-webkit-scrollbar { width: 5px;height: 7px; }
::-webkit-scrollbar-button { width: 0;height: 0; }
::-webkit-scrollbar-thumb { background: #666; border: 0 none #ffffff; border-radius: 0;}
::-webkit-scrollbar-thumb:active { background: #666; }
::-webkit-scrollbar-track { background: transparent;border: 0 none #ffffff;border-radius: 50px; }
::-webkit-scrollbar-track:active { background: transparent; }
::-webkit-scrollbar-corner { background: transparent; }
.pad-0-forced    {  padding: 0 !important;  }  .pad-0 {  padding: 0;  }  .pad-l-0    {  padding-left: 0;  }  .pad-l-0-forced  {  padding-left: 0 !important;  }  .pad-l-15   {  padding-left: 15px;  }  .pad-l-10   {  padding-left: 10px;  }  .pad-l-5    {  padding-left: 5px;  }  .pad-r-0    {  padding-right: 0;  }  .pad-r-0-forced  {  padding-right: 0 !important;  }  .pad-r-30   {  padding-right: 30px;  }  .pad-r-15   {  padding-right: 15px;  }  .pad-r-10   {  padding-right: 10px;  }  .pad-r-5    {  padding-right: 5px;  }  .pad-t-0    {  padding-top: 0;  }  .pad-t-5    {  padding-top: 5px;  }  .pad-t-10   {  padding-top: 10px;  }  .pad-t-15   {  padding-top: 15px;  }  .pad-b-0    {  padding-bottom: 0;  }  .pad-b-5    {  padding-bottom: 5px;  }  .pad-b-10   {  padding-bottom: 10px;  }  .pad-b-15   {  padding-bottom: 15px;  }
@media ( max-width: 1199px ) {  .m-pad-l-15 {  padding-left: 15px;  }  .m-pad-l-10 {  padding-left: 10px;  }  .m-pad-l-5  {  padding-left: 5px;  }  .m-pad-l-0  {  padding-left: 0;  }  .m-pad-r-15 {  padding-right: 15px;  }  .m-pad-r-10 {  padding-right: 10px;  }  .m-pad-r-5  {  padding-right: 5px;  }  .m-pad-r-0  {  padding-right: 0;  }  }
@media ( max-width: 991px ) {  .s-pad-l-15 {  padding-left: 15px;  }  .s-pad-l-10 {  padding-left: 10px;  }  .s-pad-l-5  {  padding-left: 5px;  }  .s-pad-l-0  {  padding-left: 0;  }  .s-pad-r-15 {  padding-right: 15px;  }  .s-pad-r-10 {  padding-right: 10px;  }  .s-pad-r-5  {  padding-right: 5px;  }  .s-pad-r-0  {  padding-right: 0;  }  }
@media ( max-width: 767px ) {  .x-pad-l-15 {  padding-left: 15px;  }  .x-pad-l-10 {  padding-left: 10px;  }  .x-pad-l-5  {  padding-left: 5px;  }  .x-pad-l-0  {  padding-left: 0;  }  .x-pad-r-15 {  padding-right: 15px;  }  .x-pad-r-10 {  padding-right: 10px;  }  .x-pad-r-5  {  padding-right: 5px;  }  .x-pad-r-0  {  padding-right: 0;  }  .x-pad-0    {  padding: 0;  }  }
@media ( max-width: 435px ) {  .m-pad-b-0  {  padding-bottom: 0 !important;  }  }
.marg-0-forced   {  margin: 0 !important;  }  .marg-l-0  {  margin-left: 0;  }  .marg-l-0-forced {  margin-left: 0 !important;  }  .marg-l-15  {  margin-left: 15px;  }  .marg-l-10  {  margin-left: 10px;  }  .marg-l-5   {  margin-left: 5px;  }  .marg-r-0   {  margin-right: 0;  }  .marg-r-0-forced {  margin-right: 0 !important;  }  .marg-r-15  {  margin-right: 15px;  }  .marg-r-10  {  margin-right: 10px;  }  .marg-r-5   {  margin-right: 5px;  }  .marg-t-0   {  margin-top: 0;  }  .marg-t-5   {  margin-top: 5px;  }  .marg-t-10  {  margin-top: 10px;  }  .marg-t-15  {  margin-top: 15px;  }  .marg-b-5   {  margin-bottom: 5px;  }  .marg-b-10  {  margin-bottom: 10px;  }  .marg-b-15  {  margin-bottom: 15px;  }  .marg-b-30  {  margin-bottom: 30px;  }
@media ( max-width: 1199px ) {  .m-marg-l-15{  margin-left: 15px;  }  .m-marg-l-10{  margin-left: 10px;  }  .m-marg-l-5 {  margin-left: 5px;  }  .m-marg-l-0 {  margin-left: 0;  }  .m-marg-r-15{  margin-right: 15px;  }  .m-marg-r-10{  margin-right: 10px;  }  .m-marg-r-5 {  margin-right: 5px;  }  .m-marg-r-0 {  margin-right: 0;  }  }
@media ( max-width: 991px ) {  .s-marg-l-15{  margin-left: 15px;  }  .s-marg-l-10{  margin-left: 10px;  }  .s-marg-l-5 {  margin-left: 5px;  }  .s-marg-l-0 {  margin-left: 0;  }  .s-marg-r-15{  margin-right: 15px;  }  .s-marg-r-10{  margin-right: 10px;  }  .s-marg-r-5 {  margin-right: 5px;  }  .s-marg-r-0 {  margin-right: 0;  }  }
@media ( max-width: 767px ) {  .x-marg-l-15{  margin-left: 15px;  }  .x-marg-l-10{  margin-left: 10px;  }  .x-marg-l-5 {  margin-left: 5px;  }  .x-marg-l-0 {  margin-left: 0;  }  .x-marg-r-15{  margin-right: 15px;  }  .x-marg-r-10{  margin-right: 10px;  }  .x-marg-r-5 {  margin-right: 5px;  }  .x-marg-r-0 {  margin-right: 0;  }  .x-marg-b-15{  margin-bottom: 15px;  }  .x-marg-b-30{  margin-bottom: 30px;  }  .x-marg-b-0 {  margin-bottom: 0;  }  }
@media( max-width: 1199px ){  .m-text-center   {  text-align: center;  }  }
@media( max-width: 991px ){  .s-text-center   {  text-align: center;  }  }
@media( max-width: 767px ){  .x-text-center   {  text-align: center;  }  }
.p_relative {  position: relative;  }
.f_size_12 *   { font-size: 12px; }  .f_size_13 *   { font-size: 13px; }  .f_size_14 *   { font-size: 14px; }  .f_size_15 *   { font-size: 15px; }  .f_size_16 *   { font-size: 16px; }  .f_size_17 *   { font-size: 17px; }  .f_size_18 *   { font-size: 18px; }
.l_height_16 * { line-height: 16px; }  .l_height_17 * { line-height: 17px; }  .l_height_18 * { line-height: 18px; }  .l_height_19 * { line-height: 19px; }  .l_height_20 * { line-height: 20px; }  .l_height_21 * { line-height: 21px; }  .l_height_22 * { line-height: 22px; }
.l-0{left: 0 !important;}
.r-0{right: 0 !important;}
.t-0{top: 0 !important;}
.b-0{bottom: 0 !important;}
.w-100 { width: 100%; } .w-75{ width: 75%; } .w-50 { width: 50%; } .w-25 { width: 25%; } .w-15 { width: 15%; }
.f-left { float: left; }
.f-right { float: right; }
.d-block { display: block; }
.d-none { display: none; }
.input[disabled], .input[readonly] { background-color: #eee; color: #666666; pointer-events: none; }
.newsletter_agree { line-height: 18px; }
.newsletter_agree .checkmark{ top: 5px; }
.form_agb { color: #777777; line-height: 1.4; }
@media ( min-width: 1199px ) {
	::-webkit-scrollbar-thumb:hover { background: #666; }
	::-webkit-scrollbar-track:hover { background: transparent; }
}
@media ( max-width: 767px ) {
	.w-75{ width: 100%; } .w-50 { width: 100%; } .w-25 { width: 100%; } .w-15 { width: 100%; }
}

/* GENERAL STYLES -- END */

/* Button -- START */
.btn { display: block; position: relative;margin: 2rem auto;padding: 0 25px; line-height: 45px; height: 45px; overflow: hidden;border-width: 0; text-decoration:none; outline: none;border-radius: 2px;background-color: #107FC9;color: #ffffff;transition: background-color .3s;width: 100%;max-width: 320px; cursor: pointer; }
.btn.next_page {  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMxLjQ5IDMxLjQ5IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMS40OSAzMS40OTsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyMnB4IiBoZWlnaHQ9IjIycHgiPjxnPjxwYXRoIGQ9Ik0yMS4yMDUsNS4wMDdjLTAuNDI5LTAuNDQ0LTEuMTQzLTAuNDQ0LTEuNTg3LDBjLTAuNDI5LDAuNDI5LTAuNDI5LDEuMTQzLDAsMS41NzFsOC4wNDcsOC4wNDdIMS4xMTEgIEMwLjQ5MiwxNC42MjYsMCwxNS4xMTgsMCwxNS43MzdjMCwwLjYxOSwwLjQ5MiwxLjEyNywxLjExMSwxLjEyN2gyNi41NTRsLTguMDQ3LDguMDMyYy0wLjQyOSwwLjQ0NC0wLjQyOSwxLjE1OSwwLDEuNTg3ICBjMC40NDQsMC40NDQsMS4xNTksMC40NDQsMS41ODcsMGw5Ljk1Mi05Ljk1MmMwLjQ0NC0wLjQyOSwwLjQ0NC0xLjE0MywwLTEuNTcxTDIxLjIwNSw1LjAwN3oiIGRhdGEtb3JpZ2luYWw9IiNmZmZmZmYiIGNsYXNzPSJhY3RpdmUtcGF0aCIgZGF0YS1vbGRfY29sb3I9IiNmZmZmZmYiIGZpbGw9IiNmZmZmZmYiLz48L2c+IDwvc3ZnPgo="); background-repeat: no-repeat; background-position: center right 15px; margin-bottom: 0; }
.btn.no_arrow { background-image: none; }
.btn:before { content: "";position: absolute;top: 50%;left: 50%;display: block;width: 0;padding-top: 0;border-radius: 100%;background-color: rgba(236, 240, 241, .3);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); }
.btn:active:before { width: 120%;padding-top: 120%;-webkit-transition: width .2s ease-out, padding-top .2s ease-out;transition: width .2s ease-out, padding-top .2s ease-out; }
.btn.cookies_show { width: auto; background-color: transparent; color: #107FC9; display: inline-block; margin: 0 20px 0 0; padding: 0 10px; line-height: 30px; height: 30px; float: left; }
.btn.cookies_accept { width: auto; display: inline-block;  margin: 0 20px 0 0; padding: 0 10px; line-height: 30px; height: 30px; float: left;  }
.btn.gray { background-color: #eeeeee; color: #444444; }
.btn.gray:hover { background-color: #eeeeee; color: #444444; }
@media ( min-width: 1199px ) {
	.btn:hover, .btn:focus { background-color: #0e70b1; }
	.btn.cookies_show:hover { background-color: #ECF0F1; }
}
@media( min-width: 768px ) {
	.btn.cookies_show { float: right; margin: 0 20px 0 20px; }
	.btn.cookies_accept { float: right; margin: 0 20px 0 20px; }
}
/* Button -- END */

@media ( max-width: 767px ) {
	.title { text-align: center; }
}
@media ( max-width: 358px ) {
	.btn.next_page { background-size: 15px; background-position: center right 10px; }
}

/* Input -- START */
.input { background-color: #ffffff; border: 1px solid #aaaaaa; line-height: 40px; height: 40px; padding: 0 15px; font-size: 1rem; margin-bottom: 1rem; }
.has_error .input { border: 1px solid red; }
/* Input -- END */

/* Custom Checkboxes & Radio -- START */
.checkbox,.radio {display: inline-block;position: relative; padding: 4px 15px 4px 25px; margin-bottom: 15px;cursor: pointer;font-size: 1rem;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checkbox input,.radio input { position: absolute;opacity: 0;cursor: pointer; }
.checkmark { position: absolute;top: 2px;left: 0;height: 17px;width: 17px;background-color: #ffffff;border: 1px solid #107FC9;border-radius: 2px;cursor: pointer; }
.checkbox input:checked + .checkmark , .radio:checked input + .checkmark { background-color: #ffffff;border: 1px solid #107FC9;}
.checkmark:after,.radio:after {content: "";position: absolute;display: none;}
.checkbox input:checked + .checkmark:after,.radio input:checked + .checkmark:after {display: block;}
.checkbox .checkmark:after {left: 5px;top: 1px;width: 4px;height: 8px;border: solid #107FC9;border-width: 0 2px 2px 0; -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); }
.radio .checkmark { border-radius: 50%; }
.radio .checkmark:after {left: 3px;top: 3px; width: 9px;height: 9px; background-color: #107FC9; border-radius: 50% }
@media ( min-width: 1199px ) {
	.checkbox:hover input + .checkmark, .radio input:hover + .checkmark  { background-color: #ffffff; }
}
/* Custom Checkboxes & Radio -- END */

/* Radio -- START */
.radio_img { height: auto;max-width: 156px;clear: both;display: block;margin: 0 auto 15px; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; opacity: 0.35; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
input[name="genre"] + .radio_img { max-width: 105px; }
.radio_text { color: #707173;font-weight: 600;font-size: 1.2rem; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; }
.radio_label { display: inline-block;width: 100%;max-width: 155px;margin: 0 auto; cursor: pointer; }
.radio_label.has_error .radio_text { color: red }
.radio_label.active .radio_img { opacity: 1; -webkit-filter: grayscale( 0 ); filter: grayscale( 0 ); }
.radio_label.active .radio_text { color: #107FC9; }
.container.toggle { position: relative; }
.toggle:before { content: ''; display: block; height: 40px; width: 100%; max-width: 310px; position: absolute; z-index: 1; border-radius: 40px; box-shadow: 0 0  0 1px #aaaaaa; left: 50%; bottom: 1.45rem; -webkit-transform: translateX(-50%); transform: translateX(-50%);  }
.toggle .radio_label { position: relative; z-index: 2; -webkit-tap-highlight-color: transparent!important; }
.toggle .radio_label:after { content: ''; width: 100%; height: 40px; left: 0; bottom: 0; background-color: #107FC9; border-radius: 40px; position: absolute; z-index: 1; opacity: 0; -webkit-transition: 0.2s all ease;transition: 0.2s all ease; }
.toggle .radio_label.active:after { opacity: 1;}
.toggle .radio_label img { margin: 0 auto; }
.toggle .radio_label .radio_text { height: 40px; line-height: 40px; }
.toggle .radio_label.active .radio_text { color: #ffffff; }
.toggle .radio_label img, .toggle .radio_label span { position: relative; z-index: 2; }
@media ( max-width: 358px ) {
	input[name="genre"] + .radio_img { max-width: 80px; }
	.radio_img { max-width: 120px; }
	.radio_label { max-width: 120px; }
	.toggle:before { bottom: 1rem; max-width: 240px; }
	.toggle .radio_label .radio_text { font-size: 14px; }
}
/* Radio -- END */

/* Range Slider -- START*/
input[type=range] { -webkit-appearance: none;width: 100%;margin: 8.3px 0; height: 10px; }
input[type=range]:focus { outline: none; }
input[type=range]::-webkit-slider-runnable-track { width: 100%;height: 10px;cursor: pointer;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);background: transparent;border-radius: 30px;border: none; }
input[type=range]::-webkit-slider-thumb { box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);border: none;height: 28px;width: 26px;border-radius: 13px;background: #fbbf00;cursor: pointer;-webkit-appearance: none;margin-top: -8.5px; }
input[type=range]:focus::-webkit-slider-runnable-track { background: transparent; }
input[type=range]::-moz-range-track { width: 100%;height: 10px;cursor: pointer;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);background: transparent ;border-radius: 30px;border: none; }
input[type=range]::-moz-range-thumb { box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);border: none;height: 28px;width: 26px;border-radius: 26px;background: #fbbf00;cursor: pointer; }
input[type=range]::-ms-track { width: 100%;height: 10px;cursor: pointer;background: #fbbf00;border-color: transparent;color: transparent; }
input[type=range]::-ms-fill-lower { background: #fbbf00;border: none;border-radius: 30px;box-shadow:none }
input[type=range]::-ms-fill-upper { background: #cccccc ;border: none;border-radius: 30px;box-shadow: none }
input[type=range]::-ms-thumb { box-shadow: 0 0 0 rgba(0, 0, 0, 0), 0 0 0 rgba(13, 13, 13, 0);border: none; width: 26px;border-radius: 26px;background: #fbbf00;cursor: pointer; height: 26px; }
input[type=range]::-ms-tooltip { display: none; }
input[type=range]:focus::-ms-fill-lower { background: #fbbf00; }
input[type=range]:focus::-ms-fill-upper { background: #cccccc; }
input[type=range] { -webkit-appearance: none;width: 100%;margin: 8.3px 0; }
.range_min_val,.range_max_val, .range_slider{  bottom: -30px; color: #999999; font-size: 1rem; }
.range_min_val,.range_max_val { display: inline-block; position: absolute; }
.range_min_val { left: 0; }
.range_max_val { right: 0; }
input[type=range].range_slider { width: 100%; border-radius: 30px; }
.range_slider_label { max-width: 320px; display: block; margin: 40px auto 25px; position: relative;}
.range_current_value{ position: absolute; left: 0; bottom: 30px; width: 120px; font-size: 2rem; color: #444444; background-color: #ffffff; -webkit-transform: translateX( -50% ); transform: translateX( -50% ); }
.show_tooltip_icon { position: relative; bottom: -2.4rem; margin: -16px auto 0; cursor: pointer; width: 32px; }
.show_tooltip_icon * { -webkit-transition: 0.2s all ease;transition: 0.2s all ease; }
.show_tooltip_icon span { width: 32px; height: 32px; line-height: 32px; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #cccccc; color: #aaaaaa; font-size: 22px; background-color: #ffffff; display: block; text-align: center; }
.show_tooltip_icon.active span  { background-color: #107FC9; color: #ffffff; border: 1px solid #107FC9; }
.tooltip { position: absolute; top: calc( 100% + 10px ); left: 50%; -webkit-transform: translateX( -50% ); transform: translateX( -50% ); font-size: 0.75rem; background: #ffffff; color: #444444; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15); box-shadow: 0 0 15px rgba(0,0,0,0.15); padding: 0.75rem; line-height: 1.4; min-width: 160px; z-index: 999; text-align: left; }
.tooltip:before { content: ''; display: block; width: 0; height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #ffffff transparent; position: absolute; bottom: 100%; left: 50%; -webkit-transform: translateX( -50% ); transform: translateX( -50% ); }
@media ( min-width: 1199px ) {
	.show_tooltip_icon:hover span { background-color: #107FC9; color: #ffffff; border: 1px solid #107FC9; }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	input[type=range] { height: 30px; padding: 0 !important; margin: 0 !important; }
	.range_current_value { bottom: 35px; }
	.range_min_val,.range_max_val, .range_slider{  bottom: -20px; }
}
/* Range Slider -- END*/


/* Select Mask -- START */

.select_mask { max-width: 320px; position: relative; display: block; margin: 0 auto; border: 1px solid #aaa; cursor: pointer; }
.select_mask.has_error { border: 1px solid red }
.s_m_selected { width: 100%; background-color: #ffffff; border-radius: 0; line-height: 45px; height: 45px; padding: 0 30px 0 15px; position: relative; display: block; text-align: left; cursor: pointer; }
.s_m_selected:before{ content: ''; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDYxMiA2MTIiIHN0eWxlPSJmaWxsOiAjYWFhYWFhOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8ZyBpZD0iX3gzMV8wXzM0XyI+DQoJCTxnPg0KCQkJPHBhdGggZD0iTTYwNC41MDEsMTM0Ljc4MmMtOS45OTktMTAuMDUtMjYuMjIyLTEwLjA1LTM2LjIyMSwwTDMwNi4wMTQsNDIyLjU1OEw0My43MjEsMTM0Ljc4Mg0KCQkJCWMtOS45OTktMTAuMDUtMjYuMjIzLTEwLjA1LTM2LjIyMiwwcy05Ljk5OSwyNi4zNSwwLDM2LjM5OWwyNzkuMTAzLDMwNi4yNDFjNS4zMzEsNS4zNTcsMTIuNDIyLDcuNjUyLDE5LjM4Niw3LjI5Ng0KCQkJCWM2Ljk4OCwwLjM1NiwxNC4wNTUtMS45MzksMTkuMzg2LTcuMjk2bDI3OS4xMjgtMzA2LjI2OEM2MTQuNSwxNjEuMTA2LDYxNC41LDE0NC44MzIsNjA0LjUwMSwxMzQuNzgyeiIvPg0KCQk8L2c+DQoJPC9nPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo="); width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; display: block; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY( -50% ) rotate(0deg); transform: translateY( -50% ) rotate(0deg); -webkit-transition: 0.2s all ease;transition: 0.2s all ease; }
.s_m_selected.open:before { -webkit-transform: translateY( -50% ) rotate(180deg); transform: translateY( -50% ) rotate(180deg); }
.s_m_list { position: absolute; display: block; top: 100%; width: 100%; height: 0; max-height: 400px; overflow-y: auto; list-style-type: none; text-align: left; padding: 0; margin: 0; background-color: #ffffff;  -webkit-transition: 0.2s all ease;transition: 0.2s all ease; z-index: 999; }
.s_m_list li { text-align: left; padding: 0 15px; line-height: 45px !important; height: 45px; width: 100%; cursor: pointer; font-size: 14px; }
.s_m_list.active { box-shadow: 0 0 0 1px #aaaaaa; }
.s_m_list li.active { background-color: #dddddd; }
@media ( min-width: 1199px ) {
	.s_m_list li:hover { background-color: #dddddd; }
}
/* Select Mask -- END */


/* App Notice -- START */

.app_notice{ background-color: red; width: 100%; max-width: 738px; color: #ffffff; padding: 0 20px; line-height: 35px; text-align: center; margin: 0 auto; position: relative; -webkit-transition: 0.2s all ease;transition: 0.2s all ease; height: 0; overflow: hidden; }
.app_notice.active { height: 45px; }
.close_message { display: block;position: absolute;top: 8px;right: 20px;width: 20px; height: 20px; z-index: 2; line-height: 20px; cursor: pointer; }
.close_message:after,.close_message:before { content: ''; height: 20px; border-left: 2px solid #fff; position: absolute; left: 8px; }
.close_message:after { transform: rotate(45deg); }
.close_message:before { transform: rotate(-45deg);}
@media ( max-width: 358px ) {
	.app_notice span { font-size: 11px; }
	.close_message { right: 10px; }
}

/* App Notice -- END */


/* Categories -- START */

.categories_list { list-style-type: none; display: block; text-align: center; margin: 0 auto; max-width: 340px; padding: 0; }
.categories_list li { width: 110px; height: 110px; display: inline-block; text-align: center; padding: 5px; }
.categories_list li label { background-color: #ffffff; display: block; height: 100px; width: 100px; cursor: pointer; -webkit-transition: 0.2s all ease;transition: 0.2s all ease;  -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; }
.categories_list li label.has_error { -webkit-box-shadow: 0 0 0 1px red; box-shadow: 0 0 0 1px red ; }
.categories_list li label.active { -webkit-box-shadow: 0 0 0 3px #107FC9; box-shadow: 0 0 0 3px #107FC9; }
.c_l_category_img { width: calc( 100% - 30px ); max-width: 100%; display: inline-block; margin: 10px auto 5px; }
.c_l_category_text { font-size: 12px; width: 100%; display: block; }
@media( min-width: 1199px ) {
	.categories_list li label:hover { -webkit-box-shadow: 0 0 0 3px #107FC9; box-shadow: 0 0 0 3px #107FC9; }
}
@media( min-width: 768px ) {
	.categories_list { max-width: 560px; }
	.categories_list li { width: 150px; height: 150px; }
	.categories_list li label { height: 130px; width: 130px; }
}
@media ( max-width: 358px ) {
	.categories_list li { width: 90px; height: 90px; }
	.categories_list li label { width: 80px; height: 80px; }
	.c_l_category_text { font-size: 11px; }
}

/* Categories -- END */



/* Modal -- START */

.modal_bg,.drawer_bg,.menu_bg { position: fixed; top: 0; left: 0; background-color: rgba( 0, 0, 0, 0.5 ); width: 100vw; height: 100vh; z-index: 9999; opacity: 0; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; }
.modal { top: 0; display: none; }
.modal { position: fixed; top: 15%; left: 50%; background-color: #ffffff; z-index: 9999; opacity: 0; -webkit-box-shadow: 0 0 15px rgba( 0, 0, 0, 0.15 ); box-shadow: 0 0 15px rgba( 0, 0, 0, 0.15 ); -webkit-transform: translateX( -50% ); transform: translateX( -50% ); padding: 60px 20px 20px; width: 100%; max-width: 718px; max-height: 600px; }
.modal-close { position: absolute; top: 20px; right: 20px; width:25px; height: 25px; cursor: pointer; background-repeat: no-repeat; background-position: center; background-size: contain; }
.modal-close:before , .modal-close:after { content: ''; width: 30px; height: 2px; z-index: 2; position: absolute; top: 50%; left: 50%; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; }
.modal-close:before { -webkit-transform: translateY( -50% ) translateX( -50% ) rotate( 45deg ); transform: translateY( -50% ) translateX( -50% ) rotate( 45deg ); }
.modal-close:after { -webkit-transform: translateY( -50% ) translateX( -50% ) rotate( -45deg ); transform: translateY( -50% ) translateX( -50% ) rotate( -45deg ); }
.modal-close:before , .modal-close:after { background-color: #107FC9; }
.modal-title { margin-bottom: 20px; }
.modal-title h2 { font-size: 24px; line-height: 1.2 }
.modal-body, .drawer-body { height: 100vh; overflow-y: auto;display: block; float: left;  width: 100%; }
.modal-body { max-height: 420px; }
.drawer-body { max-height: 600px; max-height: calc( 100vh - 145px ); }
.modal-body p{ font-size: 13px; line-height: 20px; }
.drawer { background-color: #ffffff; position: fixed; top: 120%; left: 50%; width: 100%; max-width: 738px; z-index: 9999;  opacity: 0;  -webkit-transition: 0.5s all ease; transition: 0.5s all ease; -webkit-transform: translateX( -50% ); transform: translateX( -50% ); }
.drawer.active { top: 145px; opacity: 1; }
.drawer-close { width: 40px; height: 40px; background-color: #ff9249; position: absolute; top: -20px; left: 50%; -webkit-transform: translateX( -50% ); transform: translateX( -50% ); -webkit-transition: 0.2s all ease; transition: 0.2s all ease; cursor: pointer;  }
.drawer-close:before , .drawer-close:after { content: ''; width: 25px; height: 2px; z-index: 2; position: absolute; top: 50%; left: 50%; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; }
.drawer-close:before , .drawer-close:after { background-color: #ffffff; }
.drawer-close:before { -webkit-transform: translateY( -50% ) translateX( -50% ) rotate( 45deg ); transform: translateY( -50% ) translateX( -50% ) rotate( 45deg ); }
.drawer-close:after { -webkit-transform: translateY( -50% ) translateX( -50% ) rotate( -45deg ); transform: translateY( -50% ) translateX( -50% ) rotate( -45deg ); }
.drawer-close { background-color: #54c029; }
.drawer-close:before { width: 12px;height: 2px;top: 67%;left: 37%; }
.drawer-close:after { width: 25px;height: 2px;top: 50%;left: 62%; }
.drawer-close:after {-webkit-transform: translateY( -50% ) translateX( -50% ) rotate( -45deg );transform: translateY( -50% ) translateX( -50% ) rotate( -56deg );}
@media ( min-width: 1199px ) {
	.drawer-close:hover { background-color: #cd703c; }
	.drawer-close:hover { background-color: #53a52a; }
}
@media( max-width: 767px ){
	.modal-dialog { top: 0; left: 0; }
	.drawer.active { top: 60px; }
	.modal-body, .drawer-body { max-height: calc( 100vh - 60px); }
	.modal { top: 0; left: 0; -webkit-transform: translateX( 0 ); transform: translateX( 0 );  max-width: 100vw; max-height: 100vh; }
}
@media ( max-width: 358px ) {
	.modal-title h2 { font-size: 18px; }
	.modal-body, .drawer-body { max-height: calc( 100vh - 185px); }
	.modal { height: 100vh; }
}

/* Modal -- END */


/* Calculator -- START */
.dbb_calculator { display: block; width: 100%; max-width: 738px; margin: 0 auto; }
.dbb_calculator .title { margin: 30px auto 15px; }
.d_c_head { background-color: #27ac3d; color: #ffffff; padding: 15px 20px; text-align: left;  }
.d_c_cat_title { width: calc( 100% - 95px); text-align: left; display: inline-block;  }
.d_c_cat_title h5 { width: calc( 100% - 60px ); display: inline-block; vertical-align: middle;  }
.d_c_img { max-width: 60px; max-height: 60px; display: inline-block; vertical-align: middle;  margin-right: 10px; }
.d_c_title { font-size: 16px; line-height: 20px; display: inline-block; vertical-align: middle; width: calc( 50% - 60px ); color: #ffffff; font-weight: 600; }
.d_c_price { font-size: 42px; font-weight: 700; display: inline-block; vertical-align: middle; text-align: center; width: calc( 50% - 20px ); }
.d_c_results { background-color: #1289d8; display: inline-block; text-align: left; width: 100%; }
.d_c_results h4 { color: #ffffff; font-size: 24px; font-weight: 700; line-height: 1; margin-bottom: 5px; }
.d_c_results p { margin: 0; font-size: 12px; font-weight: 400; }
.d_c_r_in { background-color: #0d71b3; display: block; float: left; width: 45%; color: #ffffff; padding: 26px 20px; position: relative; }
.d_c_r_in:after { content: ''; width: 0;height: 0;border-style: solid; border-width: 47.5px 0 47.5px 25px;border-color: transparent transparent transparent #0d71b3; position: absolute; top: 0; right: -24px; }
.d_c_r_out { background-color: #1289d8; display: block; float: left; width: 50%; padding: 26px 20px 26px 18%; color: #ffffff; }
.d_c_categories_container {  background-color: #ffffff; padding-bottom: 35px; position: relative;  }
.d_c_categories { padding: 0; margin: 0; list-style-type: none; }
.d_c_categories li { width: 100%; display: block; border-bottom: 1px solid #e2e2e2; padding: 10px; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; }
.d_c_categories li.active { background-color: #eaeaea; border-bottom: 1px solid #eaeaea; }
.d_c_categories li img { max-width: 40px; max-height: 40px;  display: inline-block; vertical-align: middle; margin-right: 10px; }
.d_c_controls { width: 90px; display: inline-block; vertical-align: middle; text-align: right; }
.d_c_info { width: 30px; height: 30px; display: inline-block; color: #777777; vertical-align: middle; line-height: 30px; margin-left: 10px; font-family: serif; font-weight: 700; font-size: 18px; font-style: italic; cursor: pointer; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; text-align: center; }
.d_c_info:before { content: 'i'; display: inline-block; }
.d_c_remove, .d_c_add { width: 30px; height: 30px; display: inline-block; vertical-align: middle; line-height: 30px; margin-left: 10px; position: relative; cursor: pointer; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; }
.d_c_remove:before , .d_c_remove:after , .d_c_add:before , .d_c_add:after { content: ''; width: 15px; height: 1px; z-index: 2; position: absolute; top: 50%; left: 50%; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; }
.d_c_remove:before , .d_c_remove:after { background-color: red; }
.d_c_add:before , .d_c_add:after { background-color: #107FC9; }
.d_c_remove:before { -webkit-transform: translateY( -50% ) translateX( -50% ) rotate( 45deg ); transform: translateY( -50% ) translateX( -50% ) rotate( 45deg ); }
.d_c_remove:after { -webkit-transform: translateY( -50% ) translateX( -50% ) rotate( -45deg ); transform: translateY( -50% ) translateX( -50% ) rotate( -45deg ); }
.d_c_add_new { position: absolute; bottom: -20px; height: 40px; width: 40px; background-color: #fbbf00; left: 50%; -webkit-transform: translateX( -50% ); transform: translateX( -50% ); cursor: pointer; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; }
.d_c_add_new:before , .d_c_add_new:after { content: ''; width: 22px; height: 2px; background-color: #ffffff; z-index: 2; position: absolute; top: 50%; left: 50%; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; }
.d_c_add_new:before , .d_c_add:before { -webkit-transform: translateY( -50% ) translateX( -50% ) rotate( 90deg ); transform: translateY( -50% ) translateX( -50% ) rotate( 90deg ); }
.d_c_add_new:after , .d_c_add:after { -webkit-transform: translateY( -50% ) translateX( -50% ) rotate( 180deg ); transform: translateY( -50% ) translateX( -50% ) rotate( 180deg );  }
.d_c_notice { background-color: #dadada; font-size: 14px; line-height: 24px; color: #444444; padding: 15px 45px; width: 100%; }

@media( min-width: 1199px ) {
	.d_c_add:hover { background-color: #107FC9; }
	.d_c_info:hover { background-color: #aaaaaa; color: #ffffff; }
	.d_c_remove:hover { background-color: red; }
	.d_c_remove:hover:before , .d_c_remove:hover:after , .d_c_add:hover:before , .d_c_add:hover:after  { background-color: #ffffff; height: 2px; }
	.d_c_add_new:hover {  background-color: #aaaaaa; }
}

.dbb_calculator.v2 .d_c_top_wrap { display: flex; }
.dbb_calculator.v2 .d_c_notice, .dbb_calculator.v2 .d_c_results { width: 60%; background-color: #ffffff; }
.dbb_calculator.v2 .d_c_notice { padding: 30px 15px; text-align: left; line-height: 1.4;  }
.dbb_calculator.v2 .d_c_results { text-align: center; }
.dbb_calculator.v2 .d_c_results h4 { color: #107fc9; font-size: 24px; }
.dbb_calculator.v2 .d_c_results p { font-size: 13px; color: #444444; }
.dbb_calculator.v2 .d_c_r_in { width: 100%; background-color: #dedede; padding: 10px 20px 20px; }
.dbb_calculator.v2 .d_c_r_in:after { border-width: 0 221px 20px 221px;border-color: transparent transparent #dedede transparent; position: absolute; top: -20px; right: 0; }
.dbb_calculator.v2 .d_c_r_out { width: 100%; background-color: #ffffff; padding: 20px 20px 40px; }
.dbb_calculator.v2 .d_c_img { display: none; }
.dbb_calculator.v2 .d_c_title { width: 100%; font-size: 20px; line-height: 1.4; }
.dbb_calculator.v2 .d_c_price { width: 100%; text-align: left; }
.dbb_calculator.v2 .d_c_in:after { }
.dbb_calculator.v2 .d_c_head { width: 40%; padding-left: 8%; padding-top: 50px; background-color: #54c029; }

@media( min-width: 768px ){
	.d_c_r_out { padding: 26px 20px 26px 25%; }
}
@media( max-width: 767px ){
	.dbb_calculator { max-width: 360px; }
	.dbb_calculator.v2 .d_c_r_in:after { border-width: 0 86px 20px 86px; }
	.dbb_calculator.v2 .d_c_notice, .dbb_calculator.v2 .d_c_results{ width: 50%;  }
	.dbb_calculator.v2 .d_c_head { width: 50%; padding-left: 9%; padding-top: 30px; }
}
@media ( max-width: 358px ) {
	.d_c_notice { font-size: 12px; }
	.d_c_price { font-size: 30px; }
	.dbb_calculator.v2 .d_c_r_in:after { border-width: 0 74px 20px 74px; }
	.dbb_calculator.v2 .d_c_results p { font-size: 10px; }
}
/* Calculator -- END */


/* Products -- Modal -- START */
.cat_img { max-width: 65px; max-height: 65px; margin-right: 10px; display: inline-block; vertical-align: top; }
.cat_info { width: calc( 100% - 80px ); display: inline-block; vertical-align: baseline; text-align: left; }
.cat_info h3 { font-size: 24px; width: 100%; margin: 0 0 10px; line-height: 1; font-weight: 400; }
.cat_info p { font-size: 15px; margin: 0; }
.category_products { padding: 0; margin: 0; }
.product_info { width: 100% ; display: block; margin: 0 0 5px; }
.p_i_short { background-color:  #eeeeee; padding: 20px 20px 50px; position: relative; z-index: 2; }
.p_i_short h5 { font-size: 18px; font-weight: 400; line-height: 1; margin: 0 0 12px; width: 100%; }
.p_i_long { background-color: #ffffff; border: 0 solid transparent; font-size: 13px;  padding: 0; opacity: 0; height: 0; -webkit-transition: 0.2s all ease; transition: 0.2s all ease;  }
.p_i_long.active { padding: 20px; border: 1px solid #eeeeee; opacity: 1; height: 300px; }
.p_i_toggle { background-color: #107fc9; cursor: pointer; color: #ffffff; width: 40px; height: 30px; position: absolute; left:50%; bottom: 0; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; -webkit-transform: translateX( -50% ); transform: translateX( -50% );  }
.p_i_toggle:before , .p_i_toggle:after { content: ''; width: 15px; height: 2px; display: block; top: 50%; position: absolute; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; z-index: 2; background-color: #ffffff; }
.p_i_toggle:before { left: 8px; -webkit-transform: translateY( -50% ) rotate( 45deg ); transform: translateY( -50% ) rotate( 45deg ); }
.p_i_toggle:after { right: 8px; -webkit-transform: translateY( -50% ) rotate( -45deg ); transform: translateY( -50% ) rotate( -45deg ); }
.p_i_toggle.active { background-color: #107fc9; bottom: -15px; }
.p_i_toggle.active:before , .p_i_toggle.active:after { background-color: #ffffff; }
.p_i_toggle.active:before { left: 8px; -webkit-transform: translateY( -50% ) rotate( -45deg ); transform: translateY( -50% ) rotate( -45deg ); }
.p_i_toggle.active:after { right: 8px; -webkit-transform: translateY( -50% ) rotate( 45deg ); transform: translateY( -50% ) rotate( 45deg ); }
.p_i_price { font-size: 14px; font-weight: 700; color: #444444; }

@media( min-width: 1199px ) {
	.p_i_toggle:hover { background-color: #105d9b; }
}
@media ( max-width: 358px ) {
	.cat_info h3 { font-size: 20px; }
	.p_i_short h5 {  font-size: 16px; }
}

/* Products -- Modal -- END */


/* Categories -- Drawer -- START */

.drawer .d_c_categories li img { max-width: 60px; max-height: 60px; margin-right: 10px; display: inline-block; vertical-align: middle;  }
.drawer .d_c_t_info { width: calc( 100% - 75px ); display: inline-block; vertical-align: middle; }
.d_c_t_info h5 { font-size:  15px; line-height: 1; margin: 0 0 5px; }
.d_c_t_info p { font-size:  11px; margin: 0; }
@media ( max-width: 358px ) {
	.drawer .d_c_categories li img { max-width: 40px; max-height: 40px; }
	.d_c_t_info h5 { font-size: 12px; width: calc( 100% - 30px ); }
}

/* Categories -- Drawer -- END */

/* Video -- START */
.video_text { text-align: center; }
/* Video -- END */


/* Cookie -- START */
.cookie { display: none; position: fixed; left: 0; bottom: 0; width: 100vw; padding: 20px; background-color: #ffffff; -webkit-box-shadow: 0 0 15px rgba( 0, 0, 0, 0.1 ); box-shadow: 0 0 15px rgba( 0, 0, 0, 0.1 ); z-index: 2; }
.cookie.active { display: block; }
.cookie_message { display: inline-block; font-size: 12px; width: 100%; }
.cookie-title { color: #107fc9; }
.cookie-dialog { display: block; margin: 0 auto; width: 100%; max-width: 738px; }
.cookie .modal-close { -webkit-transform: scale(0.7); transform: scale(0.7); }
@media ( min-width: 768px ) {
	.cookie_message { font-size: 14px; width: auto; }
}
/* Cookie -- END */


/* Table -- START */
.table{ width: 100%; max-width: 718px; font-size: 12px; }
.table th { background-color: #eeeeee; }
.table.cookies td:nth-of-type( 2 ) { width: 40%; }
.table.cookies { min-width: 480px; }
.table th,.table td { padding: 10px; text-align: left; }
.table tr:nth-child( even ) { background-color: #fafafa; }
/* Table -- END */


/* Iframe -- START */
iframe { background-color: #fafafa; background-image: url('../img/icons/video.png'); background-repeat: no-repeat; background-position: center; }
/* Iframe -- END */


/* Back Button -- START */
.btn_page_nav {position: absolute;top: 18px;left: 10px;display: block;width: 35px;height: 35px;cursor: pointer;}
.btn_page_nav:before,.btn_page_nav:after { content: ''; display: block; width: 14px; height: 2px; z-index: 2; position: absolute; background-color: #aaaaaa; }
.btn_page_nav:before {-webkit-transform: rotate( 45deg );transform: rotate( -45deg );top: 12px;left: 9px;}
.btn_page_nav:after {-webkit-transform: rotate( 45deg );transform: rotate( 45deg );bottom: 12px;left: 9px;}
@media ( max-width: 358px ) {
	.btn_page_nav { left: -10px; }
}
/* Back Button -- END  */


/* DBB  Form  -- START */
.dbb_form { max-width: 500px; display: block; margin: 0 auto; }
.dbb_form h4 { margin: 0 0 15px; }
@media( max-width: 767px ) {
	.dbb_form { max-width: 330px; }
}
/* DBB  Form  -- END */


.container.text-tooltip {max-width: 500px;display: block;width: 100%; min-width: initial;}
.container.text-tooltip .text { width: calc( 100% - 52px ); display: inline-block; vertical-align: top; margin: 0; line-height: 1.4; }
.container.text-tooltip .show_tooltip_icon { width: 32px; display: inline-block; vertical-align: middle; bottom: -5px; margin: 0 0 0 15px; }
.salutation_pick { margin: 0 0 20px; display: inline-block; width: 100%;  }
.salutation_pick label { display: inline-block; max-width: 50%; cursor: pointer; }
.salutation_pick label span { background-color: #ffffff; color: #444444; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; font-size: 15px; line-height: 40px; padding: 0 20px; height: 40px; min-width:100px; display: inline-block; text-align: center; width: 100%; }
.salutation_pick label input:checked + span { background-color: #107fc9; color: #ffffff; }
@media( max-width: 767px ) {
	.container.text-tooltip { max-width: 330px; }
}


@media all and (display-mode: standalone) {
	#pwa_install_prompt { display: none; }
}