/* ==================================================================================================================================================================
   - Plugin Name:Conformy - PHP Ajax Modern Contact Form - Author Name:Yucel Yilmaz - Author URI:https://codecanyon.net/user/aip_theme3434 -  Created Date:28 January 2020 - Last Update:21 January 2022 - Version:1.0.4 - File Name:kontakt.css
   =============================================================================================================================================================== */
/* ==========================================================================
   - BUTTOn
   ========================================================================== */
.default-button{border-radius:0.9375rem;display:inline-block;background-color:#870000;border:none;text-align:center;position:relative;overflow:hidden;padding:1.125rem 2.25rem;transition:all 0.25s ease;color:#fff!important}
.popup-btn{border-radius:0.9375rem;display:inline-block;border:none;text-align:center;position:relative;overflow:hidden;padding:0.75rem 1.875rem;transition:all 0.25s ease;color:#fff!important}
.popup-btn:after{content:"";position:absolute;border-radius:50%;transition:all 0.25s ease;background-color:rgba(0,0,0,0.247);width:6.25rem;height:6.25rem;margin-top:-3.125rem;margin-left:-3.125rem;top:50%;left:50%;animation:ripple 1s;opacity:0}
.popup-btn:focus:not(:active)::after{display:block}
.popup-btn.danger{background-color:#f27474}
.popup-btn.success{background-color:#870000}
.popup-btn.agree{background-color:#870000}
@keyframes ripple{from{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(10)}}
/* ==========================================================================
   - WRAP
   ========================================================================== */
.contact-form-wrap{border-radius:0.9375rem}
.contact-form-wrap .contact-form-group{position:relative;margin-bottom:1.875rem}
.contact-form-wrap .contact-form-group>i{left:0.875rem;top:0.875rem;width:2rem;height:2rem;position:absolute;text-align:center;line-height:2rem;border-radius:50%;display:inline-block;pointer-events:none;color:#870000;background:rgba(135,0,0,0.2);font-size:0.75rem;font-family:"fontawesome"}
.contact-form-wrap .contact-form-group .form-control{height:3.75rem;color:#000;outline:none;padding:0 3.75rem;font-size:0.9375rem;border:none;border-radius:0.9375rem;transition:all 0.25s ease;box-shadow:0 0.3125rem 1.25rem 0 rgba(61,82,96,0.15)}
@media screen and (max-width:576px){
.contact-form-wrap .contact-form-group .form-control{font-size:0.875rem}
}
.contact-form-wrap .contact-form-group .form-control:focus{outline:none;border:none;color:#000;box-shadow:0 1.4375rem 3.0625rem 0 rgba(61,82,96,0.15)}
.contact-form-wrap .contact-form-group #txtInput{padding-left:5.625rem}
.contact-form-wrap .contact-form-group #txtCaptchaSpan{position:absolute;top:50%;height:3.8125rem;padding-left:0.875rem;padding-right:0.875rem;transform:translateY(-50%);display:flex;align-items:center;background:#870000;color:#fff;border-radius:0.9375rem 0 0 0.9375rem}
.contact-form-wrap .contact-form-group textarea.form-control{height:auto;padding-top:1.25rem}
.contact-form-wrap .empty-form span,.contact-form-wrap .email-invalid span,.contact-form-wrap .phone-invalid span,.contact-form-wrap .terms-alert span,.contact-form-wrap .subject-alert span,.contact-form-wrap .security-alert span{display:block;padding:1.25rem;margin-bottom:0.625rem;border-radius:0.9375rem;color:#870000;background:rgba(135,0,0,0.2)}
#error_message{margin-top:1.875rem;display:block;padding:1.25rem;border-radius:0.9375rem;word-break:break-word;background:rgba(135,0,0,0.2);color:#870000}
/* ==========================================================================
   - MODAL
   ========================================================================== */
.custom-modal .modal-header{text-align:center;padding:1.25rem}
.custom-modal .modal-header h5,.custom-modal .modal-header button{color:#fff}
.custom-modal .modal-header button{background:transparent;outline:none;border:none}
.custom-modal .modal-header span{font-size:1.875rem;color:#870000}
.custom-modal .modal-header.danger{background:linear-gradient(90deg,rgba(182,38,49,1) 0%,rgba(182,38,49,1) 30%,rgba(255,255,255,1) 100%);color:#fff}
.custom-modal .modal-header.success{background:linear-gradient(90deg,rgba(135,0,0,1) 0%,rgba(135,0,0,1) 30%,rgba(255,255,255,1) 100%);color:#fff}
.custom-modal .modal-header.terms{background:linear-gradient(90deg,rgba(135,0,0,1) 0%,rgba(135,0,0,1) 30%,rgba(255,255,255,1) 100%);color:#fff;border-top-left-radius:0.9375rem;border-top-right-radius:0.9375rem}
.custom-modal .modal-body{padding:1.25rem}
.custom-modal .modal-body .form-popup-inner{text-align:center}
.custom-modal .modal-body .form-popup-inner .form-icon{margin-bottom:1.875rem}
.custom-modal .modal-body .form-popup-inner .form-icon svg{width:6.25rem;height:6.25rem;border-radius:50%}
.custom-modal .modal-body .form-popup-inner .form-icon.danger svg{fill:linear-gradient(90deg,rgba(182,38,49,1) 0%,rgba(182,38,49,1) 30%,rgba(255,255,255,1) 100%);stroke:linear-gradient(90deg,rgba(182,38,49,1) 0%,rgba(182,38,49,1) 30%,rgba(255,255,255,1) 100%);background:rgba(135,0,0,0.1)}
.custom-modal .modal-body .form-popup-inner .form-icon.success svg{fill:linear-gradient(90deg,rgba(182,38,49,1) 0%,rgba(182,38,49,1) 30%,rgba(255,255,255,1) 100%);stroke:linear-gradient(90deg,rgba(182,38,49,1) 0%,rgba(182,38,49,1) 30%,rgba(255,255,255,1) 100%);background:rgba(135,0,0,0.1)}
.custom-modal .modal-footer{padding:1.25rem;justify-content:center}
.path{stroke-dasharray:1000;stroke-dashoffset:0}
.path.circle{animation:dash 0.9s ease-in-out}
.path.line{stroke-dashoffset:1000;animation:dash 0.9s 0.35s ease-in-out forwards}
.path.check{stroke-dashoffset:-100;animation:dashCheck 0.9s 0.35s ease-in-out forwards}
@keyframes dash{
0%{stroke-dashoffset:1000}100%{stroke-dashoffset:0}
}
@keyframes dashCheck{
0%{stroke-dashoffset:-100}100%{stroke-dashoffset:900}
}
/* ==========================================================================
   - CONTROLS
   ========================================================================== */
.custom-control{padding:0}
.custom-control span{vertical-align:middle;margin-left:0.875rem;color:#000}
.custom-control span a{color:#870000;display:inline-block}
@media screen and (max-width:576px){
.custom-control span{font-size:0.875rem}
}
.custom-control .custom-control-label{margin-left:0;width:2rem;height:2rem;outline:none;display:block;position:relative;text-align:center;line-height:2rem}
.custom-control .custom-control-label:before{top:0;left:0;content:"";width:2rem;height:2rem;cursor:pointer;text-align:center;line-height:2rem;position:absolute;border:none!important;pointer-events:initial;border-radius:50%!important;display:inline-block;color:#870000;box-shadow:none!important;background:rgba(135,0,0,0.2);font-size:0.75rem;font-family:"fontawesome";font-weight:700}
.custom-control-input:checked~.custom-control-label::before,.custom-control-label:active::before,.custom-control-input:not(:disabled):active~.custom-control-label::before{border:none;content:"\f00c";background-color:rgba(135,0,0,1)}
.form-validate-icons{top:0;right:0.875rem;height:3.75rem;position:absolute;line-height:3.75rem}
.form-validate-icons span{opacity:0;visibility:hidden;transition:all 0.5s ease}
.form-validate-icons span:before{width:2rem;height:2rem;text-align:center;line-height:2rem;border-radius:50%;color:#fff;display:inline-block;font-size:0.875rem;font-family:"fontawesome";font-weight:700}
.form-validate-icons span.error{opacity:1;visibility:visible}
.form-validate-icons span.error:before{content:"\f00d";color:#f27474;background:rgba(242,116,116,0.2)}
.form-validate-icons span.success{opacity:1;visibility:visible}
.form-validate-icons span.success:before{content:"\f00c";color:#870000;background:rgba(135,0,0,0.2)}
/* ==========================================================================
   - SELECT WRAPPER
   ========================================================================== */
.custom-select-wrapper{position:relative}
.custom-select-wrapper select,.custom-select-wrapper .select-hide{display:none}
.custom-select-wrapper .select-selected{border-radius:0.9375rem;outline:none;padding:1.125rem 3.75rem;font-size:0.9375rem;border:none;cursor:pointer;transition:all 0.25s ease;background-color:#fff;color:#677294!important;box-shadow:0 0.3125rem 1.25rem 0 rgba(61,82,96,0.15)}
.custom-select-wrapper .select-selected:focus{outline:none;border:none;box-shadow:0 1.4375rem 3.0625rem 0 rgba(61,82,96,0.15)}
.custom-select-wrapper .select-selected:after{right:0.875rem;top:0.875rem;width:2rem;height:2rem;line-height:2rem;text-align:center;border-radius:50%;content:"\f078";position:absolute;pointer-events:none;display:inline-block;color:#870000;background:rgba(135,0,0,0.2);font-size:0.875rem;font-family:"fontawesome";font-weight:700}
.custom-select-wrapper .select-selected.select-arrow-active:after{content:"\f077"}
.custom-select-wrapper .select-items{top:100%;left:-1px;right:-1px;z-index:99;margin-top:0.625rem;position:absolute;background-color:#fff;border-radius:0.9375rem;border:1px solid #870000!important;box-shadow:0.1875rem 0.1875rem 0.3125rem 0 #870000!important}
.custom-select-wrapper .select-items .same-as-selected{background-color:#fff;border-bottom-color:#870000}
.custom-select-wrapper .select-items .same-as-selected:after{color:#fff;background:rgba(255,255,255,0.1)}
.custom-select-wrapper .select-items div{color:#000;outline:none;width:100%;display:block;padding:1.125rem 1.25rem 1.125rem 3.75rem;font-size:0.9375rem;border:none;cursor:pointer;transition:all 0.25s ease;position:relative;border-bottom:1px solid rgba(0,0,0,0.08)}
@media screen and (max-width:576px){
.custom-select-wrapper .select-items div{font-size:0.875rem}
}
.custom-select-wrapper .select-items div:focus{outline:none;border:none;box-shadow:0 1.4375rem 3.0625rem 0 rgba(61,82,96,0.15)}
.custom-select-wrapper .select-items div:last-child{border-bottom:0}
.custom-select-wrapper .select-items div:after{content:"\f061";left:0.875rem;top:0.875rem;width:2rem;height:2rem;z-index:14;position:absolute;text-align:center;line-height:2rem;border-radius:50%;display:inline-block;color:#870000;background:rgba(135,0,0,0.2);font-size:0.75rem;font-family:"fontawesome"}
.custom-select-wrapper .select-items div:hover{background-color:#870000;border-bottom-color:#870000;color:#fff}
.custom-select-wrapper .select-items div:hover:after{color:#fff;background:rgba(255,255,255,0.1)}
.custom-select-wrapper .select-items div:hover,.custom-select-wrapper .select-items div:active,.custom-select-wrapper .select-items div:focus{background:rgba(135,0,0,0.2)!important;color:#870000;border:none!important;text-decoration:none!important;border-bottom:none!important}
.custom-select-wrapper .select-items div::after{color:#870000!important;background:rgba(135,0,0,0.2)!important}
.custom-select-wrapper .select-items div{border-bottom:none!important;color:#6c757d}
.custom-control span a:hover{color:#000}
.form-icon{display:flex;justify-content:center;align-items:center}
.form-icon .icon{width:6.25rem;height:6.25rem;background:var(--opposite-color);text-align:center;line-height:6.25rem;border-radius:50%;color:#fff;font-size:3em}
.form-body p{color:#000}
/* ==========================================================================
   - COLOR OPTIONS
   ========================================================================== */
#colorOptionsSidebar{top:50%;right:0;z-index:7777;line-height:1;position:fixed;text-align:left;display:inline-block;transform:translateY(-50%);transition:all 0.4s ease}
#colorOptionsSidebar #colorOptionsSidebarToggle{top:0;left:-3.25rem;position:absolute;padding:1rem;font-size:1.25rem;color:#fff;border:none;background:#870000;transition:all 0.4s ease}
#colorOptionsSidebar .color-options-wrap{padding:0.9375rem 0.375rem 0.625rem 0.9375rem;max-width:13.6875rem;background:#fff;transition:all 0.4s ease;box-shadow:0 1.4375rem 3.0625rem 0 rgba(61,82,96,0.15);transform:translateX(100%)}
#colorOptionsSidebar .color-options-wrap.active{transform:translateX(0)}
#colorOptionsSidebar span{width:2.375rem;height:2.375rem;cursor:pointer;overflow:hidden;position:relative;border-radius:50%;margin:0.1875rem;display:inline-block}
#colorOptionsSidebar span.default{background:#870000}
#colorOptionsSidebar span.blue{background:#0652dd}
#colorOptionsSidebar span.red{background:#ea2027}
#colorOptionsSidebar span.yellow{background:#f79f1f}
#colorOptionsSidebar span.green{background:#6ab04c}
#colorOptionsSidebar span.pink{background:#fc427b}
#colorOptionsSidebar span.turquose{background:#01a3a4}
#colorOptionsSidebar span.purple{background:#b33771}
#colorOptionsSidebar span.blue2{background:#2e86de}
#colorOptionsSidebar span.orange{background:#ff7500}
#colorOptionsSidebar span.magenta{background:#6f1e51}
#colorOptionsSidebar span.orange2{background:#ff793f}
#colorOptionsSidebar span.active:after{content:"\f00c";top:0;left:0;width:100%;height:100%;display:flex;font-size:0.75rem;font-weight:600;color:#fff;text-align:center;position:absolute;align-items:center;justify-content:center;background:rgba(21,21,21,0.2);font-family:"fontawesome"}
/* ==========================================================================
   - FEATURES BOX
   ========================================================================== */
.features-box{padding:1.875rem;overflow:hidden;margin-bottom:1.875rem;background:#fff;text-align:center;border-radius:0.9375rem;box-shadow:0 0.375rem 0.625rem 0 rgba(61,82,96,0.15);transition:all 0.3s ease}
.features-box:hover{box-shadow:0 1.375rem 3.0625rem 0 rgba(61,82,96,0.15);transform:translateY(-0.625rem)}
.features-box .features-icon i{color:#fff;font-size:2.5rem;margin-left:0;display:inline-block;margin-bottom:1.25rem;line-height:6.25rem;width:6.25rem;height:6.25rem;border-radius:0.9375rem;background:#870000}