/* popup styles */
.popup-overlay { background: rgba(0, 0, 0, 0.8); position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%;}
.popup-content {position: absolute;background: #fff;width: 500px;margin: -58px 0 0 -264px;left: 50%;top: 30%;z-index: 10;padding: 35px 14px 14px;}
.close-popup {display: inline-block;position: absolute;top: 0;right: 0;font-size: 25px;width: 25px;height: 25px;text-align: center;padding: 0px 0px;line-height: 25px;background-color: #cc0000;color: #fff;cursor: pointer;}
.close-popup:hover{color: #fff;}
/* 
a { color: rgb(0, 159, 211); text-decoration: none; } */
/* .btn { background: rgb(0, 159, 211); color: #fff; border: 1px solid; display: inline-block; padding: 5px 20px; }
.btn:hover { background: #fff; color: rgb(0, 159, 211); } */
.popup { -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; }
.popup-content { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }

/* pop up datlich */
#popup-form{display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999999;height: 100%;width: 100%;}
#popup-form .title-main{margin-bottom: .75rem; }
#popup-form .title-main span{font-size: 20px;}
#popup-form .modal-content{background-color: rgb(0 0 0 / 75%);padding: 22px;border-radius: 5px;}
#popup-form .modal-content .modal-header{border-bottom: 0; padding-bottom: 0; justify-content: center; position: relative; }
#popup-form .modal-content .modal-header .btn-close{ background-color: var(--maincolor);position: absolute; right: -8px; top: -8px; z-index: 2; opacity: 1;border: 1px solid var(--maincolor);}
#popup-form .modal-content .modal-header .btn-close:focus{border: 0; box-shadow: none; }
#popup-form .modal-content .modal-header .btn-close i{color:#fff;}
#popup-form .modal-content .modal-header .title-main{margin-bottom: 33px; position: relative;}
#popup-form .modal-content .modal-header .title-main::before{ content: ""; background-color: #D9D9D9; width: 94px; height: 1px; position: absolute; bottom: -18px; left: 50%; transform: translateX(-50%); }
#popup-form .modal-content .modal-header .title-main span{font-size: 30px; color: #fff}
#popup-form .modal-content .modal-header .slogan-main{}
#popup-form .modal-content .modal-header .slogan-main span{color: #fff;}
#popup-form .modal-content .modal-body{padding: 1rem 1rem 0 1rem;}
#popup-form .modal-content .modal-body .layout-form form .newsletter-input{margin-bottom: 10px;}
#popup-form .modal-content .modal-body .layout-form form .newsletter-input input{background-color: #fff;color: #000;}
#popup-form .modal-content .modal-body .layout-form form .newsletter-input input::placeholder,#popup-form .modal-content .modal-body .layout-form form .newsletter-input textarea::placeholder{color: #000;}
#popup-form .modal-content .modal-body .layout-form form .newsletter-input input::-webkit-input-placeholder,#popup-form .modal-content .modal-body .layout-form form .newsletter-input textarea::-webkit-input-placeholder{color: #000;}
#popup-form .modal-content .modal-body .layout-form form .newsletter-input textarea{height: 100px;background-color: #fff;color: #000;}
#popup-form .modal-content .modal-footer{border-top: 0; padding-top: 0;    border-top: 0; padding-top: 0; margin: 0 auto 0; width: 30%; }
#popup-form .modal-content .modal-footer .btn-sm{text-transform: uppercase; height: 40px; background-color: var(--maincolor) !important; border-color: var(--maincolor) !important; color: #fff; font-size: 15px;padding: 10px 0;  } 
#popup-form .modal-content .modal-footer .btn-sm:hover{background-color: transparent !important; color: var(--maincolor);}

#form-quote{display: grid;position: relative;gap: 10px 0;}
#form-quote .newsletter-input {position: relative;width: 100%;}
#form-quote .newsletter-input input,#form-quote .newsletter-input textarea{background: #fff;color: #4d4d4d;height: 100%;padding: 7px 10px;border-radius: 0;width: 100%;}
#form-quote .newsletter-input input::-webkit-input-placeholder,#form-quote .newsletter-input textarea::-webkit-input-placeholder {color: #4d4d4d; }
#form-quote .newsletter-input input:-moz-placeholder,#form-quote .newsletter-input textarea:-moz-placeholder {/* Firefox 18- */ color: #4d4d4d; }
#form-quote .newsletter-input input::-moz-placeholder,#form-quote .newsletter-input textarea::-moz-placeholder {/* Firefox 19+ */ color: #4d4d4d; }
#form-quote .newsletter-input input:-ms-input-placeholder,#form-quote .newsletter-input textarea:-ms-input-placeholder {color: #4d4d4d; }
#form-quote .newsletter-input textarea{border-radius: 0px;height: 67px;}
#form-quote .newsletter-input textarea:focus{box-shadow: unset!important;}
#form-quote .newsletter-button {margin-top: 0;width: 32%;margin: 0 auto;}
#form-quote .newsletter-button input[type="submit"] {cursor: pointer;font-size: 14px;line-height: 25px;background-color: #DB8700 !important;padding: 5px 10px;border-radius: 0;color: #000;font-family: 'opensan-b';}
#form-quote .newsletter-button input[type="submit"]:hover{color: #fff; letter-spacing: .8px;transition: all .3s linear;}

@media (max-width:1024px){}
@media (max-width:870px){.popup-content{width: 90%;margin: -58px auto -264px;left: 5%;top: 25%;} }
@media (max-width:600px){.popup-content{width: 95%;margin: -58px auto -264px;left: 2.5%;top: 27%;} }
@media (max-width:425px){.popup-content{width: 96%; margin: -58px 8px -264px; left: 0%; top: 25%;} #form-quote .newsletter-button{width: 40%}}
@media (max-width:375px){}