.insect_overal_dimensions input {
    background-color: #d9d9d9;
}

.insect_overal_dimensions input:hover {
    cursor: no-drop;
}

.configurator_folien select {
    height: 50px;
}

#folien_size div:nth-child(3) {
    margin-bottom: 10px;
}

.alert {
  padding: 20px;
  background-color: #f44336; /* Red */
  color: white;
  margin-bottom: 15px;
}

.alert.warning{
	background-color:#ff9800;
}

.mobile_warning {
    background-color: #25aae3;
}

.alert.info {
    background-color: #d9edf7;
    color: #31708f;
    text-align: center;
}

.help.help-block.error_text {
    color: #fff;
    padding: 5px;
}

/* The close button */
.closebtn {
	position: absolute;
    right: 5px;
    top: 5px;
    color: white;
    font-weight: bold;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
  color: black;
}

.color-picker .closebtn {
    right: 0px;
    top: -20px;
    font-size: 22px;
    line-height: 22px;
    background: #d3d3d3;
    width: 22px;
    text-align: center;
    color: #333;
}

.fn_item_total_dimensions_separator {
    padding-top: 20px;
    padding-left: 0px !important;
    margin-left: -5px;
    height: 70px;
}

.configurator_tur .fn_item_total_dimensions .tooltip,
.configurator_fenster .fn_item_total_dimensions .tooltip {
    display: none;
}

.input-group-lg .input-group-addon {
    display: flex;
}

.tooltip.folien_width.folien_width_tooltip{
	z-index: 1031;
}

.inside_dimensions_horizontal .horizontal_text{
	color: #fff;
    font-size: 20px;
    position: absolute;
    top: -40px;
	width: 100%;
    text-align: center;
}
.inside_dimensions_vertical .vertical_text {
    width: 20px;
    word-break: break-all;
    color: #fff;
    font-size: 20px;
    position: absolute;
    left: -55px;
    top: calc(50% - 117px);
    display: inline-table;
    line-height: 18px;
}

.nischen_horizontal_text{
    position: absolute;
    width: 100%;
    text-align: center;
    color: #000;
    bottom: 18px;
    font-size: 18px;
}

.nischen_vertical_text{
	position: absolute;
    color: #000;
    bottom: 18px;
    font-size: 18px;
    word-break: break-word;
    width: 10px;
    right: 40px;
    top: calc(50% - 126px);
    height: min-content;
    line-height: 18px;
}


.wrong_values{
	background:red!important;
}

.comment_file{
	margin-top:10px;
	margin-bottom:10px;
	cursor: pointer;
}

.insect_net.active_wing:after{
	content: 'A';
    position: absolute;
	left: 48%;
    top: 22%;
    z-index: 5;
    color: white;
    font-size: 40px;
    font-weight: 700;
}

.insect_net.passive_wing:after{
	content: 'P';
    position: absolute;
	left: 48%;
    top: 22%;
    z-index: 5;
    color: white;
    font-size: 40px;
    font-weight: 700;
}

.info_kasette_text_left,
.info_kasette_text_right {
	position:absolute;
    z-index: 5;
    font-size: 20px;
    width: 15px;
    word-wrap: break-word;
    text-transform: uppercase;
    top: calc(50% - 90px);
}

.info_kasette_text_top {
	top: 5px;
    text-align: center;
    width: 100%;
	position:absolute;
    z-index: 5;
    font-size: 20px;
    text-transform: uppercase;
}

.info_kasette_text_left{
	left:10px;
}

.info_kasette_text_right{
	right:10px;
}

.panta1, .panta2, .panta3, .panta4{
	width: 6px;
    height: 30px;
    background: #333;
    z-index: 4;
	border-radius: 3px;
	position: absolute;
}

.panta1, .panta3 {
	top: 10%;
}

.panta2, .panta4 {
	bottom: 10%;
}

.panta1, .panta2 {
	left:0;
}

.panta3, .panta4 {
	right:0;
}

.configurator_insect_protection .fn__window__frame {
	padding:0;
}

.configurator_insect_protection .fn__window__top.fnSchemaExtensionTop,
.configurator_insect_protection .fn__window__bottom.fnSchemaExtensionBottom,
.configurator_insect_protection .fn__window__left.fnSchemaExtensionLeft,
.configurator_insect_protection .fn__window__right.fnSchemaExtensionRight{
	position:absolute;
}

.wall_collor_select .fas {
    font-size: 20px;
}

.wall_collor_select{
	position: absolute;
    left: 10px;
    top: 11px;
    width: 40px;
    height: 40px;
    z-index: 3;
    /* background: url("/wp-content/plugins/windowconfigurator/images/paint_brush.png"); */
    background-size: contain;
    background-repeat: no-repeat;
	cursor:pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wall_collor_select:hover{
	opacity:0.8;
}

.configurator_tur .window_view .wall_collor_select,
.configurator_fenster .window_view .wall_collor_select {
    display: none;
}

.color-group-wall,
.color-group-profile {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
}

.color-group-wall {
    top: 0px;
    right: 1px;
}

.color-group-profile {
    right: -27px;
    top: 12px;
}

.yellow,
.orange,
.red {
    display: block;
    width: 7px;
    height: 7px;
}

.yellow {
    background: #f9d720;
    margin-right: 3px;
}

.orange {
    background: orangered;
    margin-right: 3px;
}

.red {
    background: red;
}

.color-picker > div.col-md-1 {
	padding:0;
	text-align:center;
}

.insect_net{
	background: linear-gradient( 180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 4px,rgba(0,0,0,0.6) 5px ) repeat top left / 5px 5px,linear-gradient( 90deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 4px,rgba(0,0,0,0.6) 5px ) repeat top left / 5px 5px;
}

.insect_net.insect_cloth_horizontal{
	background: linear-gradient( 180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 4px,rgba(0,0,0,0.4) 4px ) repeat top left / 5px 5px,linear-gradient( 90deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 5px,rgba(0,0,0,0.25) 8px ) repeat top left / 16px 4px;
}

.insect_net.insect_cloth_vertical{
	background: linear-gradient( 180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 5px,rgba(0,0,0,0.25) 6px ) repeat top left / 5px 16px,linear-gradient( 90deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 4px,rgba(0,0,0,0.6) 5px ) repeat top left / 5px 5px;
}

.configurator_insect_protection .fn__window__top, 
.configurator_insect_protection .fn__window__right, 
.configurator_insect_protection .fn__window__bottom, 
.configurator_insect_protection .fn__window__left, 
.configurator_insect_protection .fn__window__base {
	border:none;
}

/* .configurator_insect_protection .fn__window__top.fnSchemaExtensionTop {
}

.configurator_insect_protection .fn__window__bottom.fnSchemaExtensionBottom {
}

.configurator_insect_protection .fn__window__right.fnSchemaExtensionRight {
}

.configurator_insect_protection .fn__window__left.fnSchemaExtensionLeft {
} */

.configurator_insect_protection .fn__window.fn__window--rectangle.fn__window--window.fn__window--size_1 {
	border: solid 1px #333;
}

.kapachki_info{
	position: absolute!important;
    left: -20px;
    bottom: 0px;
	z-index: 4!important;
}

.kapachki.folien_view_outside::before {
	content: '';
    display: block;
    height: 8px;
    background: #333;
    position: absolute;
    bottom: 20px;
    width: 160px;
    transform: rotate(-45deg);
    left: -61px;
}

.kapachki.folien_view_outside::after {
    content: '';
    display: block;
    height: 8px;
    background: #333;
    position: absolute;
    bottom: 20px;
    width: 160px;
    transform: rotate(-135deg);
    right: -61px;
}

.kapachki.folien_view_inside::before {
	content: '';
    display: block;
    height: 8px;
    background: #fff;
    position: absolute;
    bottom: 20px;
    width: 160px;
    transform: rotate(-45deg);
    left: -61px;
}

.kapachki.folien_view_inside::after {
    content: '';
    display: block;
    height: 8px;
    background: #fff;
    position: absolute;
    bottom: 20px;
    width: 160px;
    transform: rotate(-135deg);
    right: -61px;
}

#dimension_maker_sill {
    right: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 150px;
    border-top: 1px dashed #000;
    border-bottom: 1px dashed #000;
	z-index:6;
    position: absolute;
    top: 500px;
    height: 76px;
}

#dimension_maker_sill .fn__dimensions__marker--vertical-right.fnSchemaRow1 {
	margin-left: -50px;
}

#dimension_maker_sill .tooltip {
	position:absolute;
	right: 13px;
    top: calc(50% - 10px);
}

#dimension_maker_sill_height {
    right: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 150px;
	z-index: 7;
    position: absolute;
    top: 500px;
	right:-150px;
    height: 76px;
}

#dimension_maker_sill_height .tooltip{
	position: absolute;
    right: -13px;
    top: 6px;
}

#info_sill_height {
	position: absolute;
    top: 3px;
    right: 5px;
}

#dimension_maker_sill_height .fn__dimensions__marker--vertical-right.fnSchemaRow1{
	border-top: dashed 1px;
    border-bottom: dashed 1px;
}


#dimension_maker_kapachka_left {
	display:flex;
	position: absolute;
    bottom: -30px;
	left: -95px;
    width: auto;
    z-index: 3;
}

#dimension_maker_kapachka_left .fa-arrows-alt-h {
	margin-top: 2px;
	margin-left: 3px;
}

#dimension_maker_kapachka_right {
	display:flex;
	position: absolute;
    bottom: -30px;
	right: -95px;
    width: auto;
    z-index: 3;
}

#dimension_maker_kapachka_right .fa-arrows-alt-h {
	margin-top: 2px;
	margin-right: 3px;
}


#dimension_maker_kapachka_left > .fn__dimensions__marker--horizontal-bottom {
	border-right: 1px dashed #000;
	height: 60px;
	margin-right: 0;
    margin-left: 0;
}

#dimension_maker_kapachka_left > .fn__dimensions__marker--horizontal-bottom > .fn__dimensions__marker__arrow--right_out{
	left: unset;
	right: 0px;
}

#dimension_maker_kapachka_left > .fn__dimensions__marker--horizontal-bottom > .fn__dimensions__marker__arrow--left_out {
   right: unset;
   left: 0;
}

#dimension_maker_sill_niche_width {
	position: absolute;
    bottom: -30px;
    width: 100%;
}

#dimension_maker_sill_niche_width .tooltip {
    position: absolute;
    left: calc(50% + 25px);
    bottom: -5px;
	z-index:5;
}

#dimension_maker_sill_niche_width > .fn__dimensions__marker--horizontal-bottom {
	border-right: 1px dashed #000;
	height: 60px;
	margin-right: 0;
    margin-left: 0;
	z-index: 4;
}

#dimension_maker_sill_niche_width > .fn__dimensions__marker--horizontal-bottom > .fn__dimensions__marker__arrow--right_out{
	left: unset;
	right: 0px;
}

#dimension_maker_sill_niche_width > .fn__dimensions__marker--horizontal-bottom > .fn__dimensions__marker__arrow--left_out {
   right: unset;
   left: 0;
}

#dimension_maker_sill_horizontal .tooltip {
	position: absolute;
    left: calc(50% + 40px);
    bottom: -40px;
}

#dimension_maker_sill_horizontal > .fn__dimensions__marker--horizontal-bottom {
	border-right: 1px dashed #000;
	height: 60px;
	margin-right: 0;
    margin-left: 0;
}

#dimension_maker_sill_horizontal > .fn__dimensions__marker--horizontal-bottom > .fn__dimensions__marker__arrow--right_out{
	left: unset;
	right: 0px;
}

#dimension_maker_sill_horizontal > .fn__dimensions__marker--horizontal-bottom > .fn__dimensions__marker__arrow--left_out {
   right: unset;
   left: 0;
}

#sill_horizontal_info{
	width: 100%;
    text-align: center;
    left: 0;
    position: absolute;
    bottom: 10px;
}

#sill_niche_width{
	left: 50%;
	width: 40px !important;
    height: 24px !important;
    line-height: 24px !important;
    margin: -12px 0 -8px -22px !important;
    padding: 2px !important;
    text-align: center!important;
    font-size: 13px;
    color: #000;
}

#product_calculator_schema,
#fnSchemaRatio,
.fn__schema, 
.fn__schema__image,
.fn__window,
.outside_pervazi,
.sill_vorstand,
.sill_edge,
.niche-wrapper > .outside{
	transition-duration: 1s;
}

.Innensonnenschutz{
	transition-duration: 0.3s;
	transition-delay: 0s;
}

.sill_edge{
	position: absolute;
    height: 20px;
    background: #fff;
    z-index: 5;
	border-radius: 5px;
	filter: brightness(0.9);
}

.display_flex {
	display:flex;
}

.schrage.display_flex {
    flex-wrap: wrap;
}

.display_flex fieldset {
	margin-top:0;
}

.folien_info {
	width: 100%;
    height: 30px;
    position: absolute;
    background: #25aae3;
    z-index: 3;
    color: #fff;
}

#profiles_modal > .modal-dialog, #modalHelp > .modal-dialog{
	width:80%;
}

#modalHelp, #profiles_modal{
	z-index: 99999;
}

#modalVideo.modal .close,
#modalHelp.modal .close {
    color: #fff;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: 1;
	margin-right: 20px;
	top: 43px;
}

#modalVideo.modal .close:hover,
#modalHelp.modal .close:hover, 
#modalHelp.modal .close:focus {
	color: #000;
}

#modalHelp .profile-info {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

#modalHelp .profile-info .profile_name {
    margin-bottom: 0px;
}

#modalHelp .profile_slug {
    color: #2196F3;
    font-weight: bold;
    margin-left: 5px;
}

#modalHelp .profile_slug:hover {
    text-decoration: underline;
}

#modalHelp .profile_img {
    max-width: 300px;
}

.folien_info .without_folien{
	position: absolute;
    left: calc(25% - 35px);
    top: 6px;
    width: fit-content;
    height: 20px;
}

.folien_info .with_folien{
    position: absolute;
    left: calc(75% - 35px);
    top: 6px;
    width: fit-content;
    height: 20px;
}

.folien_size_type,.folien_view {
	display:flex;
}

.modal-backdrop {
	z-index: -1;
}

.modal-dialog {
	width:auto;
}

#modalVideo .modal-dialog {
    max-width: 600px;
    margin-top: 60px;
}

.color_info.modal .modal-dialog {
    width: 40%;
}

.color_info.modal .modal-body {
    display: flex;
}

.color_info.modal .modal-content {
    height: 60vh;
}

#modalVideo .modal-content {
    height: auto;
}

#modalAddtoCart .modal-content {
    margin-top: 50px;
    height: unset;
}
#modalAddtoCart .modal-footer {
    text-align: center;
}

#modalAddtoCart .btn.btn-secondary {
    border: none;
    border-radius: 3px;
    text-shadow: none;
    font-weight: 500;
    font-size: 14px;
    text-transform: uppercase;
}

.color_info.modal .modal-header {
    background-color: #1F4255 !important;
}

.color_info.modal p {
    color: #333;
    font-size: 15px;
    font-weight: 600;
}

.color_info.modal .modal-image {
    margin-bottom: 20px;
    height: 300px;
    width: 300px;
    object-fit: cover;
    margin-right: 20px;
}

.glass_holder_size_image{
	background: url("/wp-content/plugins/windowconfigurator/images/glass_holder_size.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 150px;
    height: 75px;
    position: absolute;
    left: -145px;
    z-index: 9;
	bottom: -20px;
}


.fn__window__glass.innensonnenschutz{
	background: url("/wp-content/plugins/windowconfigurator/images/Exterior.webp");
}

#window_wrapper.wall_texture{
	background: url("/wp-content/plugins/windowconfigurator/images/wall_outside.webp");
}

.night_mode#window_wrapper.wall_texture{
	background: url("/wp-content/plugins/windowconfigurator/images/wall_outside_night.webp");
}

.fn__window__glass.innensonnenschutz:before,.fn__window__glass.folien_inside:before,.fn__window__glass.folien_outside:before {
	background-color: unset;
    background-image: unset;
}

.fn__window__glass.folien_inside{
	background: url("/wp-content/plugins/windowconfigurator/images/Exterior.webp");
	background-position: center;
	background-size: cover;
	transition-duration: 1s;
}

.night_mode .fn__window__glass.folien_inside{
	background: url("/wp-content/plugins/windowconfigurator/images/Exterior_night.webp");
	background-position: center;
	background-size: cover;
}

.fn__window__glass.folien_outside{
	background: url("/wp-content/plugins/windowconfigurator/images/Interior.jpg");
	background-position: center;
	background-size: cover;
	transition-duration: 1s; 	
}

.night_mode .fn__window__glass.folien_outside{
	background: url("/wp-content/plugins/windowconfigurator/images/Interior_night.jpg");
	background-position: center;
	background-size: cover;
}

#window_wrapper{
    background: #f1ece1;
	/* background: url("/wp-content/plugins/windowconfigurator/images/wall_inside.jpg"); */
}


.fn__window__glass > #filter_mirror {
    width: 50%;
    height: 100%;
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
	background-position: center;
	background-size: cover;
}

.fn__window__glass.folien_inside > #filter_mirror {
	background-image: url("/wp-content/plugins/windowconfigurator/images/Interior.webp");
	background-position: center;
	background-size: cover;
}

.night_mode .fn__window__glass.folien_inside > #filter_mirror {
	background-image: url("/wp-content/plugins/windowconfigurator/images/Interior_night.webp");
	background-position: center;
	background-size: cover;
}


.fn__window__glass.folien_outside > #filter_mirror {
	background-image: url("/wp-content/plugins/windowconfigurator/images/Exterior.webp");
	background-position: center;
	background-size: cover;
}


.night_mode .fn__window__glass.folien_outside > #filter_mirror {
	background-image: url("/wp-content/plugins/windowconfigurator/images/Exterior_night.webp");
	background-position: center;
	background-size: cover;
}



.fn__window__glass > #filter_color {
    width: 50%;
    height: 100%;
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 50%;
}

.color-picker{
    background: lightgrey;
    padding: 20px;
    z-index: 10;
    position: absolute;
    top: 150px;
    right: 0;
}

.color-picker > div{
	cursor:pointer;
}

.niche_to_roof{
    width: 100px;
    height: 30px;
    position: absolute;
    top: 10px;
	z-index:3;
	right:10px;
}

.color-input{
    position: absolute;
    background-color: rgb(255, 136, 0);
    color: rgb(34, 34, 34);
    left: -200px;
    z-index: 9;
    width: 50px;
}

#niche_to_roof {
	left: 40px;
    top: 16px;	
}

.niche_to_roof > p {
	margin-top: 35px;
    margin-left: 20px;
}

.niche_to_floor{
    width: 100px;
    height: 30px;
    position: absolute;
    top: 160px;
	z-index:3;
	right:10px;
	border-top:unset!important;
}

#niche_to_floor {
	left: 40px;
    top: 16px;	
}

.niche_to_floor > p {
	margin-top: 35px;
    margin-left: 20px;
}


.Innensonnenschutz > .fn__dimensions__marker.bottom_side {
	border-right: 1px dashed #000;
	top: -20px;
	height: 90px
}

.Innensonnenschutz > .fn__dimensions__marker.right_side{
	right: -130px;
    top: 0;
    height: 100%;
    position: absolute;
    border-bottom: 1px dashed #000;
}

.Innensonnenschutz .fn__dimensions__marker--horizontal-bottom{
	margin-right: 0;
    margin-left: 0;	
}

.Innensonnenschutz{
	position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.Innensonnenschutz .rope_holder{
	position: absolute;
    right: 2px;
    top: 7px;
    width: 35px;
    height: 6px;
    border-top: solid 1px #000;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
    border-bottom: solid 2px #000;
}

.kambanka1, .kambanka2, .kambanka3, .kambanka4{
    width: 10px;
    height: 15px;
    border: solid 2px #000;
    background: #fff;
    border-radius: 36%;
    position: absolute;
    top: 100%;
    left: -4px;
}

.Innensonnenschutz .rope1{
    width: 2px;
    background: #000;
    height: 60%;
    position: absolute;
    right: 30px;
    top: 10px;
	z-index: 2;
}

.Innensonnenschutz .rope2{
    width: 2px;
    background: #000;
    height: 60%;
    position: absolute;
    right: 20px;
    top: 10px;
	z-index: 2;
}

.Innensonnenschutz .rope3{
	width: 2px;
    background: #000;
    height: 68%;
    position: absolute;
    right: 14px;
    top: 10px;
    z-index: 2;
}

.Innensonnenschutz .rope4{
	width: 2px;
    background: #000;
    height: 68%;
    position: absolute;
    right: 5px;
    top: 10px;
    z-index: 2;
}

.Innensonnenschutz .holder{
	width: 100%;
    height: 30px;
    background: lightgray;
    border: solid 1px black;
	position: relative;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.75);
}

.Innensonnenschutz .plat{
	position: absolute;
    width: 100%;
    height: 100%;
    border: solid 2px #797979;
	transition-duration: 0.3s;
	border-bottom: unset;
}

.Innensonnenschutz .slats .background{
	position: absolute;
    width: 100%;
    height: 100%;
	transition-duration: 0.3s;
	filter: brightness(75%);
}

.Innensonnenschutz .slats{
    position: relative;
    width: 100%;
    height: calc(100% - 31px);
    overflow: hidden;
}

.Innensonnenschutz .slat{
	width: 100%;
    background: #fff;
    height: 10px;
    border: solid 1px #3e3e3e;
    margin-top: 5px;
	position: relative;
	border-radius: 3px;
	transition-duration: 0.3s
}

.Innensonnenschutz .vertical_slat{
	width: 10px;
    background: #fff;
    height: 100%;
    border: solid 1px #3e3e3e;
    margin-right: 5px;
	position: relative;
	border-radius: 3px;
	float:left;
	transition-duration: 0.3s;
}

.Innensonnenschutz .last_slat{
	width: 100%;
    height: 10px;
    position: relative;
    background: #e8e8e8;
	border:solid 1px #777777;
    border-radius: 2px;
}

.Innensonnenschutz .slat:before,
.Innensonnenschutz .last_slat:before{
	content: '';
    position: absolute;
    width: 90%;
    height: 100%;
    border-right: solid 4px #3e3e3e;
    left: 5%;
    border-left: solid 4px #3e3e3e;
}

.Innensonnenschutz .slat:after,
.Innensonnenschutz .last_slat:after{
	content: ' ';
    position: absolute;
    width: 4px;
    height: 100%;
    background: #3e3e3e;
    left: 50%;
}

.konec1{
    width: 2px;
    height: calc(100% - 7px);
    position: absolute;
    background: #3e3e3e;
    left: calc(5% + 2px);
	transition-duration: 0.3s
}


.konec2{
    width: 2px;
    height: calc(100% - 7px);
    position: absolute;
    background: #3e3e3e;
    left: calc(50% + 1px);
	transition-duration: 0.3s
}


.konec3{
    width: 2px;
    height: calc(100% - 7px);
    position: absolute;
    background: #3e3e3e;
    left: calc(95% - 4px);
	transition-duration: 0.3s
}

.add_to_cart_loader {
    background: rgba(0, 0, 0, 0.5);
    content: '';
    width: 101.5%;
    height: 100.8%;
    z-index: 99999;
    position: absolute;
    display: none;
    margin: -10px;
}

.add_to_cart_loader span {
    font-size: 20px;
    position: sticky;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    top: 50px;
    font-weight: 600;
    color: #fff;
}

.add_to_cart_loader span img {
    margin: 0 auto;
    width: 5%;
    margin-top: 30px;
}

#configurator_add_to_cart.loading {
	background-image: url(/wp-content/plugins/windowconfigurator/images/loading.gif);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
}

#configurator_add_to_cart.loading:hover{
	background:#25aae3;
	background-image: url(/wp-content/plugins/windowconfigurator/images/loading.gif);
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
}

#configurator_add_to_cart {
	width: 200px;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center;
	max-height: 40px;
	text-transform: uppercase;
	font-family: 'Montserrat';
	font-size: 16px;
	border-radius: 2px;
    line-height: 1;
    border: none;
}

.configurator_tur #configurator_add_to_cart:hover,
.configurator_fenster #configurator_add_to_cart:hover {
    cursor: no-drop;
}

.inside_dimensions_horizontal, 
.inside_dimensions_vertical,
.lichtebreite_val,
.lichtehole_val1,
.lichtehole_val2 {
	color:#999;
}

.warning_message{
	position: absolute;
    width: 100%;
    z-index: 5;
    top: 50%;
    margin: auto;
    color: red;
    font-size: 20px;
}

.staklodarjatel {
	position: absolute;
    width: calc(100% + var(--staklodarjatel-coeficient));
    height: calc(100% + var(--staklodarjatel-coeficient));
    top: var(--staklodarjatel-pos);
    left: var(--staklodarjatel-pos);
    border: solid 1px #525252;
}

.configurator_insect_protection .fn__window__sprossen span:not(:first-child):before {
    background: var(--spossen-color, #fff);
}

.configurator_insect_protection .fn__window__sprossen span.wide_profile:not(:first-child):before {
    width: var(--wide-profile);
	margin-left: var(--wide-profile-left);
}

.configurator_insect_protection .fn__window__sprossen span.high_height:not(:first-child):before {
    height: var(--wide-profile);
	margin-top: var(--wide-profile-left);
}

.configurator_insect_protection .fn__window__sprossen span.double_wide_profile:not(:first-child):before {
    width: calc(var(--wide-profile) * 2);
	margin-left: calc(var(--wide-profile-left) * 2);
}

.double_wide_profile > div {
	width: 1px;
    height: 100%;
    border: solid 1px #333;
    z-index: 0;
    position: absolute;
	left:0;
}

.fnWindowWing1 .stulp {
    position: absolute;
    z-index: 4;
    bottom: 0px;
    right: 4px;
    font-size: xx-small;
}

.fnWindowWing2 .stulp {
    position: absolute;
    z-index: 4;
    bottom: 0;
    left: 4px;
	font-size: xx-small;
}

#window_wrapper{
	transition: all 1s ease 0s;
    position: sticky;
    position: -webkit-sticky;
    top: var(--wrapper-top);
    height: max-content;
    padding: 0px;
}

.razrez {
	position:absolute;
	width:var(--razrez-width);
	display:none;
}

.razrez.left_top{
    left: var(--razrez-pos);
    top: var(--top-extension);
}

.razrez.left_middle{
	left: var(--razrez-pos);
    top: var(--right-middle-pos);
}

.razrez.left_bottom, .razrez.left_bottom_al_prag{
	left: var(--razrez-pos);
    bottom: var(--bottom-extension);
}

.razrez.bottom_left {
    left: var(--left-extension);
    bottom: calc(var(--razrez-pos) - 55px);
}

.configurator_insect_protection .razrez.bottom_left {
    left: var(--left-komarnik);
}

.razrez.bottom_middle {
	left: var(--bottom-middle-pos);
    bottom: calc(var(--razrez-pos) - 55px);
}

.configurator_insect_protection .razrez.bottom_middle {
	left: calc((var(--bottom-middle-pos) / 2) - var(--wide-profile-left));
}

.configurator_insect_protection .razrez.bottom_middle.mirror_razrez {
	width: calc(var(--razrez-width) * 2);
	left: calc((var(--bottom-middle-pos) / 2) + var(--wide-profile-left));
	display:flex;
}

.configurator_insect_protection .razrez.bottom_middle.mirror_razrez > img {
	width: var(--razrez-width);
	height: var(--razrez-width);

}

.razrez.bottom_right {
    right: var(--right-extension);
    bottom: calc(var(--razrez-pos) - 55px);
}

.razrez.bottom_right {
    right: var(--right-komarnik);
}

.razrez.right_top{
	right: calc(var(--razrez-pos) - 55px);
    top: var(--top-extension);
    width: var(--razrez-width);
}

.configurator_insect_protection .razrez.right_top{
    top: var(--top-komarnik);
}

.razrez.right_middle{
	right: calc(var(--razrez-pos) - 55px);
    top: var(--right-middle-pos);
    width: var(--razrez-width);
}


.configurator_insect_protection .razrez.right_middle{
    top: calc(50% + var(--right-middle-pos-komarnik) - var(--wide-profile-left));
}

.razrez.right_bottom, .razrez.right_bottom_al_prag{
	right: calc(var(--razrez-pos) - 55px);
    bottom: var(--bottom-extension);
    width: var(--razrez-width);	
}

.configurator_insect_protection .razrez.right_bottom{
    bottom: var(--bottom-komarnik);
}

.inside_dimensions_horizontal{
    z-index: 5;
    position: absolute;
	bottom:0;
	width:calc(100% - 16px); 
	height:1px; 
	background:#aaa; 
	margin:8px 8px 25px 8px;
}

.configurator_insect_protection .inside_dimensions_horizontal {
	width: calc(100% + 6px);
	margin: 8px 8px 25px -3px;
}

.fn__window #bottom_left_razrez{
	width: var(--left-lichtebreite);
    bottom: -90px;
    left: calc(0px - var(--razrez-pos) + var(--ushiritel-left));
	margin: 0;
}

.fn__window #bottom_right_razrez{
	width: var(--right-lichtebreite);
    bottom: -90px;
    right: calc(0px - var(--razrez-pos));
	margin: 0;
}

.fn__window #left_top_razrez{
	position:absolute;
	left:calc(100% + 70px + var(--razrez-width) / 2);
	top: calc(var(--razrez-width) + var(--ushiritel-top) + 7px);
	height: var(--height--top-razrez);
	margin: 0;
}

.fn__window #left_bottom_razrez{
	position:absolute;
	left:calc(100% + 70px + var(--razrez-width) / 2);
	top: calc(var(--razrez-width) * 2 + var(--height--top-razrez) + var(--ushiritel-top) + 22px);
	height: var(--height--bottom-razrez);
	margin: 0;
}

.lichtebreite {
	position: absolute;
	left: 0;
    right: 0;
    top: -23px;
}

.lichtebreite.vertical1 {
	transform: rotate(90deg);
    top: calc(var(--height--top-razrez) / 2 - 40px);
    left: 10px;
}

.lichtebreite.vertical2 {
	transform: rotate(90deg);
    top: calc(var(--height--bottom-razrez) / 2 - 40px);
    left: 10px;
}

.lichtehole_val1 {
	position: absolute;
    transform: rotate(90deg);
    top: calc(var(--height--top-razrez) / 2 - 10px);
    left: -28px;
}


.lichtehole_val2 {
	position: absolute;
    transform: rotate(90deg);
    top: calc(var(--height--bottom-razrez) / 2 - 10px);
    left: -28px;
}

.inside_dimensions_horizontal > input{
	background: #fff;
    border: transparent;
	color: #999;
    text-shadow: 0 1px 0 #fff;
    box-shadow: none;
	width: 50px;
    height: 30px;
    text-align: center;
    position: absolute;
    left: calc(50% - 20px);
    bottom: -14px;
}

.inside_dimensions_horizontal .arrow-right {
	position:relative;
	width: 0; 
	height: 0; 
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #aaa;
	float:right;
	margin-top:-6px;
	margin-right:-6px;
}

.inside_dimensions_horizontal .arrow-left {
	position:relative;
	width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    float: left;
    border-right: 6px solid #aaa;
    margin-top: -6px;
    margin-left: -6px;
}

.inside_dimensions_vertical{
    z-index: 5;
    position: relative;
	left: calc(100% - 40px);
    height: calc(100% - 10px);
	border-left: 1px solid #aaa;
	margin:8px 8px 8px 8px;
}

.configurator_insect_protection .inside_dimensions_vertical{
	height: calc(100% + 12px);
	margin: -3px 8px 8px 8px;
}

.inside_dimensions_vertical > input{
	background: #fff;
    border: transparent;
    color: #999;
    text-shadow: 0 1px 0 #fff;
    box-shadow: none;
    width: 50px;
    height: 30px;
    text-align: center;
    position: absolute;
    left: -25px;
    top: calc(50% - 15px);
}

.inside_dimensions_vertical .arrow-top {
	position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #aaa;
    margin-top: -6px;
    margin-left: -6px;
}

.inside_dimensions_vertical .arrow-bottom {
	position: absolute;
    bottom: 0;
    top: auto;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #aaa;
    margin-top: -6px;
    margin-left: -6px;
}

.fn_al_prag_bottom {
    position: absolute;
    border: 1px solid;
    z-index: 2;
    width: 100%;
    left: 0;
    bottom: 0;
}

.configurator_insect_protection .fn_al_prag_bottom {
	display:none!important;
}
.fn_pervaz_zad_komarnika {
	position:absolute;
	display:none;
}

.configurator_insect_protection .fn_pervaz_zad_komarnika {
	display:block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    background: white;
    z-index: 4;
    border: solid 1px #333;
}

.configurator_insect_protection .fn_pervaz_zad_komarnika:before{
	content: '';
	position: absolute;
	z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
	/*background: linear-gradient( 180deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 4px,rgba(0,0,0,0.6) 5px ) repeat top left / 5px 5px,linear-gradient( 90deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 4px,rgba(0,0,0,0.6) 5px ) repeat top left / 5px 5px;*/
}

.otvodnitel1, .otvodnitel2 {
	position:absolute;
	display:none;
	bottom: 10px;
    width: 20px;
    height: 5px;
    border: solid 2px #333;
	border-radius: 7px;
    z-index: 1;
}

.configurator_insect_protection .otvodnitel1 {
	display:block;
	left: 20%;
}

.configurator_insect_protection .otvodnitel2 {
	display:block;
	right: 20%;
}

.configurator_insect_protection #fn_al_prag{
	margin-top:20px;
}

#fn_podkasov_profil > input,
#fn_al_prag > input,
#fn_warm_edge > input {
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}

#fn_podkasov_profil {
    margin-top: 20px;
}

.niche_pad {
	display:none;
	margin: -100px;
    width: 170%;
    height: 150%;
    background: #8080801c;
    z-index: -1;
    position: absolute;
}

.product_color,.product_color_slat {
    width: 25%;
    height: 100px;
    float: left;
    padding: 10px;
    text-align: center;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border: solid 2.5px #fff;
    position: relative;

}

#see_color_info,
#see_main_color_info {
    position: absolute;
    right: 0px;
    top: -1px;
    background: #fff;
    width: 20px;
}

.fields_header > #see_color_info,
.fields_header > #see_main_color_info {
    top: 10px;
}

.fields_header > #see_color_info .fa-search-plus,
.fields_header > #see_main_color_info .fa-search-plus {
    margin-left: 2px;
}

.product_color, .product_color > *,
.product_color_slat, .product_color_slat > * {
    cursor: pointer;
}

#current_color,
#current_color_slat,
.product_color label,
.product_color_slat label {
    text-shadow: 1px 1px 3px #000;
    font-weight: 600;
    color: #fff;
}

.product_color > input,
.product_color_slat > input {
    display: none;
}

.product_montage {
    width: 25%;
    height: 75px;
    float: left;
    padding: 10px;
    text-align: center;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border: solid 2.5px #fff;
}

.configurator_insect_protection .product_montage p {
    font-size: 12px;
}

.configurator_insect_protection .product_montage {
	padding: 5px;
}

.product_montage, .product_montage > * {
    cursor: pointer;
}

.product_montage > input {
    display: none;
}

.product_montage:hover, .choisen {
	border: solid 1px rebeccapurple;
}

.product_montage.disabled{
	border: unset;
	opacity:0.5;
}

#fn_color_matt, 
.choice_adjustment, 
.choice_lamel_size, 
.choice_collection_position {
    display: flex;
    flex-direction: row;
	margin-bottom: 20px;
}

#fn_color_matt {
	justify-content: center;
}

.choice_adjustment, 
.choice_lamel_size, 
.choice_collection_position {
	justify-content: flex-start;
}

#fn_matt label {
    padding-left: 5px;
}

.fields_header {
    height: 100px;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
}

.fields_header > h2 {
    margin-bottom: 15px;
}

.current_color,
.selected_group_product,
#current_opening_type,
#current_staklopaket,
#current_wings_type,
#current_handle,
#current_profile,
#current_color,
#current_color_slat,
#current_sprossen {
    width: 100px;
	overflow:hidden;
    height: 100px;
    text-align: center;
    padding: 5px;
    background-repeat: repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    top: 0px;
    margin-top: 10px;
}

#current_color,
#current_color_slat {
    padding-top: 20px;
}

#fn_colors_slat .color_price,
#fn_colors_outside .color_price {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: rgba(0,0,0, 0.5);
    padding: 3px;
    color: #fff;
}

#fn_colors_slat .fields_header .color_price,
#fn_colors_outside .fields_header .color_price {
    bottom: -10px;
}

/* =========== SINGLE WINDOW OPTIONS =========== */

.top_right {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/top_right.png');
}

.top_left {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/top_left.png');
}

.right_handle {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/right.png');
}

.left_handle {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/left.png');
}

.no_opening {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/no_opening.png');
}

.top_top_handle {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/top_top_handle.png');
}

.top_left_handle {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/top_left_handle.png');
}

.top_right_handle {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/top_right_handle.png');
}



/* =========== SINGLE WINDOW OPTIONS =========== */

.single_wing_1 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/top_right.png');
}

.single_wing_2 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/top_left.png');
}

.single_wing_3 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/right.png');
}

.single_wing_4 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/left.png');
}

.single_wing_5 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/no_opening.png');
}

.single_wing_6 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/top_top_handle.png');
}

.single_wing_7 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/top_left_handle.png');
}

.single_wing_8 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/top_right_handle.png');
}


/* =========== TWO WINDOW OPTIONS =========== */

.two_wings_1 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/two_wings/type_1.png');
}

.two_wings_2 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/two_wings/type_2.png');
}

.two_wings_3 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/two_wings/type_3.png');
}

.two_wings_4 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/two_wings/type_4.png');
}

.two_wings_5 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/two_wings/type_5.png');
}

.two_wings_6 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/two_wings/type_6.png');
}

.two_wings_7 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/two_wings/type_7.png');
}

.two_wings_8 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/two_wings/type_8.png');
}

.two_wings_9 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/two_wings/type_9.png');
}

.two_wings_10 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/two_wings/type_10.png');
}

.two_wings_11 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/two_wings/type_11.png');
}

.two_wings_12 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/two_wings/type_12.png');
}

.two_wings_13 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/two_wings/type_13.png');
}

.two_wings_14 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/two_wings/type_14.png');
}

.two_wings_15 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/two_wings/type_15.png');
}

.two_wings_16 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/two_wings/type_16.png');
}


/* =========== THREE WINDOW OPTIONS =========== */

.three_wings_1 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_1.png');
}

.three_wings_2 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_2.png');
}

.three_wings_3 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_3.png');
}

.three_wings_4 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_4.png');
}

.three_wings_5 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_5.png');
}

.three_wings_6 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_6.png');
}

.three_wings_7 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_7.png');
}

.three_wings_8 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_8.png');
}

.three_wings_9 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_9.png');
}

.three_wings_10 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_10.png');
}

.three_wings_11 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_11.png');
}

.three_wings_12 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_12.png');
}

.three_wings_13 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_13.png');
}

.three_wings_14 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_14.png');
}

.three_wings_15 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_15.png');
}

.three_wings_16 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_16.png');
}

.three_wings_17 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_17.png');
}

.three_wings_18 {
    background: url('/wp-content/plugins/windowconfigurator/images/opening_types/three_wings/type_18.png');
}


.opening_directions .col-md-3,
.wing_types .col-md-3 {
    min-height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-size: contain;
    border: 1px solid #d0d0d0;
    border-right: none;
    border-top: none;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.opening_directions .col-md-3:last-child,
.opening_directions .col-md-3:nth-child(4n),
.wing_types .col-md-3:nth-child(4n) {
    border-right: 1px solid #d0d0d0;
}

.opening_directions .col-md-3:nth-child(1),
.wing_types .col-md-3:nth-child(1),
.opening_directions .col-md-3:nth-child(2),
.wing_types .col-md-3:nth-child(2),
.opening_directions .col-md-3:nth-child(3),
.wing_types .col-md-3:nth-child(3),
.opening_directions .col-md-3:nth-child(4),
.wing_types .col-md-3:nth-child(4) {
    border-top: 1px solid #d0d0d0;
}

.opening_directions input,
.wing_types input {
    display: none;
}

.staklopaket_1 {
    background: url('/wp-content/plugins/windowconfigurator/images/staklopaketi/glass-1.jpg');
}

.staklopaket_2 {
    background: url('/wp-content/plugins/windowconfigurator/images/staklopaketi/glass-2.jpg');
}

.staklopaket_3 {
    background: url('/wp-content/plugins/windowconfigurator/images/staklopaketi/glass-3.jpg');
}

.staklopaket_4 {
    background: url('/wp-content/plugins/windowconfigurator/images/staklopaketi/glass-4.jpg');
}

.staklopaket_5 {
    background: url('/wp-content/plugins/windowconfigurator/images/staklopaketi/glass-5.jpg');
}

.staklopaket_6 {
    background: url('/wp-content/plugins/windowconfigurator/images/staklopaketi/glass-6.jpg');
}

.product_group .col-md-6,
.staklopaket .col-md-6,
.handle .col-md-6,
.single_profile_wrapper{
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    border: solid 3px #fff;
}

.single_profile_wrapper{
    overflow: hidden;	
}

.staklopaket .col-md-6{
	height: 310px;
    overflow: hidden;
}

.product_group .col-md-6{
	height: 270px;
    overflow: hidden;
}

.handle .col-md-6{
	height: 270px;
    overflow: hidden;	
}

.product_group input,
.staklopaket input,
.handle input,
.single_profile_wrapper input {
    display: none;
}

.fn__window__handle--up {
    width: 31px;
    height: 6px;
    top: -11px;
    margin-left: -15px;
}

.fn__window__frame__outline {
	background:#fff;
}

.niche-control-wrapper {
    display: block;
    margin-bottom: 20px;
}

.niche-control-wrapper label, .niche-control-wrapper input {
    display: inline-block;
}

.niche-wrapper {
	position: absolute;
    top: 0;
    left: 0;
    right: 150px;
    bottom: 150px;
    width: auto;
	background:transparent;
}

.niche-wrapper .outside {
	background:transparent;
    position: absolute;
    z-index: 2;
    border-style: solid;
    border-top-color: #989898;
    border-right-color: #ababab;
    border-bottom-color: #d0d0d0;
    border-left-color: #ababab;
	transition-duration: 1s;
}

.niche-wrapper .outside_pervazi {
	background:transparent;
    position: absolute;
    z-index: 2;
    border-style: solid;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.niche-wrapper .kapachki {
	background:transparent;
    position: absolute;
	overflow:hidden;
    z-index: 2;
}

.niche-wrapper #pervaz {
	position: absolute;
    z-index: 3;
}

.niche-wrapper .sill_vorstand{
	background:transparent;
    position: absolute;
    z-index: 1;
    border-style: solid;
    border-right-color: transparent;
    border-left-color: transparent;
	border-top-color: transparent;
	border-bottom-color: #d0d0d0;
}


.sill_vorstand:after {
    content:"";
    height:20px; 
    width:100%; 
	background:url("https://fenster.dtc.bg/wp-content/plugins/windowconfigurator/images/Exterior.jpg");

}

.niche-wrapper .outside > span{
	position: absolute;
    z-index: 1;
    top: -36px;
    width: 100%;
    text-align: center;
    left: 0;
}

.night_mode.wall_texture .niche-wrapper .outside {
    background: transparent;
    position: absolute;
    z-index: 2;
    border-style: solid;
    border-top-color: #272727;
    border-right-color: #333333;
    border-bottom-color: #747474;
    border-left-color: #333;
/*     -webkit-box-shadow: 0px 0px 1px 1px #3a3939;
    -moz-box-shadow: 0px 0px 1px 1px #3a3939;
    box-shadow: 0px 0px 1px 1px #3a3939; */
	transition-duration: 1s;
}

.fn__window__wing__outline, 
.fn__window__frame__outline, 
.fn__window__handle,
#pervaz,
.sill_edge{
	transition-duration: 1s;
}

.night_mode.wall_texture .fn__window__wing__outline, 
.night_mode.wall_texture .fn__window__frame__outline, 
.night_mode.wall_texture .fn__window__handle{
	background:rgb(152, 152, 152);
}



.niche-wrapper .wall{
	background:transparent;
    position: absolute;
    z-index: 2;
	border:solid 100px #f3f3f3;
}

.niche-wrapper .shadow{
	background:transparent;
    position: absolute;
    z-index: 2;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 25px 0px rgba(255,255,255,1);
	box-shadow: 0px 0px 25px 0px rgba(255,255,255,1);
}

.night_mode .niche-wrapper .shadow{
	-webkit-box-shadow: 0px 0px 50px 0px rgba(255,255,255,0.6);
	-moz-box-shadow: 0px 0px 50px 0px rgba(255,255,255,0.6);
	box-shadow: 0px 0px 50px 0px rgba(255,255,255,0.6);
}

.niche-wrapper .bottom-rub {
	position: absolute;
	z-index:1;
    height: 17px;
    bottom: -17px;
    width: 124%;
    background-color: #fff;
    left: -38px;
    border-radius: 4px;
	background-image: linear-gradient(90deg, #ddd, #fff);
}

.loader {
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 120%;
    z-index: 9999;
    background-image: url('/wp-content/plugins/windowconfigurator/images/loader.gif');
    background-repeat: no-repeat;
    background-color: #FFF;
    background-position: center;
}

#add_to_cart,
#product_calculator_submit,
#product_calculator_summary,
#product_calculator_preview {
    font-family: 'Montserrat';
	font-style: normal;
}

#product_calculator_submit {
	color: #fff;
}

#product_calculator_summary {
    padding: 20px;
	background: #c3c3c3;
    box-shadow: 0 -5px 5px -5px #c4c4c4;
}

#item_dimensions fieldset {
    border-bottom: 1px solid #f3f3f3;
    display: flex;
    flex-direction: column;
    position: relative;
}

.product_group .col-md-6 img {
	border: 1px solid #f6f6f6;
}

.more_info {
    background: #f6f6f6;
    padding: 5px;
}

.more_info:empty,
.more_info_title:empty,
.more_info_text:empty,
.more_info_description:empty {
	display: none;
}

a.tooltip {
	font-size: 24px;
    color: #30abeb;
	cursor:pointer;
}

.fn__dimensions__marker .tooltip.tooltip_right {
	position: absolute;
    top: calc(50% - 9px);
    right: -40px;
}

.fn__dimensions__marker .tooltip.tooltip_bottom, .fn__dimensions__marker .tooltip.tooltip_top_bottom {
	position: absolute;
    bottom: -30px;
    left: calc(50% - 9px);
}

#product_calculator > div.col:nth-child(1) {
    padding-left: 0px;
    padding-right: 30px;
}

#product_calculator {
    display: flex;
}

#product_calculator_submit .fn__icon {
    color: #fff;
    font-size: 35px;
    height: 40px;
    width: 45px;
}

.fn_item_total_dimensions h3 {
    text-align: center;
}

#item_dimensions h2 {
    font-size: 22px !important;
}

#insect_second_heading {
    margin-top: 20px;
}

#item_dimensions h4 {
    background: #25aae3;
    padding: 5px 15px;
	border-radius: 2px;
    color: #fff;
    width: 70%;
    font-weight: 600;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .15);
}

#fn_niche {
    margin: 20px auto;
    padding: 0px;
}

.tooltip {
    position: relative;
    display: inline-block;
    opacity: unset;
    font-size: unset;
    z-index: unset;
}

.tooltiptext {
    visibility: hidden;
    width: max-content;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 3;
    font-size: 12px;
    margin-left: 5px;
}

.configurator_folien .tooltiptext.tooltip_left {
    max-width: 800px;
}

.tooltip.kapachki_info .tooltiptext.tooltip_left {
    max-width: 600px;
}

#product_calculator .col-md-4 .tooltiptext {
    max-width: 1000px;
}

.tooltiptext.tooltip_left{
    right: 20px;
    bottom: -10px;
	top: auto;
}

.configurator_Innensonnenschutz .tooltip_right .tooltiptext.tooltip_left {
    right: 20px;
    bottom: -395px;
    top: -300px;
}

.configurator_Innensonnenschutz .tooltip_top_bottom.to_top .tooltiptext.tooltip_left {
    right: 65px;
    bottom: -643px;
    top: -50px;
}

.configurator_Innensonnenschutz .tooltip_top_bottom.to_bottom .tooltiptext.tooltip_left {
    right: 65px;
}

.tooltiptext::before {
    content: '';
    position: absolute;
    top: 9px;
    left: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #000;
}

.tooltiptext.tooltip_left::before{
	bottom: 13px;
    right: -5px;
    left: auto;
    top: auto;
    border-left: 5px solid #000;
    border-right: none;
}

.configurator_Innensonnenschutz .tooltip_right .tooltiptext.tooltip_left::before {
    bottom: 398px;
}

.configurator_Innensonnenschutz .tooltip_top_bottom.to_top .tooltiptext.tooltip_left::before {
    bottom: 646px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.profile_group {
	clear:both;
}

.profile_group h2 {
    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600 !important;
}

.profile_more_info {
    background-color: #f3f3f3;
    display: grid;
    padding: 0 5px;
}

.profile_more_info p {
    margin-bottom: 10px;
    font-weight: 500;
}

.profile_more_info p:first-child {
    margin-top: 10px;
}

.single_profile_wrapper {
    margin-bottom: 10px;
    padding: 0px;
}

.single_profile_wrapper h3 {
    margin-top: 10px;
    text-align: center;
    font-weight: 500;
    background: #f3f3f3;
    margin-bottom: 5px;
    min-height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.secondary_options {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
	margin-top: -20px;
	margin-bottom: 10px;
}

.secondary_options > div:first-child {
	margin-right: 15px;
}

#fn_matt,
#fn_warm_edge,
#fn_al_prag,
#fn_podkasov_profil {
    width: 45%;
    background: #f3f3f3;
    min-height: 30px;
    padding: 5px 0px 5px 35px;
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 16px;
	margin-bottom: 20px;
}

.agree, .assistent {
    width: 100%;
    background: #f3f3f3;
    min-height: 30px;
    padding: 5px 0px 5px 35px;
	display: block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-size: 16px;
	margin-bottom: 20px;
}

#fn_al_prag,
#fn_podkasov_profil {
	width: 100%;
}

/* Hide the browser's default checkbox */
#fn_matt input,
#fn_warm_edge input,
#fn_al_prag input,
#fn_podkasov_profil input,
.assistent input,
.agree input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 9999;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
	width: 30px;
	background-color: #ccc;
}

.assistent > .checkmark {
	height: 50px;
	width: 50px;
}

/* On mouse-over, add a grey background color */
#fn_matt:hover input ~ .checkmark,
#fn_warm_edge:hover input ~ .checkmark,
#fn_al_prag:hover input ~ .checkmark,
#fn_podkasov_profil:hover input ~ .checkmark,
.assistent:hover input ~ .checkmark {
	background-color: #c3c3c3;
}

/* When the checkbox is checked, add a blue background */
#fn_matt input:checked ~ .checkmark,
#fn_warm_edge input:checked ~ .checkmark,
#fn_al_prag input:checked ~ .checkmark,
#fn_podkasov_profil input:checked ~ .checkmark,
.assistent input:checked ~ .checkmark,
.agree input:checked ~ .checkmark {
	background-color: #30abeb;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
#fn_matt input:checked ~ .checkmark:after,
#fn_warm_edge input:checked ~ .checkmark:after,
#fn_al_prag input:checked ~ .checkmark:after,
#fn_podkasov_profil input:checked ~ .checkmark:after,
.assistent input:checked ~ .checkmark:after,
.agree input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
#fn_matt .checkmark:after,
#fn_warm_edge .checkmark:after,
#fn_al_prag .checkmark:after,
#fn_podkasov_profil .checkmark:after,
.agree .checkmark:after {
	left: 11px;
	top: 5px;
	width: 10px;
	height: 15px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

div.assistent{
	height: 55px;
    padding: 5px;
    background-image: url("/wp-content/plugins/windowconfigurator/images/assistent.webp");
    background-size: 53px;
    background-repeat: no-repeat;
    background-position: right top;
    font-size: 30px;
    text-align: center;
    line-height: 50px;
    padding: 0;
}

#product_calculator div.assistent > .fa.fa-power-off {
	position: absolute;
    left: 10px;
    top: 2px;
}

.assistent .checkmark:after{
	left: 12px;
	top: 5px;
	width: 25px;
	height: 27px;
	border: solid white;
	border-width: 0 5px 5px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* The radio container */
.input_sep {
	display: block;
	position: relative;
	padding-left: 30px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 16px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 1.6;
}

.komarnik_spossen .input_sep:first-child,
.komarnik_lock .input_sep:nth-child(1),
.komarnik_lock .input_sep:nth-child(2),
.komarnik_window_type .input_sep:first-child,
.komarnik_wing_num .input_sep:first-child,
.komarnik_opening_direction .input_sep:first-child,
.folien_view .input_sep:nth-child(1),
.folien_view .input_sep:nth-child(2),
.folien_view .input_sep:nth-child(3),
.choice_collection_position .input_sep:nth-child(1),
.choice_collection_position .input_sep:nth-child(2),
.choice_collection_position .input_sep:nth-child(3),
.choice_lamel_size .input_sep:first-child,
.choice_adjustment .input_sep:first-child,
.folien_size_type .input_sep:first-child,
#fn_color_matt .input_sep:first-child {
	margin-right: 25px;
}

.schrage .input_sep:nth-child(1),
.schrage .input_sep:nth-child(2),
.schrage .input_sep:nth-child(3),
.schrage .input_sep:nth-child(4),
.schrage .input_sep:nth-child(5) {
    margin-right: 14px;
}

/* Hide the browser's default radio button */
.input_sep input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	width: 100%;
	left: 0;
	right: 0;
	height: 100%;
	z-index: 9999;
}

/* Create a custom radio button */
.input_sep .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #ccc;
	border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.input_sep:hover input ~ .checkmark {
	background-color: #c3c3c3;
}

/* When the radio button is checked, add a blue background */
.input_sep input:checked ~ .checkmark {
	background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.input_sep .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the indicator (dot/circle) when checked */
.input_sep input:checked ~ .checkmark:after {
	display: block;
}

/* Style the indicator (dot/circle) */
.input_sep .checkmark:after {
 	top: 7px;
	left: 7px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: white;
}

.video-play {
    background: #30abeb;
    color: #fff;
    line-height: 18px;
    padding: 7px 20px;
    font-size: 16px;
    text-align: center;
}

.video-play:hover {
    cursor: pointer;
    background: #188bbd;
}

/* =========== Responsive Styles =========== */

@media only screen and (max-device-width: 1024px) {
    /* For portrait layouts only */
    .configurator_folien .folien_view {
        flex-wrap: wrap;
    }
    
    .configurator_folien .folien_view .input_sep {
        min-width: 40%;
    }
}

@media (max-width:768px) {
	
    .assistent label {
        font-size: 23px;
    }

	#configurator_add_to_cart {
		width: unset;
	}
	
	#product_calculator {
		flex-direction: column;
	}
	
	#product_calculator_submit .cart_icon,
	#product_calculator_summary {
		display: none;
	}
	
	#product_calculator > div.col:nth-child(1) {
		padding-right: 0px;
	}
	
	#product_calculator_submit .fn__col__price,
	#product_calculator_submit .fn__col__delivery,
	#product_calculator_submit .fn__col__action {
		padding: 20px !important;
	}
    
    #product_calculator_submit .fn__col__price {
        width: 100%;
        min-height: 130px;
    }
	
	#product_calculator_submit .fn__col__label {
		padding-left: 20px !important;
	}
	
	.product_group .col-md-6 {
		height: auto;
	}

    .choice_collection_position {
        flex-wrap: wrap;
    }
	
    .choice_collection_position .input_sep {
        width: 35%;
    }
}

.last_vertical_2 {
    margin-right: 0px !important;
}